@charset "utf-8";
/*
font-family: "Montserrat", sans-serif;
*/



/* 공통 */ 
@-webkit-keyframes scrollText {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}
@-webkit-keyframes scrollText2 {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0%);
    }
}



/* sec01 */
#sec01 .slide_bx {font-size: 0;}
#sec01 .slide_bx .slick-dots {position: absolute; z-index: 1; max-width: 1200px; width: calc(100% - 40px); left: 50%; bottom: 60px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);}
#sec01 .slide_bx .slick-dots li {display: inline-block; margin-right: 6px;}
#sec01 .slide_bx .slick-dots li:last-child {margin-right: 0;}
#sec01 .slide_bx .slick-dots li button {font-size: 0; background-color: rgba(255,255,255,0.5); border-radius: 5px; width: 10px; height: 10px; padding: 0; margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#sec01 .slide_bx .slick-dots li.slick-active button {width: 50px; background-color: #fff;}
#sec01 .slide_bx .con_bx {position: relative; overflow: hidden;}
#sec01 .slide_bx .img_bx {position: relative; overflow: hidden;}
#sec01 .slide_bx .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transform: scale(1.2);}
#sec01 .slide_bx .con_bx.on .img_bx div {-webkit-transition: transform 5s; -moz-transition: transform 5s; transition: transform 5s; transform: scale(1);}
#sec01 .slide_bx .txt_bx {position: absolute; max-width: 1200px; width: calc(100% - 40px); left: 50%; top: 0; height: 100%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); display:flex; justify-content:left; align-items:end; table-layout:fixed; overflow: hidden}
#sec01 .slide_bx .txt_bx .txt_w {width: 100%; min-height: 381px; box-sizing: border-box; padding-bottom: 110px;}
#sec01 .slide_bx .txt_bx .txt1 {font-family: "Montserrat", sans-serif; font-size: 60px; color: #ffffff; font-weight: 500; letter-spacing: -0.02em; word-break: keep-all; opacity: 0; transform: translate(0, 50px); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
#sec01 .slide_bx .con_bx.on .txt_bx .txt1 {opacity: 1; transform: translate(0, 0px);}
#sec01 .slide_bx .txt_bx .txt1 strong {font-size: 800;}
#sec01 .slide_bx .txt_bx .txt2 {font-size: 22px; color: #ffffff; line-height: 36px; word-break: keep-all; margin-top: 14px; opacity: 0; transform: translate(0, 50px); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; transition-delay: 0.3s;}
#sec01 .slide_bx .con_bx.on .txt_bx .txt2 {opacity: 1; transform: translate(0, 0px);}



/* sec02 */
#sec02 {padding: 169px 0 173px/*386px*/; position: relative; overflow: hidden;}
#sec02 .bg_txt {position: absolute; z-index: 1; left: 0; bottom: /*127px*/319px; height: 220px; overflow: hidden; white-space: nowrap; display: flex; animation: scrollText 50s infinite linear; font-family: "Montserrat", sans-serif; font-size: 260px; color: #fafafa; font-weight: 800; line-height: 220px;}
#sec02 .bg_txt span {padding-right: 200px;}
#sec02 .con_bx {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; display: flex; flex-flow: wrap;}
#sec02 .con_bx .l_bx {width: 50%; box-sizing: border-box; display:flex; justify-content:right; align-items:center; table-layout:fixed;}
#sec02 .con_bx .l_bx .txt_bx {max-width: 600px; padding-right: 30px; box-sizing: border-box; width: 100%;}
#sec02 .con_bx .l_bx .txt_bx .txt1 {font-family: "Montserrat", sans-serif; font-size: 24px; color: #0051b4; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 16px;}
#sec02 .con_bx .l_bx .txt_bx .txt2 {font-size: 46px; color: #111111; line-height: 50px; letter-spacing: -0.02em; font-weight: 800;}
#sec02 .con_bx .l_bx .txt_bx .txt3 {position: relative; font-size: 18px; color: #666666; line-height: 28px; letter-spacing: -0.02em; word-break: keep-all; padding-top: 25px; margin-top: 30px; max-width: 510px;}
#sec02 .con_bx .l_bx .txt_bx .txt3::before {content: ''; width: 40px; height: 2px; background-color: #111111; position: absolute; left: 0; top: 0;}
#sec02 .con_bx .l_bx .txt_bx .btn {margin-top: 76px;}
#sec02 .con_bx .r_bx {width: 50%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sec02 .con_bx .r_bx img {max-width: 100%;}
#sec02 .con_bx .l_bx .txt_bx .btn .btn01 {display: inline-block; padding-right: 18px; line-height: 50px; font-family: "Montserrat", sans-serif; font-size: 15px; color: #0051b4; font-weight: 500; position: relative; overflow: hidden; border-radius: 25px;}
#sec02 .con_bx .l_bx .txt_bx .btn .btn01::before {content: ''; width: 50px; height: 50px; background-color: #e5edf7; border-radius: 50%; right: 0; top: 50%; position: absolute; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#sec02 .con_bx .l_bx .txt_bx .btn .btn01 span {display: inline-block; padding-right: 24px; position: relative;}
#sec02 .con_bx .l_bx .txt_bx .btn .btn01 span::before {content: ''; width: 14px; height: 14px; background: url(../images/icon/more1.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -7px;}

#sec02 .list_bx {max-width: 1200px; width: calc(100% - 40px); margin: 160px auto 0; box-sizing: border-box; position: relative; z-index: 2;}
#sec02 .list_bx .ttl_bx {position: relative; min-height: 52px; font-size: 0; margin-bottom: 30px;}
#sec02 .list_bx .ttl_bx strong {display: inline-block; font-size: 46px; color: #111111; font-weight: 800; line-height: 52px; letter-spacing: -0.02em; word-break: keep-all;}
#sec02 .list_bx .ttl_bx .arrow {position: absolute; right: 0; top: 0; font-size: 0;}
#sec02 .list_bx .ttl_bx .arrow > div {display: inline-block; width: 52px; height: 52px; border: 1px solid #aaaaaa; border-radius: 50%; background: url(../images/icon/arrow4.png) no-repeat center; box-sizing: border-box; cursor: pointer;}
#sec02 .list_bx .ttl_bx .arrow #next_arrow1 {transform: rotate(180deg); margin-left: 8px;}
#sec02 .list_bx .slide_bx {width: calc(100% + 60px); position: relative; left: -30px;}
#sec02 .list_bx .slide_bx .no_data {font-size: 16px; color: #d7d7d7; letter-spacing: -0.05em; text-align: center; padding: 100px 0; word-break: keep-all;}
#sec02 .list_bx .slide_bx .slick-slide {padding: 0 30px;}
#sec02 .list_bx .slide_bx ul li a .img_bx {position: relative; overflow: hidden; padding-bottom: 83.34%;}
#sec02 .list_bx .slide_bx ul li a .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec02 .list_bx .slide_bx ul li a.off .img_bx::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../images/icon/soldOut.png) no-repeat center rgba(0,0,0,.5); z-index: 1;}
#sec02 .list_bx .slide_bx ul li a .txt_bx {margin-top: 17px;}
#sec02 .list_bx .slide_bx ul li a .txt_bx p {font-size: 15px; color: #0051b4; word-break: keep-all;}
#sec02 .list_bx .slide_bx ul li a .txt_bx strong {display: block; font-size: 20px; color: #222222; line-height: 30px; word-break: keep-all; font-weight: 700; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; height: 60px; margin-top: 8px;}



/* sec03 */
#sec03 {position: relative;}
#sec03::before {content: ''; width: 100%; height: 130px; background-color: #eef6ff; position: absolute; bottom: 0; left: 0;}
#sec03 .con_bx {position: relative; z-index: 1; max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; display: flex; flex-flow: wrap; height: 700px; border-radius: 20px; overflow: hidden;}
#sec03 .con_bx .con_w {width: 50%; box-sizing: border-box;}
#sec03 .con_bx .con1 {position: relative; overflow: hidden; padding: 0 30px; box-sizing: border-box;}
#sec03 .con_bx .con_w {display: flex; flex-flow: wrap;}
#sec03 .con_bx .con_w .con_inner {height: 50%; width: 100%; position: relative; overflow: hidden; padding: 0 30px;}
#sec03 .con_bx .con1::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../images/main/sec3_bg1_2.jpg) no-repeat center; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec03 .con_bx .con2::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../images/main/sec3_bg2.jpg) no-repeat center; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec03 .con_bx .con3::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../images/main/sec3_bg3.jpg) no-repeat center; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec03 .con_bx .con4::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../images/main/sec3_bg4.jpg) no-repeat center; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sec03 .con_bx .txt_w {position: relative; z-index: 1; max-width: 500px; margin: 0 auto; padding-top: 76px;}
#sec03 .con_bx .txt_w strong {display: block; font-family: "Montserrat", sans-serif; font-size: 32px; color: #ffffff; font-weight: 800; letter-spacing: -0.02em;}
#sec03 .con_bx .txt_w p {font-size: 18px; color: #fff; line-height: 28px; letter-spacing: -0.02em; word-break: keep-all; margin-top: 16px;}
#sec03 .con_bx .txt_w .btn {width: 50px; height: 50px; border-radius: 50%; position: relative; background-color: rgba(255,255,255,0.1); margin-top: 34px;}
#sec03 .con_bx .txt_w .btn::before {content: ''; width: 15px; height: 14px; background: url(../images/icon/more2.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-top: -7px; margin-left: -7.5px;}



/* sec04 */
#sec04 {background-color: #eef6ff; padding: 167px 0 160px;}
#sec04 .ttl {text-align: center; font-family: "Montserrat", sans-serif; font-size: 46px; color: #111111; font-weight: 700; letter-spacing: -0.02em;}
#sec04 .slide_bx {overflow: hidden; margin-top: 69px; position: relative; height: 380px;}
#sec04 .slide_bx .slide_w {position: absolute; z-index: 1; left: 0; height: 220px; overflow: hidden; white-space: nowrap; display: flex; height: 180px;}
#sec04 .slide_bx .slide_w.s1 {animation: scrollText 50s infinite linear; top: 0;}
#sec04 .slide_bx .slide_w.s2 {animation: scrollText2 50s infinite linear; margin-top: 20px; bottom: 0;}
#sec04 .slide_bx .slide_w img {margin-right: 20px; width: 300px; height: 180px; border-radius: 10px;}




/* PC */
@media all and (min-width:1025px){
    /* sec02 */ 
    #sec02 .con_bx .l_bx .txt_bx .btn .btn01 {-webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s;}
    #sec02 .con_bx .l_bx .txt_bx .btn .btn01:hover {padding-left: 20px;}
    #sec02 .con_bx .l_bx .txt_bx .btn .btn01::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec02 .con_bx .l_bx .txt_bx .btn .btn01:hover::before {width: 100%; height: 100%; border-radius: 0;}
    #sec02 .con_bx .l_bx .txt_bx .btn .btn01 span::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec02 .con_bx .l_bx .txt_bx .btn .btn01:hover span::before {transform: rotate(180deg);}
    
    #sec02 .list_bx .ttl_bx .arrow > div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec02 .list_bx .ttl_bx .arrow > div:hover {background: url(../images/icon/arrow5.png) no-repeat center #003b83; border-color: #003b83;}
    #sec02 .list_bx .slide_bx ul li a .img_bx div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec02 .list_bx .slide_bx ul li a:hover .img_bx div {transform: scale(1.1);}



    /* sec03 */
    #sec03 .con_bx a::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec03 .con_bx a:hover::before {transform: scale(1.1);}
    #sec03 .con_bx a .txt_w .btn::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sec03 .con_bx a:hover .txt_w .btn::before {transform: rotate(180deg);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
    /* sec01 */
    #sec01 .slide_bx .slick-dots {bottom: 70px;}
    #sec01 .slide_bx .txt_bx .txt_w {min-height: 299px;}
    #sec01 .slide_bx .txt_bx .txt1 {font-size: 35px;}
    #sec01 .slide_bx .txt_bx .txt2 {font-size: 16px; line-height: 23px; margin-top: 11px;}



    /* sec02 */
    #sec02 {padding: 83px 0 80px/*180px*/;}
    #sec02 .bg_txt {font-size: 150px; height: 110px; line-height: 110px; bottom: /*47px*/200px;}
    #sec02 .con_bx .l_bx .txt_bx .txt1 {font-size: 15px; margin-bottom: 4px;}
    #sec02 .con_bx .l_bx .txt_bx .txt2 {font-size: 30px; line-height: 35px;}
    #sec02 .con_bx .l_bx .txt_bx .txt3 {font-size: 16px; line-height: 23px; padding-top: 15px; margin-top: 19px; max-width: 100%;}
    #sec02 .con_bx .l_bx .txt_bx .txt3::before {width: 20px; height: 1px;}
    #sec02 .con_bx .l_bx .txt_bx .btn {margin-top: 18px;}
    
    #sec02 .list_bx {margin-top: 70px;}
    #sec02 .list_bx .ttl_bx {min-height: 26px; margin-bottom: 16px;}
    #sec02 .list_bx .ttl_bx strong {font-size: 30px; line-height: 35px;}
    #sec02 .list_bx .ttl_bx .arrow > div {width: 35px; height: 35px; background-size: 12px auto!important;}
    #sec02 .list_bx .ttl_bx .arrow #next_arrow1 {margin-left: 4px;}
    #sec02 .list_bx .slide_bx {width: calc(100% + 10px); left: -5px;}
    #sec02 .list_bx .slide_bx .no_data {font-size: 12px; padding: 50px 0;}
    #sec02 .list_bx .slide_bx .slick-slide {padding: 0 5px;}
    #sec02 .list_bx .slide_bx ul li a.off .img_bx::before {background-size: 100px auto;}
    #sec02 .list_bx .slide_bx ul li a .txt_bx p {font-size: 12px; line-height: 17px;}
    #sec02 .list_bx .slide_bx ul li a .txt_bx strong {font-size: 15px; line-height: 20px; height: auto; margin-top: 1px;}



    /* sec03 */
    #sec03::before {height: 70px;}
    #sec03 .con_bx {border-radius: 10px; height: 470px;}
    #sec03 .con_bx .txt_w {padding-top: 45px;}
    #sec03 .con_bx .txt_w strong {font-size: 20px;}
    #sec03 .con_bx .txt_w p {margin-top: 5px; font-size: 14px; line-height: 20px;}
    #sec03 .con_bx .txt_w .btn {margin-top: 20px;}



    /* sec04 */
    #sec04 {padding: 62px 0 70px;}
    #sec04 .ttl {font-size: 30px;}
    #sec04 .slide_bx {margin-top: 33px; height: 190px;}
    #sec04 .slide_bx .slide_w {height: 90px;}
    #sec04 .slide_bx .slide_w.s2 {margin-top: 10px;}
    #sec04 .slide_bx .slide_w img {margin-right: 10px; width: 150px; height: 90px; border-radius: 5px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* sec02 */
    #sec02 {padding: 76px 0 70px;}
    #sec02 .bg_txt {display: none;}
    #sec02 .con_bx .l_bx {width: 100%; order: 2;}
    #sec02 .con_bx .l_bx .txt_bx {padding-right: 0; max-width: 100%;}
    #sec02 .con_bx .r_bx {width: 100%; order: 1; margin-top: 16px;}



    /* sec03 */
    #sec03 .con_bx {height: auto;}
    #sec03 .con_bx .con_w {width: 100%;}
    #sec03 .con_bx .con_w .con_inner {height: 160px!important;}
    /*#sec03 .con_bx .con1 {height: 320px;}
    #sec03 .con_bx .con2, #sec03 .con_bx .con3 {height: 160px!important;}*/
    #sec03 .con_bx .txt_w {max-width: 100%;}
    #sec03 .con_bx .txt_w .btn {display: none;}
}


.notice_popup{border:solid 1px #e5e5e5;font-family:'Roboto', 'NotoSansKR', 'Arial', 'dotum' !important;font-weight: 400 !important;background:#fff}
.notice_popup .pop_title{text-align:center;font-family:'Nanum Square' !important;font-size:20px;font-weight:800 !important;color:#333;line-height:58px;border-bottom:solid 1px #e5e5e5}
.notice_popup .bannerCover{padding:20px;}
.notice_popup .today_close{position:absolute;left:0;bottom:0;width:100%;padding:10px 20px;box-sizing:border-box;border-top:solid 1px #e5e5e5}
.notice_popup .today_close .btn_close{float:right}
.notice_popup .today_close a {color:#000;}