@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/* ===================== 공통 기본 ===================== */
* {font-family:'Noto Sans Korean', serif !important;}

body {background:#ffffff; font-size:13px;}
.fa {font-family:'FontAwesome', serif !important;}
#hd {border:0;}

.btn_submit {background:#0052a6 !important; }
a.btn, .btn {line-height:34px; font-weight:normal;}
a.btn_b01, .btn_b01 {border:1px solid #333 !important; background:#fff !important; color:#444; font-weight:normal;}
a.btn_b02, .btn_b02 {background:#0052a6 !important; font-weight:normal;}
a.btn_admin, .btn_admin {background:#e00000 !important; font-weight:normal;}

#top_btn {border:2px solid #0052a6; background:#fff; color:#0052a6; border-radius:50%;}
#top_btn:hover {border-color:#0052a6; background:#0052a6;}

@media (max-width: 1199px) {
	#hd, #wrapper, #ft{min-width:auto}
}

.container {width:1200px; margin:0 auto;}

@media (max-width: 1199px) {
	.container {width:100%; padding:0% 2% !important;}
}

/* ===================== 상단 ===================== */

.header{width:100%;z-index:100; background:#fff; height:101px; padding-top:34px;}
.header h1{float:left;} 
.header h1 a{display:block}

@media (max-width: 999px) {
	.header {height:auto; padding:0;}
	.header .container {padding:0 !important;}
	.header h1 {float:none; text-align:center;  padding:15px 0px;}
	.header h1 img {width:200px;}
}

.lnb{float:right; margin-top:-15px;}
.lnb a{}
.lnb .close{display:none}
.lnb ul{position:relative;z-index:10}
.lnb ul li{position:relative;float:left}			
.lnb ul li > a{display:block; font-size:18px;color:#000;padding:22px 38px 32px;}
.lnb ul li > a:hover {color:#0052a6}
.lnb ul li:after {display:block; transform: scaleX(0); content: ""; position: relative; width: 100%; border-top: 5px solid #0052a6; transition: 0.2s all ease-out;}
.lnb ul li:hover:after {transform: scaleX(1);}
.lnb ul li:hover dl{display:block;}
.lnb dl{display:none;position:absolute;left:0;top:80px;width:160px;padding:20px 12px;background:#fff;}
.lnb dl dd > a{display:block;line-height:36px;font-size:14px;color:#666666; text-align:center;}
.lnb dl dd > a:hover{color:#0052a6}

.lnb ul li.mobile {display:none;}

@media (max-width: 999px) {
	.lnb {float:none; width:100%; border-top:1px solid #0052a6; border-bottom:1px solid #0052a6; margin-top:0; display:block; overflow:hidden;}
	.lnb ul {padding:0 30px;}
	.lnb ul li {width:20%; text-align:center;}
	.lnb ul li:after {display:none;}

	.lnb ul li > a {padding:10px 0px; font-size:100%;}
	.lnb ul li > a:hover {background:#0052a6; color:#fff;}

	.lnb ul li.pc {display:none;}
	.lnb ul li.mobile {display:block;}
}

@media (max-width: 699px) {
	.lnb ul {padding:0px;}
}



/* ===================== 하단 정보 ===================== */
#ft {background:#1b1b1b; }
#ft_link {background:#dcdcdc; font-size:14px;}
#ft_link a {font-weight:normal;}
#ft_link a:before {position:relative; display:inline-block; background:#000; width:1px; height:12px; top:2px; margin-right:14px; content:'';}
#ft_link a:first-child:before {display:none;}

#ft_copy {text-align:left; color:#a1a1a1;}
#ft_copy .container {position:relative;}
#ft_copy .copy_img {margin-top:35px;}
#ft_copy .copy_info {margin:20px 0px 55px; line-height:20px;}
/* #ft_copy .copy_info {margin:20px 0px 29px; line-height:20px;} */
#ft_copy .copy_info span {display:inline}
#ft_copy .copy_info span a {color:inherit;}
#ft_copy .copy_info span:before {position:relative; display:inline-block; background:#a1a1a1; width:1px; height:12px; margin:0px 6px; content:''; top:2px;}
#ft_copy .copy_info span:first-child:before, #ft_copy .copy_info span:nth-child(7):before {display:none;}
#ft_copy strong {font-weight:normal; display:block;}

/* .adm_btn {position:absolute; right:0; bottom:30px;} */
.adm_btn a {border:1px solid #a1a1a1; color:#a1a1a1; padding:3px 10px;}
/* ---- 20220610 추가 -----*/
.logo-right{position: absolute; right: 0;top:0;}
.footer-strong{margin-top: 30px;}
.adm_btn {position:absolute; right:0; bottom:10px;}

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

@media (max-width: 999px) {
	#ft_copy .copy_img {text-align:center;}
	#ft_copy .copy_info {text-align:center;}

	#ft_copy strong  {text-align:center;}

	.adm_btn {position:relative; text-align:center; display:block; bottom:-15px;}

    .logo-right{position:relative;text-align:center;display:block; margin-top: 20px;}
}

@media (max-width: 699px) {
	#ft_link a {font-size:95%;}
	#ft_copy .copy_info {}
	#ft_copy .copy_info span {word-break:keep-all;}
}

@media (max-width: 599px) {
	#ft_copy .copy_info {padding:0% 5%;}
}