/* font */
.font-noto-sans{font-family:'Noto Sans KR', sans-serif} /* 100;300;400;500;700;900 */
.font-noto-serif{font-family:'Noto Serif KR', serif} /* 200;300;400;500;600;700;900 */
.font-nanum-sans{font-family:'Nanum Gothic', sans-serif} /* 400;700;800 */
.font-nanum-serif{font-family:'Nanum Myeongjo', serif} /* 400;700;800 */
.font-nanum-brush{font-family:'Nanum Brush Script', cursive}
.font-nanum-pen{font-family:'Nanum Pen Script', cursive}
.font-source-sans{font-family:'Source Sans Pro', sans-serif} /* 200;300;400;600;700 */
.font-source-code{font-family:'Source Code Pro', monospace} /* 200;300;400;500;600;700;900 */
.font-roboto-sans{font-family:'Roboto', sans-serif} /* 100;300;500;700;900 */
.font-nunito{font-family: 'Nunito', sans-serif} /* 200;300;400;600;700;800;900 */
.font-open-sans{font-family: 'Open Sans', sans-serif} /* 300,400,500,600,700,800 */

.font-w-100{font-weight:100 !important}
.font-w-200{font-weight:200 !important}
.font-w-300{font-weight:300 !important}
.font-w-400{font-weight:400 !important}
.font-w-500{font-weight:500 !important}
.font-w-600{font-weight:600 !important}
.font-w-700{font-weight:700 !important}
.font-w-800{font-weight:800 !important}
.font-w-900{font-weight:900 !important}

.font-s-10{font-size:10px !important}
.font-s-11{font-size:11px !important}
.font-s-12{font-size:12px !important}
.font-s-13{font-size:13px !important}
.font-s-14{font-size:14px !important}
.font-s-15{font-size:15px !important}
.font-s-16{font-size:16px !important}
.font-s-18{font-size:18px !important}
.font-s-20{font-size:20px !important}
.font-s-24{font-size:24px !important}
.font-s-28{font-size:28px !important}
.font-s-32{font-size:32px !important}
.font-s-36{font-size:36px !important}
.font-s-40{font-size:40px !important}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
	.sm-font-s-10{font-size:10px !important}
	.sm-font-s-11{font-size:11px !important}
	.sm-font-s-12{font-size:12px !important}
	.sm-font-s-13{font-size:13px !important}
	.sm-font-s-14{font-size:14px !important}
	.sm-font-s-15{font-size:15px !important}
	.sm-font-s-16{font-size:16px !important}
	.sm-font-s-18{font-size:18px !important}
	.sm-font-s-20{font-size:20px !important}
	.sm-font-s-24{font-size:24px !important}
	.sm-font-s-28{font-size:28px !important}
	.sm-font-s-32{font-size:32px !important}
	.sm-font-s-36{font-size:36px !important}
	.sm-font-s-40{font-size:40px !important}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}

/* text */
.text-blue{color:#2c8ef8 !important}
.text-indigo{color:#727cf5 !important}
.text-purple{color:#6b5eae !important}
.text-pink{color:#ff679b !important}
.text-orange{color:#fd7e14 !important}
.text-yellow{color:#ffbc00 !important}
.text-red{color:#fa5c7c !important}
.text-green{color:#0acf97 !important}
.text-cyan{color:#39afd1 !important}
.text-teal{color:#02a8b5 !important}
.text-gray{color:#98a6ad !important}
.text-darkgray{color:#343a40 !important}
.text-white{color:#fff !important}

.text-gray100{color:#f8f9fa !important}
.text-gray200{color:#e9ecef !important}
.text-gray300{color:#dee2e6 !important}
.text-gray400{color:#ced4da !important}
.text-gray500{color:#adb5bd !important}
.text-gray600{color:#6c757d !important}
.text-gray700{color:#495057 !important}
.text-gray800{color:#343a40 !important}
.text-gray900{color:#212529 !important}

.bg-gray100{background:#f8f9fa !important}
.bg-gray200{background:#e9ecef !important}
.bg-gray300{background:#dee2e6 !important}
.bg-gray400{background:#ced4da !important}
.bg-gray500{background:#adb5bd !important}
.bg-gray600{background:#6c757d !important}
.bg-gray700{background:#495057 !important}
.bg-gray800{background:#343a40 !important}
.bg-gray900{background:#212529 !important}

.bg-indigo{background:#727cf5 !important}
.bg-cyan{background:#39afd1 !important}
.btn-indigo{background:#727cf5 !important;color:#fff !important}

/* util */
.text-justify{text-align:justify !important}
.box-shadow{box-shadow:0 0 35px 0 rgb(154 161 171 / 15%)}
.text-shadow{text-shadow:1px 1px 6px #000}
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.word-break{word-break:break-all !important;-ms-word-break:break-all !important}


/* xe */
.wfsr {
	display:none;
	z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 20px 0 0 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font: bold 16px/60px "Helvetica Neue", Helvetica, Arial, 돋움, Dotum, sans-serif;
	color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	box-shadow: 0 0 5px #000;
}


/* common */
.sm-show{display:none}
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
	.sm-show{display:block !important}
	.sm-hide{display:none !important}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}

.btn-srn{padding:10px 20px;border:1px #107dc4 solid;background:#0075c1;color:#fff;border-radius:3px;font-size:16px;font-weight:400;transition:all 0.5s ease-in-out}
.btn-srn:hover{background:#4b95c5}


/* layout */
body{font-family:'Noto Sans KR', sans-serif}
@media (min-width: 1400px) {
	.container{max-width:1140px}
}


/* header */
header{position:relative;height:88px}
header .logo{margin-top:16px}
header .logo img{width:180px;height:auto}

header .gnb-top{position:absolute;top:10px;right:0}
header .gnb-top ul{margin:0;padding:0}
header .gnb-top ul li{position:relative;list-style:none;padding:0 16px}
header .gnb-top ul li:before{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;background:#d9d9d9;transform:translate(0,-50%)}
header .gnb-top ul li:last-child{padding-right:0}
header .gnb-top ul li:last-child:before{content:'';width:0;height:0}
header .gnb-top ul li a,
header .gnb-top ul li span{text-decoration:none;color:#777}
header .gnb-top ul li span:hover,
header .gnb-top ul li a:hover{color:#0075c1;cursor:pointer}

header .gnb-top-mobile{display:none;position:absolute;top:0;right:0}
header .gnb-top-mobile ul{margin:0;padding:0}
header .gnb-top-mobile ul li{position:relative;list-style:none;padding:0 10px}
header .gnb-top-mobile ul li:last-child{padding-right:0}
header .gnb-top-mobile ul li a,
header .gnb-top-mobile ul li span{text-decoration:none;color:#777}
header .gnb-top-mobile ul li span:hover,
header .gnb-top-mobile ul li a:hover{color:#0075c1;cursor:pointer}

header .gnb-main{margin-top:8px;position:absolute;width:100%;z-index:100}
header .gnb-main>ul{display:flex;margin:0;padding:0;background:rgba(88, 92, 102, 0.95)}
header .gnb-main>ul:hover ul{display:block}
header .gnb-main>ul>li{display:list-item;width:14.28571%;list-style:none;text-align:center}
header .gnb-main>ul>li>a{display:block;position:relative;padding:10px 0;color:#fff;text-decoration:none;background:#0075c1}
header .gnb-main>ul>li>a:hover{background:#1d7cbc}
header .gnb-main>ul>li>a:before{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:16px;background:#468dbd;transform:translate(0,-50%)}
header .gnb-main>ul>li>a:last-child:before{content:'';width:0;height:0}
header .gnb-main>ul>li>ul{display:none;margin:0;padding:20px 0}
header .gnb-main>ul>li>ul>li{padding:0;list-style:none;text-align:left}
header .gnb-main>ul>li>ul>li>a{display:block;width:100%;padding:0 25px;text-decoration:none;color:#fff}
header .gnb-main>ul>li>ul>li>a:hover{text-decoration:underline}

.login-modal .modal-content{border-radius:0}
.login-modal .modal-content .form-control{border-radius:0;padding:10px;border:1px #999 solid}
.login-modal .modal-content .btn{width:200px;padding:15px;border-radius:0;background:#0075c1;color:#fff}
.login-modal .modal-content .login-help a{position:relative;padding:0 10px;text-decoration:none;color:#333}
.login-modal .modal-content .login-help a:hover{color:#0075c1}
.login-modal .modal-content .login-help a:first-child{padding-right:15px}
.login-modal .modal-content .login-help a:first-child:before{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;background:#d9d9d9;transform:translate(0,-50%)}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {
	header{height:42px;border-bottom:1px #ccc solid}
	header .logo{margin-top:10px}
	header .logo img{width:120px;height:auto}
	
	header .gnb-top{display:none}
	header .gnb-top-mobile{display:block}
	header .gnb-main{display:none}
}
@media (max-width: 1199.98px) {}


/* snb */
.snb .snb-title{margin-top:50px}
.snb .snb-inner{position:relative;margin-top:20px;border-top:2px #333 solid;border-bottom:1px #787878 solid}
.snb .snb-inner .fa-sort{display:none;position:absolute;top:18px;right:4px;color:#999}
.snb .snb-inner ul{display:flex;margin:0;padding:0;list-style:none}
.snb .snb-inner ul li a{display:block;padding:12px 20px;color:#aaa;text-decoration:none}
.snb .snb-inner ul li.active a{color:#0075c1}
.snb .snb-inner ul li:first-child a{padding-left:0}
.snb .snb-inner ul li:last-child a{padding-right:0}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {
	.snb .snb-title{margin-top:20px}
	.snb .snb-inner{padding-right:26px}
	.snb .snb-inner .fa-sort{display:block}
	.snb .snb-inner ul{padding:0 20px;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width: none}
	.snb .snb-inner ul::-webkit-scrollbar{display: none}
	.snb .snb-inner ul li a{display:block;padding:12px 12px;color:#aaa;text-decoration:none}
}
@media (max-width: 1199.98px) {}

/* bt-content */
.bt-content{padding:30px 0}


/* footer */
footer{padding:30px 0;background:#f1f2f3}
footer .footer-wrapper{position:relative}

footer .footer-menu{margin:0;padding:0}
footer .footer-menu ul{margin:0;padding:0}
footer .footer-menu ul li{float:left;position:relative;margin:0;padding:0 15px;list-style:none}
footer .footer-menu ul li:first-child{padding-left:0}
footer .footer-menu ul li:last-child{padding-right:0}
footer .footer-menu ul li:before{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;background:#d9d9d9;transform:translate(0,-50%)}
footer .footer-menu ul li:last-child:before{content:'';width:0;height:0}

footer .footer-menu ul li a{padding:0;color:#333;text-decoration:none}
footer .footer-menu ul li a:hover{color:#999}

footer .footer-contactus{margin:0;padding:0;display:flex;color:#98a6ad}
footer .footer-contactus ul{margin:0;padding:0}
footer .footer-contactus ul li{float:left;padding:0 15px;list-style:none}
footer .footer-contactus ul li:first-child{padding-left:0}
footer .footer-contactus ul li:last-child{padding-right:0}
footer .footer-contactus ul li a{color:#98a6ad;text-decoration:none}


footer .footer-copyright{display:flex;margin-top:30px;padding-top:16px;border-top:1px #ddd solid;justify-content:space-between}
footer .footer-copyright .copyright-sns{margin-top:-10px;padding:0}
footer .footer-copyright .copyright-sns a{color:#555;padding:0 5px}
footer .footer-copyright .copyright-sns a:hover{color:#0075c1}
footer .footer-copyright .copyright-sns a:first-child{padding-left:0}
footer .footer-copyright .copyright-sns a:last-child{padding-right:0}

footer .family-site{position:absolute;top:14px;right:0}
footer .family-site button{padding:6px 39px;border:2px #444 solid;border-radius:0}
footer .family-site button:hover{border:2px #333 solid;border-radius:0}
footer .family-site .dropdown-menu{padding:20px 0;background:#444;border-radius:0}
footer .family-site .dropdown-menu a{color:#fff}
footer .family-site .dropdown-menu a:hover{background:none;color:#0075c1}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
	footer .footer-menu{display:flex;justify-content:center;margin-bottom:10px}
	footer .footer-menu ul li:nth-last-child(2):before{content:'';width:0;height:0}
	
	footer .footer-contactus ul li{width:50%;text-align:right}
	footer .footer-contactus ul li:first-child{width:100%;text-align:center}
	footer .footer-contactus ul li:last-child{text-align:left}
	
	footer .footer-copyright{display:block;text-align:center}
	footer .footer-copyright .copyright-sns{margin-top:20px}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}