@charset "utf-8";
/* Desktop First */

.container { width: 1200px; margin:0 auto;}
#menuWrap { display:none; position:fixed; width:100%; background:rgba(0,0,0,0.7); height:100vh; z-index:5;}
#menu { position:relative; max-width:1200px; width:100%; margin:0 auto; background:#fff; height: 60vh; margin-top:20vh; padding:50px ; box-sizing:border-box;min-height: 505px;}
#menu li { float:left; width:20%;}
#menu li > a.more { font-size:20px; font-weight:500; color:#333; border-bottom:1px solid #333;  border-top:2px solid #333; display:block; width:90%; margin:10px auto; padding:10px 0;}
#menu li.active > a.more, #menu li > a.more:hover { color:#ff9340;}
#menu li .submenu {width:90%; margin:10px auto; }
#menu li .submenu li { clear:both; width:100%; border-bottom:1px solid #eee;}
#menu li .submenu li a { padding:10px 0; display:inline-block;}
#menu li .submenu li.active a, #menu li .submenu li a:hover {color:#ff9340;}
.btn_close { position:absolute; right:0; bottom:0; width:80px; height:80px; line-height:80px; background:#666;}
.btn_close img { vertical-align:middle;}

#totalSchbox { display:none; position:absolute; width:100%; top:17px; left:0; height:1px; z-index:5;}
#totalSchbox .total_search_from{ position:relative; width:calc( 100% - 450px ); margin:0 auto; box-sizing:border-box;}
#totalSchbox input { display:inline-block; height: 55px; line-height: 55px; width: 100%; padding-left: 20px; background:#f5f5f5; border-radius:5px; font-size:20px}
#totalSchbox input::placeholder{ font-size:18px; color:#999; }
#totalSchbox button { position: absolute; right: 15px; top: 10px; width: 40px; height: 40px; text-indent: -999em; background: url('../images/icon_search.png') no-repeat center;}

#wrap { word-break:keep-all;}
#header { text-align:center; height:90px; position:fixed; top:0; width:100%; background:#fff; z-index:5;box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2); }
#logo { position:absolute; left:10px; top:14px;}
#utill { position:absolute; right:0; top:0; width:400px;}
#utill .btn_search { display:inline-block; width:40px; height:90px; text-indent:-999em; background:url('../images/icon_search.png') no-repeat center; margin-right:20px;}
#utill .lang_type { display:inline-block; height:90px; vertical-align:middle; margin-right:180px;}
#utill .lang_type a { display:inline-block; margin-top:30px; padding:0px 20px; background:url('../images/lang_icon.png') no-repeat left center;}
#utill ul { position:absolute; right:90px; background:#ff9340; display:inline-block; height:90px; min-width:120px;}
#utill ul li { border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#utill ul li:last-child { border-bottom:0;}
#utill ul li a { color:#fff; font-size:13px; display:inline-block; padding:0 10px; line-height:28px;}
#utill ul li a:hover { color:#fff600;}
.all_menu { position:absolute; right:0; top:0; width:90px; height:90px;}
.all_menu i { text-indent:-999em; position:relative; display:inline-block; left:0; top:0; height:2px; width:29px; background:#333;}
.all_menu i:before { content:''; position:absolute; right:0; top:10px; height:2px; width:29px; background:#333;}
.all_menu i:after { content:''; position:absolute; right:0; top:20px; height:2px; width:29px; background:#333;}

.gnb_bg { position:absolute; top:90px; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; display:none; background:rgba(255,255,255,0.9); height:320px; width:100%; zp}
#gnb { position:relative; width:1000px; margin:0 auto;}
#gnb > ul {position:relative;}
#gnb > ul > li { position:relative; display:inline-block; width:25%; float:left; height:86px;}
#gnb > ul > li:hover, #gnb > ul > li.active{ border-bottom:4px solid #ff9340;}
#gnb .submenu{ display:none; position:absolute;top:90px;left:0;width:100%;height:30px; z-index:4; border-left:1px solid #d6d7d8; height:271px; padding:20px 0 30px 0;}
#gnb .submenu li{display:block;line-height:30px; text-align:left;}
#gnb .submenu li a { display:inline-block; padding:0 20px; box-sizing:border-box; width:100%;}
#gnb > ul > li:hover .submenu{ background:rgba(255,255,255,0.9);}
#gnb li a.more { position:relative; display:inline-block; width:100%; font-size:18px; font-weight:600; color:#333; padding:30px 0; box-sizing:border-box;}
#gnb li a.more:after { content:''; position:absolute; right:0; top:42px; width:5px; height:5px; background:#333; border-radius:10px;}
#gnb > ul > li:last-child .submenu { border-right:1px solid #d6d7d8; }
#gnb > ul > li:last-child a.more:after{ display:none;}
#gnb > ul > li.active a.more { color: #ff9340;}
#gnb .active .active a { color: #ff9340;}
#gnb li a:hover { color:#ff9340}

#footer{ background:#2d3034; position:relative;text-align:center; padding-bottom:30px; font-size:15px; margin-top:50px;}
#footer.fullsection { height:auto;  }
#footer:before {content:''; position:absolute; left:0; top:0; width:100%; height:50px; background:#636675; z-index:1;}
#footer:after{content:''; position:absolute; left:0; top:105px; width:100%; height:1px; background:rgba(255, 255, 255, 0.1); z-index:1;}
.zone_list { color:#fff; position:relative; z-index:2; text-align:center; }
.zone_list li { display:inline; text-align:center; background:url('../images/main/zone_bar.png') no-repeat right center;}
.zone_list li:last-child{ background:none;}
.zone_list li a { display:inline-block; padding:0 8px 0 3px; line-height:50px; font-size:14px;}
.zone_list li a strong { font-weight:400;}
.zone_list li a span{color:#ff9340;}
.flink { width:50%; margin:10px auto;}
.fetc { display:inline-block;}
.fetc li { display:inline-block;}
.fetc li a { color:#a6a9ae; padding:0 8px; }
.fetc li a:hover { color:#fff;}
.fsns { display:inline-block; margin-left:10px;}
.fsns li { display:inline-block; padding:0 2px;}
address {display:block; color:#a6a9ae; margin-top:20px;}
.copyright { color:#5c5f64; font-size:13px;}

.font_c { color:#ff9340;}
.font_s20 { font-size:20px;}
.font_b5 { font-weight:500;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt80 { margin-top:80px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}

@media (max-width: 1500px) {
	#gnb { width:calc(100% - 500px); margin:0 auto 0 180px}
	#gnb li.p { width:auto; }
	#gnb a.more:after{ display:none;}

	#utill ul { min-width:auto;}
	#utill .lang_type { margin-right:90px;}
	#utill .btn_search {  margin-right:10px;}
	#totalSchbox .total_search_from {    width: calc( 100% - 380px );}
}
@media (max-width: 1024px) {

	.mt10 { margin-top:5px;}
	.mt20 { margin-top:10px;}
	.mt30 { margin-top:15px;}
	.mt40 { margin-top:20px;}
	.mt50 { margin-top:30px;}
	.mt60 { margin-top:40px;}
	.mt70 { margin-top:50px;}
	.mt80 { margin-top:60px;}
	.mb10 { margin-bottom:5px;}
	.mb20 { margin-bottom:10px;}
	.mb30 { margin-bottom:15px;}
	.mb40 { margin-bottom:20px;}
	.mb50 { margin-bottom:30px;}
	.mb60 { margin-bottom:40px;}
	.mb70 { margin-bottom:50px;}
	.mb80 { margin-bottom:60px;}

	#gnb { display:none;}
	.zone_list li { width:14.2857%; }
	.zone_list li a { line-height:1.2; padding:10px 5px;font-size:12px;}
	.zone_list li a span { display:block; font-size:14px;}

}

@media (max-width: 768px) {
	#totalSchbox input::placeholder{ font-size:14px;}
	#menu { width:280px; right:0; top:0; height:100vh; position:fixed; z-index:10; margin:0; overflow-y:scroll; padding:60px 0 0 0;}
	.menu_utill { position:absolute; left:0; top:0; width:100%; background: #636675; }
	.menu_utill a { width:111px; display:inline-block; line-height:29px; float:left;  color:#fff;  border-right:1px solid #767986; box-sizing:border-box; }
	.menu_utill a:last-child { width:calc( 100% - 40px ); border-top:1px solid #767986; line-height:30px;}
	#menu li { width:100%;}
	.btn_close { position:fixed; top:0; width:60px; height:60px; line-height:60px; background:#333;}
	#menu li > a.more { width:100%; text-align:left; padding-left:20px; box-sizing:border-box;  background:url('../images/menu_icon01.png') no-repeat 95% center; border-top:0; margin-bottom:0;font-size:18px; margin:0; border-bottom:1px solid #636675;}
	#menu li .submenu { display:none; width:100%; background:#f8f8f8; margin:0; }
	#menu li .submenu li { float:none; display:block; text-align:left;}
	#menu li .submenu li a { padding-left:20px; display:block;}
	#menu li .submenu li:last-child{border-bottom:1px solid #ccc;}
	#menu li.active  .submenu{ display:block;}
	#menu li.active > a.more { background:url('../images/menu_icon02.png') no-repeat 95% center; }
	#menu li.active:first-child > a.more { background:none;}
	.zone_list li a strong i{ display:none;}
	.flink { width:100%;}

}

@media (max-width: 639px) {
	#wrap { font-size:14px;}
	#header { height:60px;}
	#logo { width:100px; top:8px;}
	#utill ul { display:none;}
	#utill .btn_search {position:absolute; right:100px;width:60px; height:60px;}
	#utill .lang_type { margin-right:0px; position:absolute; right:60px; height:60px;}
	#utill .lang_type a { margin-top:20px; padding:0 5px 0 20px;}
	.all_menu { width:60px; height:60px;}
	#totalSchbox { top:0px;background:#fff; height:60px;  width: calc(100% - 40px)}
	#totalSchbox .total_search_from { width: 100%; padding:0 15px; margin-top:10px;  }
	#totalSchbox input { height:40px; }
	#totalSchbox button { right: 15px; top: 0px; }
	#footer { margin-top:30px;}
	#footer:before { height:80px;}
	#footer:after { display:none;}
	.zone_list { padding-top:10px;}
	.zone_list li { width:33.3%;}
	.zone_list li a { padding:8px;}
	.zone_list li a span { display:inline-block;; }
	.flink { width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
	.fetc li a { font-size:13px;}
	address, .copyright { padding:0 20px;}
	address span { display:block;}

}
@media (max-width: 500px) {
	#footer:before { height:70px;}
	.zone_list li a { padding:5px 0;}
	.fsns { margin:10px 0;}

}
@media (max-width: 400px) {
	#footer:before { height:95px;}

}