@charset "utf-8";

#sub_container {position:relative; padding-top:81px;}
#sub_container:after {content:""; display:block; clear:both;}

h1, h2, h3, h4, h5{font-size:14px; line-height:1.286em;}
h1, h2, h3, h4, h5, h6 { font-weight:Normal;}

/* 저작권보호정책 */ 
.open_txt,
.open_box { word-break:keep-all}
.open_nuri_txt { overflow:hidden; margin:10px 0 20px}
.open_nuri_txt p.box { width:219px; height:100px; line-height:98px; border:1px solid #b4b8bb; padding:10px; text-align:center; float:left}
.open_nuri_txt ul { padding-left:250px; margin-top:10px}
.open_box h6 { font-family:"NotoM"; font-size:18px; letter-spacing:-1px; border-top:2px solid #ffce23; border-bottom:1px solid #b4b8bb; padding:20px 0; margin:10px 0}
.open_box h6 span { display:block; font-size:22px; color:#025bb1}
.open_ico1 { background:url('/html/i_images/i_sub/icon_type1.png') no-repeat 0 50%; padding-left:80px !important}
.open_ico2 { background:url('/html/i_images/i_sub/icon_type2.png') no-repeat 0 50%; padding-left:80px !important}
.open_ico3 { background:url('/html/i_images/i_sub/icon_type3.png') no-repeat 0 50%; padding-left:80px !important}


/* 서브상단메뉴 */
.box_line_map {position:relative; width:100%; height:52px; background:#2b415a; z-index:11;}
.box_line_map_1 .sp_home {position:absolute; left:0; top:0; width:52px; height:52px; display:block; font-size:0; text-indent:-10000px; overflow:hidden; background:url("/html/i_images/i_sub/icon_home.png") no-repeat center center #1f273a;}
.box_line_map_1 {position:relative; width:1160px; margin:0 auto; padding:0 188px 0 52px;}
.box_line_map_2 {position:relative; width:25%; float:left; margin:0; background:#17357b;}
.box_line_map_2 + .box_line_map_2 {background:#025bb1;}
.box_line_map_2 + .box_line_map_2 + .box_line_map_2 {background:#0d84ea;}
.box_line_map_2 + .box_line_map_2 + .box_line_map_2 + .box_line_map_2 {background:#34a1ff;}
.box_line_map_2 > a {position:relative; display:block; position:relative; padding:0 52px 0 20px; line-height:52px; font-family:"NotoR"; font-size:18px; color:#fff;}
.box_line_map_2 > a .sp_img {display:block; position:absolute; top:50%; right:0; width:52px; height:52px; margin-top:-26px; background:url("/html/i_images/i_sub/sp_sub.png") no-repeat center;}
.box_line_map_2.on > a {color:#fff799;}
.box_line_map_2 .box_snb_1 {position:absolute; top:52px; left:0; width:100%; display:none; overflow:hidden; z-index:1; max-height:0; background:#02143f;}
.box_snb_1 a {display:block; font-size:14px; padding:0 20px; border-top:1px solid #000c28; background:#02143f; color:#fff; line-height:39px; white-space:nowrap;}
.box_snb_1 li:first-child a {border-top:none;}
.box_snb_1 a:hover, .box_snb_1 li.on a {background-color:#0d40a1; color:#fff799; text-decoration:underline;}

/* 3차메뉴 */
.box_snb_2 li a { color:#fff !important; line-height:30px; font-size:12px; background:#2b415a url('/html/i_images/i_sub/bgSideNaviSub.gif') no-repeat 20px 50%!important; padding-left:30px; text-decoration:none !important}
.box_snb_2 li a:hover, .box_snb_2 li.on a {text-decoration:underline !important;}

/* 글자크기 설정 및 프린트 */
.text_set {position:absolute; left:50%; top:81px; margin-left:524px; z-index:12; overflow:hidden;}
.text_set a {display:block; width:44px; height:52px; float:left; text-indent:-10000em; font-size:0; }
.text_set a.text_zi {background:url("/html/i_images/i_sub/text_set_ZoomIn.png") no-repeat center;}
.text_set a.text_rs {background:url("/html/i_images/i_sub/text_set_Reset.png") no-repeat center;}
.text_set a.text_zo {background:url("/html/i_images/i_sub/text_set_ZoomOut.png") no-repeat center;}
.text_set a.btnPrint {background:url("/html/i_images/i_sub/btn_print.png") no-repeat center;}

/* 왼쪽메뉴 */
#side {position:absolute; left:0; top:125px; width:230px; overflow:hidden}
.side_menu {position:relative;}
.side_menu li {line-height:16px;}
.side_menu li.fir,.side_menu li li {border:none; }
.side_menu li a {display:block; padding:12px 35px 12px 16px; font-family:'NotoR'; letter-spacing:-1px; font-size:18px; line-height:24px; color:#494949; border-bottom:1px solid #dfdfdf; background:url('/images/web/kcg/sub/lnb_off.png') no-repeat right center #f1f2f5; }
.side_menu li a.on,.side_menu li a.on02 {color:#fff; border-bottom:1px solid #2f2f2f; background:url('/html/i_images/i_sub/lnb_on.png') no-repeat right center #1a2742; }
.side_menu li a:hover{color:#fff; border-bottom:1px solid #474a54; background:url('/html/i_images/i_sub/lnb_on.png') no-repeat right center #2f2f2f; }
.side_menu li ul {display:none; padding:5px 0; border:1px solid #2f2f2f; }
.side_menu li li {line-height:13px; }
.side_menu li li a {padding:6px 0 6px 25px; font-size:14px; line-height:18px; color:#6b6b6b; border:none; background:url('/html/i_images/i_sub/lnb_2off.png') no-repeat 14px 14px}
.side_menu li li a.on,.side_menu li li a.current,.side_menu li li a:hover {color:#1c87ef; border:none; background:url('/html/i_images/i_sub/lnb_2on.png') no-repeat 14px 14px}
.side_menu li li a img {vertical-align:middle;}

/* 서브콘텐츠 영역 */
.sub_content {position:relative; z-index:7; width:1400px; margin:0 auto; overflow:hidden; min-height:700px;word-break:keep-all;}

/* sub header */
.sub_content .subContent_header {position:relative; height:84px; border-bottom:1px solid #d3dbe0;}
.sub_content .subContent_header h2 {line-height:84px; font-size:30px; font-family:"NotoM"; color:#000;}
.sub_content .subContent_header .location {position:absolute; top:35px; right:35px; font-size:15px; overflow:hidden;}/* 180713 */
.sub_content .subContent_header .location p {float:left; line-height:20px; color:#666;}
.sub_content .subContent_header .location p strong {color:#000; font-weight:normal;}
.sub_content .subContent_header .location .sp_home {display:block; width:12px; height:20px; float:left; text-indent:-10000em; font-size:0; background:url('/images/web/kcg/sub/icon_home2.png') no-repeat center;}
.sub_content .subContent_header .location .span_gt {display:block; width:26px; height:20px; float:left; text-indent:-10000em; font-size:0; background:url('/images/web/kcg/sub/bgLocation.png') no-repeat center;}

/* sub body */
/* .subContent_body {position:relative; min-height:600px; margin:40px 0 50px 0; font-family:"NotoR"; font-size:14px; line-height:1.4; letter-spacing:-1px} */
.subContent_body {position:relative; min-height:600px; margin:40px 0 50px 0; font-family:"NotoR"; font-size:15px; line-height:1.4; letter-spacing:-1px}/* 180717 */
.subContent_body p {line-height:1.4;}
.subContent_body p.text {line-height:1.5;}

/* .subContent_body2 {position:relative; min-height:600px; margin:40px 0 50px 280px; font-family:"NotoR"; font-size:14px; line-height:1.4;} */
.subContent_body2 {position:relative; min-height:600px; margin:40px 0 50px 280px; font-family:"NotoR"; font-size:15px; line-height:1.4;}/* 180717 */
.subContent_body2 p {line-height:1.4;}


/* etc : sns*/ /* 180713 */
.snsBox { position:absolute; top:34px; right:0; text-align:right;}
.snsBox button { display:inline-block; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url('/images/web/kcg/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 .btnGoogle{ background-position:-203px 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;}

#loadingBg{position:absolute; top:30px; left:50%; margin-left:-125px; width:250px; height:125px; background:url(/images/web/kcg/common/loadingimg.gif) no-repeat; text-indent:-9999px; display:none;}
@media (max-width:1019px) {	

	/* etc : sns*/ 
	.snsBox {position:absolute; top:25px; right:0;}

	#sub_container {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	#sub_container {padding-top:81px;}

	/* 서브상단메뉴 */
	.box_line_map {height:50px;}
	.box_line_map_1 .sp_home {width:50px; height:50px;}
	.box_line_map_1 {width:100%; padding:0 0 0 50px;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	.box_line_map_2 {width:33.3%;}
	.box_line_map_2 > a {padding:0 40px 0 10px; line-height:50px; font-size:14px;}
	.box_line_map_2 > a .sp_img {width:40px; height:40px; margin-top:-20px; background-size:100%;}
	.box_line_map_2 .box_snb_1 {top:50px;}
	.box_snb_1 a {font-size:14px; padding:0 10px;}

	/* 글자크기 설정 및 프린트 */
	.text_set {display:none;}

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

	/* 서브콘텐츠 영역 */
	.sub_content {width:95%; min-height:400px;}

	/* sub header */
	.sub_content .subContent_header {height:110px; }
	.sub_content .subContent_header h2 {padding:20px 0 10px; line-height:1.4; font-size:26px;}
	.sub_content .subContent_header .location {position:relative; top:auto; right:auto; font-size:14px;}

	/* sub body */
	.subContent_body2 {position:relative; min-height:600px; margin:20px 0 60px 0; font-family:"NotoR"; font-size:14px; line-height:1.4;}
	.subContent_body2 p {line-height:1.4;}

	/* etc : sns*/ 
	.snsBox {position:absolute; top:18px; right:0;}

}

@media (max-width:800px) {

}


@media (max-width:690px) {
	
	/* 서브상단메뉴 */
	.box_line_map {display:none}
	
}

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

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

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