/*-------------------------------------------------
Author : YJ,Kim
Create date : 2020. 08. 21.
-------------------------------------------------*/

h1, h2, h3, h4, h5 { font-weight: normal; font-family: 'NanumBold'; }

body.fullMenuOpen { overflow: hidden; }

/* content */
#sub_container_wrap { position:relative; padding-top:5.5rem; background:#fff; }
#sub_container_wrap:after { content:""; display:block; clear:both; }

.sub_content_wrap { position:relative; max-width:70rem; margin:2rem auto 5rem; min-height:34rem; }
.sub_content_wrap:after { content:""; display:block; clear:both; }

#sub_content { float:right; width:calc(100% - 16.5rem); }
.subCntBody { position:relative; padding:3rem 0 2rem; font-size:0.8rem; line-height:1.2rem; color:#444; word-break:keep-all; }

/* 왼쪽메뉴 */
#menu { position:relative; float:left; margin-right:3rem; width:13.5rem; }
#menu h2 { position:relative; padding:3.5rem 1.5rem 1.5rem; font-weight:700; font-size:1.8rem; word-break: keep-all; border-radius:0 3rem 0 0; margin-bottom:2px; color:#fff; line-height:1.3; background:#3a75e1 url('/images/template/krhome/layout/bg_lnb.png') no-repeat left top;}
#menu h2:before{content:""; position: absolute; right:1.5rem; top:1rem; width:3rem; height:3rem;}
#menu h2.menu01:before{background:url('/images/template/krhome/layout/ico_lnb01.png') no-repeat center;}
#menu h2.menu02:before{background:url('/images/template/krhome/layout/ico_lnb02.png') no-repeat center;}
#menu h2.menu03:before{background:url('/images/template/krhome/layout/ico_lnb03.png') no-repeat center;}
#menu h2.menu04:before{background:url('/images/template/krhome/layout/ico_lnb04.png') no-repeat center;}
#menu h2.menu05:before{background:url('/images/template/krhome/layout/ico_lnb05.png') no-repeat center;}
#menu h2.menu06:before{background:url('/images/template/krhome/layout/ico_lnb06.png') no-repeat center;}
#menu h2 a{position:relative; display:block;}
#menu h2 em {display:block; margin-top:0.5rem; font-size:0.7rem; font-weight:600; text-transform: uppercase; color:rgba(255,255,255,0.8);}
#menu .lnb > li { position:relative; background:#eee; margin-bottom:1px;}
#menu .lnb > li:first-child { border-top:0; }
#menu .lnb > li > a { display:block; position:relative; padding:0.8rem 1rem; font-weight:400; font-size:0.85rem; color:#333; letter-spacing:-0.01rem; word-break: keep-all;}
#menu .lnb > li > a[target="_blank"]:after { content: ''; display:inline-block; position:relative; width:11px; height:11px; margin:-4px 0 0 8px; background: url("/images/template/krhome/layout/ico_blank02_bk.png") no-repeat; vertical-align:middle; }
#menu .lnb > li:not(.open) > a:hover,
#menu .lnb > li:not(.open) > a:focus { text-decoration:underline; }
#menu .lnb > li.dep01 > a,
#menu .lnb > li.open > a { padding-right:2.5rem; }
#menu .lnb > li.dep01 > a:before { content:""; display:block; position:absolute; top:1rem; right:1.35rem; width:1px; height:0.75rem; background:#333;}
#menu .lnb > li.dep01 > a:after { content:""; display:block; position:absolute; top:1.35rem; right:1rem; width:0.75rem; height:1px; background:#333;}
#menu .lnb > li.dep01.on > a:before,
#menu .lnb > li.dep01.open > a:before { transform:rotate(90deg); -webkit-transform:rotate(90deg); background:#fff;}
/*
2021.11.16. 웹접근성 관련 수정
- 아코디언 콘텐츠 제공 시 상태 정보를 제공하는 것을 권고합니다.
#menu .lnb > li.dep01.on > a:after, */
#menu .lnb > li.dep01.open > a:after{background:#fff;}
#menu .lnb > li.dep01.on > a:after { background: #264ba3; }
#menu .lnb > li.on:not(.dep01) > a:before,
#menu .lnb > li.open:not(.dep01) > a:before{content:""; position: absolute; right:1rem; top:1.25rem; width:8px; height:8px; background:#fff; border-radius:50%;}
#menu .lnb > li.on > a,
#menu .lnb > li.open > a { border:1px solid #264ba3; background:#264ba3; color:#fff; }

#menu li.on .subLnb{display:block;}
#menu .subLnb { display:none; padding:0.4rem 0; border:1px solid #2d66bc; background:#fff;}
#menu .subLnb > li { position:relative; padding:0 1rem;}
#menu .subLnb > li > a { display:block; position:relative; padding:0.5rem 0.5rem 0.5rem 0; line-height:1.5; color:#515151; font-weight:400; font-size:0.8rem; }
#menu .subLnb > li > a:before{content:""; position: absolute; right:0; top:1rem; width:8px; height:8px; background:#fff; border-radius:50%;}
#menu .subLnb > li+li > a{border-top:1px solid #ddd;}
#menu .subLnb > li > a[target="_blank"]:after { content: ''; display:inline-block; position:relative; width:11px; height:11px; margin:-4px 0 0 8px; background: url("/images/template/krhome/layout/ico_blank02_bk.png") no-repeat; vertical-align:middle; }
#menu .subLnb > li > a:hover,
#menu .subLnb > li > a:focus,
#menu .subLnb > li > a.on { color:#264ba3; }
#menu .subLnb > li > a:hover:before,
#menu .subLnb > li > a:focus:before,
#menu .subLnb > li > a.on:before { background:#264ba3; }
#menu .subLnb > li.dep01 > a,
#menu .subLnb > li.open > a { padding-right:1.8rem; }
#menu .subLnb > li.dep01 > a:after { content:"\e9c5"; display:block; position:absolute; bottom:0.5rem; right:1rem; color:#000; font-size:0.7rem; font-family:'xeicon'; }
/* #menu .subLnb > li.open > a:after { content:"\e9c1"; font-family:'xeicon'; } */
#menu  li, #menu a, #menu :before{ transition:all .3s; -webkit-transition:all .3s;}

/* location*/
#sub_content .location { display:block; float:left; font-weight:200; line-height:1rem; font-size:0.7rem;}
#sub_content .location span { color:#666; }
#sub_content .location > span,
#sub_content .location > strong { position:relative; float:right; padding-right:1rem; margin-right:0.25rem; /* background:url('/images/template/krhome/layout/icon_location_arrow.png') no-repeat 0.4rem 0.43rem; */ font-weight:400; }
#sub_content .location span:before,
#sub_content .location strong:before{content:"\e940"; position: absolute; right:0; top:0; font-family: 'xeicon'; font-size:0.7rem;}
#sub_content .location strong { font-weight:400; color:#17356e; }
#sub_content .location a.home { font-size:0.8rem; float:right;}
#sub_content .location a.home img { width:100%; height:100%; vertical-align:top; }

/* sub 타이틀 */
#sub_content .title_area { position:relative; width:100%; float:left; }
.title_area .pageTitle { display:block; font-weight:600; font-size:2rem; color:#000; line-height:1.1; margin:1rem 0 0.5rem;}
/*
.title_area .titSub{font-size:0.8rem; color:#999999;}
2021.11.16. 웹접근성 관련 수정
- 글자와 배경 간의 명도 대비는 최소 3:1 이상 제공해야 합니다. */
.title_area .titSub{font-size:0.8rem; color:#6f6f6f;}

/* sns */
.snsBox { display:block; position:absolute; top:1rem; right:0; width:auto; height:auto; }
.snsBox:after { content:""; display:block; clear:both; }
.snsBox button { float:left; overflow:hidden; width:1.5rem; height:1.5rem; padding:0; background-image:url('/images/template/krhome/layout/btnSns.png'); background-repeat:no-repeat; background-position:center;}
.snsBox .btnShare, .snsBox .btnPrint{width:1.75rem; height:1.75rem; line-height:1.9rem; text-align:center; border-radius:50%; background:rgba(0,0,0,0.1); font-size:0.8rem; color:#7f7f7f; margin-left:3px;}
.snsBox .btnShare:hover,
.snsBox .btnShare:focus,
.snsBox .btnPrint:hover,
.snsBox .btnPrint:focus{background:rgba(0,0,0,0.4); color:#fff;}
.snsBox .btn_F { background-position:0 0 ; }
.snsBox .btn_T { background-position:-40px 0 ; }
.snsBox .btn_Y { background-position:-80px 0 ; }
.snsBox .btn_B { background-position:-120px 0 ; }
.snsBox .btn_K { background-position:-160px 0 ; }
.snsBox .btn_In { background-position:-200px 0 ; }
.snsBox .btn_Ks { background-position:-240px 0 ; }
.snsBox .sns_more { display:none; position:absolute; width:6.7rem; height:2rem; right:2rem; top:2rem; padding:0 0.25rem; font-size:0; line-height:0; border:1px solid #377bdf; z-index:30; background:#fff; border-radius:1.5rem; z-index:0; box-shadow:1px 1px 0.2rem rgba(0,0,0,0.3); overflow:hidden; }
.snsBox .sns_more button { width:2rem; height:2rem; text-indent:-9999em; overflow:hidden; }

#contents {width:100%; padding: 2rem 0; overflow:hidden;}
#contents:after {clear: both; display: block; width: 100%; content: "";}

/* paging */
.pagenate {text-align:center; clear:both; margin:0 auto;}
.pagenate .paging {margin-top:30px; position:relative; display:inline-block; text-align:center;}
.pagenate .paging:after { content:''; clear:both; display:block;}
.pagenate .paging a {width:28px; height:28px; line-height:28px;}
.pagenate .paging .first,
.pagenate .paging .prev,
.pagenate .paging .next,
.pagenate .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('/images/template/00002/common/btn_paging.png') no-repeat left top; border:1px solid #dbdbdb; margin-left:2px;}
.pagenate .paging .first {margin-left:0;}
.pagenate .paging .prev {background-position:-28px 0;}
.pagenate .paging .next {background-position:-56px 0; margin-left:0;}
.pagenate .paging .end {background-position:-84px 0;}
.pagenate .paging a {color:#333; text-align:center; font-size:12px; display:inline-block; border:1px solid #dbdbdb;}
.pagenate .paging a.on,
.pagenate .paging a:hover {border:1px solid #06F; color:#06F; font-weight:bold;}
.pagenate .paging strong {width:28px; height:28px; line-height:28px; color:#333; text-align:center; font-size:12px; display:inline-block; border:1px solid #06F; color:#06F; font-weight:bold;}

/* 페이징 2(원래 게시판에 있던 스타일) */
.board-paging { clear:both; padding:20px 0; text-align:center; font-family:'Nanum'; }
.board-paging a { display:inline-block; }
.board-paging span { margin:0 10px; }
.board-paging span a { margin:0 5px; color:#666; }
.board-paging span a:hover, .board-paging span a:focus, .board-paging span a:active { color:#333; border-bottom:1px solid #333; }
.board-paging span strong { display:inline-block; margin:0 5px; color:#333; border-bottom:1px solid #333; font-weight:normal; font-family:'NanumBold'; }
.board-paging span em { display:none; font-style:normal;}

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

	.sub_content_wrap{margin:2rem 1rem 5rem; max-width:100%;}


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

	/* content */
	#sub_container_wrap, .sub_content_wrap { width:100%; }
	.sub_content_wrap { margin:0 auto; }
	#sub_content { width:100%; margin:0; padding:1rem 2.5%; }
	#sub_content .title_area { /*padding-right:3rem;*/ padding-bottom:0.8rem; }
	.subCntBody { width:100%; }
	#contents{padding:1rem 0 2rem;}

	/* 왼쪽메뉴 */
	#menu { width:100%; margin:0; padding:0; }
	#menu h2{padding:1rem 1rem 1rem 3.5rem; font-size:1.4rem; border-radius:0; font-weight: 600; z-index:1102; cursor: pointer;}
	#menu h2:before{right:auto; top:0.9rem; left:1rem; width:2rem; height:2rem; background-size:cover !important;}
	#menu h2:after{content:"\e943"; position:absolute; right:1rem; top:1.25rem; font-size:1rem; color:#fff; font-family: 'xeicon'; transition:all .3s; -webkit-transition:all .3s;}
	#menu h2.on:after{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	#menu h2 em{display:none;}
	#menu nav { display:none;}
	#menu nav { position: absolute; left:0; top:3.8rem; width:100%; z-index:1101; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
	#menu .lnb { border:0; }
	#menu .lnb > li{margin:0;}
	#menu .subLnb { background:#f7f7f7; }

	/* sub 타이틀 */
	.title_area .pageTitle{font-size:1.7rem; margin-right: 3rem; }
	.title_area .titSub{font-size:0.75rem;}

	/* sns */
	.snsBox .btnPrint { display:none; }
	.snsBox .sns_more {right:0;}

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

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

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

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

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

	/* location */
	#sub_content .location{display:none;}

	/* 왼쪽메뉴 */
	#menu h2{font-size:1.25rem; padding:1rem;}
	#menu h2:before{display:none;}

	/* sub 타이틀 */
	.title_area .pageTitle{font-size:1.2rem; margin-top:0;}
	.title_area .titSub{font-size:0.75rem;}

	/* sns */
	.snsBox .btnPrint { display:none; }
	.snsBox .sns_more {right:0;}
}
@media print {
	#wrap > *:not(#sub_container_wrap),
	#menu,
	#sub_content #location,
	.snsBox,
	form[name=satisurveyForm]
	{ width: 0; height: 0; display:none; }

	#sub_container_wrap { padding: 0; }
	#sub_content { width:100%; }
}