@charset "utf-8";

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin: 0;padding: 0;-webkit-text-size-adjust: none}
body, html {width: 100%;height: 100%;}
body, input, textarea, select, button, table {font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased}
img, fieldset, button {border: 0}
ul, ol {list-style: none}
em, address {font-style: normal}
a {text-decoration: none}
a:hover,
a:active,
a:focus {text-decoration: none}
.blind {overflow: hidden;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0}
.edge {position: absolute;top: 12px;right: 4px;width: 0;height: 0;border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent #333}
.clear {clear: both}

/* Skip to content */
.skip {margin: 0}
.skip > a {display: block;overflow: hidden;height: 0;line-height: 28px;text-align: center}
.skip > a:focus {height: auto}

/* Layout */
.container {background-color: #fff}
.header {position: relative;z-index: 2;height: 100%;margin: 0 auto;zoom: 1}
.header > .side {float: right;z-index: 2;margin: 39px 0 0 22px;line-height: 20px}
.visual {overflow: hidden;position: relative;z-index: 1;width: 100%}
.body {position: relative;padding: 10px 0}
.body .content {}
.body.fixed-width {margin: 0 auto}
.header:after, .body:after {display: block;clear: both;content: ''}
.content {zoom: 1;padding-top:10px}
.content:after {display: block;clear: both;content: ''}
.content > :first-child {margin-top: 0}
.content img {max-width: 100%;height: auto}

/* Header */
.header > h1 {float: left;padding: 10px 0 0 30px;margin-right: 32px;line-height: 80px;}
.header > h1 img {vertical-align: middle; padding-left:30px; max-height: 80px;}

/* Fixed Header */
.container.fixed_header {padding-top: 100px}
.fixed_header .header_wrap {position: absolute;top: 0;left: 0;right: 0;width: auto; z-index: 1000;padding: 0;}
.fixed_header .header_wrap.shrink {position: fixed;top: 0;width:auto;z-index: 1000;border-bottom: 1px solid #e1e1e1;background-color: #fff;-webkit-animation: ani-header 0.5s forwards;animation: ani-header 0.5s forwards;left: 0;right: 0;}
.fixed_header .header_wrap.shrink .header > h1 {padding: 0}
.fixed_header .header_wrap.shrink .gnb > ul > li > a {line-height: 60px}
.fixed_header .header_wrap.shrink .header > .side {margin: 19px 0 0 22px}
.fixed_header .header_wrap.shrink .search_area {padding: 0 20px}

/* Footer */
.footer { background-color: #f1f1f1; font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif}
.footer a:hover, .footer a:focus { text-decoration: none}
.footer .f_info_area { overflow: hidden;  margin: 0 auto; padding: 48px 0 40px}
.footer .f_cr_area { padding: 19px; background-color: #555}
.footer .copyright {  margin: 0 auto; font-size: 13px; color: #f1f1f1; line-height: 16px}
.footer .copyright a { color: #f1f1f1}
.footer .copyright a:hover,
.footer .copyright a:focus,
.footer .copyright a:active { color: #cda25a}
.footer .copyright span { display: inline-block; margin-left: 60px}
.footer .sub_desc { margin-bottom: 16px; font-size: 13px; color: #888; line-height: 22px}
.footer .f_info { float: left; margin-right: 65px}
.footer .f_logo { overflow: hidden; max-width: 100%; margin-bottom: 16px; font-size: 24px; color: #555}
.footer .f_logo.log_txt a { font-size: 24px; font-weight: bold; color: #555}
.footer .f_logo img { }
.footer .f_info2 { overflow: hidden; margin-top: 7px}
.footer .site_map > ul { display: inline-block; overflow: hidden; }
.footer .site_map > ul li { float: left; margin: 0 0 0 24px; background: url(../img/ll.png) repeat-y; }
.footer .site_map > ul li:first-child,
.footer .site_map > ul li.clear { clear: both; margin-left: 0}
.footer .site_map > ul li a { display: inline-block; margin: 0 0 20px; padding: 0 23px; font-size: 15px; font-weight: bold; color: #555}
.footer .site_map > ul ul { overflow: hidden; margin: 0 0 10px}
.footer .site_map > ul ul li { margin-left: 0}
.footer .site_map > ul ul a { margin: 0 0 13px; font-size: 13px; font-weight: normal; color: #888; line-height: 18px}
.footer .site_map > ul ul a:hover,
.footer .site_map > ul ul a:focus,
.footer .site_map > ul ul a:active { color: #555}
.footer .f_cr_area .mobile-footer-member { display: none; }
.footer .site_map > ul span { float: left; margin: 0 0 0 24px; padding-left:10px; background: url(../img/ll.png) repeat-y; min-height:150px}
.footer .site_map > ul span:first-child,
.footer .site_map > ul span.clear { clear: both; margin-left: 0}
 .fw_t { color:#555; font-size:14px; font-style:oblique; margin-bottom:5px; padding:5px 10px 5px 10px; border-bottom:1px solid #ccc; }
 .fw_t i { margin-right:5px; color:#ff6600; }

.extension{ *zoom:1; padding:15px 0; margin:6px 0 0 0; }
.extension:after{ content:""; display:block; clear:both; }
.leftline { display: inline-block; overflow: hidden; background: url(../img/ll.png) repeat-y right; min-height:170px; padding-right:10px}

/* button */
.btn_item {display: inline-block;margin: 35px 0;padding: 0 27px;height: 50px;font-family: "Open Sans";background-color: #555;font-size: 14px;line-height: 50px;letter-spacing: 1px;color: #FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.btn_item:hover,
.btn_item:active
.btn_item:focus {background-color: #CBA061;color: #fff}
.btn_item + .btn_item {margin-left: 10px;}

/* Login */
.header > .side > ul > li { float: left; position: relative}
.header > .side > ul:after { display: block; clear: both; content: ''}
.header > .side > ul > li > a { display: block; width: 22px; height: 22px; margin-left: 12px; font-size: 22px; line-height: 22px; color: #888; text-align: center}
.header > .side > ul > li > a:hover, .header > .side > ul > li > a:focus, .header > .side > ul > li > a:active, .header > .side > ul > li.on > a { color: #444}
.header > .side > ul .ly { position: relative; position: absolute; top: 100%; right: 0; margin-top: 13px; background-color: #f9f9f9}
.header > .side > ul .ly.ly_login { overflow: hidden; margin-top: 0; background: url('../img/blank.gif') 0 0 repeat; height: 0;}
.header > .side > ul .ly.ly_login ul { position: relative; margin-top: 18px; padding: 8px 0; background-color: #333; }
.header > .side > ul .on .ly.ly_login { height: auto}
.header > .side > ul .ly li { display: block; min-width: 180px; height: 30px; padding: 0 20px; line-height: 40px; font-size: 11px; color: #ffffff}
.header > .side > ul .ly a { display: block; min-width: 180px; height: 30px; padding: 0 0px; line-height: 40px; font-size: 13px; color: #9d9d9d}
.header > .side > ul .ly a:hover { color: #cda25a; text-decoration: none}
.header > .side > ul > li .login_after { overflow: hidden; width: 40px; height: 40px; margin-top: -9px; border-radius: 100%}
.header > .side > ul > li .login_after img { width: 40px; height: 40px}
.header > .side > ul > li .login_after ~ .ly_login .edge { right: 11px}

/* Magazine Header Type */
.custom_area {display: none}
.magazine .header {text-align: center}
.magazine .header > h1 {float: none;display: inline-block;margin: 0;padding: 80px 0 20px;vertical-align: top}
.magazine .header > .side {float: none;position: absolute;top: 0;right: 0;margin: 30px 0 0}
.magazine .gnb {float: none;max-width: 100%;margin-bottom: 40px}
.magazine .gnb > ul {display: inline-block;vertical-align: top}
.magazine .gnb > ul > li > a {position: relative;line-height: 60px}
.magazine .gnb > ul > li > a:after {position: absolute;top: 50%;left: -1px;width: 1px;height: 16px;margin-top: -8px;background-color: #888;content: ''}
.magazine .gnb > ul > li:first-child > a:after {background: none}
.magazine .gnb > ul .depth2:after {background: none}
.magazine .gnb > ul .depth2, .magazine .gnb > ul .depth3 {background-color: #f7f7f7}
.magazine .gnb > ul .depth2 a, .magazine .header > .side > ul .ly a {color: #999}
.magazine .header > .side > ul .ly a:hover {color: red}
.magazine .gnb > ul > li > a:hover, .magazine .gnb > ul > li > a:focus, .magazine .gnb > ul > li > a:focus, 
.magazine .gnb > ul > li.on > a, .magazine .header > .side > ul > li.on > a, .magazine .header > .side > ul .ly a:hover {color: #cda25a}
.magazine .header > .side > ul .ly.ly_login ul {background-color: #f7f7f7;text-align: left}
.magazine .edge {border-color: transparent transparent #f7f7f7}
.magazine .header > .side > ul > li > a:hover,
.magazine .header > .side > ul > li > a:focus,
.magazine .header > .side > ul > li > a:active {color: #cda25a}
.magazine .custom_area {display: block;position: absolute;top: 30px;left: 0}
.magazine .custom_area li {float: left;margin-right: 30px}
.magazine .custom_area a {font-size: 13px;line-height: 15px;color: #999}
.magazine .custom_area a:hover,
.magazine .custom_area a:hover,
.magazine .custom_area a:hover {color: #cda25a}
.magazine .search_area {padding: 10px 20px}

/* Onepage Header Type */
.onepage .header_wrap {position: absolute;top: 0;left: 0;width: 100%;z-index: 1000}
.onepage .gnb > ul {background: url(../img/blank.gif) 0 0 repeat}
.onepage .gnb > ul > li > a {line-height: 60px;color: #f6f6f6}
.onepage .gnb > ul > li > a:hover,
.onepage .gnb > ul > li > a:focus,
.onepage .gnb > ul > li > a:focus,
.onepage .gnb > ul > li.on > a {color: #fff}
.onepage .shrink .gnb > ul > li > a {color: #888}
.onepage .shrink .gnb > ul > li > a:hover,
.onepage .shrink .gnb > ul > li > a:focus,
.onepage .shrink .gnb > ul > li > a:focus,
.onepage .shrink .gnb > ul > li.on > a {color: #444}
.onepage .header > .side > ul > li > a {color: #f6f6f6}
.onepage .header > .side > ul > li > a:hover,
.onepage .header > .side > ul > li > a:focus,
.onepage .header > .side > ul > li > a:active,
.onepage .header > .side > ul > li.on > a {color: #fff}
.onepage .search_area .btn_close {color: #f6f6f6}
.onepage .shrink .search_area .btn_close {color: #888}
.onepage .gnb > ul .depth2:after {background: none}
.onepage .gnb {margin-top: 20px}
.onepage .header > h1 {padding: 20px 0 0}
.onepage .search_area input[type=text] {color: #f6f6f6}
.onepage .shrink .search_area input[type=text] {color: #888}
.onepage .visual.sub.sub_type3 {margin-top: -100px;}

/* Search */
.search_wrap {position: relative;margin: 0 auto}
.search_area {display: none;position: absolute;top: 0;left: 0;padding: 20px;z-index: 3;z-index: 3}
.search_area input {font-size: 13px;vertical-align: top}
.search_area input[type=text] {position: relative;width: 100%;height: 40px;padding: 10px 0;border: 0;background-color: transparent;font-size: 40px;color: #444;-webkit-appearance: none;}
.search_area input[type=text]:focus {outline: 0}
.search_area input[type=text]::-ms-clear {display: none}
.search_area .btn_close {position: absolute;top: 50%;right: 0;width: 20px;height: 20px;margin-top: -10px;font-size: 22px;color: #888;text-align: center;line-height: 20px}

/* GNB */
.gnb {float: right;position: relative;z-index: 1;max-width: 742px;height: 100%;font-size: 13px}
.gnb a {text-decoration: none;white-space: nowrap}
.gnb > ul > li {float: left;position: relative;text-align: left}
.gnb > ul:after {display: block;clear: both;content: ''}
.gnb > ul > li > a {display: block;position: relative;padding: 0 20px;line-height: 100px;font-size: 15px;font-weight: 700;color: #888}
.gnb > ul > li > a:hover,.gnb > ul > li > a:focus,.gnb > ul > li > a:focus,.gnb > ul > li.on > a {color: #f60}
.gnb > ul .depth2 {display: none;position: absolute;top: 100%;left: 0;z-index: 2;padding: 8px 0; margin-left:10px; background-color: #333}
.gnb > ul .depth2 > li {position: relative}
.gnb > ul .depth2:after {position: absolute;top: -3px;left: 0;width: 100%;height: 3px;background-color: #cda25a;content: ''}
.gnb > ul .depth2 a {display: block;position: relative;min-width: 170px;height: 40px;padding: 0 30px 0 20px;line-height: 40px;font-size: 13px;color: #9d9d9d}
.gnb > ul .depth2 a:hover,
.gnb > ul .depth2 a:active,
.gnb > ul .depth2 a:focus,
.gnb > ul .depth2 > li.on > a {color: #cda25a}
.gnb > ul .depth3 {display: none;position: absolute;top: -8px;left: 100%;z-index: 2;padding: 8px 0; background-color: #333}
.gnb > ul .depth2 > li.more > a:after {position: absolute;right: 20px;content: '>'}
.onepage .shrink .header > .side > ul > li > a {color: #444;}
.onepage .shrink .gnb {margin-top: 0;}
.magazine .shrink .gnb {margin-bottom: 10px;}
.magazine .shrink h1 {margin-top: 10px;}
.magazine .header_wrap.shrink .gnb > ul > li > a {line-height: 40px;}

/* VISUAL */
.visual.sub {position: relative;padding: 35px 0;background-color: #f6f6f6;line-height: 30px}
.visual.sub .sub_title {position: relative;z-index: 2;margin: 0 auto}
.visual.sub .sub_title h1 {position: relative;font-weight: 700;font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;font-size: 17px;color: #444}
.visual.sub .sub_title h1:after {position: absolute;top: 115%;left: 0;width: 22px;height: 2px;background-color: #444;content: ''}
.visual.sub .bg_img {display: none;position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover}
.visual.sub.sub_type2 {padding: 70px 0}
.visual.sub.sub_type2 .bg_img {display: block}
.visual.sub.sub_type2 .sub_title h1 {color: #fff;font-weight: 400;font-size: 23px;letter-spacing: 1px}
.visual.sub.sub_type2 .sub_title h1:after,
.visual.sub.sub_type3 .sub_title h1:after {background: none}
.visual.sub.sub_type3 {padding: 250px 0 210px;line-height: 40px;text-align: center}
.visual.sub.sub_type3 .bg_img {display: block;background-attachment: fixed;background-size: auto auto}
.visual.sub.sub_type3 .sub_title h1 {font-size: 39px;font-weight: 400;color: #fff;letter-spacing: 2px}

/* LNB */
.body.fixed-width .lnb > ul {position: relative;z-index: 1;margin:0 0 10px 10px;padding: 30px 0 20px}
.body.fixed-width .lnb > ul > li {margin-bottom: 10px}
.body.fixed-width .lnb > ul > li > a,
.body.fixed-width .lnb > ul > li > span {display: block;line-height: 21px;margin-bottom: 10px;font-size: 15px;color: #444}
.body.fixed-width .lnb ul ul li.on a {color: #cda25a}
.body.fixed-width .lnb ul ul a {display: block;padding: 5px 0;font-size: 14px;line-height: 20px;color: #888;text-decoration: none}
.body.fixed-width .lnb ul ul a:hover,
.body.fixed-width .lnb ul ul a:focus,
.body.fixed-width .lnb ul ul a:active {color: #cda25a}
.body.fixed-width .lnb img {vertical-align: top}
.body.fixed-width.left .wing,
.body.fixed-width.right .wing { float: left; padding: 0 5px 10px; }
.body.fixed-width.left .content,
.body.fixed-width.right .content { float: right; min-height: 400px; padding: 10px 10px; margin:0 5px  }
.body.fixed-width.right .wing {float: right}
.body.fixed-width.right .content {float: left}
.body.fixed-width.none .wing {display: none}
.body.fixed-width.none .content {float: none}
.body.fixed-width .wing > ul { }
.body.fixed-width .wing > ul > li { margin-bottom:5px}

/* Scroll to top link */
.btn_top {display: none;position: fixed;right: 0;bottom: 57px;z-index: 1000;width: 48px;height: 48px;background-color: #555;font-size: 24px;color: #fff;text-align: center;opacity: 0.8;filter: alpha(opacity=80)}
.btn_top:hover {background-color: #cda25a;color: #fff;text-decoration: none;opacity: 1;filter: alpha(opacity=100)}
.btn_top i {line-height: 48px}
.swiper-container {height: 600px;font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '돋움', Dotum, AppleGothic, Helvetica, serif;}
.swiper-container > div > div {display: table;height: 600px;font-size: 25px;color: #fff;background-size: cover;}
.swiper-container > div > div > div {display: table-cell;vertical-align: middle;}
.swiper-container > div > div > div > div {margin: 0 auto;}
.swiper-container h1 {font-weight: 700;margin: 0 0 19px 0;font-size: 60px;line-height: 70px;text-decoration: none;}
.swiper-container p {font-size: 20px;line-height: 22px;}
.swiper-button {position: absolute;top: 50%;display: none;margin:-25px 0 0 0;}
.swiper-container:hover .swiper-button {display: block;}
.swiper-button.left {left: 20px;}
.swiper-button.right {right: 20px;}
.swiper-button i {width: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #fff;}
.swiper-button button {background-color: #333;border-radius: 50px;background-color: rgba(0, 0, 0, 0.2);cursor: pointer;}
.swiper-pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #fff;opacity: 0.6;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;opacity: 1;}

/* Mobile */
@media all and (max-width: 479px) {

body, html {min-width: 100%;}
a.btn_top {display: none;}

/* Layout */
.container {min-width: 100%;background-color: #fff}
.header {position: relative;z-index: 2;width: 100%;height: auto;margin: 0 auto;zoom: 1}
.magazine .header {text-align:left;}
.magazine .header > h1 {text-align:left;display:block;padding:0 15px;}
.header > .side {display: none;}
.body.fixed-width {width: auto;margin: 0}
.header:after, .body:after {clear: both;content: ''}
.body {padding: 0;}
.content {zoom: 1;}
.content:after {clear: both;content: ''}
.content > :first-child {margin-top: 0;}
.body.fixed-width.none .content {width:auto;}
.content img {max-width: 100%;height: auto}
.body.fixed-width.left .content,
.body.fixed-width.right .content {width: auto;float: none;min-height: 100%;padding: 40px 0;}

/* Header */
.header > h1 {float: none;margin-right: 0;padding: 0 15px;line-height: 50px;display: block;}
.header > h1 img {max-height: 40px;padding: 0;margin: 0;}
.header.sub_type3 {position: absolute;}

/* Fixed Header */
.container.fixed_header {padding-top: 0}
.header_wrap.shrink {display: none;}
.onepage .header > h1 {padding: 0 14px;}
.fixed_header .header_wrap {position: static;top: 0;left: 0;width: 100%;z-index: 1000}
.fixed_header .header_wrap.shrink {position: fixed;top: 0;width: 100%;z-index: 1000;border-bottom: 1px solid #e1e1e1;background-color: #fff;-webkit-animation: ani-header 0.5s forwards;animation: ani-header 0.5s forwards}
.fixed_header .header_wrap.shrink .header > h1 {padding: 0}
.fixed_header .header_wrap.shrink .gnb > ul > li > a {line-height: 60px}
.fixed_header .header_wrap.shrink .header > .side {margin: 19px 0 0 22px}
.fixed_header .header_wrap.shrink .search_area {padding: 0 20px}

/* Footer */
.footer {border-top: 1px solid #e4e4e4;border-bottom: 3px solid #cda25a;background-color: #f1f1f1;}
.footer a:hover, .footer a:focus {text-decoration: none}
.footer .f_info_area {width: auto;margin: 0;padding: 0;}
.footer .f_cr_area {padding: 0;background-color: #555;color: #fff;}
.footer .copyright {width: auto;margin: 0 0 0 10px;font-size: 12px;color: #f1f1f1;line-height: 30px}
.footer .copyright span {display: inline-block;margin-left: 0px}
.footer .sub_desc {display: none;}
.footer .f_info {float: none;width: auto;margin-left: 0;margin-right: 0;}
.footer .f_logo {padding: 8px 15px;margin-bottom: 0;}
.footer .f_logo.log_txt a {font-size: 16px;font-weight: bold;color: #555}
.footer .f_logo img {max-width: auto;max-height: 30px;}
.footer .f_info2 {display: none;}
.footer .site_map {display: none;}
.footer .f_info2 {display: none;}
.footer .f_logo {padding: 8px 15px;}
.footer .f_logo img {max-height: 30px;}
.footer .sub_desc {display: none;}
.footer .f_cr_area {padding: 0;background-color: #555;color: #fff;}
.footer .f_cr_area p {margin: 0;padding: 8px 14px;}
.footer .f_cr_area a {color: #fff;}
.footer .f_cr_area .mobile-footer-member {padding: 0;margin: 0;border-top: 1px solid #444;list-style: none;overflow: hidden;display: block;}
.footer .f_cr_area .mobile-footer-member li {float: left;width: 50%;border-left: 1px solid #444;box-sizing: border-box;}
.footer .f_cr_area .mobile-footer-member li:first-child {border-left: 0;}
.footer .f_cr_area .mobile-footer-member li a {display: block;line-height: 32px;text-align: center;}

/* button */
.btn_item {display: inline-block;margin: 35px 0;padding: 0 27px;height: 50px;font-family: "Open Sans";background-color: #555;font-size: 14px;line-height: 50px;letter-spacing: 1px;color: #FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.btn_item:hover,
.btn_item:active
.btn_item:focus {background-color: #CBA061;color: #fff}
.btn_item + .btn_item {margin-left: 10px;}

/* Login */
.header > .side {display: none;}
.header > .custom_area {display:none;}

/* Search */
.search_wrap {display: none;}
.gnb {float: none;position: static;z-index: 1;max-width: 100%;height: 100%;font-size: 1em;background: #fff;}
.onepage .gnb {margin-top:0;}
.magazine .gnb {margin-bottom:0;}
.gnb a {white-space: normal;font-size: 14px;display: block;padding: 10px 0;border-top: 1px solid #eee;}
.gnb > ul {display: none;padding: 0 14px 14px 14px;max-height: 240px;overflow-x: scroll;border-bottom: 1px solid #eaeaea;background: #fff;-webkit-overflow-scrolling: touch;}
.magazine .gnb > ul {display:none;}
.gnb > ul > li {float: none;position: static;}
.gnb > ul > li:first-child > a {border-top: 0;}
.gnb > ul:after {display: none;}
.magazine .gnb > ul > li > a,
.gnb > ul > li > a {position: static;padding: 10px 0;line-height: normal;font-size: normal;color: #555;font-weight: bold;}
.onepage .gnb > ul > li > a {color: #555;line-height: normal}
.onepage .gnb > ul > li > a:hover,
.onepage .gnb > ul > li > a:focus,
.onepage .gnb > ul > li > a:focus,
.onepage .gnb > ul > li.on > a {color:#555;}
.magazine .gnb > ul .depth2,
.magazine .gnb > ul .depth3,
.gnb > ul .depth2 {display: block;position: static;padding: 0;background-color: #fff}
.gnb > ul .depth2 > li {position: static}
.gnb > ul .depth2:after {display: none}
.gnb > ul .depth2 a {position: static;min-width: 100%;height: auto;padding: 10px 0;line-height: normal;color: #555;}
.gnb > ul .depth3 {display: block;position: static;background-color: #fff;padding: 0;}
.gnb > ul .depth3 a {color: #999;}
.gnb > ul .depth2 > li.more > a:after {display: none;}

/* GNB */
.gnb {float: none;position: static;z-index: 1;max-width: 100%;height: 100%;font-size: 1em;display: block;}
.gnb #mobile_menu_btn {display: block;}
.gnb .menu_btn {height: 22px;width: 44px;display: block;position: absolute;top: 14px;right: 3px;display: inline-block;}
.gnb .menu_btn .menu_bar {width: 20px;height: 14px;position: relative;top: 4px;left: 12px;}
.gnb .menu_btn .menu_bar div {height: 0;border-top: 2px solid #383431;position: absolute;}
.header.sub_type3 .gnb .menu_btn .menu_bar div {border-top: 2px solid #fff;}
.gnb .menu_btn .menu_bar div.btn1 {width: 20px;top: 0;}
.gnb .menu_btn .menu_bar div.btn2 {width: 20px;top: 6px;transition: all 0.1s}
.gnb .menu_btn .menu_bar div.btn3 {width: 20px;bottom: 0;}
.gnb .menu_btn.opened .menu_bar div.btn1 {top: 6px;width: 20px;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.gnb .menu_btn.opened .menu_bar div.btn2 {top: 6px;display: none;}
.gnb .menu_btn.opened .menu_bar div.btn3 {top: 6px;width: 20px;-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.body {}
.body .lnb {display: none;}
.body .content {overflow: hidden;}
.visual {box-sizing: border-box;}
.visual.sub {position: relative;padding: 15px 14px 30px 14px;background-color: #f6f6f6;line-height: 30px}
.visual.sub .sub_title {position: relative;z-index: 2;width:auto;margin:0;}
.visual.sub .sub_title h1 {position: relative;font-weight: 700;font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;font-size: 17px;color: #444}
.visual.sub .sub_title h1:after {position: absolute;top: 115%;left: 0;width: 22px;height: 2px;background-color: #444;content: ''}
.visual.sub .bg_img {display: none;position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover}
.visual.sub.sub_type2 {padding: 40px 15px}
.visual.sub.sub_type2 .bg_img {display: block}
.visual.sub.sub_type2 .sub_title h1 {color: #fff;font-weight: 400;font-size: 23px;letter-spacing: 1px}
.visual.sub.sub_type2 .sub_title h1:after,
.visual.sub.sub_type3 .sub_title h1:after {background: none}
.visual.sub.sub_type3 {padding: 80px 0 0;line-height: 40px;text-align: center}
.visual.sub.sub_type3 .bg_img {display: block;background-attachment: fixed;background-size: auto auto}
.visual.sub.sub_type3 .sub_title {padding:100px 0 70px 0;}
.visual.sub.sub_type3 .sub_title h1 {font-size: 23px;font-weight: 400;color: #fff;letter-spacing: 2px}
.swiper-container {height: 270px;font-family: Raleway, '나눔바른고딕', NanumBarunGothic, ng, '돋움', Dotum, AppleGothic, Helvetica, serif;}
.swiper-container > div > div {display: table;height: 270px;color: #fff;}
.swiper-container > div > div > div {display: table-cell;vertical-align: middle;}
.swiper-container > div > div > div > div {padding: 0 14px;width: auto;margin: 0;}
.swiper-container h1 {font-weight: 600;margin: 0 0 10px 0;font-size: 24px;line-height: 30px;text-decoration: none;}
.swiper-container p {font-size: 14px;line-height: 18px;}

.family_site,
.popup,
.wing,
.toggle,
.alwayStalker,
.copyright a,
#under_toggle,
#under_sitemap .extension { display: none; }

}

/* header animation */
@-webkit-keyframes ani-header {0% {top: -60px}100% {top: 0px}}
@keyframes ani-header {0% {top: -60px}100% {top: 0px}}

/* Toggle_Sitemap ---------------------------------------------------------------------------*/
.toggle { position:absolute; z-index:99; right:10px;}
.sitemap_icon { position:relative; padding:0; background:url(../img/toggle_menu.png) no-repeat; background-position:left 0px; cursor:pointer; z-index:10;}
.sitemap { position:absolute; height:auto; background:url(../img/sitemap_bg_top.png) no-repeat; top:0px; right:0px; display:none; padding:0px 0px 0px 0px; border:0px solid #ffffff; z-index:9; }
.sitemap a { text-decoration:none; }
.sitemap a:hover,
.sitemap a:active,
.sitemap a:focus{ color:#ff6600; }
.sitemap .extension { *zoom:1; padding:5px 0; background-color:#999; margin-bottom:0px; border:2px solid #000; z-index:9; }
.sitemap .extension:after { content:""; display:block; clear:both; }
.sitemap .extension .section { float:left; width:150px; min-height:150px; margin-bottom:5px; padding:0 0 0 10px; background:url(../img/lineKneeVr.gif) repeat-y 0 0; }
.sitemap .extension .section h2 { font-size:12px; margin:0 0 10px 0; }
.sitemap .extension .section h2 a { padding:5px 10px 0 0px; color:#555; }
.sitemap .extension .section h2 a:hover,
.sitemap .extension .section h2 a:active,
.sitemap .extension .section h2 a:focus{ color:#fff;}
.sitemap .extension .section a { color:#ddd; }
.sitemap .extension .section a:hover,
.sitemap .extension .section a:active,
.sitemap .extension .section a:focus{ color:#fff; }
.sitemap .extension .section ul { margin:0; padding:0; list-style:none; }
.sitemap .extension .section li { margin-bottom:6px; }

/* Toggle_Widget ---------------------------------------------------------------------------*/
.widget_icon { position:relative; width:160px; height:80px; padding:0; background:url(../img/toggle_widget.png) no-repeat; background-position:left 0px; cursor:pointer; z-index:10;}
.toggle_widget { position:absolute; width:500px; height:auto; background:url(../img/togglewidget_bg_top.png) no-repeat; top:5px; right:0px; display:none; padding:0px 0px 0px 0px; border:0px solid #ffffff; z-index:9; }
.toggle_widget a { text-decoration:none; }
.toggle_widget a:hover,
.toggle_widget a:active,
.toggle_widget a:focus{ color:#ff6600; }
.toggle_widget .extension { *zoom:1; padding:0; background-color:#F6F6F6; margin-bottom:0px; border:2px solid #000; }
.toggle_widget .extension:after { content:""; display:block; clear:both; }
.toggle_widget .extension .section { float:left; width:150px; margin:0; padding:0 0 0 10px; border-left:1px dotted #a98a60; }
.toggle_widget .extension .section h2 { font-size:12px; margin:0 0 10px 0; }
.toggle_widget .extension .section h2 a { padding:5px 10px 0 10px; background-color:#000; color:#fff; }
.toggle_widget .extension .section h2 a:hover,
.toggle_widget .extension .section h2 a:active,
.toggle_widget .extension .section h2 a:focus{ background-color:#fff; color:#a98a60;}
.toggle_widget .extension .section a { color:#7B7B7B; }
.toggle_widget .extension .section a:hover,
.toggle_widget .extension .section a:active,
.toggle_widget .extension .section a:focus{ color:#ff6600; }
.toggle_widget .extension .section ul { margin:0; padding:0; list-style:none; }
.toggle_widget .extension .section li { margin-bottom:6px; }

/* Wing_Widgets, Banners */
.aside .section{ margin-bottom:5px; padding:5px; border-radius:10px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s}
.aside .section:hover{ z-index:10; background:transparent; -webkit-box-shadow:0 0 10px #3399fF; box-shadow:0 0 20px #330000;}
.aside widget { padding:2px; }
.aside banner { padding:2px; }
.aside .dlink { padding:0; }
.aside .dlink img { display:block; margin :0 auto; }

/* PopUp */
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.white_content { display: none; position: fixed; top: 10%; left: 25%; width: 50%; padding: 0 16px 16px 16px; border: 16px solid orange; background-color: #ffffff; z-index:1002; overflow: auto; }
.white_content a { position: relative; float:right; margin-top:10px; color:black; }
.white_content a i { color:#ffa500; }

/* Family_site */
.family_site { position:relative; background: url(../img/bg_family_site.gif) no-repeat; float:right;}
.family_site a:link { color:#555555; text-decoration:none;}
.family_site a:visited { color:#555555; text-decoration:none;}
.family_site a:hover { color:#0066cc; text-decoration:underline;}
.family_site a:active { color:#555555; text-decoration:none;}
.family_site h4 { width:120px; height:16px; margin:0; cursor:pointer; }
.family_site span { display: none;}
.site_list { position:absolute; bottom:15px; border:solid #d5d5d5; border-width:1px 1px 0 1px; background-color:#fff; width:105px; height:0; margin:0; overflow:auto;}
.site_list a:hover,
.site_list a:focus { color:#0066cc; text-decoration:none;}
.site_list ul { list-style:none; margin:0; padding:5px; text-align:left; overflow:hidden;}
.site_list ul li { color:#666; line-height:18px !important; font-size:12px; letter-spacing:-1px;}

/* Login Layer SocialXe */
.snsLogin{ margin:10px 0; padding-top:0px; border-top:0px solid #0033ff; text-align:center; }
.snsLogin a{ display:inline-block; overflow:hidden;width:197px; height:43px; margin:3px; }
.snsLogin .facebook{ background-image:url(../img/facebook.png);*display:inline;*zoom:1;  }
.snsLogin .twitter{ background-image:url(../img/twitter.png);*display:inline;*zoom:1;  }
.snsLogin .google{ background-image:url(../img/google.png);*display:inline;*zoom:1;  }
.snsLogin .naver{ background-image:url(../img/naver.png);*display:inline;*zoom:1;  }
.snsLogin .kakao{ background-image:url(../img/kakao.png);*display:inline;*zoom:1;  }
.blind{ overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; }

/* Slide Content */
.slide_wrap{ position:absolute; bottom:0; right:88px; width:70%; padding-bottom:330px; }
.slide_content{ overflow:hidden; position:absolute; bottom:140px; right:0px; width:500px; }
.slide_content .content_lst{ width:500px; margin-top:56px; }
.slide_content .content_lst .lst_txt{ font-size:35px; margin-bottom:23px; }
.slide_content .content_lst .lst_txt2{ font-size:19px; }


