﻿@charset "utf-8";


#sub_container {position:relative;;}
#sub_container:after {content:""; display:block; clear:both;}

.S_visual{ position:relative; width:100%; background:#fff1a8;}
.S_visual p {width:980px; margin:0 auto;}
.S_visual p img{ width:100%;}

.sub_content {position:relative; z-index:7; width:980px; margin:0 auto; overflow:hidden; min-height:600px;}

.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:190px; height:100%; overflow:hidden; min-height:1px;}
#sideContent h1 { background:url(/images/sch/web/gimhaeseo-m/sub/left_mn_tit.png) no-repeat #0e498f; text-align:center; height:120px; line-height:120px; border-radius:15px 15px 0 0; font-size:1.75em; font-family:"NotoM"; color:#fff; letter-spacing:-1px; margin:35px 0 0;}
.sideNavi { display:block; border:1px solid #d9d9d9; overflow:hidden}
.sideNavi li { border-top:1px solid #d9d9d9; background:#fff;}
.sideNavi li:first-child{ border-top:none}
.sideNavi li a { display:block; padding:15px 0 15px 14px; font-size:14px; color:#333; font-family:"NotoM";}
.sideNavi li a:hover,
.sideNavi li a:focus,
.sideNavi li a:active,
.sideNavi li a.on,
.sideNavi li a.lock {color:#0e498f; background:url('/images/sch/web/gimhaeseo-m/sub/bgSideNavi.png') 94% center no-repeat; }
.sideNavi li ul { display:none; padding:12px 0 12px 14px; border-top:1px solid #d9d9d9; background:#f5f5f5; }
.sideNavi li ul li { border:0; margin:0 0 5px 0;  background:#f5f5f5;}
.sideNavi li ul li a { padding:1px 0 1px 10px; font-size:13px; background:url('/images/sch/web/gimhaeseo-m/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/sch/web/gimhaeseo-m/sub/bgSideNaviSub_on.png') 0 7px no-repeat; }

/* 서브페이지 */
#subContent{ position:relative; margin:0 0 100px 230px;}
.subContent_body{ position:relative; min-height:600px; }

/* 로케이션 */
#location { position:relative; display:block; overflow:hidden; font-size:12px; 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/sch/web/gimhaeseo-m/sub/bgLocation.gif') no-repeat 0 3px; }
#location span { color:#666; }
#location strong { color:#333; }

.box_line_map{ display:none;}

/* 페이지 타이틀 */
#pageTitle { font-size:30px; letter-spacing:-1px; color:#111; font-family:"NotoM"; padding-top:9px;}
#pageTxt { margin:8px 0 30px 0; color:#666; font-size:13px; line-height:150%;}

/* 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/sch/web/gimhaeseo-m/sub/btnSns.gif") no-repeat 0 0; cursor:pointer;}
.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 .btnKko { background-position:-87px 0; }
.snsBox .btnKkos { background-position:-116px 0; }
.snsBox .btnNband{ 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;}

/* 라인 */
.hr{ height:10px; border-bottom:1px solid #ddd; margin-bottom:30px}

@media (max-width:1080px) {	
	
	#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;}	
	#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 p{ width:100%;}

	#location { display:none;}
	
	/* 페이지 타이틀 */
	#pageTitle { font-size:27px; padding-top:16px;}
	/* etc : sns*/ 
	.snsBox { position:absolute; top:21px; right:2%;}
	
	/* 라인 */
	.hr{ height:10px; border-bottom:1px solid #ddd; margin-bottom:30px}
	
	/* linemap */
	.box_line_map_1 .span_gt,
	.box_line_map_1 .sp_home,
	.box_line_map_2 > a .sp_img {background-image:url("/images/sch/web/gimhaeseo-m/common/sp_sub.png"); background-repeat:no-repeat;}
	.box_line_map { display:block; width:100%; position:relative; z-index:80; height:39px; padding:0; margin:0; border-bottom:1px solid #eee; background-color:#f3f3f3;}
	.box_line_map_1 {position:relative; width:800px;}
	.box_line_map_1 > p,
	.box_line_map_1 > p > span,
	.box_line_map_1 .box_line_map_2 {float:left; margin:0 7px;}
	.box_line_map_1 .box_line_map_2 {margin:0;}
	.box_line_map_1 > p {height:39px; font-family:"NotoM"; color:#555;}
	.box_line_map_1 > p > span {font-family:"NotoM";}
	.box_line_map_1 .txt  {line-height:39px;}
	.box_line_map_1 .sp_home {width:15px; margin:14px 7px 0 13px; padding-top:13px; background-position:0 0;}
	.box_line_map_1 .span_gt {width:9px; margin-top:12px; padding-top:17px; background-position:-40px 0;}
	.box_line_map_2 {position:relative;}
	.box_line_map_2.on {width:200px;}
	.box_line_map_2 > a {display:block; float:left; position:relative; padding-right:23px; line-height:39px; font-family:"NotoM"; color:#555;}
	.box_line_map_2 > a .sp_img {display:block; position:absolute; top:18px; right:5px; width:9px; height:5px; background-position:-20px 0;}
	.box_line_map_2.on > a .sp_img {background-position:-30px 0;}
	.box_line_map_2.on > a {color:#151515;}
	.box_snb_1 {display:none; overflow:hidden; position:absolute; top:35px; left:-5px; z-index:1; max-height:0;}
	.box_snb_1 ul {border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
	.box_snb_1 a {display:block; font-size:12px; padding:0 20px; border-bottom:1px solid #d5d5d5; background-color:#fff; color:#555; line-height:39px; white-space:nowrap;}
	.box_snb_1 a:hover,
	.box_snb_1 li.on a {background-color:#0e498f; color:#fff; text-decoration:underline;}
	
	/* 전체 가로 스크롤 테이블  */
	#all-scroll{ display: block; position:relative; overflow:hidden; overflow-x: auto; margin:0}
	#all-scroll .page{white-space: nowrap; border-bottom:0; border-right:0}
	
}

@media (max-width:690px) {

	/* 페이지 타이틀 */
	#pageTitle { font-size:24px; padding-top:18px;}
	
}

@media (max-width:480px) {
	
	/* 페이지 타이틀 */
	#pageTitle { font-size:20px}
	/* etc : sns*/ 
	.snsBox {top:17px}
	
	/* linemap */
	.box_line_map_2 > a {padding-right:0;}
	.box_line_map_2 > a .sp_img,
	.box_line_map_1 .sp_home,
	.box_line_map_1 .sp_home + .span_gt{display:none}
	.box_line_map_1 .span_gt {overflow:hidden; position:relative; width:23px; height:39px; margin-top:0; padding-top:0; background-image:none;/* Old browsers */ background: #f3f3f3;/* FF3.6+ */ background: -moz-linear-gradient(left,  #bababa 0%, #f3f3f3 100%); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bababa), color-stop(100%,#f3f3f3)); /* Chrome10+,Safari5.1+ */  background: -webkit-linear-gradient(left, #bababa 0%, #f3f3f3 100%); /* Opera 11.10+ */ background: -o-linear-gradient(left,  #bababa 0%,#f3f3f3 100%); /* IE10+ */ background: -ms-linear-gradient(left, #bababa 0%, #f3f3f3 100%); /* W3C */ background: linear-gradient(to right, #bababa 0%, #f3f3f3 100%); /* IE6-9 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#f3f3f3', GradientType=1 );}
	.box_line_map_1 .span_gt:before{display:block; position:absolute; top:20px; left:-40px; width:40px; height:40px; border:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; background-color:#f3f3f3; content:'';}
	.box_line_map_1 > p > span,
	.box_line_map_1 > p {margin:0 3px;}
	.box_line_map_1 > p:first-child {padding-left:10px;}
	
}

@media (max-width:380px) {
		
	/* 페이지 타이틀 */
	#pageTxt { font-size:12px; margin:6px 0 20px 0;}
	
}



p.line {margin-top:20px; padding-top:20px; border-top:1px dashed #9298af;}

/* 타이틀 */
.tit1 {padding-left:25px; font-size:20px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/sch/web/gimhaeseo-m/common/tit_1.png") no-repeat left 9px; }
.tit2 {padding-left:25px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/sch/web/gimhaeseo-m/common/tit_2.png") no-repeat 1px 7px; }

/* 텍스트 */
.comment1 {padding:8px 0 0 25px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/sch/web/gimhaeseo-m/common/bu_comment.png") no-repeat left top; }
.comment2 {padding:9px 0 0 25px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/sch/web/gimhaeseo-m/common/bu_comment.png") no-repeat left top; }

.bu_st1 {padding-left:18px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#111; background:url("/images/sch/web/gimhaeseo-m/common/bu1.png") no-repeat left 5px; }
.bu_st2 {padding-left:12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu2.png") no-repeat left 6px; }
.bu_st3 {padding-left:12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu3.png") no-repeat left 8px; }
.bu_st4 {padding-left:10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu4.png") no-repeat left 8px; }
.bu_st5 {padding-left:10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu5.png") no-repeat left 8px; }

a.bu_link {padding-left:20px; font-size:14px; font-family:"NotoR"; color:#00539f; text-decoration:underline; background:url("/images/sch/web/gimhaeseo-m/common/bu_link.png") no-repeat 5px 5px;}
.bu_atte {padding-left:20px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu_atte.png") no-repeat left 3px;}

/* 리스트 */
.list_st1 li {padding:5px 0 5px 18px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#111; background:url("/images/sch/web/gimhaeseo-m/common/bu1.png") no-repeat left 10px;}
.list_st2 li {padding:4px 0 4px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu2.png") no-repeat left 9px;}
.list_st3 li {padding:3px 0 3px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu3.png") no-repeat left 11px;}
.list_st4 li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/sch/web/gimhaeseo-m/common/bu4.png") no-repeat left 11px;}
.list_st5 li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333; background:url("/images/sch/web/gimhaeseo-m/common/bu5.png") no-repeat left 11px;}

/* 텍스트 기타 */
.pc_blue {color:#051f5f;}
.pc_green {color:#27750d;}
.pc_orange {color:#f7941d;}

.bg_blue {padding:2px; color:#fff; background:#264988;}
.bg_green {padding:2px; color:#fff; background:#4db02c;}
.bg_orange {padding:2px; color:#fff; background:#f7941d;}

.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}

/* 테이블 */
.table_st {position:relative; font-family:"NotoR"; font-size:14px;}
.table_st table{position:relative; width:100%; border-collapse:collapse; border-top:2px solid #051f5f;}
.table_st table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table_st p.util {position:absolute; top:-25px; right:0; font-size:14px;}
.table_st th {padding:13px 10px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#eff4fd;}
.table_st td {padding:10px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.table_st tfoot th {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}
.table_st tfoot td {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}
.table_st tr th:first-child, .table_st tr td:first-child {border-left:none;}

/* 박스스타일 */
.box_st1 {position:relative; padding:10px 20px; font-family:"NotoR"; line-height:1.4; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden; background:#f7f9fa;}

.box_st2 {position:relative; padding:10px 20px; font-family:"NotoR"; line-height:1.4; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden; background:#fff;}

.box_st3 {position:relative; padding:8px; border-radius:10px; overflow:hidden; background:url("/images/sch/web/gimhaeseo-m/common/pt_diagonal.png") repeat;}
.box_st3 .box {padding:10px 20px; background:#fff;}


/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #00113c; border-right:1px solid #00113c; background:#0c3477;}
.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#0c3477; border:1px solid #0c3477; background:#fff;}
.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 버튼스타일 2 */
.btn_st2 a {display:inline-block; margin:1px; padding-right:27px; color:#333; line-height:20px; font-size:14px; font-family:'NotoM'; text-align:center; border:1px solid #9298af; overflow:hidden;}
.btn_st2 a:hover {text-decoration:underline;}
.btn_st2 a.btn_down { background:url("/images/sch/web/gimhaeseo-m/common/btn_down_w.png") no-repeat right center #9298af; }
.btn_st2 a.btn_down span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_link {background:url("/images/sch/web/gimhaeseo-m/common/btn_link_w.png") no-repeat right center #9298af;}
.btn_st2 a.btn_link span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_go {background:url("/images/sch/web/gimhaeseo-m/common/btn_go_w.png") no-repeat right center #9298af;}
.btn_st2 a.btn_go span {display:block; padding:3px 15px;  background:#fff;}

.btn_st2 a.btn_down_l {padding:0 0 0 19px; background:url("/images/sch/web/gimhaeseo-m/common/btn_down_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_down_l span {display:block; padding:3px 15px;}
.btn_st2 .btn_link_l {padding:0 0 0 19px; background:url("/images/sch/web/gimhaeseo-m/common/btn_link_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_link_l span {display:block; padding:3px 15px;}
.btn_st2 .btn_go_l {padding:0 0 0 19px; background:url("/images/sch/web/gimhaeseo-m/common/btn_go_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_go_l span {display:block; padding:3px 15px;}

.btn_st2 a.mini { font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }
.btn_st2 a.mini span {padding:1px 10px;}

/* 탭스타일 */
.tab_st {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.tab_st li {width:33.3%; float:left; margin:-1px 0 0 -1px;}
.tab_st li a {display:block; padding:13px 38px 13px 10px; line-height:20px; font-size:15px; font-family:'NotoR'; text-align:center; color:#555; border:1px solid #9298af; background:url("/images/sch/web/gimhaeseo-m/common/tab1_off.png") no-repeat right center #fff;}
.tab_st li.on a, .tab_st li.on a:hover {font-family:'NotoM'; color:#fff; border:1px solid #264988; background:url("/images/sch/web/gimhaeseo-m/common/tab1_on.png") no-repeat right center #0c3477;}
.tab_st li a:hover {font-family:'NotoM'; color:#0c3477; border:1px solid #95a9cc; background:url("/images/sch/web/gimhaeseo-m/common/tab1_on2.png") no-repeat right center #eff4fd;}

/* 탭 사이즈별 */
.tab_li0 li {width:auto;}
.tab_li2 li {width:50%;}
.tab_li3 li {width:33.3%;}
.tab_li4 li {width:24.9%;}
.tab_li5 li {width:19.9%;}

@media screen and (max-width :810px) {

	/* 탭스타일 */
	.tab_st li a {-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}

	/* 탭 사이즈별 */
	.tab_li2 li, .tab_li3 li {width:50%;}
	.tab_li4 li, .tab_li5 li {width:33.3%;}
}



@media screen and (max-width :650px) {

	/* 탭스타일 */
	.tab_st li {width:50%;}

	/* 탭 사이즈별 */
	.tab_li2 li, .tab_li3 li {width:100%;}
	.tab_li4 li, .tab_li5 li {width:50%;}
}



@media screen and (max-width :580px) {


}



@media screen and (max-width :490px) {
	/* 탭스타일 */
	.tab_st li {width:100%;}

	/* 탭 사이즈별 */
	.tab_li2 li, .tab_li3 li, .tab_li4 li, .tab_li5 li {width:100%;}
}



@media screen and (max-width: 380px){

}
