@charset "UTF-8";

section.wrap{width:100%;height:100%;position:relative;padding-top:5em;}

header{width:100%;height:5em;position:fixed;top:0;left:0;background-color:#fff;z-index:1001;border-bottom:1px solid #ddd;}
header .inner{height:100%;position:relative;}
header h1{position:absolute;top:0;left:0;width:7.889em;height:100%;z-index:1;}
header h1 a{color:transparent;background-image:url('/new/images/common/logo_header.png');background-position:center;background-repeat:no-repeat;background-size:100% 2.222em;display:block;width:100%;height:100%;}
header .gnb{width:100%;text-align:center;}
header .gnb nav{width:100%;position:relative;height:100%;}
header .gnb nav > ul{position:relative;float:left;width:100%;text-align:center;line-height:5em;}
header .gnb nav > ul > li{display:inline;margin:0 3%;font-size:1em;vertical-align:middle;}
header .gnb nav > ul > li a:hover{text-decoration:none;}
header .gnb nav > ul > li:first-child{margin-left:0;}
header .gnb nav > ul > li:nth-child(2) > .depth2{left:20%;}
header .gnb nav > ul > li:nth-child(3) > .depth2{left:40%;}
header .gnb nav > ul > li:nth-child(4) > .depth2{left:60%;}
header .gnb nav > ul > li:last-child{margin-right:0;}
header .gnb nav > ul > li:last-child > .depth2{left:80%;border-right:1px solid #ddd;}
header .depth2{display:none;position:absolute;left:0;width:20%;z-index:1;transition:0.2s ease-in-out;border-left:1px solid #ddd;height:16.667rem;}
header .depth2 h2{font-size:1em;color:#2350a5;}
header .depth2 ul{font-size:0.778em;}
header .depth2 li{height:auto;line-height:100%;width:100%;margin:1em 0;}
header .depth2 li a{display:block;}
header .depth2 li a:hover{color:#2350a5;text-decoration:none;}
header .depth2 li:first-child{margin-top:0;}
header .depth2 li:last-child{margin-bottom:0;}
header .depth2:hover{background-color:#f7f7f7;}
header .gnb-util{position:absolute;top:0.778em;right:0;border:1px solid #fff;padding:0.788em 0.778em 0 1.2em;z-index:10;}
header .gnb-util .lang{position:relative;font-size:0.722em;width:5.778rem;display:block;margin:1em 0;}
header .gnb-util .lang:first-child{margin-top:0;}
header .gnb-util .lang:first-child::after{content:'';width:0.8em;height:0.5em;background:url('/new/images/common/ico_arrow_lang.png') no-repeat center;display:block;position:absolute;top:calc(50% - 0.25em);right:0;}
header .gnb-util .lang::before{content:'';width:2.5em;height:2.5em;display:inline-block;vertical-align:middle;background-size:100%;background-repeat:no-repeat;background-position:center;margin-right:0.333em;}
header .gnb-util .lang-ko::before{background-image:url('/new/images/common/ico_lang_ko.png');}
header .gnb-util .lang-en::before{background-image:url('/new/images/common/ico_lang_en.png');}
header .gnb-util:hover{background-color:#fff;border:1px solid #ddd;}
header .gnb-util:hover span + a{display:block;}
header .gnb-util a.lang{display:none;}

header.active .bg{position:absolute;top:calc(100% + 1px);left:0;width:100%;height:16.667em;background-color:#fff;transition:0.2s ease-in-out;border-bottom:1px solid #ddd;}

footer{width:100%;min-height:10.278em;border-top:1px solid #ddd;}
footer .inner{position:relative;overflow:hidden;}
footer .footer-logo{display:inline-block;padding-top:1.333em;width:13em;}
footer .copyright{font-size:0.722em;color:#999;margin-top:40px;letter-spacing:0.06em;}
footer .footer-contact{padding:1.667em 0 0 10%;width:calc(100% - 13em);}
footer .footer-contact li{margin-bottom:0.5em;}
footer .footer-contact dl{font-size:0.778em;}
footer .footer-contact dl dt{color:#0076bc;font-weight:700;float:left;min-width:13%;}
footer .footer-contact dl dd{text-align:right;padding-left:15%;}
footer .footer-contact dl dd span{display:inline-block;}
footer .footer-contact dl dd .addr{float:left;}
footer .footer-contact dl dd .tel a::after{content:'/';padding:0 0.5em;}
footer .footer-contact dl dd .tel a:hover{text-decoration:none;}

.img-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;height:100%;overflow:hidden;}
.img-box img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);min-width:100%;min-height:100%;width:auto;height:auto;}

.txt-fluid{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.div-line > *{position:relative;}
.div-line > *:before{content:'';width:1px;height:1em;display:block;position:absolute;left:0;top:calc(50% - 0.5em);background-color:#dadade;}
.div-line > *:first-child:before{width:0;}

/* main */
section.main{width:100%;margin:0 auto;}
section.main > section:not(.main-visual){padding:1.444em 0;}
section.main > section:not(.main-visual) img{margin:0 auto;display:block;}
section.main .inner > h2{font-size:1.778em;text-align:center;line-height:1.2em;margin-bottom:1rem;}
section.main .inner > h2::before{content:'';width:0.333rem;height:0.333rem;display:inline-block;background-color:#0076bc;border-radius:50%;vertical-align:top;margin-right:0.2rem;}

.main-visual{position:relative;height:29.111em;}
.main-visual-list, .slick-list, .slick-track{height:100%;}
.main-visual .main-visual-txt{position:absolute;top:calc(50% - 4em);width:100%;color:#fff;text-align:center;z-index:1;}
.main-visual .main-visual-txt > img{width:37.278em;max-width:80%;}
.main-visual .main-visual-txt strong{font-size:3em;letter-spacing:0rem;}
.main-visual .slick-dots{position:absolute;bottom:2em;left:0;width:100%;}
.main-visual .slick-dots li{margin-right:0.556em;vertical-align:middle;}
.main-visual .slick-dots li button{width:0.611em;height:0.611em;background-color:#fff;}
.main-visual .slick-dots li.slick-active button{background-color:#0076bc;opacity:0.8;}
.main-visual .slick-dots li .visual-pause{height:calc(0.611em + 2px);background-color:transparent;background-image:url('/new/images/main/btn_visual_pause.png');background-repeat:no-repeat;background-position:center;}
.main-visual .slick-dots li:last-child{margin-right:0;}
.main-visual img{max-width:1980px;margin:0 auto;}

.main-cont1 ul{border-left:1px solid #eee;}
.main-cont1 li:nth-child(-n+4) figure{border-top:1px solid #eee;}
.main-cont1 li figure{border-right:1px solid #eee;border-bottom:1px solid #eee;}
.main-cont1 figure img{padding:0.333em;}
.main-cont1 figure figcaption{border-top:1px solid #eee;text-align:center;line-height:2.778em;padding:0 9%;}
.main-cont1.sty01 ul{border:0;}
.main-cont1.sty01 figure{border:1px solid #eee;}
.main-cont1.sty01 figure img{padding:0;}
.main-cont1.sty02 li figure{height:286px;}
.main-cont1.sty02 li figure img{height:234px;width:auto;}
.main-cont1.sty03 li figure{height:273px;}
.main-cont1.sty03 li figure img{height:220px;width:auto;}

.main-cont2{background-color:#eee;}
.main-cont2 figure{position:relative;background-color:#fff;padding-top:282px;}
.main-cont2 figure img{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;}
.main-cont2 dl{background-color:#0076bc;color:#fff;padding:9%;}
.main-cont2 dl dt{position:relative;}
.main-cont2 dl dt a, .main-cont1.sty01 figcaption a{position:relative;display:block;text-align:left;padding-right:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-cont2 dl dt a::after, .main-cont1 figcaption a::after{content:'';width:1.111em;height:0.5em;display:block;position:absolute;top:calc(50% - 0.35em);right:0;background-repeat:no-repeat;background-size:100%;}
.main-cont2 dl dt a::after{background-image:url('/new/images/common/ico_arrow_lnk_white.png');}
.main-cont1 figcaption a::after{background-image:url('/new/images/common/ico_arrow_lnk_black.png');}
.main-cont2 dl dd{font-size:0.778em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:4.3em;}

.main-cont3{background-color:#0076bc;}
.main-cont3 .thirds > div{position:relative;height:16.667em;}
.main-cont3 .summary-bbs{background-color:#fff;padding:1.778em;}
.main-cont3 .summary-bbs a{cursor:pointer;}
.main-cont3 .summary-bbs h2{text-align:right;font-size:0.833em;margin-bottom:0.5rem;}
.main-cont3 .summary-bbs h2 strong{color:#0076bc;border-bottom:1px solid #0076bc;padding-bottom:0.2em;}
.main-cont3 .summary-bbs h3{position:relative;font-size:1.333em;padding-right:1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:1em;line-height:1.333em;height:2.5em;}
.main-cont3 .summary-bbs p::before{content:'';width:2em;height:1px;display:block;position:absolute;top:0;left:0;background-color:#0076bc;}
.main-cont3 .summary-bbs p{position:relative;padding-top:1rem;font-size:0.833em;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:1.667em;height:3.9em;}
.main-cont3 .summary-bbs .btn{position:absolute;bottom:1.778rem;left:1.778rem;}
.main-cont3 .shortcut{position:relative;background-color:#f5f5f5;height:calc(50% - 0.5em)}
.main-cont3 .shortcut h2{font-size:1.222em;}
.main-cont3 .shortcut p{font-size:0.833em;line-height:1.2em;}
.main-cont3 .shortcut .tel{font-weight:bold;margin-bottom:0.5em;}
.main-cont3 .shortcut > *{;padding-left:35%;}
.main-cont3 .shortcut > *::before{content:'';display:block;width:4.222em;height:4.222em;position:absolute;top:calc(50% - 2.111em);left:calc(30% - 4.222em);background-size:100%;background-repeat:no-repeat;}
.main-cont3 .shortcut.download{background:url('/new/images/main/bg_download.png') no-repeat center;background-size:cover;color:#fff;}
.main-cont3 .shortcut.download a::before{background-image:url('/new/images/main/ico_download.png');}
.main-cont3 .shortcut.customer{background-image:url('/new/images/main/bg_customer.png');background-repeat:no-repeat;background-position:right bottom;}
.main-cont3 .shortcut.customer p{color:#333;}
.main-cont3 .shortcut.customer div::before{background-image:url('/new/images/main/ico_customer.png');}
.main-cont3 .shortcut:first-child{margin-bottom:1em;}

.main-banner-co{position:relative;width:100%;overflow:hidden;height:5.333em;border-top:1px solid #ccc;}
.main-banner-co .inner{height:100%;}
.main-banner-co ul{width:calc(100% - (4.668em + 10px));float:left;height:100%;}
.main-banner-co .controller{float:left;height:100%;width:auto}
.main-banner-co .controller button{float:left;display:block;width:1.556em;height:1.556em;color:transparent;display:block;background-position:center;background-repeat:no-repeat;border:1px solid #ddd;margin:0 2px;}
.main-banner-co .controller .co-prev{background-image:url('/new/images/main/btn_co_prev.png');margin-left:0;}
.main-banner-co .controller .co-next{background-image:url('/new/images/main/btn_co_next.png');margin-right:0;}
.main-banner-co .controller .co-pause{background-image:url('/new/images/main/btn_co_pause.png');}
.main-banner-co .slick-slide{height:100%;display:table!important;}
.main-banner-co .slick-slide a{display:table-cell;vertical-align:middle;outline-style:none;}
.main-banner-co .slick-slide a img{margin:0 auto;}

/* button */
.btn{position:relative;font-size:0.833em;height:2rem;line-height:2rem;min-width:6.444em;display:inline-block;background-color:#444;color:#fff;border:1px solid 444;vertical-align:middle;text-align:center;font-weight:700;}
.btn.blue{background-color:#0076bc;}
.btn.white{background-color:#fff;border:1px solid #17335b;color:#333;}
.btn.navy{background-color:#17335b;}

.btn.round{border-radius:1rem;}

.btn.arrow{padding-right:2em;}
.btn.arrow::after{content:'';width:0.889em;height:0.389em;display:block;position:absolute;top:calc(50% - 0.19em);right:1em;background-image:url('/new/images/common/ico_arrow_btn_white.png');background-repeat:no-repeat;background-size:100%;}

.btn.btn-ico:before{content:'';display:inline-block;width:1em;height:1em;background-size:100%;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:0.333em;}
.btn.btn-pdf:before{background-image:url('/new/images/sub/ico_pdf.png');}
.btn.btn-down:before{background-image:url('/new/images/sub/ico_download.png');}
.btn:last-child{margin-right:0;}

.btn-area{margin-top:1em;}

.no-data{width:100%!important;text-align:center;}

@media screen and (max-width:1200px) {
    header .gnb nav ul li{margin:0 3.3%;}
    .inner{padding:0 2em;max-width:100%;}
}

/* 모바일 디바이스가 아닌 경우 */
@media screen and (min-width:1025px) {
    header .gnb .btn-gnb-close{display:none;}
/*    header .gnb nav > ul > li:hover > a + ul::before{content:'';position:absolute;top:-2px;left:calc(50% - 2.5em);width:5em;height:4px;background-color:#77aa0f;}*/
}

/* 모바일 디바이스인 경우 */
@media screen and (max-width:1024px) {
    html{font-size:14px;}
    body.fixed{height:100%;overflow:hidden;}
    header h1{position:absolute;top:0;left:calc(50% - 3.945em);z-index:1;float:none;}
    header .gnb{display:none;height:100%;position:fixed;top:0;left:0;width:100%;float:none;z-index:10000;padding:2.143em 4.6%;overflow-y:scroll;background-color:#444;}
    header .gnb nav{display:none;height:auto;width:100%;}
    header .gnb nav > ul{width:100%;top:0;left:0;height:auto;width:100%;float:none;text-align:left;}
    header .gnb nav > ul > li{display:block;margin:0;}
    header .gnb nav > ul > li > a{font-size:1.357em;display:block;border-bottom:2px solid #c6c6c6;line-height:6.286rem;background-image:url('/new/images/common/ico_m_close.png');background-size:1.643rem 1.071rem;background-position:right 1.5% center;background-repeat:no-repeat;padding-left:1.5%;}
    header .gnb nav > ul > li:last-child > a, header .gnb nav > ul > li:last-child > ul{border-bottom:none;}
    header .gnb nav > ul > li > a.on{background-image:url('/new/images/common/ico_m_open.png');}
    header .depth2{position:relative;width:100%;top:auto;left:auto;padding:4.6%;padding-right:0;border-bottom:2px solid #c6c6c6;}
    header .depth2 li{line-height:3.231em;margin:0;}
    header .depth2 li a{font-size:1.357rem;}
    header .gnb nav > ul > li > a.on{border-bottom:2px solid #77aa0f;}
    header .gnb nav .depth2 li a:hover{color:#77aa0f;}

    .main-visual .img-box{position:relative;top:auto;left:auto;transform:none;-webkit-transform:none;overflow:hidden;}
    .main-visual .img-box img{position:relative;top:auto;left:auto;transform:translate(-25%, 0%);min-width:auto;min-height:auto;width:185%;}
}

@media screen and (max-width:768px) {
    html{font-size:13px;}
}

@media screen and (min-width:641px) and (max-width:1024px) {
}

@media screen and (min-width:641px) and (max-width:768px) {
}

/* 폰이 아닌 경우 */
@media screen and (min-width:641px) {
}

@media screen and (max-width:640px) {
    footer .footer-logo > *{margin:0 auto;display:block;text-align:center;}
    footer .footer-contact{padding:0;}
    footer .footer-contact dl dd{text-align:left;}
    .inner{padding:0 4.6%;}

    .main-visual .slick-dots{bottom:7%;}

    .main-cont1 li{margin:0;}
    .main-cont2 dl{padding:2em;}
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:400px) {
/*    html{font-size:12px;}*/
}

@media screen and (max-width:360px) {
/*    html{font-size:11px;}*/
}