@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

* {box-sizing:border-box;}
html,body {display:block;min-height:100%;padding:0;margin:0;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body {font-size:12pt;font-family:'Nanum Gothic',Helvetica,sans-serif;}
a {text-decoration:none;color:#000;}
ul.inline {padding:0;margin:0;list-style:outside;}
ul.inline * {vertical-align:middle;}
ul.inline li {display:inline;}
ul.inline.split1 li:after {content:'|';margin-left:1em;margin-right:1em;}
ul.inline li:last-child:after {display:none;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.right {float:right;}
.left {float:left;}
.clear:after {clear:both;content:'';display:table;}
.play-pause i.fa-play {display:none;}
.play-pause.pause i.fa-play {display:inline;}
.play-pause.pause i.fa-pause {display:none;}

div.pop-over {display:inline-block;position:relative;}
div.pop-over:after {content:'';position:absolute;top:0;right:10px;border:solid 10px transparent;border-top-color:#484848;opacity:0;visibility:hidden;transform:translateY(-30px);transition:all .2s;}
div.pop-over > a {white-space:nowrap;outline:none;}
div.pop-over > a i.fa {display:inline !important;}
div.pop-over > ul {visibility:hidden;position:absolute;right:0;bottom:100%;border-radius:4px;padding:10px 16px;margin:0;list-style:none;background:#484848;opacity:0;transform:translateY(-30px);transition:all .2s;}
div.pop-over > ul a {display:block;line-height:1.6;white-space:nowrap;color:#eee !important;text-align:left;}
div.pop-over > ul a:hover {color:#fff !important;text-decoration:underline;}
div.pop-over.active:after,
div.pop-over.active ul {visibility:visible;transform:translateY(-10px);opacity:1;}

.view-main {min-width:1200px;margin:0 auto;}
.wrap {width:1200px;margin-left:auto;margin-right:auto;position:relative;}

#site-logo {position:relative;z-index:102;}
#site-logo .logo {position:absolute;left:0;top:2px;display:block;width:257px;height:57px;}
#site-logo .logo {background:#fff url(img/logo.png) no-repeat center;background-size:contain;}
#site-util {height:56px;padding-top:15px;}
#site-util a {font-size:14px;}
#site-top {height:80px;position:relative;}
#gnb-top {background:#fff;max-height:100%;overflow:hidden;transition:all .3s ease-out;transition-delay:.1s;z-index:101;position:relative;}
#gnb-top:after {content:'';position:absolute;display:block;left:0;width:100%;top:81px;border-top:solid 1px #ccc;}
/* #gnb-top > .wrap:before {content:'';display:block;position:absolute;top:82px;right:820px;bottom:0;width:2000px;background:#f0f5fa url(img/gnb_bg.png) no-repeat right bottom;border-right:solid 1px #ccc;} */

#site-nav {padding-left:0px;padding-right:100px;}
#site-nav .nav-items {display:table;table-layout:fixed;width:100%;}
#site-nav .nav-item {display:table-cell;position:relative;}
#site-nav .nav-item:first-child:before {content:'';display:block;position:absolute;top:81px;left:0;height:600px;border-right:solid 1px #ccc;}
#site-nav .nav-item:after {content:'';display:block;position:absolute;top:81px;right:0;height:600px;border-right:solid 1px #ccc;}
#site-nav .nav-item a {display:block;text-align:center;}
#site-nav .nav-item:focus-within > a,
#site-nav .nav-item:hover > a,
#site-nav .nav-item a:focus,
#site-nav .nav-item a:hover {color:#36ad15;}
#site-nav .nav-item > a {line-height:70px;padding-top:7px;font-size:21px;font-weight:600;letter-spacing:-1px;font-family:'Noto Sans KR',sans-serif;}
#site-nav .nav-item ul {display:block;padding:24px 0;margin:0;list-style:none;}
#site-nav .nav-item ul a {padding:6px 0;font-size:14px;}
#site-nav .nav-item ul ul {display:none;}
#site-nav .nav-btns {position:absolute;right:0;top:20px;text-align:right;white-space:nowrap;}

#nav-search,
#nav-sitemap {display:inline-block;width:46px;height:46px;text-align:center;line-height:46px;vertical-align:top;font-size:20px;}
#nav-sitemap span {display:block;margin:22px 5px 0 5px;height:2px;background:#000;position:relative;}
#nav-sitemap span:before,
#nav-sitemap span:after {content:'';display:block;width:75%;height:2px;background:#000;top:-10px;position:absolute;}
#nav-sitemap span:after {width:50%;top:10px;}
#nav-sitemap span,
#nav-sitemap span:before,
#nav-sitemap span:after {transition:all .2s;}
#nav-sitemap:focus span:before,
#nav-sitemap:focus span:after,
#nav-sitemap:hover span:before,
#nav-sitemap:hover span:after {width:100%;}

.gnb-on #gnb-top {max-height:500px;}

#site-map {position:fixed;left:0;top:0;height:100%;width:100%;z-index:102;background:rgba(0,0,0,0);visibility:hidden;transition:all .2s;transition-delay:.1s;overflow:auto;}
#site-map .nav-items {background:#36ad15;padding:40px 0 80px 0;transform:translateY(-50%);opacity:0;transition:all .3s;transition-delay:.2s;}
#site-map .nav-items > .wrap {background:url(img/logo_sitemap.png) no-repeat 50% 0;}
#site-map .menus {clear:both;display:table;width:100%;table-layout:fixed;}
#site-map .nav-item {display:table-cell;vertical-align:top;padding:90px 10px 0 10px;}
#site-map .nav-item a {color:#fff;}
#site-map .nav-item > a {display:block;padding:15px 0;margin-bottom:15px;border:solid 1px #fff;text-align:center;transition:all .2s;}
#site-map .nav-item:hover > a {background:#fff;border-color:#fff;color:#000;}
#site-map ul {padding:0;margin:0;list-style:none;line-height:1.8;}
#site-map ul li {display:block;}
#site-map ul li a {font-size:0.9em;display:inline-block;vertical-align:middle;}
#site-map ul li a:before {content:'';display:inline-block;width:4px;height:4px;margin:0 5px;background:#fff;vertical-align:middle;}
#site-map ul li a:hover {font-weight:bold;}
#site-map ul li li a {font-size:0.9em;padding-left:10px;}
#site-map ul li li a:before {height:1px;}
#site-map a.sitemap-toggle {display:block;float:right;border:solid 1px #fff;color:#fff;font-weight:300;width:40px;text-align:center;line-height:40px;font-size:20px;}
#site-map a.sitemap-toggle:hover {background:#fff;border-color:#fff;color:#f00;}
#site-map ul.nav-tail {display:block;text-align:center;list-style:none;padding-top:30px;}
#site-map ul.nav-tail li {display:inline;margin:10px;}
#site-map ul.nav-tail a {color:#fff;}
#site-map ul.nav-tail a:before {display:none;}

.sitemap-on #nav-sitemap span {background:#fff;margin-left:0;margin-right:0;}
.sitemap-on #nav-sitemap span:before {transform:rotateZ(225deg);top:0;background:#f00;width:60%;left:20%;}
.sitemap-on #nav-sitemap span:after {transform:rotateZ(-225deg);top:0;background:#f00;width:60%;left:20%;}
.sitemap-on #site-map {visibility:visible;background:rgba(0,0,0,.8);}
.sitemap-on #site-map .nav-items {transform:translateY(0);opacity:1;}

#site-search {position:absolute;left:0;top:100%;width:100%;background:#fff;padding:30px;background:#f4f4f4;z-index:100;visibility:hidden;transition:all .2s;transform:translateY(-100%);opacity:0;}
.search-on #site-search {transform:translateY(0);opacity:1;visibility:visible;}
#site-search form {display:block;max-width:600px;margin:0 auto;position:relative;padding-right:32px;}
#site-search input {width:100%;border:none;background:#fff;font-size:18px;height:32px;line-height:32px;padding:0 8px;border-radius:0;}
#site-search button {position:absolute;right:32px;top:0;border:none;padding:0;cursor:pointer;width:32px;height:32px;line-height:32px;text-align:center;background:#333;color:#fff;}
#site-search button.exit {background:#c42d2d;right:0;}

#site-bottom {background:#262626;clear:both;color:#f9f9f9;}
#site-bottom a {color:#f9f9f9;}
#site-bottom a:hover {color:#fff;}
#site-bottom .bottom-link ul.right > li {margin-left:0.5em;}
#site-bottom .bottom-link ul.right a {color:#939393;}
#site-bottom .bottom-link ul.right a:hover {color:#fff;}
#site-bottom .bottom-link a.privacy-link {color:#fc6;}
#site-bottom .bottom-link {padding:20px 0;}
#site-bottom .bottom-copy {border-top:solid 1px #454545;font-size:0.95em;color:#ccc;}
#site-bottom .bottom-copy .wrap {padding:20px 0 80px 300px;background:url(img/logo_bottom.png?v2) no-repeat 0 40px;}
#site-bottom .bottom-copy a {color:#ccc;}
#site-bottom .bottom-copy a:hover {color:#fff;}
#site-bottom .bottom-copy ul {display:block;padding:0;margin:0;list-style:none;line-height:1.8;}
#site-bottom .bottom-copy ul li > span {display:inline-block;margin-right:1em;}
#site-bottom .bottom-copy ul li p {margin:0;padding:10px 0 0 0;}

#site-up-down {position:fixed;z-index:2;right:0;bottom:20px;}
#site-up-down a {display:block;width:32px;height:32px;line-height:32px;background:#eee;color:#333;opacity:0.5;text-align:center;transition:all .2s;}
#site-up-down a:hover {opacity:0.8;}

@media all and (max-width:1279.8px) {
    .view-main {min-width:100%;}
    .wrap {width:auto;margin-left:10px;margin-right:10px;}

    #site-logo .logo {top:12px;}
    #site-util {display:none;}
    #site-nav .nav-items {display:none;}
    #gnb-top {height:100%;}

    #site-map .menus {max-width:1000px;margin-left:auto;margin-right:auto;}
    #site-map .nav-item {margin-bottom:15px;padding-left:8px;padding-right:8px;}
    #site-map a.sitemap-toggle {margin-right:10px;}
}

@media all and (max-width:767.8px) {
	#site-map .nav-items > .wrap {background-position-x:10px;background-size:100px;}
	#site-map .menus {display:block;}
	#site-map .nav-item {display:block;padding-top:30px;}

    #site-bottom .bottom-link ul.left,
    #site-bottom .bottom-link ul.right {float:none;text-align:center;}
    #site-bottom .bottom-link ul.left {font-size:0.85em;letter-spacing:-1px;}
    #site-bottom .bottom-link ul.left li:after {content:'';margin-left:5px;margin-right:5px;}
    #site-bottom .bottom-link ul.right {margin-top:20px;}
    #site-bottom {padding-bottom:20px;}
	#site-bottom .bottom-link,
    #site-bottom .bottom-copy {font-size:0.85em;}
    #site-bottom .bottom-copy .wrap {padding-left:0;background-position:center 100%;}
}

@media all and (max-width:479.8px) {
    #site-logo .logo {width:200px;}
}

@media print {
	#site-util,
	#site-top,
	#sub-visual,
	#loc,
	#site-bottom,
	#site-up-down {display:none !important;}
}