@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%;min-width:1240px;}
body,input,textarea,select,button,table{font-family:'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','Open Sans','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased; letter-spacing: 0px}
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{min-width:1240px;}
.header{position:relative;z-index:2;width:1080px; 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:0 0}
.body .content{}
.body.fixed-width{width:1080px;margin:0 auto}
.header:after,.body:after{display:block;clear:both;content:''}
.content{zoom:1}
.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:30px 0;margin-right:20px;}
.header > h1 img{vertical-align:middle;max-height:40px; margin-left: 18px;}

/* Fixed Header */
.container.fixed_header{padding-top:100px}
.fixed_header .header_wrap{position:absolute;top:0;left:0;right:0;width:1080px;z-index:1000;padding:0;}
.fixed_header .header_wrap.shrink{position:fixed;top:0;width:auto;min-width:1240px;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}

/* 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:20px;height:20px;font-size:20px;line-height:28px;color:#888;text-align:left;}
.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;z-index:3}
.header > .side > ul .on .ly.ly_login{height:auto}
.header > .side > ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;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:20px;height:20px;border-radius:100%}
.header > .side > ul > li .login_after img{width:20px;height:20px}
.header > .side > ul > li .login_after ~ .ly_login .edge{right:11px}

/* Search */
.search_wrap{position:relative;width:999px;margin:0 auto}
.search_area{display:none;position:absolute;top:0;left:0;width:1160px;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:840px;height:100%;font-size:13px;}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb > ul > li{float:left;position:relative;text-align:left;background:url("../img/line_menu.png") no-repeat 0px 34px}
.gnb > ul > li:first-child {background: none}
.gnb > ul:after{display:block;clear:both;content:''}
.gnb > ul > li > a{display:block;position:relative;padding:0 22px;line-height:100px;font-size:16px;font-weight:700;color:#111}
.gnb > ul > li > a:hover,.gnb > ul > li > a:focus,.gnb > ul > li > a:focus,.gnb > ul > li.on > a{color:#0053b0}
.gnb > ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color: #2f3e50}
.gnb > ul .depth2 > li{position:relative}
.gnb > ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#7da2ce;content:''}
.gnb > ul .depth2 a{display:block;position:relative;min-width:130px;height:40px;padding:0 40px 0 30px ;line-height:40px;font-size:13px;color:#c6d0dd}
.gnb > ul .depth2 a:hover,.gnb > ul .depth2 a:active,.gnb > ul .depth2 a:focus,.gnb > ul .depth2 > li.on > a{ text-decoration: underline; color:#fff}
.gnb > ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#385a64}
.gnb > ul .depth3 a { min-width: 80px; }
.gnb > ul .depth2 > li.more > a:after{position:absolute;right:20px;content:'>'}

/* VISUAL */
.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px}
.visual.sub .sub_title{position:relative;z-index:2;width:1000px;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:100%}
.visual.sub.sub_type2{padding:70px 0;margin-bottom:20px}
.visual.sub.sub_type2 .bg_img{display:block}
.visual.sub.sub_type2 .sub_title .line { width: 22px; height: 3px; background-color: #fab900; margin-bottom: 6px;}
.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:normal;font-size:24px;letter-spacing:2px;margin-left:0px}
.visual.sub.sub_type2 .sub_title h1:after,.visual.sub.sub_type3 .sub_title h1:after{background:none}
.visual.sub.sub_type2 .sub_title h3{ position: absolute; font-size: 16px; font-weight: normal; right: 0; top:10px; line-height:20px; color: #edf5dc; opacity: 1; float: right; text-align:right;}
.visual.sub.sub_type2 .sub_title span { font-size: 20px; color: #f9df95 }
.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_title{padding:28px;font-size:20px;color:#fff;background-color:#2f3e50;width:200px;border-bottom:4px solid #b6c7e6; letter-spacing: 1px;}
.body.fixed-width .lnb > ul{position:relative;z-index:1;margin-top:10px;}
.body.fixed-width .lnb > ul > li{padding:2px 0;border-bottom:1px solid #e5e5e5;}
.body.fixed-width .lnb > ul > li:hover{background-color:#f6f6f6;}
.body.fixed-width .lnb > ul > li:last-child{border-bottom:none;}
.body.fixed-width .lnb > ul > li > a,.body.fixed-width .lnb > ul > li > span{display:block;line-height:40px;font-size:14px;color:#3d4956;margin-left:10px}
.body.fixed-width .lnb > ul > li > a:hover{color:#333;font-weight:bold;}
.body.fixed-width .lnb ul ul li.on a{color:#cda25a}
.body.fixed-width .lnb ul ul a{display:block;padding:8px 0;font-size:12px;line-height:8px;color:#888;text-decoration:none; margin-left: 0px; }
.body.fixed-width .lnb ul ul li{border-bottom:1px solid #f5f5f5; margin: 0 30px }
.body.fixed-width .lnb ul ul li:last-child  {border-bottom: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:#333}
.body.fixed-width .lnb img{vertical-align:top}
.body.fixed-width.left .lnb,.body.fixed-width.right .lnb{float:left;width:200px;padding:0 0 30px;}
.body.fixed-width.left .content,.body.fixed-width.right .content{float:right;width:820px;min-height:400px;padding:0 0 30px; border: 0px solid #ccc}
.body.fixed-width.right .lnb{float:right}
.body.fixed-width.right .content{float:left}
.body.fixed-width.none .lnb{display:none}
.body.fixed-width.none .content{float:none;width:1000px}

/* Scroll to top link */
.btn_top{display:none;position:fixed;right:0;bottom:111px;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:#5fe2e4;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;color:#fff;background-size:cover;}
.swiper-container > div > div > div{display:table-cell;vertical-align:middle;}
.swiper-container > div > div > div > div{width:1000px;margin:0 auto;}
.swiper-container h1{font-weight:700;margin:0 0 20px 0;font-size:66px;text-shadow:1px 1px 2px #000;}
.swiper-container h2{font-size:34px;line-height:22px; font-weight: normal; text-shadow:1px 1px 2px #000; opacity: 0.9;}
.swiper-container h3{font-size:14px;line-height:20px; font-weight: normal; opacity: 0.9; margin-top: 16px;}
.swiper-container p{font-size:28px;line-height:22px;text-shadow:1px 1px 1px #000;}
.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;}

@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:20px 6px;}

    /* Header */
    .header > h1{float:none;margin-right:0;padding:0 10px;line-height:50px;display:block; margin-bottom: 10px}
    .header > h1 img{max-height:24px;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}


    /* 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 .depth2 a:hover,.gnb > ul .depth2 a:active,.gnb > ul .depth2 a:focus{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{}
    .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:30px 0;margin-bottom:0}
    .visual.sub.sub_type2 .bg_img{display:block}
    .visual.sub.sub_type2 .sub_title h1{display:none;}
    .visual.sub.sub_type2 .sub_title h3{ position: absolute; font-size: 0.8em; font-weight: normal; left: 0; top:-8px; color: #edf5dc; text-align:center;}
    .visual.sub.sub_type2 .sub_title span { font-size: 1.2em; color: #f9df95 }
    .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:32px;line-height:36px;text-decoration:none;}
    .swiper-container h2{font-size:16px;line-height:22px; font-weight: normal; text-shadow:1px 1px 1px #000; opacity: 0.9; margin-top:10px; }
    .swiper-container h3{display: none;}


}

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