@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, a, p, div, span, table, ul, li, img, h1, h2, h3, h4, h5, h6, header, textarea, form, footer, caption, section, button, select, html, i, nav, iframe, ol, strong, tbody, tfoot, thead, th, tr, abbr, object, acronym, address, applet, article, aside, audio, b, blockquote, big, center, canvas, cite, code, command, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, font, hgroup, ins, kbd, keygen, label, legend, meter, output, pre, progress, q, s, samp, small, source, strike, sub, sup, tdvideo, tt, u, var { font-family:"NanumSquareNeo", Noto Sans Korean, 나눔고딕, 나눔바른고딕, 맑은 고딕, 고딕, ng, NanumBarunGothic, Open Sans, Malgun Gothic, 돋움, Dotum, 애플 SD 산돌고딕 Neo, Apple SD Gothic Neo, AppleGothic, Helvetica, sans-serif; -webkit-font-smoothing:antialiased}
img, fieldset, button {border:0}
ul, ol {list-style:none}
em, address {font-style:normal}
a { selector-dummy :expression(this.hideFocus=true); outline:0; 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}
.edg {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:999; margin:0 auto; zoom:1; display:table; line-height:60px}
.header > .side {float:right; z-index:2; }
.visual {overflow:hidden; position:relative; z-index:1; width:100%; }
.body { position:relative; padding:30px 0; }
.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 { padding:0px 20px 0 10px; }
.header > h1 img {vertical-align:middle; padding-left:5px; max-height:80px; }
.header .tb { display:table-cell; vertical-align:middle; }

/* Fixed Header */
.header_wrap { background-color:#eee; }
.fixed_header .header_wrap.shrink {position:fixed; top:0; width:auto; z-index:1000; border-bottom:3px solid #cda25a ; background-color:#fff; -webkit-animation:ani-header 0.5s forwards; animation:ani-header 0.5s forwards; left:0; right:0; line-height:60px}
.fixed_header .header_wrap.shrink .header > h1 {padding:0}
.fixed_header .header_wrap.shrink .gnb,
.fixed_header .header_wrap.shrink .gnbh > ul > li > a {padding-top:15px}
.fixed_header .header_wrap.shrink .header > .side {padding:0px; margin-top:30px}
.fixed_header .header_wrap.shrink .search_area {padding:0 20px}
.fixed_header .header_wrap.shrink .topmenu { display:none }

/* Footer */
.footer { background-color:#f1f1f1; }
.footer a:hover, .footer a:focus { text-decoration:none}
.footer .f_info_area { overflow:hidden; margin:0 auto; padding:20px 0 10px}
.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 { padding-left:50px}
.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 .fa { 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; 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:15px; 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; border:solid 1px #000000; -moz-border-radius:10px 0 10px 10px; -webkit-border-radius:10px 0 10px 10px; border-radius:10px 0 10px 10px; 
background:#45484d; /* Old browsers */
background:-moz-linear-gradient(top, #45484d 0%, #848484 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #45484d 0%,#848484 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #45484d 0%,#848484 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#848484',GradientType=0 ); /* IE6-9 */
}
.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:#fff; }
.header > .side > ul .ly a:hover { color:#cda25a; text-decoration:none; transform:scaleY(1.2); }
.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 .edg { right:11px}

/* Search */
.search-wrapper { margin-top:-7px }
.search-wrapper.active { position:absolute; left:-240px; z-index:9; }
.search-wrapper .input-holder { overflow:hidden; height:40px;}
.search-wrapper.active .input-holder { border-radius:50px; width:200px;}
.search-wrapper .input-holder input[type=text] { width:90%; height:20px; padding:0px 35px 0 10px; opacity:0; position:absolute; top:0px; left:10px; background:transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:none; outline:none; font-size:14px; }
.search-wrapper.active .input-holder input[type=text] { opacity:1; -webkit-transform:translate(0, 10px); -moz-transform:translate(0, 10px); transform:translate(0, 10px); }
.search-wrapper .input-holder .search-icon { background:transparent; position:relative; z-index:2; float:right; cursor:pointer; margin:8px 10px 0 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.search-wrapper.active .input-holder .search-icon { margin:8px 15px 0 0; border-radius:30px;}
.search-wrapper .input-holder .search-icon span { width:22px; height:22px; display:inline-block; vertical-align:middle; position:relative; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); -moz-transition:all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); transition:all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); }
.search-wrapper.active .input-holder .search-icon span { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after { position:absolute; content:'';}
.search-wrapper .input-holder .search-icon span::before { width:4px; height:11px; left:9px; top:18px; border-radius:2px; }
.search-wrapper .input-holder .search-icon span::after { width:14px; height:14px; left:0px; top:0px; border-radius:16px; }
.search-wrapper .input-holder .search-icon:focus { border:none; outline:none; background:#fff; color:#fff; }
.search-wrapper .close { display:none; position:absolute; cursor:pointer;}
.search-wrapper.active .close { display:block; z-index:2; top:-5px; left:200px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.search-wrapper .close::before, .search-wrapper .close::after { position:absolute; content:''; border-radius:2px; }
.search-wrapper .close::before { width:5px; height:25px; left:30px; top:-10px;}
.search-wrapper .close::after { width:25px; height:5px; left:20px; top:0px;}

/* GNB */
.gnb { z-index:1; font-size:13px; padding-top:15px; }
.gnb ul li { margin:0 auto }
.gnb a {text-decoration:none; white-space:nowrap; }
.gnb > ul > li {float:left; position:relative; }
.gnb > ul:after {display:block; clear:both; content:''}
.gnb > ul > li > a { position:relative; padding:0 15px; line-height:20px; font-size:15px; font-weight:400; color:#888; display:inline-block; overflow:hidden; border-right:0px solid #eee; padding-right:10px}
.gnb > ul > li > a:hover,
.gnb > ul > li > a:focus,
.gnb > ul > li.on > a {color:#f60; -webkit-transition:2s; }
.gnb > ul .depth2 {display:none; position:absolute; top:45px; 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:#eee}
.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:220px; 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:0px}
.visual.sub .sub_title {position:relative; z-index:2; margin:0 auto}
.visual.sub .sub_title h1 {position:relative; font-weight:700; 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:0 10px 10px 10px; margin:0 }
.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; }
.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; }
.wing {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; max-width:100%; }
.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: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,
.fixed_header .header_wrap.shrink .gnbh > 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 {background-color:#569A49; 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; }

 .fw_t { margin:15px 0; }

/* button */
.btn_item {display:inline-block; margin:35px 0; padding:0 27px; height:50px; 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 */
.gnb { float:none; position:static; z-index:1; max-width:100%; height:100%; font-size:1em; background:#fff;}
.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;}
.gnb > ul > li { float:none; position:static;}
.gnb > ul > li:first-child > a { border-top:0;}
.gnb > ul:after { display:none;}
.gnb > ul > li > a { position:static; padding:10px 0; line-height:normal; font-size:normal; color:#555; font-weight:bold;}
.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 { 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-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; }
.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; }
}

@media only screen and (max-width:1024px) {
.slide_wrap,
.topmenu,
.top_menu_g,
.family_site,
.ad,
.popup,
.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; margin-right:5px; 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:185px; 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 ul li { margin-bottom:6px; }
.sitemap .extension .section ul li ul li { margin:6px 0; }

/* 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() no-repeat; top:0px; 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:130px; margin:0; padding:0 0 0 10px; border-left:1px dotted #575757; }
.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:; 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:; 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 0 #3399fF; box-shadow:0 0 0 #330000; }
.aside .widget { padding:2px; }
.aside .banner { padding:2px; }
.aside .wing_ad { text-align:center; }
.aside .dlink { padding:0; }
.aside .dlink img { display:block; margin :0 auto; }

/* Info_PopUp */
.info_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); }
.info_popup .white_content { display:none; position:fixed; top:10%; left:25%; width:50%; max-height:700px; padding:0 16px 16px 16px; border:16px solid orange; background-color:#ffffff; z-index:1002; overflow:auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#fff; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 20px #000}
.info_popup .white_content a { position:relative; float:right; margin-top:10px; color:black; }
.info_popup .white_content a i { color:#ffa500; }
.info_popup { margin-top:0px; }
.info_popup a { color:#444; font-size:12px; }

/* Family_site */
.family_site { position:relative; background:url(../img/bg_family_site.gif) no-repeat; float:right; }

.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:#555; width:95px; height:0; margin:0; overflow:auto; padding:0 5px; }
.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:#fff; line-height:18px !important; font-size:12px; letter-spacing:-1px; }

/* Login Layer SocialXe */
.snsLogin{ margin:0; padding-top:0px; border-top:0px solid #0033ff; text-align:center; min-height:227px}
.snsLogin a{ display:inline-block; overflow:hidden; width:195px; height:34px; 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; }

/* GNB 메뉴 ---------------------------------------------------------------------------*/
.gnbh { z-index:1; height:80px; font-size:14px; }
.gnbh ul { margin:0; padding:0; list-style:none; float:left; }
.gnbh li { position:relative; display:block; float:left; margin:0; padding:0; z-index:3; }
.gnbh li.last { background:none; }
.gnbh li:hover>ul { left:0px; }
.gnbh a { display:block; position:relative; padding:0 20px; font-size:14px; color:#888 }
.gnbh > ul > li > a:hover,
.gnbh > ul > li > a:focus,
.gnbh > ul > li.on > a { color:#f60 }
/* 세로메인메뉴 hover, select */
.gnbh li a:hover,
.gnbh li a:focus { background:url(../img/lava.png) no-repeat center 40px; _background:transparent; }
.gnbh li.current a { text-decoration:none; font-weight:bold; }
/* 세로서브메뉴::화살표 */
.gnbh ul ul span { margin:0; display:block; cursor:pointer; background-repeat:no-repeat; }
/* 세로서브메뉴::공통 */
.gnbh ul ul { position:absolute; top:50px; left:-999em; padding:0; margin-left:20px; } /* 서브메뉴 높이, 위치 */
.gnbh ul ul li { width:180px; _clear:both; }
.gnbh ul ul a { display:block; float:none; padding:4px 0 4px 20px; height:25px; line-height:25px; font-size:9pt; font-weight:bold; margin-bottom:-1px; }
.gnbh ul ul a:hover { font-weight:bold; }
/* 세로3차,4차서브메뉴::level3 */
.gnbh ul ul ul { padding:0; margin:-50px 0 0 180px; }
/* 세로 공통 컬러셋 */
.gnbh li a:hover { color:; }
.gnbh li.current a { color:; } /* 메인메뉴 Text hover, select */
.gnbh a { color:; } /* 메인메뉴 컬러 */
.gnbh li.sub a { background:#333; border-top:1px solid #252525; border-bottom:1px solid #444; color:#ccc; } /* 서브메뉴 배경, 컬러 */
.gnbh li.sub a:hover { background:#222 url(../img/second_sub_bg.gif) no-repeat left -25px; text-indent:10px; border:1px solid #000; color:#fff; } /* 서브메뉴 배경, 컬러 hover */
.gnbh ul ul a.parent span { background-position:95% 50%; background-image:url(../img/item-pointer.gif); }/* 서브메뉴::화살표 */
.gnbh ul ul a.parent:hover span { background-image:url(../img/item-pointer-mover.gif); }
.gnbh #mobile_menu_btn {display:none; }

/* 최상단 토글 유틸메뉴 - 펼쳐지는 애니메이션 효과 */
.topmenu { overflow:hidden; position:absolute; right:0%; top:0%; width:auto; height:20px; padding-top:0px; margin-top:0px; background:transparent; border-radius:5px; -webkit-transform:translate3d(-11%, 0, 0); transform:translate3d(-11%, 0, 0); box-shadow:0 1px 1px #888; z-index:1001}
.topmenu__cb { z-index:-1000; position:absolute; left:0; top:0; opacity:0; pointer-events:none; }
.topmenu__content { position:relative; width:40px; height:100%; -webkit-transition:width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23); transition:width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23); }
.topmenu__cb:checked ~ .topmenu__content { -webkit-transition:width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); transition:width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); width:350px; }
.topmenu__items { position:relative; width:410px; height:100%; padding-left:20px; padding-right:110px; list-style-type:none; font-size:0px; }
.topmenu__item,
.topmenu__item a { display:inline-block; vertical-align:top; width:70px; text-align:center; color:#6C7784; font-size:10px; line-height:20px; -webkit-perspective:1000px; perspective:1000px; -webkit-transition:color 0.3s; transition:color 0.3s; cursor:pointer; }
.topmenu__item:hover,
.topmenu__item a:hover { color:#00bdea; }
.topmenu__item-text { display:block; height:100%; -webkit-transform:rotateY(-170deg); transform:rotateY(-170deg); opacity:0; -webkit-transition:opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition:opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s; transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); }

.topmenu__cb:checked ~ .topmenu__content .topmenu__item-text { -webkit-transform:rotateY(0); transform:rotateY(0); opacity:1; -webkit-transition:opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition:opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s; transition:transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); }

.topmenu__item:nth-child(1) .topmenu__item-text { -webkit-transition-delay:0.3s; transition-delay:0.3s; }
.topmenu__cb:checked ~ .topmenu__content .topmenu__item:nth-child(1) .topmenu__item-text { -webkit-transition-delay:0s; transition-delay:0s; }
.topmenu__item:nth-child(2) .topmenu__item-text { -webkit-transition-delay:0.2s; transition-delay:0.2s; }
.topmenu__cb:checked ~ .topmenu__content .topmenu__item:nth-child(2) .topmenu__item-text { -webkit-transition-delay:0.1s; transition-delay:0.1s; }
.topmenu__item:nth-child(3) .topmenu__item-text { -webkit-transition-delay:0.1s; transition-delay:0.1s; }
.topmenu__cb:checked ~ .topmenu__content .topmenu__item:nth-child(3) .topmenu__item-text { -webkit-transition-delay:0.2s; transition-delay:0.2s; }
.topmenu__item:nth-child(4) .topmenu__item-text { -webkit-transition-delay:0s; transition-delay:0s; }
.topmenu__cb:checked ~ .topmenu__content .topmenu__item:nth-child(4) .topmenu__item-text { -webkit-transition-delay:0.3s; transition-delay:0.3s; }

.topmenu__btn { position:absolute; right:0; top:1px; width:20px; height:20px; padding:5px 10px; cursor:pointer; }
.topmenu__btn:before, .topmenu__btn:after { content:""; display:block; width:20px; height:2px; border-radius:2px; background:#096DD3; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); transition:background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); transition:transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s; transition:transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); }
.topmenu__btn:before { margin-bottom:5px; }
.topmenu__btn:hover:before, .topmenu__btn:hover:after { background:#00bdea; }
.topmenu__cb:checked ~ .topmenu__btn:before { -webkit-transform:translateY(3.5px) rotate(-225deg); transform:translateY(3.5px) rotate(-225deg); }
.topmenu__cb:checked ~ .topmenu__btn:after { -webkit-transform:translateY(-3.5px) rotate(225deg); transform:translateY(-3.5px) rotate(225deg); }

.top_menu_g { overflow:hidden; position:absolute; right:0%; top:0%; width:auto; padding-top:0px; margin-top:0px; z-index:99}

/* 토글 배너 위치*/
#top_toggle { position:absolute; top:20px; right:210px; z-index:100; }
#top_toggle a img { z-index:99; }

.content .ad { margin:0 auto }