@charset "utf-8";

@import url(common.css);
@import url(motion.css);
@import url(sub_common.css);
@import url(page_view.css);

.display_ib { display:inline-block; *display:inline; zoom:1;}
.bg_none { background:none !important}

/* content */
#sub_container_wrap { position:relative; padding-top:105px}
.sub_content_wrap {position:relative; width:1200px; margin:0 auto; min-height:700px}
.sub_content_wrap:after {display:block; content:""; clear:both; overflow:hidden}
#sub_content{margin:0 0 0 275px; padding-bottom:50px}
.subCntBody{ position:relative; padding:40px 0}

/* 왼쪽메뉴 */
#side{float:left;width:226px; margin-top:-65px;}
#side .side_title{height:122px; font-family:'NotoM'; background:#132593 url('/images/template/00002/sub/left_mn_bg.jpg') no-repeat 0 0;}
#side .side_title span{display:block; padding:45px 0 0; font-size:28px; line-height:30px; font-weight:500; color:#fff; text-align:center; letter-spacing:-1px; }
.side_menu{position:relative; margin-top:6px; }
.side_menu li{line-height:16px; }
.side_menu li.fir,.side_menu li li{border:none; }
.side_menu li a{display:block; padding:14px 0 14px 16px; font-family:'NotoM'; font-size:15px; line-height:16px; color:#494949; border-bottom:1px solid #dfdfdf; background-color:#f1f4f9}
.side_menu li a.on,.side_menu li a.on02 {color:#fff; border-bottom:1px solid #2f2f2f; background:#2f2f2f url('/images/template/00002/sub/snb_on.gif') no-repeat right center; }
.side_menu li a:hover{color:#fff; border-bottom:1px solid #474a54; background:#474a54 url('/images/template/00002/sub/snb_hover.gif') no-repeat right center; }/* 171227 */
.side_menu li ul{display:none; padding:15px 0; border:1px solid #2f2f2f; }
.side_menu li li{line-height:13px; }
.side_menu li li a{padding:6px 0 6px 38px; font-size:13px; line-height:16px; color:#6b6b6b; letter-spacing:-1px; border:none; background-color:#fff}
.side_menu li li a.on,.side_menu li li a.current,.side_menu li li a:hover{color:#202020; border:none;  background:url('/images/template/00002/sub/snb02_on.gif') no-repeat 24px 14px ; }
.side_menu li li a img{vertical-align:middle;}

/* visual */
.area_visual {position:relative; width:100%; height:210px; background:url('/images/template/00002/sub/S_visual.jpg') no-repeat 50% 0; background-size:cover; -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear}
.area_visual .sub_visual { position:relative; width:1200px; margin:0 auto; text-align:center}
.area_visual .sub_visual p {font-family:'NotoM'; color:#fff; font-size:40px; line-height:40px; letter-spacing:-2px; padding-top:65px}
.area_visual .sub_visual p span { display:block; font-size:18px}

/* 비주얼 애니메이션 */
@keyframes animate_background{
     0% {background-position:50% 0;}
	 50% {background-position:50% 100%;}
	 100% {background-position:50% 0.1%;}
}

/* sub 타이틀 */
#sub_content .title_area{ position:relative; overflow:hidden; height:120px; font-family:'NotoM'; border-bottom:1px solid #ddd}
.title_area.s_img01{ background:url("/images/template/00002/sub/s_Timg.gif") no-repeat}
.title_area .location {text-align:left; font-family:'NotoM'; margin:28px 0 15px}
.title_area .location span, 
.title_area .location strong {display:inline-block; *display:inline; zoom:1; padding-left:12px; background:url('/images/template/00002/sub/icon_location_arrow.gif') no-repeat 3px center; font-size:12px; color:#777}
.title_area .location strong { font-weight:normal}
.title_area .location a.home img {vertical-align:middle; margin-top:-1px}
.title_area .pageTitle{ font-size:2.3em; letter-spacing:-0.5px; color:#111}

/* sns */ 
.snsBox { position:absolute; top:-43px; right:0; text-align:right}
.snsBox button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/template/00002/sub/btnSns.gif") no-repeat 0 0}
.snsBox button > span {text-indent:-1200px; font-size:0; line-height:0}
.snsBox .btnPrint { background-position:0 0; }
.snsBox .btnFbook { background-position:-29px 0; }
.snsBox .btnTwt { background-position:-58px 0; }
.snsBox .btnBlog { background-position:-87px 0; }
.snsBox .btnYtb { background-position:-116px 0; }
.snsBox .btnInstar{ background-position:-145px 0; }
.snsBox .btnShare{ background-position:-174px 0; }
.snsBox  .sns_more{display:none; position:absolute; top:30px; right:0; width:165px; *width:145px; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff}

/*폰트*/		
a.link{ text-decoration:underline; color:#007bc7}
a.link:visited{ color:#007bc7}


@media screen and (max-width:800px) {

	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	/* visual */
	.area_visual .sub_visual { width:100%}
	.area_visual .sub_visual p { font-size:32px}
	
	/* content */
	#sub_container_wrap,
	.sub_content_wrap {width:100%}	

	#sub_content{margin:0; width:100%; min-height:0; padding:0 10px 20px}
	
	.subCntBody {width:100%}	

	/* 왼쪽메뉴 */
	#side { display:none}

}

@media screen and (max-width:560px) {
	
	/* sub 타이틀 */	
	#sub_content .title_area{ background-image:none; height:auto; padding-bottom:15px }/*161021 수정*/
	.title_area .pageTitle{ font-size:2em; padding-right:70px; color:#111}/*161021 수정*/
	
}

@media screen and (max-width :480px) {	

	/* visual */
	.area_visual .sub_visual p { font-size:28px; line-height:30px; padding-top:80px}
	.area_visual .sub_visual p span { font-size:16px}
	
}