#wrapper {width:100%; margin:0 auto;}
.container {width:1024px; margin:0 auto; overflow:hidden;}

#header_wrap{position:relative; width:100%;z-index:1000}
/*화면 가로 사이즈*/
#header_wrap .header{width:1024px;margin:0 auto;z-index:100;} 
/*로고 위치*/
#header_wrap .header h1{padding-bottom:0px;height:80px}
#header_wrap .gnb_wrap{float:right; overflow:hidden;visibility:hidden; z-index:-99;}
#header_wrap .gnb_wrap > ul > li{float:left; padding:0 12px;}
/*메뉴 사이즈 및 메뉴 바 설정*/
#header_wrap .gnb_wrap > ul > li > a{display:block;font-size:18px;color:#333;line-height:80px; text-align:center;}
#header_wrap .gnb_wrap > ul > li.current > a,
#header_wrap .gnb_wrap > ul > li.actived > a{color:#ec9b00; font-weight:600;}
/*마지막 메뉴 바 설정*/
#header_wrap .gnb_wrap > ul:after {content:" ";display:block;clear:both;overflow:hidden}

#header_wrap .otherMenu{position:absolute;top:35px;right:0}
#header_wrap .otherMenu li{float:left;line-height:18px;padding-left:23px;background:url(../images/common/line_01.gif) 11px 5px no-repeat}
#header_wrap .otherMenu li img{vertical-align:middle}
#header_wrap .otherMenu li.last{padding-left:5px;background:none}
#header_wrap .otherMenu li.first{background:none}
/*서브 메뉴 위치 및 설정*/
#header_wrap .snb{text-align:left;}
#header_wrap .snb {padding-top:20px; border-top:1px solid #ddd;}
#header_wrap .snb > li{margin-bottom:10px;padding-left:0px}
#header_wrap .snb li a{font-size:13px;color:#333}
#header_wrap .snb li a:hover{color:#ec9b00}
#header_wrap p.snb_bg{position:absolute;top:101px;left:0;width:100%;overflow:hidden;display:none;background:url(../../images/common/snb_bg_black.png) repeat;background:rgba(0,0,0,0.8);border-bottom:1px solid #6a6a6a;z-index:10}
#header_wrap span.snb_drop{position:absolute;top:0;left:0;width:100%;height:5px;background:url(../../images/common/snb_drop_bg.gif) repeat-x}
#header_wrap span.gnb_bg_white{position:absolute;top:0;left:0;width:100%;height:65px;background-color:#fff;z-index:15}
#header_wrap span.gnb_bg_black{position:absolute;top:65px;left:0;width:100%;height:40px;background:url(../../images/common/gnb_bg02.png) repeat;background:rgba(0,0,0,0.8);z-index:15}

#header {width:100%; background:#fff; overflow:hidden;}
.langBox {width:100%; border-bottom:1px solid #ddd;}
p.lang {width:1024px; 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;}
ul.menu {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:none;}

#section {margin-bottom:100px;}
.visual {width:100%; height:290px; background:#e5e1d8; color:#333; margin-bottom:60px;}
.visual_company {
	width:100%; height:290px;
	background:url('../images/kr/visual_company.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
	}
.visual_gn {
	width:100%; height:290px;
	background:url('../images/kr/visual_gn.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual_business {
	width:100%; height:290px;
	background:url('../images/kr/visual_business.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual_career {
	width:100%; height:290px;
	background:url('../images/kr/visual_career.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual_community {
	width:100%; height:290px;
	background:url('../images/kr/visual_community.png'), #e5e1d8;
	background-repeat:no-repeat;
	background-position:top center;
}
.visual > p.title {font-size:40px; text-align:center; padding-top:60px; margin-bottom:60px;}
.visual > p.title span {display:block; font-size:15px; line-height:160%; padding-top:20px;}
ul.navi {width:1024px; 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:200px; font-size:15px; text-indent:10px;}
ul.navi::before {content:""; position:absolute; width:10px; height:55px; background:#ffba00; margin-left:1014px;}
ul.navi li.subMenu {width:200px; height:55px; line-height:55px; border-right:1px solid #ddd; box-sizing:border-box; text-indent:10px;}
.txt1 {font-size:28px; color:#ec9b00; text-align:center; margin-bottom:20px;}
.txt2 {font-size:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2 span {font-weight:600;}
.txt2::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:365px; margin-top:130px;}
.txt2_history {font-size:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2_history span {font-weight:600;}
.txt2_history::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:464px; margin-top:88px;}
.txt2_vision {font-size:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2_vision span.reMent {display:block; font-size:16px;}
.txt2_vision::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:428px; margin-top:130px;}
.txt2_buyer {font-size:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2_buyer span.reMent {display:block; font-size:16px; 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:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2_gn span.reMent {display:block; font-size:16px;}
.txt2_gn::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:360px; margin-top:130px;}
.txt2_notice {font-size:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2_notice span {font-weight:600;}
.txt2_notice::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:248px; margin-top:84px;}
.txt2_qna {font-size:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2_qna span {font-weight:600;}
.txt2_qna::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:446px; margin-top:84px;}
.txt2_career {font-size:28px; color:#000; text-align:center; line-height:140%; margin-bottom:60px;}
.txt2_career span {font-weight:600;}
.txt2_career::before {display:none; content:""; position:absolute; width:1px; height:38px; background:#ec9b00; margin-left:270px; margin-top:84px;}
/*company*/
.aboutBox {overflow:hidden;}
.aboutImg {float:left; margin-right:69px;}
.aboutTxt {float:left; width:520px; font-size:15px; color:#555; line-height:180%;}
.aboutTxt > span {display:inline-block; margin-left:30px;}
table.tbl_location {width:100%;}
table.tbl_location th {display:table-cell; font-weight:600; border-bottom:1px solid #ddd; width:20%;}
table.tbl_location th.tit {background:#a69073; text-align:left; color:#fff; padding:10px; border-bottom:none;}
table.tbl_location td {border-bottom:1px solid #ddd; width:30%; height:46px; text-indent:10px;}
table.tbl_location td span {display:none;}
.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:30px;}
.his_img {float:left; width:50%; text-align:center; margin-top:200px;}
.his_years {float:left; width:50%;}
.his_years > dl { margin-bottom:30px; margin-left:30px;}
.his_years > dl::before {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:28px;}
.his_years > dl dd {font-size:15px; line-height:160%;}
.vision_img {margin-bottom:50px;}
.tit_vision_t1 {font-family:arial; font-weight:900; font-size:47px; text-align:center; text-transform:uppercase; margin-bottom:30px;}
.tit_vision_t2 {font-size:29px; font-weight:600; text-align:center; margin-bottom:30px;}
ul.vision_icon {overflow:hidden; width:924px; margin:0 auto; margin-bottom:30px;}
ul.vision_icon li {float:left; width:290px; height:290px; border:1px solid #ddd; box-sizing:border-box; margin-right:27px; text-align:center; line-height:160%;}
ul.vision_icon li:last-child {margin-right:0;}
ul.vision_icon li span.tit {display:block; font-size:18px; font-weight:600; color:#333; padding-top:20px; margin-bottom:40px;}
ul.vision_icon li span.img1 {display:block; margin-bottom:60px;}
ul.vision_icon li span.img2 {display:block; margin-bottom:38px;}
ul.vision_icon li span.img3 {display:block; margin-bottom:16px;}
/*community*/
ul.community_search {width:100%; overflow:hidden; background:#f6f6f6; padding:15px; box-sizing:border-box;}
ul.community_search li {float:left;}
ul.community_search li:nth-child(1) {width:180px;}
ul.community_search li:nth-child(2) {width:400px;}
ul.community_search li:nth-child(3) {width:100px;}
ul.community_search li.num {float:right;}
ul.community_search li:first-child {margin-right:5px;}
select.catagory {width:180px; border:none; text-indent:10px; height:40px;}
select.pageNum {width:120px; border:none; text-indent:10px; height:40px;}
input.search_txt {width:400px; border:none; text-indent:10px; height:40px;}
input.search {width:100px; background:#444; border:none; color:#fff; font-size:16px; height:40px;}
table.community_list {width:100%; border-top:1px solid #444; margin-bottom:40px; margin-top:30px;}
table.community_list th {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.view {text-align:left;}
table.community_list td.date {font-size:12px; color:#808080; font-weight:normal;}
table.community_list td span.m_date {display:none;}
table.community_list_next {width:100%; border-top:1px solid #444; margin-bottom:40px;}
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:75%; text-align:left; text-indent:10px;}
table.community_list_next td span.m_prev {display:none; font-size:12px; color:#333; font-weight:600; padding-top:10px;}
table.community_list_next td span.m_date {display:none; font-size:12px; color:#808080; font-weight:normal; padding-top:10px;}
table.community_list_next td.date {width:15%; font-size:12px; color:#808080; font-weight:normal;}
table.community_list_next td:first-child {width:10%; background:#ddd;}
table.community_list_next td.prev {border-bottom:1px solid #f4f4f4;}
ul.community_view_tit {overflow:hidden; background:#f1f1f1; height:60px; line-height:60px; border-top:1px solid #444;}
ul.community_view_tit li {float:left; font-weight:600; font-size:16px; text-indent:10px; color:#444;}
ul.community_view_tit li.date {float:right; font-size:12px; 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:40px;}
table.community_write th {height:50px; text-align:center; font-weight:600; border-bottom:1px solid #ddd; background:#f1f1f1;}
table.community_write td {height:50px; font-weight:600; border-bottom:1px solid #ddd; padding-left:10px; box-sizing:border-box;}
table.community_write td span.qna_name_m {display:none;}
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:200px;}
input.tbl_mail_t1 {width:200px;}
input.tbl_mail_t2 {width:300px;}
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;}
.agree {margin-bottom:30px;}
.qna_end_icon {text-align:center; margin-bottom:30px;}
.qna_end_ment {text-align:center; font-size:18px; line-height:180%; margin-bottom:30px;}
/*business*/
ul.buyer_icon {overflow:hidden; width:924px; margin:0 auto; margin-bottom:30px;}
ul.buyer_icon li {float:left; width:290px; height:190px; margin-right:27px; margin-bottom:20px;}
ul.buyer_icon li:nth-child(3n) {margin-right:0;}
ul.product_icon {overflow:hidden; width:924px; margin:0 auto; margin-bottom:30px;}
ul.product_icon li {float:left; width:290px; height:290px; border:1px solid #ddd; box-sizing:border-box; margin-right:27px; margin-bottom:20px;}
ul.product_icon li:nth-child(3n) {margin-right:0;}
/*global network*/
.gn_img {display:block; margin-bottom:50px;}
.gn_img_m {display:none; margin-bottom:20px;}
.gn_img_m img {width:100%;}
.gnBox {position:absolute; background:rgba(255,255,255,0.8); font-size:16px; line-height:180%; margin-top:-260px; margin-left:50px; padding:30px 50px;}
.gnBox .gnBox_txt1 {font-family:arial; font-size:48px; 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:90px;}
.gnBox ul.gnBox_txt2_en {}
.gnBox ul.gnBox_txt2_en li {}
.gnBox ul.gnBox_txt2_en li > span {display:inline-block; width:140px;}
.gnAddress {width:924px; margin:0 auto; margin-bottom:30px; padding:20px; box-sizing:border-box; background:#ddd; font-weight:600; font-size:16px; line-height:160%;}
.gnAddress > span {display:block; font-size:18px; margin-bottom:10px;}
ul.gn_icon {overflow:hidden; width:924px; margin:0 auto; margin-bottom:30px;}
ul.gn_icon li {float:left; width:290px; height:290px; border:1px solid #ddd; box-sizing:border-box; margin-left:27px; margin-bottom:27px; text-align:center; line-height:160%;}
ul.gn_icon li:nth-child(3n+1) {margin-left:0;}
/*career*/
p.talentBox {position:absolute; font-size:18px; line-height:160%; margin-top:-260px; margin-left:50px;}
p.talentBox span.talent_txt1 {display:block; font-family:arial; font-size:48px; font-weight:700; color:#222; margin-bottom:20px;}
p.talentBox span.talent_txt2 {display:block; font-size:28px; font-weight:600; color:#222; margin-bottom:60px;}
.talent_img {margin-bottom:20px;}
ul.talent_icon {overflow:hidden; width:924px; margin:0 auto; margin-bottom:30px;}
ul.talent_icon li {float:left; width:290px; height:290px; border:1px solid #ddd; box-sizing:border-box; margin-right:27px; text-align:center; line-height:160%;}
ul.talent_icon li:last-child {margin-right:0;}
ul.talent_icon li span.tit {display:block; font-size:18px; font-weight:600; color:#333; padding-top:20px; margin-bottom:40px;}
ul.talent_icon li span.img1 {display:block; margin-bottom:60px;}
ul.talent_icon li span.img2 {display:block; margin-bottom:38px;}
ul.talent_icon li span.img3 {display:block; margin-bottom:16px;}

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 {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:left; padding:30px 0; margin-right:20px;}
#footer ul.copy {float:left; margin-top:40px;}
#footer ul.copy li {color:#fff; font-size:12px; line-height:160%;}


@media all and (min-width:769px) and (max-width:1023px) {
#wrapper {width:100%; margin:0 auto;}
.container {width:1024px; margin:0 auto;}

#header {}
p.allMenu {display:none;}

#section {}


#footer {}
}