@charset "utf-8";
/* 구글 웹폰트 나눔고딕 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/gears/board/resource/board.css);
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css);

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');

* {font-family:"Nanum-Gothic","NanumGothic","Malgun Gothic",sans-serif;}

/* site top menu */
#site-header1,
#site-header1 * {}
#site-header1 {height:130px;width:100%;position:relative;z-index:10;}
#site-header1 a {text-decoration:none;}
#site-header1 .inner {position:relative;}
#site-header1 .inner:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
#site-header1 .header-wrap {position:relative;max-width:1400px;margin:0 auto;padding-left:320px;padding-right:70px;overflow:hidden;}
#site-header1 .nav { display:inline-block;max-height:130px;overflow:hidden;position:relative;}

/* site top menu - logo */
#site-header1 .logo {position:absolute;left:0;top:20px;}
#site-header1 .logo a {display:inline-block;position:relative;font-size:0;}
#site-header1 .logo a:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/home/sub8/images/logo.png) no-repeat 0 0;opacity:0;}
/* site top menu - open menu in mobile */
#site-header1 .nav-open {position:absolute;right:0px;top:65px;display:block; }
#site-header1 .nav-open a {margin-right:10px;display:inline-block;background:no-repeat 0 0;}
#site-header1 .nav-open a.nav-toggle-search {background-image:url(/home/img/search_white_on.png);}
#site-header1 .nav-open a.nav-toggle-login {color:#000; font-size:14px; height:15px; line-height:15px; font-weight:600;}

#site-header1 .nav-open a.nav-toggle-menu { display:none;}
#site-header1 .nav-close {display:none;}
#site-header1 .nav-close a {display:block;width:100%;height:100%;text-align:right;font-size:0;}
#site-header1 .mobile-menu {display:none;visibility:hidden;}
/* site top menu - menus */
#site-header1 .nav > ul {display:inline;table-layout:auto;width:100%;border-spacing:0;padding:0 0 0 10px;top:30px;margin:0;list-style:none;position:relative;z-index:2;}
#site-header1 .nav > ul > li {display:table-cell; width:15%; padding:0 5px;}
#site-header1 .nav > ul > li > a {display:block;text-align:center;color:#000;font-size:24px;font-weight:600;letter-spacing:-0.05em;}
#site-header1 .nav > ul > li > a span {display:inline-block;height:100px;line-height:100px;white-space:nowrap;position:relative;}
#site-header1 .nav > ul ul {display:block;padding:20px 0 100px 0;margin:0;list-style:none;}
#site-header1 .nav > ul ul li a {display:block;font-size:14px;padding:4px 0;color:#666;letter-spacing:-1px; text-align:center;}
#site-header1 .nav > ul ul li a:hover {font-weight:600;color:#000;}
#site-header1 .nav > ul > li:hover > a span:after {content:'';position:absolute;left:50%;bottom:-8px;height:8px;width:15px;transform:translateX(-50%);}

#site-header1.hover .nav-open a,
#site-header1:hover .nav-open a {color:#000;}

.top_bn {clear:both;position:relative;width:100%;height:101px;background-color:#4FABC3;text-align:center;border:1px solid #eee;}

/* site top search */
#nav-form {position:absolute;left:0; /*top:99px;*/top:130px; padding:20px;margin:0;width:100%;z-index:10;background:#fff;visibility:hidden;transform:translateY(-50px);opacity:0;transition:all .2s; border-top:1px solid #CCCCCC;text-align:center;}
#nav-form .forms {border-bottom:solid 3px #000;font-size:0;display:table;width:100%;max-width:600px;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:0 auto; height:40px;}
#nav-form .forms * {vertical-align:middle;}
#nav-form .forms input {border:none;float:left;width:100%;line-height:40px;height:40px;font-size:20px;padding:0 0 0 20px;}
#nav-form .forms div {display:table-cell;width:40px;}
#nav-form .forms button {display:inline-block;width:100%;line-height:40px;font-size:20px;border:none;padding:0 0 0 5px;margin:0;background:#FFF;color:#000;cursor:pointer;}
.search-open #nav-form {opacity:1;visibility:visible;transform:translateY(0); /*height:220px;*/ height:196px;}
.search-open #nav-form h3 {font-size:35px; color:#000; font-weight:600; padding:30px 0 40px 0;}
.search-open #nav-form h3 strong {color:#000;font-weight:600;}
.search-open #site-header1.hover .nav,
.search-open #site-header1 .header-wrap:hover .nav {max-height:130px;}
.search-open #site-header1.hover .nav-banner,
.search-open #site-header1 .header-wrap:hover .nav-banner {display:none;}
body.search-open {overflow:hidden;}
.search-open #site-header1 .nav-close {display:block;position:fixed;left:0; /*top:100px;*/ top:140px; width:100%;bottom:0;background:#000;opacity:0.6;z-index:2;}

@media all and (max-width:640px) {
	#nav-form {border-top:none;}
	#nav-form .forms input {font-size:15px;}
	.search-open #nav-form h3 { font-size:20px;padding:10px 0 20px 0;}
	.search-open #nav-form {height:150px;}
}

/* site top menu - mouse hover and keyboard focus */
#site-header1.hover:after,
#site-header1:hover:after {background:#ccc;}
.search-open #site-header1 .logo a:after,
#site-header1.hover .logo a:after,
#site-header1:hover .logo a:after {opacity:1;}
.search-open #site-header1 .nav-open a img,
#site-header1.hover .nav-open a img,
#site-header1:hover .nav-open a img {opacity:0;}
#site-header1.hover .nav,
#site-header1 .header-wrap:hover .nav {max-height:600px;}
.search-open #site-header1 .nav > ul > li > a,
#site-header1.hover .nav > ul > li > a,
#site-header1:hover .nav > ul > li > a {color:#000;}
#site-header1:hover .nav > ul > li:hover > a {color:#C1244D;}
.search-open #site-header1 .inner,
#site-header1.hover .inner,
#site-header1:hover .inner {background-color:#fff;}
.search-open #site-header1 .inner:before,
#site-header1.hover .inner:before,
#site-header1:hover .inner:before {opacity:1;}
.search-open #site-header1 .nav-open a.nav-toggle-login {color:#000;}

/* site top menu - transition */
#site-header1 .inner,
#site-header1 .inner:before,
#site-header1 .logo a:after,
#site-header1 .nav-open a img,
#site-header1 .nav,
#site-header1 .nav > ul > li > a {transition:all .2s;}

#site-header1 .nav-banner {position:absolute;left:0;top:130px;opacity:0;transition:opacity .2s;}
#site-header1.hover .nav-banner,
#site-header1 .header-wrap:hover .nav-banner {opacity:1;}

@media all and (max-width:1300px) {
    

}

/* less than 1200px */
@media all and (max-width:1370px) {

	#site-header1 .nav-open {padding-right:10px;display:block;}
	#site-header1 .nav-open a.nav-toggle-menu { display:inline-block;background-image:url(/home/img/menu_white_on.png); padding:0; margin:0 0 0 5px;}
	
	#site-header1,
	#site-header1 .inner {height:130px;}
	#site-header1:after {top:129px;}
	#site-header1 .header-wrap {padding-left:0;height:130px;}
	#site-header1 .logo {left:10px;}
	#site-header1 .nav {position:fixed;right:0;top:0;height:100%;width:300px;max-width:80%;background:#fff;z-index:3;overflow-y:auto;transform:translateX(100%);transition:transform .2s;visibility:hidden;}
	#site-header1 .mobile-menu {display:block;}
	.top_bn {display:none;}
	
	
	/* site top menu - open mobile menu */
	body.nav-open {overflow:hidden;}
	body.nav-open #site-header1 .nav {max-height:none !important;transform:translateX(0);box-shadow:#000 0 0 25px -15px;visibility:visible;}
	body.nav-open #site-header1 .mobile-menu {visibility:visible;}
	body.nav-open #site-header1 .nav-close {display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:2;}
	/* site top menu - mobile sub menus */
	#site-header1 .nav-sub {border-top:solid 1px #dfdfef;overflow:hidden;max-height:1px;transition:all .4s ease-in-out;visibility:hidden;}
	#site-header1 .expand .nav-sub {max-height:600px;visibility:visible;}
	#site-header1 .nav > ul,
	#site-header1 .nav > ul > li {display:block;border-bottom:solid 1px #dfdfef; width:100%;}
	#site-header1 .nav > ul > li > a {position:relative;}
	#site-header1 .nav > ul > li > a:after {content:'';position:absolute;right:10px;top:0px;height:100%;width:40px;background:url(/home/img/menu_off.png) no-repeat 50% 50%;}
	#site-header1 .nav > ul > li.expand > a {color:#bb005e;}
	#site-header1 .nav > ul > li.expand > a:after {background:url(../img/menu_on.png) no-repeat 50% 50%;}
	#site-header1 .nav > ul > li:first-child > a {border-top:solid 1px #dfdfef;}
	
	
	#site-header1 .nav > ul > li > a {color:#000;text-align:left;padding:10px 0 10px 24px;}
	#site-header1 .nav > ul > li > a span {height:40px;line-height:40px;display:block;}
	#site-header1 .nav > ul > li > a span:after {display:none;}
	#site-header1 .nav > ul ul {padding:10px 0 10px 24px;}
	#site-header1 .nav > ul ul li a {padding-left:15px;background:url(../img/bl_black_square.gif) no-repeat 5px 13px; text-align:left;}
	 #site-header1 .nav .nav-toggle {display:block;padding:16px 0;color:#B52D50;text-align:center;font-size:32px;font-weight:600;}
	#site-header1 .nav .mobile-logo {display:block;padding:20px 0;text-align:center;font-size:0;}
	#site-header1 .nav .mobile-logo img { width:80%;}
	#site-header1 .nav .mobile-kfree {display:block;padding:20px 0;text-align:center;font-size:0;}
	#site-header1 .nav .mobile-kfree img {width:100%;}
	#site-header1 .nav .nav-toggle-login-m {display:inline-block;width:43%;background-color:#000;color:#fff;margin:0 0 10px 5%;height:30px;line-height:30px;text-align:center;font-size:14px; font-weight:600;}
	#site-header1 .nav-open a.nav-toggle-login { display:none;}
	
}

/* less than 640px */
@media all and (max-width:640px) {
	/* site top menu - change height */
	#site-header1,
	#site-header1 .inner {height:65px;}
	#nav-form {top:65px;}
	#site-header1:after {top:64px;}
	#site-header1 .logo {left:0;top:12px;}
	#site-header1 .logo a img {height:40px;}
	#site-header1 .logo a:after {background-size:contain;}
	#site-header1 .header-wrap {height:65px;}
	#site-header1 .nav-open {top:22px;}
	#site-header1 .nav-open a {margin-left:5px;}
	/* site top menu - mobile sub menus */
	#site-header1 .nav > ul > li > a {font-size:16px;padding:5px 0 5px 15px;}
	#site-header1 .nav > ul ul {padding:5px 0 5px 15px;}
	#site-header1 .nav > ul ul li a {font-size:14px;}
}

/* site footer */
#site-footer {background:#262626;color:#bbb;position:relative;z-index:2;}
#site-footer a {color:#bbb;text-decoration:none; margin:0;}
#site-footer .footer-quick {border-bottom:solid 1px #444;}
#site-footer .inner {max-width:1400px;margin:0 auto;}
#site-footer .footer-quick .inner {display:table;width:100%;border-spacing:0;}
#site-footer .quick-link,
#site-footer .ext-link {display:table-cell;vertical-align:middle;}
#site-footer .quick-link ul {list-style:none;padding:0;margin:0;line-height:65px;float:left;}
#site-footer .quick-link li {display:inline;font-size:1em;}
#site-footer .quick-link li:before {content:'|';color:#9c9c9c;font-size:0.8em;vertical-align:top;margin:0.1em 1.5em 0 1.0em;display:inline-block;}
#site-footer .quick-link li:first-child:before {display:none;}
#site-footer .quick-link .sns {float:right;padding-right:17px;line-height:1;padding-top:17px;}
#site-footer .ext-link {width:240px;position:relative;}
#site-footer .ext-link > a {display:block;position:relative;line-height:65px;border-left:solid 1px #444;border-right:solid 1px #444;padding:0 10px;}
#site-footer .ext-link > a i {float:right;line-height:65px;}
#site-footer #extLink {display:none;min-width:100%;padding:0;margin:0;list-style:none;position:absolute;bottom:100%;right:0;background:#262626;border:solid 1px #444;}
#site-footer #extLink li {display:block;border-bottom:solid 1px #444;}
#site-footer #extLink li:last-child {border-bottom:none;}
#site-footer #extLink a {display:block;padding:0 10px;line-height:45px;}
#site-footer #extLink a:hover {background:#333;color:#fff;}
#site-footer .ext-link:hover #extLink {display:block;}
#site-footer .copyright {padding:30px 0 60px 0;line-height:1.8;}
#site-footer .copyright ul {display:block;padding:0;margin:0;list-style:none;}
#site-footer .copyright li {display:inline;}
#site-footer .copyright li:before {content:'|';color:#eee;font-size:0.8em;vertical-align:top;margin:0.3em 1.5em 0 0.8em;display:inline-block;}
#site-footer .copyright li:first-child:before {display:none;}

@media all and (max-width:1340px) {
	#site-footer .quick-link ul,
	#site-footer .copyright {padding-left:10px;}
}

@media all and (max-width:1200px) {
	#site-footer .footer-quick {border-bottom:none;}
	#site-footer .footer-quick .inner,
	#site-footer .quick-link,
	#site-footer .ext-link {display:block;position:relative;}
	#site-footer .quick-link ul,
	#site-footer .quick-link .sns {float:none;padding-left:10px;padding-right:10px;}
	#site-footer .quick-link ul {border-bottom:solid 1px #444;line-height:1;padding:20px 0;}
	#site-footer .quick-link li:before {margin-top:0.4em;}
	#site-footer .quick-link .sns {line-height:42px;text-align:left;}
	#site-footer .ext-link {position:absolute;right:10px;bottom:3px;width:auto;}
	#site-footer .ext-link > a {line-height:42px;border-top:solid 1px #444;border-bottom:solid 1px #444;}
	#site-footer .ext-link > a i {margin-left:10px;line-height:44px;}
	#site-footer .copyright li {display:inline-block;}
}

@media all and (max-width:768px) {
	#site-footer .quick-link li {font-size:0.9em;display:inline-block;padding:0 0.5em;line-height:1.5;}
	#site-footer .quick-link li:before {display:none;}
	#site-footer .ext-link {display:none;}
	 #site-footer .copyright {font-size:0.8em;}
	#site-footer .copyright li {display:inline-block;margin-right:1em;}
	#site-footer .copyright li:before {}
}