@charset "utf-8";

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

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

/* 서브비주얼 */
.S_visual { position:relative; width:100%; height:200px; background:url('/images/web/me/sub/s_visual_bg.jpg') no-repeat 50% 0; background-size:cover; *background-size:auto 100%;}
/* 슬로건 */
.slogan {position:relative; width:1200px; margin:0 auto; color:#fff; text-align:center; padding-top:50px;}
.slogan p.txt_1 {font-size:30px;line-height:1.3; font-family:'Nanum'; letter-spacing:-1px;}
.slogan p.txt_2 {font-size:34px; line-height:1.4; color:#9bd1f1; font-family:'NanumBold'; margin-top:5px; letter-spacing:-1px;}
.slogan span {font-family:'NanumBold'; }
.slogan .slogan_pc_y {color:#f7c549;}
.slogan .slogan_pc_s {color:#37d4dc;}
.slogan .slogan_pc_p {color:#ff908c;}

.sub_content {position:relative; z-index:7; width:1200px; margin:0 auto; overflow:hidden; min-height:1300px; 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('/images/web/me/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('/images/web/me/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('/images/web/me/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('/images/web/me/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("/images/web/me/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,
	#subContent,
	.subContent_body,
	.S_visual{-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{width:100%; margin:0 0 50px 0;}
	.subContent_body{min-height:auto;}
	
	.sub_content { width:94%}
	
	/* 비주얼 */
	.S_visual { width:100%; height:auto; background-position:50% 0}
	/* 슬로건 */
	.slogan { position:relative; width:90%; padding:10% 0; word-break:keep-all}
	.slogan p.txt_1 { font-size:18px; line-height:24px}
	.slogan p.txt_2 { font-size:32px; line-height:42px}
	
	/* 로케이션 */
	#location { padding-top:10px}
	
	/* 페이지 타이틀 */
	#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 p.txt_1 { font-size:16px; line-height:20px}
	.slogan p.txt_2 { font-size:28px; line-height:32px}
	.slogan p.txt_2 br { display:none}
	
}

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

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