@charset "utf-8";

/*
================================================================================
LAYOUT
================================================================================
*/

/* 검색기본 */
.DivSelectyze {position:relative}
.DivSelectyze .selectyzeValue {position:relative;z-index:10;display:block;text-decoration:none;}
.DivSelectyze ul {list-style:none;}
.DivSelectyze .UlSelectize {position:absolute;z-index:9999;display:none;}
.DivSelectyze li a {display:block;text-decoration:none;}
.optgroupTitle {display:block;}


#wrapper{width:100%;min-width:320px}

/* ---- 상단영역 ---- */
header{position: absolute; top:0;left:0;width:100%; background:#fff; z-index:30}
header.line {border-bottom: 1px solid #de3d3a;}
header .head_box{position:relative;margin:0 auto; width:1100px; min-height:85px;}
header .head_box .logo{padding:15px 0 0 0; text-align:left; float: left; position:absolute;}
header .head_box .logo img { margin:0 auto;}

/*util*/
header .head_box .topGlob{position:absolute; top:19px; right:65px; white-space:nowrap; z-index:501; }
header .head_box .topGlob li {display:block; float:left; margin:0; padding-left:1px;height:45px;letter-spacing:normal;vertical-align:top;}
header .head_box .topGlob li a{font-weight:bold;font-size: 14px;color:#000; text-transform: uppercase; line-height:50px; padding-left:10px;}
header .head_box .topGlob li a:hover{ text-decoration:none;}

header .head_box .btn_allMenu{display:block;position:absolute;top:22px;right:0;width:45px; z-index:501}
header .head_box .btn_allMenu a{display:block;height:45px; width:45px; border-radius:50%; text-indent:-999px;overflow:hidden;}
header .head_box .btn_allMenu a.btnOpen:hover{ background-color:#bb201d;  transition: all 0.3s;}
header .head_box .btn_allMenu a.btnOpen{background:#de3d3a url('../img/common/btn_menu.gif') no-repeat center center; background-size:45%;}
header .head_box .btn_allMenu a.btnClose{display:none;background:#bb201d url('../img/common/btn_close.png') no-repeat center center;}

header .head_box .btn_menu,
header .mb_gnb{display:none;}

.subnavWrap{position: relative; height:40px; background:#d1d5d8; z-index:9; border-bottom:1px solid #7a7e82;}
.subnavWrap div{position: relative; width:980px; margin:0 auto;}
.subnavWrap .subnav li{ position:relative; display:block;float:left; font-size:15px; background: url('../img/common/subNB_arrow.png') no-repeat 90% 17px; border-right:1px solid #7a7e82; width: 220px;}
.subnav li a{ color:#364858; display:block; padding: 0 45px 0 25px; color:#364858;font-weight:300; line-height:40px;}
.subnav li:first-child{ border-left:1px solid #7a7e82; background:none; margin-right:0; width:auto;}
.subnav li:first-child a{background:url(../img/common/ic_home.png) no-repeat center center; padding:0 20px; text-indent:-5000px; }
.subnav .subMn ul{ position:absolute; left:-1px; top:39px; background:#fff; border:1px solid #d1d5d8; border-top:0;}
.subnav .subMn ul li{ float:none; background:none;border-top:1px solid #d1d5d8; border-right:none; border-left:none;}
.subnav .subMn ul li:first-child a{ background:none; text-indent:0;}
.subnav .subMn ul li a{line-height: 23px; padding: 7px 25px 7px 25px;}
.subnav .subMn ul li a:hover{text-decoration:underline}
.subnav .subMn ul li span a{23px; padding: 7px 25px 7px 25px;}
.subnavWrap .location{position:absolute;top:8px;right:0; clear:both;display:none;}
.subnavWrap .location li{float:left;padding:0 7px;font-size:12px;color:#364858; font-weight:300;background:url('../img/common/loca_arrow.gif') no-repeat left center}
.subnavWrap .location li a{font-size:12px;color:#364858;}
.subnavWrap .location li a:hover{ text-decoration:underline}
.subnavWrap .location li:first-child{background:none; padding:0 7px 0 0;}


/* ---- 중간영역 ---- */
/* 메인, 서브 */
#container{ padding-top:80px;}
#container.intro{background:#f1f1f3}
#container #content{position:relative;margin:0 auto; max-width:1100px}
#subConWrap{ width:100%; position:relative;padding:80px 0 0;}
#subContainer{margin: 0px auto;width:1100px;position: relative;}
#subContainer:after{display:block;clear:both;content:''}
#subContainer #content{position:relative;float:right;width: 1100px;min-height:600px;padding: 10px 0 60px 0;}
#subContainer #content .location{text-align: center;margin: 0 auto;clear: both;padding: 0 0 30px 0;}
#subContainer #content .location li{padding:0 7px 0 15px;font-size:12px;color:#999;font-weight:300;display: inline-block;background:url('../img/common/loca_arrow.gif') no-repeat left center;}
#subContainer #content .location li:first-child{background:none; padding:0 7px 0 0;}



/* ---- footer ---- */
footer{position:relative;clear:both;background: #2b2b2b;}
footer .foot_wrap{position:relative;margin:0 auto;max-width:1100px; padding:35px 0;  overflow:hidden; clear:both;}

footer .foot_wrap .btn_top{position:absolute;top:25px;right:0;  }
footer .foot_wrap .btn_top a{display:block;width:50px; height:50px;text-indent:-5000px; border-radius:50%; background:#555 url('../img/common/btn_top.png') no-repeat center center; text-decoration:none;}
footer .foot_wrap .btn_top a:hover{ background-color:rgba(255, 96, 93, 0.7); transition: all 0.5s;}

footer .logo{ float:left; margin-right:50px; display:none; color:#fff;}
footer .add_infor{ float:left;}
footer .foot_wrap small{display:block;font-size:12px;color:#cacaca; line-height:20px;}
footer .foot_wrap small a{display:inline-block;color:#ea9493}
footer .foot_wrap small span{padding-left: 10px; margin-left: 5px; position: relative;}
footer .foot_wrap small span:before{content:"";display:inline-block;background:#79797b;height:2px;width:2px;position: absolute;top: 6px;left: 0;}
footer .foot_wrap small .copy{ color:#929196; padding:0; margin:0}
footer .foot_wrap small .copy:before{ display:none;}

footer .foot_wrap .inforBox{ float:left; padding-left:20px;}
footer .foot_wrap .foot_info{ color:#777; overflow:hidden;}
footer .foot_wrap .foot_info li{display:inline-block;line-height:30px; float:left; border-left:1px solid #D4D4D2; padding-left:15px; font-size:13px}
footer .foot_wrap .foot_info li a{display:block; padding:0 25px 0 10px;font-size:13px;color:#434343;line-height:14px; float:right;}
footer .foot_wrap .foot_info li:first-child {border-left:0; padding-left:0;}
footer .foot_wrap small span:nth-child(3) a{ color:#cacaca;}
footer .foot_wrap small span:nth-child(3) a:hover{ text-decoration:underline;}
footer .guide{ padding:0}

/*
================================================================================
header
================================================================================
*/
header nav{margin-top:0;}

.head_box .pc_gnb { float:left; margin:0 0 0 340px; padding:0;}
.head_box .pc_gnb > ul > li { float:left; display:block; }
.head_box .pc_gnb > ul > li > a { display:block; color:#000; text-align:center; line-height:85px; height:85px; padding:0 35px; font-size:18px; font-weight:500; position:relative;}
.head_box .pc_gnb > ul > li.active > a,
.head_box .pc_gnb > ul > li > a:hover,
.head_box .pc_gnb > ul > li > a:focus,
.head_box .pc_gnb > ul > li.hv > a { color:#de3d3a; text-decoration:none; background:url(../img/common/gnb_arrow.png) no-repeat center 100%; font-weight:700;}
.head_box .pc_gnb > ul > li:hover .dropdown,
.head_box .pc_gnb > ul > li.active .dropdown { display: block; }
.head_box .pc_gnb > ul > li .dropdown ul li a::after{ content:none;}
.head_box .pc_gnb > ul > li .dropdown {display:none;position: absolute;left: -50%;top: 85px;width:200%;px;background: #de3d3a;box-sizing:border-box;min-height: 45px;box-shadow:0px 1px 1px rgba(0,0,0,0.2); z-index: 1;}
.head_box .pc_gnb > ul > li.g1 .dropdown{padding-left: 575px;}
.head_box .pc_gnb > ul > li.g2 .dropdown{padding-left: 565px;}
.head_box .pc_gnb > ul > li.g3 .dropdown{padding-left: 1165px;}
.head_box .pc_gnb > ul > li.g4 .dropdown{padding-left: 1220px;}
.head_box .pc_gnb > ul > li .dropdown ul {position: relative; width:1100px; margin:0 auto; padding:0 25px; overflow: hidden;min-height: 45px;}
.head_box .pc_gnb > ul > li .dropdown ul li {display:inline; display:block;float:left;}
.head_box .pc_gnb > ul > li .dropdown ul li:last-child{ padding-right:0;}

.head_box .pc_gnb .dropdown li a {color: #ffe7e7;line-height: 45px;display:inline-block;font-size:14px;font-weight:700; padding:0 15px;}
.head_box .pc_gnb .dropdown ul > li a:hover {color:#fff; }
.head_box .pc_gnb .dropdown ul > li > ul{border:0;margin: 0 !important;padding: 0 !important;overflow: hidden;min-height: inherit;}
.head_box .pc_gnb .dropdown ul > li > ul > li:first-child,
.head_box .pc_gnb .dropdown ul > li > ul > li{float: none;border: 0;padding:0;min-height: inherit;}
.head_box .pc_gnb .dropdown ul > li > ul > li > a{font-size:13px;font-weight:300;line-height:22px;padding: 0 0 0 15px;background:none;color: #ddd; background:url(../img/common/gnb_s_dot.gif) no-repeat 0% 50%;}
.head_box .pc_gnb .dropdown ul > li > ul > li > a:hover{ text-decoration:underline; color: #fff;}


/* 전체메뉴 */
.all_gnb { display:none; height:180px; border-top: 1px solid #ddd;}
.all_gnb #nav{ margin:0 auto; width:700px; padding-left:180px;}
.all_gnb > ul > li{position:relative;float:left;width:25%;font-size:17px; height:50px;}
.all_gnb > ul > li:nth-child(1),
.all_gnb > ul > li.gnb01 {width: 23%;}
.all_gnb > ul > li:nth-child(2),
.all_gnb > ul > li.gnb02 {width:28%;}
.all_gnb > ul > li:nth-child(3),
.all_gnb > ul > li.gnb03 {width:22%;}
.all_gnb > ul > li:nth-child(4),
.all_gnb > ul > li.gnb04 {width:25%;}
.all_gnb > ul > li > a{display:block;padding:25px 20px 15px 20px;color:#2f3192;text-decoration:none;font-weight:bold;}

.all_gnb > ul > li.hv > a{padding-bottom:18px;color:#003957;background:url('../img/common/gnb_on.png') no-repeat 43px 46px;}
.all_gnb ul li ul{	position:absolute; top:58px; padding-top:0px; width:100%; background:#fff;}
.all_gnb > ul > li:first-child > ul{}
.all_gnb ul li ul li{float:none;font-size:13px;text-align:left}
.all_gnb > ul > li > ul > li > a{display:block;padding:0 0 0 20px;color:#000;}
.all_gnb ul li ul li a:hover{color:#de3d3a}
.all_gnb ul li ul li a img{ padding:0 10px;}
.all_gnb ul li ul li ul{position:relative;top:0;left:0;margin-bottom:5px;padding:0;height:auto;border:0}
.all_gnb ul li ul li ul li a{display:block;padding-left:30px;background:url('../img/common/gnb_s_dot.gif') no-repeat 20px center}
.all_gnb ul li ul li ul li a:hover{background:url('../img/common/gnb_s_dot_on.gif') no-repeat 20px center}


/*
================================================================================
lnb
================================================================================
*/

#lnb{ /*border-top:1px solid #5F5D5D;*/}
#lnb li{font-size:14px;}
#lnb li.link {background: url('../img/common/ic_blank.png') no-repeat 45% center;}
#lnb > li > a{display:block;color:#545454;padding:10px 0 10px 15px;text-decoration:none;word-break: keep-all; border-bottom:1px solid #ddd; background:#fff url('../img/common/lnb_dot.gif') no-repeat 95% center;}
#lnb > li > a:hover{ font-weight:600;background-color:#f1f1f1;}
#lnb > li > a.long {word-break: break-all;padding:10px 25px 10px 15px;}
#lnb > li > a.on{color:#fff; font-weight:600;background:#003756 url('../img/common/lnb_dot_on.gif') no-repeat 95% center; border:0}
#lnb > li > ul{display:block;padding:7px 0;background:#f1f1f1 url(../img/common/bg_lnb.png) 0 -5px repeat-x;}
#lnb > li > ul.on{background-color:#fafafa;}
#lnb > li > ul.on li > a{ color:#666;}
#lnb > li > ul.on li > a.on{color:#157d4e;}
#lnb > li li {font-size:12px;border:0}
#lnb > li li > a{padding:1px 10px 1px 26px;background:url('../img/common/lnb_s_dot.gif') no-repeat 16px center; color:#888}
#lnb > li li > a.on{color:#157d4e;background:url('../img/common/lnb_s_dot_on.gif') no-repeat 16px center; font-weight:700;}

/*
================================================================================
media-layout
================================================================================
*/

@media all and (min-width:1100px){	
	header .head_box .topGlob{display:block}
		
	/* pc버전일때 상단搜索, 메뉴 숨김 */
	header.intro_head{background:none;border:0}
	header.head_box .pc_gnb{display:none}	
	.all_gnb{ display:none;}
}

 /* Tablet Device */
@media all and (max-width:1100px){
	header .head_box .btn_allMenu,
	.all_gnb{display:none;}
	
	body{background: url(../img/common/gnb_Bg.gif) repeat-x 0 79px;}
	#wrapper.wra_fix{position:fixed;top:0;left:0;height:auto;z-index:100}
	header .head_box{max-width:768px;min-height:65px; height:65px; width:auto;}
	header:after{top: 77px;}
	header .head_box .logo{padding-top:15px}
	header .head_box .logo img{height:38px}
	header .head_box .logo p{top:20px; font-size:95%;}
	
    header .head_box .btn_menu{display:block;position:absolute;top:13px;right:0;width:40px; z-index:501}
	header .head_box .btn_menu a{display:block;height:40px; width:40px; border-radius:50%; text-indent:-999px;overflow:hidden;}
	header .head_box .btn_menu a.btnOpen{background:#de3d3a url('../img/common/btn_menu.gif') no-repeat center center; background-size:45%;}
    header .head_box .btn_menu a.btnClose{display:none;background:#de3d3a url('../img/common/btn_close.png') no-repeat center center;}

	.fix_bg{position:fixed;top:65px;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:400}
	
	header .head_box .topGlob{top:13px; right:55px;}
	header .head_box .topGlob li{ height:40px;}
	header .head_box .topGlob li a{ line-height:40px;}

	/* 테블릿, 모바일버전메뉴 */
	.mb_gnb{display:none;position:absolute;top:64px;left:0;margin:0;padding-top:0px;width:100%;height:auto; background:#ededed; z-index:500;}
	.mb_gnb a{display:block}
	.mb_gnb > ul{ padding:0; background:none;}
	.mb_gnb > ul > li{float:none;margin: 0px;}
	.mb_gnb > ul > li > a{padding:15px 25px;font-size:17px;color:#fff;background:#d44c49 url('../img/common/mb_gnb_dot.gif') no-repeat right center;border-top:1px solid #fff; margin-bottom: 0px;}
	.mb_gnb > ul > li.open > a{background:#d44c49 url('../img/common/mb_gnb_dot_on.gif') no-repeat right center;}
	.mb_gnb > ul > li > ul{display:none; margin:0}
	.mb_gnb > ul > li > ul > li > a{padding:13px 25px;font-size:15px;color:#555;background:#fff url('../img/common/mb_gnb_s_dot.gif') no-repeat 100% center;border-top:1px solid #ddd}
	.mb_gnb > ul > li > ul > li.open > a{color:#fff;background:#eb4e30 url('../img/common/mb_gnb_s_dot_on.gif') no-repeat right center;border-top:1px solid #eb4e30}
	.mb_gnb > ul > li > ul > li > ul{display:block !important;padding:10px 0;background:#fafafa; border-top:1px dotted #ddd;}
	.mb_gnb > ul > li.g4 > ul > li > ul{ display:bolck}
	.mb_gnb > ul > li > ul > li > ul > li > a{padding:5px 0 5px 50px;font-size:16px;color:#000;background:url('../img/common/gnb_s_dot.gif') no-repeat 38px center}
	.mb_gnb > ul.member_gnb > li > a {padding:15px 30px;background:#444 url('../img/common/mb_gnb_dot.gif') no-repeat right center;border-top:1px solid #303030}

	.gnb_logo{ display: none !important;}
	.pc_gnb{display:none}
	.mb_gnb{display:none}
	
	#container{padding-top:0px}
	#container #content{max-width:760px}
	#subConWrap{padding:65px 0 0;}
	#subContainer,
	#visual h2{max-width:768px;width:auto}
	.subnavWrap div { max-width:768px;}
	#subContainer aside{display:none}
	#subContainer #content{float:none;width:auto;/* padding:60px 0; */border:0;}
	h3{ font-size:1.8em; line-height:1.7em; margin:0.3em 0;}	
		
	footer .foot_wrap{max-width:768px; padding: 35px 10px;}
	footer .foot_wrap .btn_top { right:10px;}

}
 /* Mobile Device */
@media all and (max-width:768px){
	header .head_box{margin:0 20px;padding:0;width:auto;}
	#subConWrap{padding:0px 0 0;}
	#container #content{margin:40px 10px}
	#subContainer{width:auto}
	#subContainer #content{margin:0 20px}	
	h3{ font-size:1.7em; line-height:1.6em; margin:0.2em 0;}
	h4{ font-size:1.45em; }
	h5{ font-size:1.15em; }
	
	footer .foot_wrap{ padding:20px 15px;}
	footer .foot_wrap .btn_top{ top:20px; right:15px;}
	footer .foot_wrap .btn_top a{ width:40px; height:40px;}
}

@media all and (max-width:750px){
	header .head_box,
	.subnavWrap div {margin:0 10px;}
	header .head_box .topGlob ul li{ font-size:14px;}
    .mb_gnb > ul{max-height: 450px; overflow:auto}
	
	#subContainer #content .location{ padding-bottom:15px;}
	
	#container #content{padding-top:15px}
	#subContainer #content{margin: 0px 10px 0 10px;padding: 0;}
	
	.subnavWrap .subnav { display:none;}
	.subnavWrap .location{ display:block; left:0;}

}

@media all and (max-width:550px){
footer .logo{ float:none; text-align:center; margin-right:0;}
footer .add_infor{ float:none; text-align:center;} 	
footer .foot_wrap small span{ display:block; margin-left:0; padding-left:0;}
footer .foot_wrap small span:before{ display:none;}

}

@media all and (max-width:450px){	
.mb_gnb > ul{max-height: 390px;}

}

@media all and (max-width:400px){
	header .head_box .topGlob ul li{font-size:13.5px;}
}
@media all and (max-width:366px){

}
@media all and (max-width:345px){
}
@media all and (max-width:320px){
}