@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;letter-spacing: 0.5px;}
body,html{width:100%;height:100%;min-width:1240px;}
body,input,textarea,select,button,table{font-family:'맑은 고딕','Malgun Gothic','나눔바른고딕',NanumBarunGothic,'Open Sans','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased; letter-spacing: 1px}
img,fieldset,button{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color: inherit;}
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:100px;margin:0 auto;zoom:1; display: flex; align-items: center; justify-content: space-between;}
.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.fixed-width{width:1080px;margin:0 auto}
.body:after{display:block;clear:both;content:''}
.content{zoom:1}
.content:after{display:block;clear:both;content:''}
.content >:first-child{margin-top:0; padding: 10px 0 30px; font-weight: normal;}
.content img{max-width:100%;height:auto}

/* 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; 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 > li:first-child {background: none}
.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:bold;color:#111}
.gnb > ul > li > a:hover,.gnb > ul > li > a:focus,.gnb > ul > li > a:focus,.gnb > ul > li.on > a{color:#000}
.gnb > ul .depth2{ display:none;position:absolute;top:100%;left:0;z-index:2;background-color: #f8f8f8}
.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:120px;height:42px;padding:0 40px 0 30px ;line-height:42px;font-size:13px;color:#111}
.gnb > ul .depth2 a:hover { color:#000; background: #e9e9e9}
.gnb > ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#f8f8f8}
.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:70px 0;background-color:#fff;line-height:30px}
.visual.sub .sub_title{position:relative;z-index:2;width:1000px;margin:0 auto; color: #fff}
.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 {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:100px 0; margin-bottom:60px}
.visual.sub.sub_type2 .bg_img{display:block}
.visual.sub.sub_type2 .sub_title h3{ font-size: 22px; font-weight: normal; color: #fff; text-align: center; }
.visual.sub.sub_type2 .sub_title span { font-size: 26px; color: #fff; font-weight: bold; }

/* LNB */
.body.fixed-width .lnb_title{ font-size:28px; border-bottom:4px solid #b6c7e6; height: 60px; line-height: 60px; padding-left: 6px; box-sizing: border-box; }
.body.fixed-width .lnb > ul{position:relative;z-index:1;}
.body.fixed-width .lnb > ul > li{padding:4px 0;border-bottom:1px solid #ddd;}
.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;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:220px; box-sizing: border-box;}
.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 */
.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;}