@charset "utf-8";

@import url(common.css);
@import url(con_common.css);
@import url(page_view.css);

#sub_container {position:relative;}
#sub_container:after {content:""; display:block; clear:both;}

/* 서브비주얼 */
.S_visual { position:relative; width:100%; height:200px; background:url('/images/template/00025/sub/s_bg.jpg') no-repeat 50% 0; background-size:cover; *background-size:auto 100%;}


/* 슬로건 */
.slogan { position:absolute; top:50px; left:50%; margin-left:-600px; width:1200px; text-align:center;font-family:'NotoM'}
.slogan .text01 {font-size:36px;color:#fff;font-family:'notoM';letter-spacing:-1px; line-height:50px}
.slogan .text02 {font-size:28px; color:#fff; font-family:'notoM'; letter-spacing:-1px; line-height:34px;  margin:10px 0 30px}
.slogan .text02 .t_blue{color:#3693f9;}
.slogan .text02 .t_green{color:#3bc287;}


.sub_content {position:relative; z-index:7; width:1200px; margin:0 auto; overflow:hidden; min-height:600px; font-family:'NotoM'}

.box_line_map_1 .sp_home,
.box_line_map_1 .span_gt {display:block; overflow:hidden; height:0; font-size:0; line-height:100px; text-indent:-10000px;}

/* 왼쪽메뉴 */
#sideContent { position:absolute; left:0; top:0; width:220px; height:100%; overflow:hidden; min-height:1px;}
#sideContent h1 { background:#00638c url('sub/left_mn_tit.png') no-repeat -100px -50px; text-align:center; height:120px; line-height:120px; font-size:26px; font-family:'NotoR'; font-weight:600; color:#fff; letter-spacing:-1px}
.sideNavi { display:block; font-family:'NotoM'; border-bottom:2px solid #a0a5a9; overflow:hidden}
.sideNavi li { border-top:1px solid #d9d9d9; background-color:#fff}
.sideNavi li:first-child{ border-top:none}
.sideNavi li a { display:block; padding:15px 0 15px 14px; font-size:15px; color:#333; font-family:'NotoR'; font-weight:600}
.sideNavi li a:hover,
.sideNavi li a:focus,
.sideNavi li a:active,
.sideNavi li a.on,
.sideNavi li a.lock {color:#0081b7; background:#f1f4f9 url('/images/template/01184/sub/bgSideNavi.gif') 94% center no-repeat; }
.sideNavi li ul { display:none; padding:12px 0 12px 14px; border-top:1px solid #d9d9d9; background-color:#f1f4f9; }
.sideNavi li ul li { border:0; margin:0 0 5px 0;  background-color:#f1f4f9;}
.sideNavi li ul li a { padding:1px 0 1px 10px; font-size:13px; background:url('sub/bgSideNaviSub.gif') 0 9px no-repeat; }
.sideNavi li ul li a:hover,
.sideNavi li ul li a:focus,
.sideNavi li ul li a:active,
.sideNavi li ul li a.on,
.sideNavi li ul li a.lock { background:url('sub/bgSideNaviSub_on.gif') 0 9px no-repeat; }

/* 서브페이지 */
#subContent{ position:relative; margin:0 0 100px 280px;}
.subContent_body{ position:relative; min-height:600px; }

/* 로케이션 */
#location { position:relative; display:block; overflow:hidden; font-size:12px; line-height:20px; vertical-align:middle; padding-top:40px;}
#location img {vertical-align:middle; margin-top:-1px}
#location span,
#location strong { display:inline-block; padding-left:13px; margin-left:7px; background:url('sub/bgLocation.gif') no-repeat 0 6px; }
#location span { color:#666}
#location strong { color:#333; }

/* 페이지 타이틀 */
#pageTitle { font-size:30px; letter-spacing:-1px; color:#111; font-family:'NotoR'; font-weight:600; border-bottom:1px solid #ddd; padding:9px 0 13px; margin-bottom:30px}

/* etc : sns*/ 
.snsBox { position:absolute; top:17px; right:0; text-align:right;}
.snsBox button { display:inline-block; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("sub/btnSns.gif") no-repeat 0 0;}
.snsBox button > span {text-indent:-1000px; 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;}


@media (max-width:800px) {	
	
	#sub_container,
	.sub_content,
	.S_visual{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#sub_container {margin-top:0; padding-top:69px}	
	#sideContent { display:none;}
	
	#subContent{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; margin:0 0 50px 0;}
	.subContent_body{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0 2% 0; min-height:auto;}
	
	/* 서브비주얼 */
	.S_visual {background:url('/images/template/00025/sub/s_bg.jpg') no-repeat 65% 0;}
	
	/* 슬로건 */
	.slogan { position:relative; left:auto; margin:0; width:100%; padding:0 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	/* 로케이션 */
	#location { padding-top:5%}
	
	/* 페이지 타이틀 */
	#pageTitle { font-size:27px; padding-top:16px;}
	
	/* etc : sns*/ 
	.snsBox { position:absolute; top:21px; right:2%;}
	
}

@media (max-width:690px) {

	/* 페이지 타이틀 */
	#pageTitle { font-size:24px; padding-top:18px;}
	
	/* 슬로건 */
	.slogan .text01 { font-size:25px; line-height:40px}
	.slogan .text02 { font-size:16px; line-height:20px; word-break:keep-all}
	
}

@media (max-width:480px) {
	
	/* 페이지 타이틀 */
	#pageTitle { font-size:20px}
	
	/* etc : sns*/ 
	.snsBox {top:17px}
	
}

@media (max-width:380px) {
	
}