@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/kmouholdings/sub/s_visual.jpg') no-repeat 0 0; background-size:cover; *background-size:auto 100%;}

/* 슬로건 */
.slogan {width:1200px; margin:0 auto; text-align:left; font-family:'NotoM'; padding-top:40px; -webkit-animation:move 0.8s  ease; -moz-animation:move 0.8s  ease; -o-animation:move 0.8s  ease; -ms-animation:move 0.8s  ease; animation:move 0.8s  ease;}
.slogan p.txt1 {display:block; font-size:45px; font-family:'notoM'; letter-spacing:-1px; color:#fff; background:url('/images/web/kmouholdings/main/tit_bar.gif') no-repeat 0 top; padding-top:25px; }
.slogan p.txt1 span { color:#048322}
.slogan p.txt2 {display:block; font-size:15px; font-family:'notoR'; color:#fff; padding-top:40px; line-height:20px;}

@-webkit-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}


.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('/images/web/kmouholdings/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}*/
#sideContent h1 {background:#00638c url('/images/web/kmouholdings/sub/left_mn_tit.png') no-repeat -100px -50px; text-align:center; height:120px;line-height: 38px; font-size:26px; font-family:'NotoR'; font-weight:600; color:#fff; letter-spacing:-1px; vertical-align:  middle;display:  table-cell;width:  220px;}
.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/kmouholdings/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/kmouholdings/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/kmouholdings/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/kmouholdings/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}
	.slogan {width:95%;}
	
	#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;}

	/* 로케이션 */
	#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 p.txt1 { font-size:34px; }
	.slogan p.txt2 { font-size:13px; line-height:20px; word-break:keep-all; padding-top:20px;}
	.slogan p.txt2 br { display:none}
	
}

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

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