@media all and (max-width:768px) {
.container {width:94%; margin:0 auto; overflow:hidden;}

#header_wrap{display:none; position:relative; width:100%;z-index:1000}

#header {width:100%; background:#fff; overflow:hidden;}
.langBox {width:100%; border-bottom:1px solid #ddd;}
p.lang {width:100%; margin:0 auto; overflow:hidden;}
p.lang span {display:block; float:right; text-transform:uppercase; font-size:12px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
p.lang span a {display:block; padding:7px 12px;}
p.lang span a:hover {font-weight:600;}
h1 {float:left; width:50%;}
h1 img {width:100%;}
ul.menu {display:none; overflow:hidden; float:right;}
ul.menu li {float:left; line-height:80px; font-size:18px; font-weight:600; margin-left:50px;}
ul.menu li:first-child {margin-left:0;}
ul.menu li a {display:block; color:#333;}
ul.menu li a:hover, ul.menu li a.active {color:#ec9b00;}
p.allMenu {display:block; float:right; width:10%; margin-top:18px;}
p.allMenu img {width:100%;}

#section {margin-bottom:30px;}
.visual {width:100%; height:202px; background:#e5e1d8; color:#333; margin-bottom:20px;}
.visual_company {
	width:100%; height:202px;
	background:url('../images/kr/visual_company.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual_gn {
	width:100%; height:202px;
	background:url('../images/kr/visual_gn.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual_business {
	width:100%; height:202px;
	background:url('../images/kr/visual_business.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual_career {
	width:100%; height:202px;
	background:url('../images/kr/visual_career.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual_community {
	width:100%; height:202px;
	background:url('../images/kr/visual_community.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual > p.title {font-size:1.5rem; text-align:center; padding-top:30px; margin-bottom:30px;}
.visual > p.title span {display:block; font-size:0.75rem; line-height:160%; padding-top:20px;}
ul.navi {width:100%; margin:0 auto; overflow:hidden; background:#fff; border-bottom:1px solid #ddd; box-sizing:border-box;}
ul.navi li {float:left;}
ul.navi li > select {border:none; border-right:1px solid #ddd; height:55px; width:100%; font-size:15px; text-indent:10px; box-sizing:border-box;}
ul.navi li:first-child {width:55px;}
ul.navi li:nth-child(3) {width:100%; padding-left:55px; box-sizing:border-box; position:absolute;}
ul.navi::before {display:none; content:""; position:absolute; width:10px; height:55px; background:#ffba00; margin-left:1014px;}
ul.navi li.subMenu {display:none; width:200px; height:55px; line-height:55px; border-right:1px solid #ddd; box-sizing:border-box; text-indent:10px;}
.txt1 {font-size:1.125rem; color:#ec9b00; text-align:center; margin-bottom:10px;}
.txt2 {width:94%; margin:0 auto; font-size:1rem; color:#000; text-align:center; line-height:140%; margin-bottom:20px;}
.txt2 span {font-weight:600;}
.txt2::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:490px; margin-top:150px;}
.txt2_vision {font-size:1rem; color:#000; text-align:center; line-height:140%; margin-bottom:20px;}
.txt2_vision span.reMent {display:block; font-size:0.75rem; line-height:140%; margin-top:10px;}
.txt2_vision::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:490px; margin-top:140px;}
.txt2_buyer {font-size:1rem; color:#000; text-align:center; line-height:140%; margin-bottom:20px;}
.txt2_buyer span.reMent {display:block; font-size:0.75rem; line-height:160%; padding-top:10px;}
.txt2_buyer::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:452px; margin-top:130px;}
.txt2_gn {font-size:1rem; color:#000; text-align:center; line-height:140%; margin-bottom:20px;}
.txt2_gn span.reMent {display:block; font-size:0.75rem; line-height:140%; margin-top:10px;}
.txt2_gn::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:384px; margin-top:130px;}
.txt2_notice {font-size:1rem; color:#000; text-align:center; line-height:140%; margin-bottom:20px;}
.txt2_notice span {font-weight:600;}
.txt2_notice::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:258px; margin-top:84px;}
.txt2_qna {font-size:1rem; color:#000; text-align:center; line-height:140%; margin-bottom:20px;}
.txt2_qna span {font-weight:600;}
.txt2_qna::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:480px; margin-top:84px;}
.txt2_career {font-size:1rem; color:#000; text-align:center; line-height:140%; margin-bottom:20px;}
.txt2_career span {font-weight:600;}
.txt2_career::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:284px; margin-top:84px;}
/*company*/
.aboutBox {overflow:hidden;}
.aboutImg {float:left; margin-right:0px; margin-bottom:10px;}
.aboutImg  img {width:100%;}
.aboutTxt {float:left; width:100%; font-size:0.75rem; color:#555; line-height:180%;}
.aboutTxt > span {display:inline-block; margin-left:30px;}
table.tbl_location {width:100%;}
table.tbl_location th {display:none; font-weight:600; border-bottom:1px solid #ddd; width:20%;}
table.tbl_location th.tit {display:block; background:#a69073; text-align:left; color:#fff; padding:10px; border-bottom:none; width:100%;}
table.tbl_location td {border-bottom:1px solid #ddd; width:30%; height:46px; text-indent:0px; font-size:0.75rem; padding-bottom:5px;}
table.tbl_location td span {display:block; font-size:1rem; font-weight:600; margin:5px 0;}
.location_map {width:100%; height:360px;}
.hisBox {overflow:hidden;}
.hisBox::before {content:""; position:absolute; width:1px; height:650px; background:#ddd; margin-left:512px;}
.history_img {margin-bottom:20px;}
.history_img img {width:100%;}
.his_img {display:none; float:left; width:50%; text-align:center; margin-top:200px;}
.his_years {float:left; width:100%;}
.his_years > dl {width:100%; margin-bottom:10px; margin-left:0px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.his_years > dl::before {display:none; content:""; position:absolute; width:11px; height:11px; background:#ddd; border-radius:6px; margin-left:-35px; margin-top:16px;}
.his_years > dl dt {font-family:arial; font-weight:900; font-size:1.25rem;}
.his_years > dl dd {font-size:0.75rem; line-height:160%;}
.vision_img {margin-bottom:20px;}
.vision_img img {width:100%;}
.tit_vision_t1 {font-family:arial; font-weight:900; font-size:2.5rem; text-align:center; text-transform:uppercase; margin-bottom:10px;}
.tit_vision_t2 {display:none; font-size:1.5rem; font-weight:600; text-align:center; margin-bottom:20px;}
ul.vision_icon {overflow:hidden; width:100%; margin:0 auto; margin-bottom:20px; margin-top:0px;}
ul.vision_icon li {float:left; width:100%; height:auto; border:1px solid #ddd; box-sizing:border-box; margin-right:27px; text-align:center; line-height:160%; margin-bottom:10px; padding-bottom:20px; font-size:0.75rem;}
ul.vision_icon li:last-child {margin-right:0;}
ul.vision_icon li span.tit {display:block; font-size:1.25rem; font-weight:600; color:#333; padding-top:20px; margin-bottom:20px;}
ul.vision_icon li span.img1 {display:block; margin-bottom:20px;}
ul.vision_icon li span.img2 {display:block; margin-bottom:20px;}
ul.vision_icon li span.img3 {display:block; margin-bottom:20px;}
/*community*/
ul.community_search {width:100%; overflow:hidden; background:#f6f6f6; padding:5px; box-sizing:border-box;}
ul.community_search li {float:left;}
ul.community_search li:nth-child(1) {width:30%;}
ul.community_search li:nth-child(2) {width:50%;}
ul.community_search li:nth-child(3) {width:20%;}
ul.community_search li.num {float:right; display:none;}
ul.community_search li:first-child {margin-right:0px;}
select.catagory {width:100%; border-right:1px solid #ddd; text-indent:5px; height:40px;}
select.pageNum {width:100%; border:none; text-indent:5px; height:40px;}
input.search_txt {width:100%; border:none; text-indent:5px; height:40px;}
input.search {width:100%; background:#444; border:none; color:#fff; font-size:0.75rem; height:40px;}
table.community_list {width:100%; border-top:1px solid #444; margin-bottom:20px;}
table.community_list th {display:none;height:50px; font-weight:600; background:#eee;}
table.community_list td {height:64px; text-align:center; font-weight:600; border-bottom:1px solid #ddd;}
table.community_list td.listNum {display:none;}
table.community_list td.view {text-align:left; padding-left:10px; box-sizing:border-box; font-size:0.875rem}
table.community_list td.date {display:none; font-size:12px; color:#808080; font-weight:normal;}
table.community_list td span.m_date {display:block; font-size:12px; color:#808080; font-weight:normal; padding-top:10px;}
table.community_list_next {width:100%; border-top:1px solid #444; margin-bottom:20px;}
table.community_list_next td {height:64px; text-align:center; font-weight:600; border-bottom:1px solid #ddd;}
table.community_list_next td.view {width:60%; text-align:left; text-indent:10px; font-size:0.875rem;}
table.community_list_next td.view a {display:block; width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
table.community_list_next td span.m_prev {display:inline-block; font-size:12px; color:#333; font-weight:600; padding-top:10px;}
table.community_list_next td span.m_date {display:inline-block; font-size:12px; color:#808080; font-weight:normal; padding-top:10px;}
table.community_list_next td.date {display:none; width:20%; font-size:12px; color:#808080; font-weight:normal;}
table.community_list_next td:first-child {display:none; width:20%; background:#ddd;}
table.community_list_next td.prev {border-bottom:1px solid #f4f4f4;}
table.community_list_next td.next {}
ul.community_view_tit {overflow:hidden; background:#f1f1f1; line-height:160%; border-top:1px solid #444; padding:10px 0;}
ul.community_view_tit li {float:none; font-weight:600; font-size:0.875rem; text-indent:0px; color:#444; padding-left:10px; box-sizing:border-box;}
ul.community_view_tit li.date {display:block; float:left; font-size:0.75rem; font-weight:normal; color:#808080; margin-right:10px;}
p.community_view_txt {min-height:300px; padding:10px; box-sizing:border-box; line-height:160%; border-bottom:1px solid #ddd; margin-bottom:10px;}
table.community_write {width:100%; border-top:1px solid #444; margin-bottom:20px;}
table.community_write th {display:none; height:50px; text-align:center; font-weight:600; border-bottom:1px solid #ddd; background:#f1f1f1;}
table.community_write td {width:100%; height:50px; font-weight:600; border-bottom:1px solid #ddd; padding-left:0px; box-sizing:border-box; padding:5px 0;}
table.community_write td span.qna_name_m {display:block; font-size:0.875rem; margin-bottom:5px; margin-top:5px;}
p.btn {width:100%; text-align:center; margin-bottom:50px;}
textarea.tbl_write {height:180px; width:100%; padding:10px; box-sizing:border-box; margin:10px 0;}
input.tbl_tit {width:100%;}
input.tbl_name {width:100%;}
input.tbl_mail_t1 {width:40%;}
input.tbl_mail_t2 {width:50%;}
input.list {width:120px; height:40px; background:#444; font-size:16px; color:#fff; border:none;}
input.regis {width:120px; height:40px; background:#0054aa; font-size:16px; color:#fff; border:none;}
.terms_tit {font-size:16px; font-weight:600; color:#333; margin-bottom:10px;}
.terms {width:100%; height:100px; border:1px solid #ddd; box-sizing:border-box; overflow:scroll; overflow-x:hidden; padding:10px; line-height:160%; margin-bottom:10px; font-size:0.75rem;}
.agree {margin-bottom:30px; font-size:0.75rem;}
.qna_end_icon {text-align:center; margin-bottom:30px;}
.qna_end_icon img {width:40%;}
.qna_end_ment {text-align:center; font-size:0.75rem; line-height:180%; margin-bottom:30px;}
/*business*/
ul.buyer_icon {overflow:hidden; width:100%; margin:0 auto; margin-bottom:30px;}
ul.buyer_icon li {float:left; width:49%; height:auto; margin-right:0; margin-bottom:20px;}
ul.buyer_icon li:nth-child(3n) {margin-right:0;}
ul.buyer_icon li:nth-child(2n) {float:right;}
ul.buyer_icon li img {width:100%;}
ul.product_icon {overflow:hidden; width:100%; margin:0 auto; margin-bottom:30px;}
ul.product_icon li {float:left; width:49%; height:150px; border:1px solid #ddd; box-sizing:border-box; margin-right:0px; margin-bottom:20px;}
ul.product_icon li:nth-child(3n) {margin-right:0;}
ul.product_icon li:nth-child(2n) {float:right;}
/*global network*/
.gn_img {display:none;}
.gn_img_m {display:block; margin-bottom:20px;}
.gn_img_m img {width:100%;}
.gnBox {position:relative; background:rgba(255,255,255,0.8); font-size:0.75rem; line-height:180%; margin-top:-20px; margin-left:0px; padding:0px;}
.gnBox .gnBox_txt1 {font-family:arial; font-size:2rem; font-weight:700; color:#222; margin-bottom:20px;}
.gnBox ul.gnBox_txt2 {}
.gnBox ul.gnBox_txt2 li {}
.gnBox ul.gnBox_txt2 li > span {display:inline-block; width:70px;}
.gnBox ul.gnBox_txt2_en {}
.gnBox ul.gnBox_txt2_en li {}
.gnBox ul.gnBox_txt2_en li > span {display:inline-block; width:90px;}
.gnAddress {width:100%; margin:0 auto; margin-bottom:30px; margin-top:-30px; padding:10px; box-sizing:border-box; background:#ddd; font-weight:600; font-size:0.75rem; line-height:160%;}
.gnAddress > span {display:block; font-size:0.875rem; margin-bottom:10px;}
ul.gn_icon {overflow:hidden; width:100%; margin:0 auto; margin-bottom:0px; margin-top:-30px;}
ul.gn_icon li {float:left; width:100%; height:auto; border:1px solid #ddd; box-sizing:border-box; margin-right:27px; text-align:center; line-height:160%; margin-bottom:10px; padding-bottom:0px; font-size:0.75rem;}
ul.gn_icon li:last-child {margin-right:0;}
/*career*/
p.talentBox {position:relative; font-size:0.75rem; line-height:160%; margin-top:-20px; margin-left:0px; margin-bottom:20px;}
p.talentBox span.talent_txt1 {display:block; font-family:arial; font-size:2rem; font-weight:700; color:#222; margin-bottom:15px;}
p.talentBox span.talent_txt2 {display:block; font-size:1.25rem; font-weight:600; color:#222; margin-bottom:15px;}
.talent_img {margin-bottom:20px;}
.talent_img img {width:100%;}
ul.talent_icon {overflow:hidden; width:100%; margin:0 auto; margin-bottom:20px; margin-top:-30px;}
ul.talent_icon li {float:left; width:100%; height:auto; border:1px solid #ddd; box-sizing:border-box; margin-right:27px; text-align:center; line-height:160%; margin-bottom:10px; padding-bottom:20px; font-size:0.75rem;}
ul.talent_icon li:last-child {margin-right:0;}
ul.talent_icon li span.tit {display:block; font-size:1.25rem; font-weight:600; color:#333; padding-top:20px; margin-bottom:20px;}
ul.talent_icon li span.img1 {display:block; margin-bottom:20px;}
ul.talent_icon li span.img2 {display:block; margin-bottom:20px;}
ul.talent_icon li span.img3 {display:block; margin-bottom:20px;}

p.page {display:inline-block; text-align:center; width:100%;}
p.page a {display:inline-block; width:34px; height:34px; line-height:34px; padding:0;}
p.page a.active {border:1px solid #0797de; color:#0797de; box-sizing:border-box;}
p.page img {vertical-align:middle;}


#footer {width:100%; background:#2f2f2f;}
#footer .fMenuBox {display:none; width:100%; background:#262626;}
#footer .fMenuBox ul.fMenu {width:1024px; margin:0 auto; overflow:hidden;}
#footer .fMenuBox ul.fMenu li {float:left; font-size:14px; line-height:44px; margin-right:28px;}
#footer .fMenuBox ul.fMenu li a {display:block; color:#fff;}
#footer p.logo {float:none; padding:10px 0; margin-right:0px; text-align:center;}
#footer ul.copy {float:none; margin-top:0px; padding-bottom:10px;}
#footer ul.copy li {color:#fff; font-size:0.75rem; line-height:160%; text-align:center;}
#footer ul.copy li span {display:block;}
#footer ul.copy li:last-child {font-size:0.5rem; margin-top:5px;}
}