@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family:'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
@font-face {
    font-family: 'KCCImkwontaek';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/KCCImkwontaek.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
	--color-point: #004da3;
	--color-point2: #0f355f;
	--color-ho: #0f355f;
}
::-moz-selection {background: #004da3;color: #fff;}
::selection {background: #004da3;color: #fff;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

#wrap{width:100%; height:100%; overflow:hidden; position:relative;}
.w1700{max-width:1700px; width:90%; margin:0 auto;}
.w1600{max-width:1600px; width:90%; margin:0 auto;}
.w1500{max-width:1500px; width:90%; margin:0 auto;}
.w1400{max-width:1400px; width:90%; margin:0 auto;}
.w1300{max-width:1300px; width:90%; margin:0 auto;}
.w1280{max-width:1280px; width:90%; margin:0 auto;}
.w1200{max-width:1200px; width:90%; margin:0 auto;}
.cbdb::after{clear:both; display:block; content:'';}
	
/* bxslider 초기화 */
.bx-wrapper{box-shadow: none!important;border: none!important;}

@media (max-width : 720px) {
    body{font-size: 14px!important;}
}

/* 탑버튼 */
#top_btn{background:#ff8820; color:#fff;outline:none;}
#top_btn:hover{}

/* 팝업 반응형*/
@media (max-width:700px){
    .hd_pops{width: 95% !important;top: 65px !important;left: 10px !important;}
    .hd_pops_con{width: 100%!important;}
    .hd_pops_footer .hd_pops_reject,.hd_pops_footer .hd_pops_close{font-size: 12px;}
}

/* 게시판 리스트 카테고리 */
#bo_cate li{padding: 0!important;}
#bo_cate #bo_cate_on{border-color:#004da3 !important;background: #004da3 !important;color: #fff !important;}
#bo_cate a{
	background:#f5f5f5;padding:12px 20px !important;box-shadow:none!important; border-radius:5px!important; border: 1px solid #ddd !important;
	line-height:1 !important; font-size: 16px;color: #888 !important; margin-left: 4px; font-weight:400; transition:all .5s;
} 
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{border-color: #004da3 !important}
#bo_cate li:first-child a {margin-left:0;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{border-color:#004da3 !important;background: #004da3 !important; color:#fff !important; transition:all .5s;}

/* 연도 많은 퍼블리케이션 카테고리 .cate_line */
#bo_cate.cate_line ul {text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;padding: 10px 0;}
#bo_cate.cate_line #bo_cate_on{border: none !important;background: #ffffff!important;color: #3e3e3e!important;}
#bo_cate.cate_line a{background: none!important;border: none !important;padding: 5px 8px!important;box-shadow: none!important; border-radius: 0!important;line-height: 25px!important; font-size: 14px;color: #a5a5a5!important; margin-left: 4px;} 
#bo_cate.cate_line a:focus, #bo_cate.cate_line a:hover, #bo_cate.cate_line a:active{border: none !important;color: #3e3e3e!important;}

@media (max-width : 720px) { 
    #bo_cate a{font-size: 11px;}
    #bo_cate.cate_line a{    line-height: 12px!important;}
}


/* 게시판 리스트 */
#bo_list .cnt_cmt{background: #dde6f3!important;color: #004da3!important;} /* 코멘트*/
#bo_gall .bo_tit .cnt_cmt{background: #dde6f3!important;color: #004da3!important;} /* 코멘트*/

/* 게시판 리스트 하단 page*/
.pg_page{font-size: 1em!important;color: #959599 !important; height: 36px!important;line-height: 34px!important; min-width: 36px!important; background: #eee !important;border: 1px solid #eee!important;}
.pg_page:hover{color:#004da3!important;background: #fff !important;border: 1px solid #004da3 !important;}
.pg_current{background:#004da3 !important;border-color:#004da3 !important; height: 36px!important;line-height: 34px!important; min-width: 36px!important;}
.pg_end {background: url(../img/btn_end.gif) no-repeat 50% 50% #eee!important;}
.pg_start {background: url(../img/btn_first.gif) no-repeat 50% 50% #eee!important;}
.pg_end:hover {background: url(../img/btn_end.gif) no-repeat 50% 50% #fff!important;}
.pg_start:hover {background: url(../img/btn_first.gif) no-repeat 50% 50% #fff!important;}


/* 게시판 보기 */
.cmt_btn span.total{color:#004da3!important}
.cmt_btn span.total:after{background:#004da3!important}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active,
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active
{color: #004da3!important;}
#bo_v_file li:hover i, #bo_v_link li:hover i{color: #004da3!important;}
#bo_v_file li:hover, #bo_v_link li:hover{color: #dde6f3!important;background: #f8fbff!important;}
.bo_v_nb li .nb_tit{color:#004da3!important}

/* 버튼 */
.btn_submit{background:var(--color-point) !important;transition: .2s}
.btn_submit:hover{background:var(--color-ho) !important;}
.btn_b01:hover, .btn_b01:hover{opacity: .8;}
a.btn_b02, .btn_b02, .btn_submit{background:var(--color-point) !important; font-size: 14px !important; border-radius:0 !important;}
a.btn_b01, .btn_b01 {background:#bbb !important;padding:0 15px !important;color:#fff !important;height: 45px !important;line-height: 45px !important; font-size: 14px !important;}
a.btn_admin, .btn_admin, .btn_cancel {background: #fff !important; padding: 0 10px !important; color: #333 !important; border: solid 1px #bbb !important; height: 45px !important; line-height: 45px !important; font-size: 14px !important;}

a.btn_b02:hover, .btn_b02:hover{background:var(--color-ho) !important;}
#bo_v .btn{font-size: 16px!important;}
.more_opt li button, .more_opt li a{font-size: 14px!important;}
#bo_v_link li:hover a{color:var(--color-ho) !important;}
#bo_v_link li:hover .bo_v_link_cnt {color: var(--color-ho) !important;}
#bo_v_file li:hover, #bo_v_link li:hover a{color:var(--color-ho) !important;}

/*게시판 리스트 버튼 */
#bo_v_top{margin-top:50px;}
.btnWr{position:absolute !important; margin-top:10px !important; text-align:right !important; right:0 !important; bottom:10px !important;}
.btnWr a{display:inline-block !important; font-size:14px !important; text-align:center !important; font-weight:600 !important; padding:1px 5px !important; transition: 0.3s !important;}
.btnWr .link a{color:#999 !important;}
.btnWr .link a:hover {background:#999 !important; color:#fff !important;}
.btnWr .btnDownWr a{color:#4e7aa1 !important;}
.btnWr .btnDownWr a:hover {background:#4e7aa1 !important; color:#fff !important;}
.btnWr .btnLinkWr a{color:#ce2f2f !important;}
.btnWr .btnLinkWr a:hover {background:#ce2f2f !important; color:#fff !important;}


/* 게시판 보기 */

/* 로그인 탭*/
/*.mb_log_cate{display: none;}*/
.mbskin{margin: 50px auto !important;}


/*링크 검은 테두리 삭제*/
:focus, a, button{outline: none!important;}

/* 다음 지도 */
.root_daum_roughmap.root_daum_roughmap_landing{width: 100%;}
.root_daum_roughmap .wrap_controllers{display: none !important;}
.root_daum_roughmap_landing .border2{display: block!important;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* ------------------------------------------ Basic in-view ------------------------------------------ */
.a-up{transform:translateY(25px); opacity:0;}
.in-view.a-up{transform:translateY(0px); opacity:1; transition:all 1s;}
.a-down{transform:translateY(-25px); opacity:0;}
.in-view.a-down{transform:translateY(0px); opacity:1; transition:all 1s;}
.a-left{transform:translateX(15px); opacity:0;}
.a-left.in-view{transform:translateX(0px); opacity:1; transition:all 1s;}
.a-right{transform:translateX(-15px); opacity:0;}
.a-right.in-view{transform:translateX(0px); opacity:1; transition:all 1s;}

.a-:nth-child(1){transition-delay:.1s;}
.a-:nth-child(2){transition-delay:.2s;}
.a-:nth-child(3){transition-delay:.3s;}
.a-:nth-child(4){transition-delay:.4s;}
.a-:nth-child(5){transition-delay:.5s;}
.a-:nth-child(6){transition-delay:.6s;}
.a-:nth-child(7){transition-delay:.7s;}
.a-:nth-child(8){transition-delay:.8s;}
.a-:nth-child(9){transition-delay:.9s;}
.a-:nth-child(10){transition-delay:1s;}
.a-:nth-child(11){transition-delay:1.2s;}
.a-:nth-child(12){transition-delay:1.3s;}
.a-:nth-child(13){transition-delay:1.4s;}
.a-:nth-child(14){transition-delay:1.5s;}
.a-:nth-child(15){transition-delay:1.6s;}


#s-top_btn{
	position: fixed; bottom: 20px; right: 20px; width:50px; height:50px; font-size:15px; color:#004da3; line-height:40px; border:2px solid #004da3; border-radius:8px;
	background:#fff; -webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;
}
#s-top_btn:hover{background: #004da3 !important;color: #fff !important;}


.apll-btn{border-radius:5px !important; font-size:19px !important; font-family:'SebangGothic', sans-serif !important; font-weight:400 !important; top:0 !important;}
.apll-btn:hover{text-decoration: underline !important;}
.btn_wr .cancel{background-color:#eee !important; color:#555 !important; border-color:#eee !important;}
#bo_w button.btn_submit{background-color:#004da3 !important; color:#fff !important; border-color:#004da3 !important;}


.pg_wrap{position: relative; z-index: 999; margin:5px 0;}



/*-----------------검색바-----------------*/
#bo_sch {position: relative; float:right; clear:both;width:385px;margin:0 auto;padding:0; background:#fff; margin-left: 10px; z-index: 99;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;margin-right:15px ;height:40px; width:130px; float:left; border-bottom:1px solid #d4d4d4;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;}
#bo_sch .sch_input{height:40px;border:0;padding:0 0 0 5px;background:#fff; width:calc(100% - 145px); line-height:40px; border-bottom:1px solid #d4d4d4;background-color:transparent;float:left;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;}
#bo_sch .sch_btn{background: none; border: 0; font-size: 19px; color: #111; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
@media (max-width:767px) {
	#bo_sch {width:100%;}
}