@charset "utf-8";

/*공통*/
.inner{position:relative;width:1200px;margin:0 auto}
.inner:after{content:"";display:block;clear:both}
.inner_a{height:60px;text-align:center;padding:10px 0;}
#header{position:relative}
#header>.gnbArea>.inner{position:static}

#nav{width:100%;height:51px;background:#033478}
#nav .inner{position:static}
#nav #gnb{padding-right:10px}
#nav #gnb:after{display:block;clear:both;content:""}
#nav #gnb>li{float:left;width:15%}
#nav #gnb>li>a{position:relative;display:block;height:51px;line-height:51px;text-align:center;color:#fff;font-size:17px;font-weight:bold}
#nav #gnb>li>a:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-8.5px;width:1px;height:17px;background:#4f71a1}
#nav #gnb>li:first-child a:before{display:none}

/* 전체메뉴보기 */
#all_menu .all_btn{position:relative;width:1200px;margin:0 auto;}
#all_menu .allm_btn{display:inline-block;position:absolute;right:10px;top:-53px;width:40px;height:40px;line-height:40px;color:#fff;font-size:17px;background:url(btn_menu.png) no-repeat 50% 50%;text-align:center;text-indent:-9999px}
#all_menu .allm_btn.on{background:#018b9e url(allmenu_close_1.png) center center no-repeat;background-size:20px}

#allMenu{display:none;height:490px;background-color:rgba(255,255,255,1);position:absolute;top:170px;left:0;width:100%;z-index:999;font-size:0.9em;border-top:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4}
#allMenu>div{overflow:auto;width:1200px;min-width:1200px;margin:0 auto;}
.allM_Box{overflow:hidden;background:#fff}
.allM_Box>li{position:relative;box-sizing:border-box;float:left;width:147px;padding:43px 5px 5px;border-right:1px solid #b4b4b4;min-height:490px;text-align:center;border-bottom:1px solid #b4b4b4;}
.allM_Box>li:first-child{border-left:1px solid #b4b4b4;width:170px;}
.allM_Box>li>a{position:absolute;left:0;top:0;width:100%;height:40px;line-height:40px;display:block;font-size:1.5em;font-weight:bold;color:#003668;background:#f1f1f1;border-bottom:1px solid #b4b4b4}
.allM_Box>li>ul{padding-top:0px}
.allM_Box>li>ul>li{padding-bottom:0px;text-align:left;line-height:24px;}
.allM_Box>li>ul>li>a{color:#333;font-size:14px;font-weight:bold}
.allM_Box>li>ul>li>a:hover{text-decoration:underline;color:#f85c07;}
.allM_Box>li>ul>li>ul>li{padding-left:15px;background:url(bul_m_3dep.gif) 5px 9px no-repeat;text-align:left;}
.allM_Box>li>ul>li>ul>li>a{color:#333;font-size:15px;}
.allMenu_close{width:100%;background-color:#3c3f50;border-top:1px solid #6f9bd6;-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.2);box-shadow:1px 2px 2px rgba(0,0,0,0.2)}
.m_sns{display:none}
.close_btn{width:100%;max-width:1200px;height:25px;margin:0 auto;padding:10px 0;text-align:right}
.close_btn button{width:25px;height:25px;margin-right:10px;background:url(allmenu_close.png) no-repeat;border:0;transition:all .4s}
.close_btn button:hover,.close_btn button:focus{transform:rotate(180deg)}

/*#all_menu .allm_btn.mo_allmBtn{display:none}*/

#main-line-1{padding:0 0px;}
	#main-line-1>.grid{position:relative; height:566px; background-color:#ddd;}
	#main-line-1>.grid .in{max-width:1400px; margin:0 auto;}
	#main-line-1>.grid>.move,
	#main-line-1>.grid>.move>ul,
	#main-line-1>.grid>.move>ul>li{position:absolute; left:0; top:0; width:100%; height:100%;}
	#main-line-1>.grid>.move{z-index:0;}
	#main-line-1>.grid>.move>ul>li{
		opacity:0; z-index:0; background-repeat:no-repeat; background-position:center center; background-size:cover;
		-webkit-transition:opacity 1s linear 1s;
		transition:opacity 1s linear 1s;
	}
	#main-line-1>.grid>.move>ul>li>.in{display:flex; flex-direction:column; justify-content:center; width:100%; height:100%;}
	#main-line-1>.grid>.move>ul>li>.in>strong{
		font-family: 'Buri'; font-size:40px; color:#fff;
		-webkit-text-shadow:3px 6px 6px rgba(0,0,0,0.23);
		text-shadow:3px 6px 6px rgba(0,0,0,0.23);
	}
	#main-line-1>.grid>.move>ul>li>.in>strong>span{display:block;}
	#main-line-1>.grid>.move>ul>li>.in>span{margin-top:10px; font-size:20px; color:rgba(255,255,255,0.7);}
	#main-line-1>.grid>.controll{position:absolute; left:0; bottom:20px; z-index:200; width:100%;}
	#main-line-1>.grid>.controll>.in{display:flex; align-items:center;justify-content: center;}
	#main-line-1>.grid>.controll>.in>button:not(:first-child){margin-left:15px;}
	#main-line-1>.grid>.controll>.in>button.simbol:not(:first-child){margin-left:15px;}
	#main-line-1>.grid>.controll .simbol{
		position:relative; width:12px; height:12px; cursor:pointer; border:none; background-color:#fff;
		-webkit-transform:rotate(45deg); transform:rotate(45deg);border-radius:50%;
	}
	#main-line-1>.grid>.controll .simbol:nth-child(1){margin-left:10px;}
	#main-line-1>.grid>.controll .simbol::before{
		opacity:0; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #fff;
		-webkit-transform:scale(0); transform:scale(0);
		-webkit-transition:all 0.3s linear; transition:all 0.3s linear;border-radius:50%;
	}
	#main-line-1>.grid>.controll .simbol>span{position:absolute; font-size:0; color:transparent;}

	#main-line-1>.grid>.controll .simbol.on::before{
		opacity:0.7;
		-webkit-transform:scale(1.8); transform:scale(1.8);
	}
	#main-line-1>.grid>.controll [class*="btn-"]{width:16px; height:16px; cursor:pointer; border:none; background-color:transparent; background-image:url(layout.svg); background-repeat:no-repeat; background-size:1500px auto;}
	#main-line-1>.grid>.controll [class*="btn-"]>span{position:absolute; font-size:0; color:transparent;}
	#main-line-1>.grid>.controll .btn-stop{background-position:-400px 0;}
	#main-line-1>.grid>.controll .btn-play{background-position:-416px 0;}

	#main-line-1>.grid>.move>ul>li.on{
		opacity:1; z-index:100;
		-webkit-transition:opacity 1s linear 0s;
		transition:opacity 1s linear 0s;
	}
   button.on{background-color: #3c3535 !important;}


#container .inner{box-sizing:border-box;border-left:1px solid #ddd}
#container .inner:after{content:"";clear:both;display:block}

/* 서브비주얼 */
#container #sub_visual{color:#fff}
#container #sub_visual .inner{border-left:0;text-align:center;padding:42px 0}
#container #sub_visual .inner h2{position:relative;font-size:50px;font-weight:500;;font-family:"Nanum Myeongjo",sans-serif}
#container #sub_visual .inner h2:after{content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-0px;width:44px;border-top:1px solid #fff}
#container #sub_visual .inner p{margin-top:10px;text-align:center;font-size:13px}
#container #sub_visual .inner p span{padding:0 7px}
#container #sub_visual .inner p a{color:#fff}
#container #sub_visual .inner p a.home{padding-left:18px;background:url(bul_home.png) left center no-repeat}
#container #sub_visual .inner p a:hover{text-decoration:underline}
#container #sub_visual.m01{background:url(bg_subImg01.jpg) center center no-repeat;background-size:cover}
#container #sub_visual.m02{background:url(bg_subImg01.jpg) center center no-repeat;background-size:cover}
#container #sub_visual.m03{background:url(bg_subImg01.jpg) center center no-repeat;background-size:cover}
#container #sub_visual.m04{background:url(bg_subImg01.jpg) center center no-repeat;background-size:cover}
#container #sub_visual.m05{background:url(bg_subImg01.jpg) center center no-repeat;background-size:cover}


#content_wrap{padding-left:20%;box-sizing:border-box}
#content_wrap #content{padding:45px 0 32px 46px;background:#fff;min-height:500px}
#content_wrap #content .sub_tit{position:relative;margin-bottom:40px;padding-bottom:31px;background:url(../images/layout/bg_subTit.gif) left bottom repeat-x}
#content_wrap #content .sub_tit h3{display:inline-block;font-size:30px;line-height:30px;color:#000;font-weight:bold;letter-spacing:-0.05em}
#content_wrap #content .sub_tit .subt_btn{position:absolute;top:0;right:3px}
#content_wrap #content .sub_tit .subt_btn li{float:left;margin-left:5px}

.page_exp{padding:22px 22px 22px 184px;min-height:50px;border-style:solid;border-width:10px;border-image:url(../images/layout/pat_border.jpg) 10 repeat stretch;background:#fff url(../images/layout/bg_pageExp.gif) 16px bottom no-repeat}

.page_exp_02{padding:20px; min-height:50px;border-style:solid;border-width:10px;border-image:url(../images/layout/pat_border.jpg) 10 repeat stretch;}
.page_exp_02 dt{width:120px; display:table-cell; padding-left:20px}
.page_exp_02 dd{display:table-cell; vertical-align:middle}

#footer{position:relative;font-size:18px;border-top:1px solid #ddd}

/* 템플릿 구분선 */
.gubun{margin:30px 0;background:url(../images/layout/bg_gubun.gif) left center repeat-x;text-align:center;color:#444}
.gubun span{display:inline-block;padding:0 10px;font-size:25px;font-weight:normal;background:#fff}