#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.html) 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.html) 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.html) 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.html) 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 {}
.visual {
	display:block;
	background:url('../images/kr/visual.png'),#6f6d68;
	background-repeat:no-repeat;
	background-position:top center;
	width:100%; 
	height:682px;
	}
.visual_m {display:none;}
.visual_en {
	display:block;
	background:url('../images/en/visual.png'),#6f6d68;
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:682px;
}
.visual_en_m {display:none;}
.customer {width:50%; float:left; overflow:hidden;}
.customerBox_t1 {width:50%; float:left; background:#958870; height:206px; color:#fff;}
.customerBox_t1 > p.title {margin-left:20px; margin-top:25px; margin-bottom:10px; font-size:20px; font-weight:600;}
.customerBox_t1 > p.title span {display:block; font-size:15px; margin-top:5px;}
.customerBox_t2 {width:50%; float:right;}
.notice {width:50%; float:left; overflow:hidden;}
.noticeBox_t1 {width:50%; float:left;}
.noticeBox_t1 > p.title {margin-left:20px; margin-top:25px; margin-bottom:19px; font-size:20px; font-weight:600; color:#333;}
.noticeBox_t1 ul.notice_list {margin-left:20px;}
.noticeBox_t1 ul.notice_list li {font-size:13px; line-height:180%; background:url('../images/kr/icon/notice_point.png') no-repeat 0 50%; text-indent:15px;}
.noticeBox_t2 {width:50%; float:right; background:#ec9b00; color:#fff; height:206px;}
.noticeBox_t2 > p.title {margin-left:20px; margin-top:25px; margin-bottom:19px; font-size:15px; font-weight:600;}
.noticeBox_t2 > p.txt {margin-left:20px; margin-right:20px; line-height:160%;}
.career {width:50%; float:left; background:url('../images/kr/icon/customer_icon.png') no-repeat 100% 100%;}
.career > p.title {margin-left:20px; margin-top:25px; margin-bottom:19px; font-size:20px; font-weight:600; color:#333;}
.career > p.txt {margin-left:20px; margin-bottom:19px; line-height:160%;}
.career > p.btn {margin-left:0px; margin-bottom:20px;}
.career > p.btn input {
	background:url('../images/kr/icon/arrow_t1.png'), #083d96;
	background-repeat:no-repeat;
	background-position:95% 50%, 100%;
	border:none; 
	color:#fff; 
	font-size:15px; 
	font-weight:600; 
	width:150px; 
	height:24px; 
	text-align:left;
	}
.location {
	width:50%; 
	float:left; 
	background:url('../images/kr/icon/location_icon.png'), #615848;
	background-repeat:no-repeat;
	background-position:100% 100%, 100%;
	color:#fff;
	}
.location > p.title {margin-left:20px; margin-top:25px; margin-bottom:30px; font-size:20px; font-weight:600;}
.location > p.txt {margin-left:20px; margin-bottom:30px; line-height:160%;}
.location > p.btn {margin-left:0px; margin-bottom:20px;}
.location > p.btn input {
	background:url('../images/kr/icon/arrow_t2.png'), #fff;
	background-repeat:no-repeat;
	background-position:95% 50%, 100%;
	border:none; 
	color:#615848; 
	font-size:15px; 
	font-weight:600; 
	width:150px; 
	height:24px; 
	text-align:left;
	}


#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 {}
}


@media all and (max-width:768px) {
.container {width:100%; 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%; margin-left:1rem;}
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-right:1rem; margin-top:18px;}
p.allMenu img {width:100%;}

#section {}
.visual {
	display:none;
	background:url('../images/kr/visual.png'),#6f6d68;
	background-repeat:no-repeat;
	background-position:top center;
	width:100%; 
	height:682px;
	}
.visual_m {display:block;}
.visual_m img {width:100%;}
.visual_en {
	display:none;
	background:url('../images/en/visual.png'),#6f6d68;
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:682px;
}
.visual_en_m {display:block;}
.visual_en_m img {width:100%;}
.customer {width:100%; float:left; overflow:hidden;}
.customerBox_t1 {width:100%; float:left; background:#958870; height:auto; color:#fff;}
.customerBox_t1 > p.title {margin-left:0px; margin-top:10px; margin-bottom:10px; font-size:20px; font-weight:600; text-align:center;}
.customerBox_t1 > p.title span {display:inline-block; font-size:15px; margin-top:5px; margin-left:10px;}
.customerBox_t1 > p.customerTel {background:#fff; text-align:center;}
.customerBox_t1 > p.customerContact {text-align:center;}
.customerBox_t2 {display:none; width:50%; float:right;}
.notice {width:100%; float:left; overflow:hidden;}
.noticeBox_t1 {width:100%; float:left;}
.noticeBox_t1 > p.title {margin-left:20px; margin-top:25px; margin-bottom:19px; font-size:20px; font-weight:600; color:#333;}
.noticeBox_t1 ul.notice_list {margin-left:20px; margin-bottom:20px;}
.noticeBox_t1 ul.notice_list li {font-size:13px; line-height:180%; background:url('../images/kr/icon/notice_point.png') no-repeat 0 50%; text-indent:15px;}
.noticeBox_t2 {width:100%; float:right; background:#ec9b00; color:#fff; height:auto; padding-bottom:20px;}
.noticeBox_t2 > p.title {margin-left:20px; margin-top:25px; margin-bottom:19px; font-size:15px; font-weight:600;}
.noticeBox_t2 > p.txt {margin-left:20px; margin-right:20px; line-height:160%;}
.career {width:100%; float:left; background:url('../images/kr/icon/customer_icon.png') no-repeat 100% 100%;}
.career > p.title {margin-left:20px; margin-top:25px; margin-bottom:20px; font-size:20px; font-weight:600; color:#333;}
.career > p.txt {margin-left:20px; margin-bottom:20px; line-height:160%;}
.career > p.btn {margin-left:20px; margin-bottom:20px; padding-left:0;}
.career > p.btn input {
	background:url('../images/kr/icon/arrow_t1.png'), #083d96;
	background-repeat:no-repeat;
	background-position:95% 50%, 100%;
	border:none; 
	color:#fff; 
	font-size:15px; 
	font-weight:600; 
	width:150px; 
	height:24px; 
	text-align:left;
	}
.location {
	width:100%; 
	float:left; 
	background:url('../images/kr/icon/location_icon.png'), #615848;
	background-repeat:no-repeat;
	background-position:100% 100%, 100%;
	background-size:60%;
	color:#fff;
	}
.location > p.title {margin-left:20px; margin-top:25px; margin-bottom:20px; font-size:20px; font-weight:600;}
.location > p.txt {margin-left:20px; margin-bottom:20px; line-height:160%;}
.location > p.btn {margin-left:20px; margin-bottom:20px; padding-left:0;}
.location > p.btn input {
	background:url('../images/kr/icon/arrow_t2.png'), #fff;
	background-repeat:no-repeat;
	background-position:95% 50%, 100%;
	border:none; 
	color:#615848; 
	font-size:15px; 
	font-weight:600; 
	width:150px; 
	height:24px; 
	text-align:left;
	}


#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;}
}