@charset "utf-8";


/* 공통 */
body {color:#181818;font-size:18px;letter-spacing:-0.06em;word-break:keep-all;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height:1;font-family: 'notokr-regular';}
body *{box-sizing:border-box;}
b{font-weight:900;}
.con1200{width:1200px;margin:0 auto;position:relative;}
.con1400{width:1400px;margin:0 auto;position:relative;}
.slick-arrow,.slick-dots li,.slick-slide{cursor:pointer;outline:none;}

.all_img_box{width:1920px;position:relative;left:50%;transform:translateX(-50%);}
.all_img_box img{width:100%;}

#wrap {position:relative;overflow:hidden;min-width:1200px;}

.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}

 /* 탑 팝업 */
.top_popup {position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 9999;}

/*HEADER*/
.header{font-family: 'NanumSquare', sans-serif;font-weight:400;border-bottom:1px solid #e0e0e0;display: flex;justify-content: space-around; position: fixed; top: 72px; left: 0; z-index: 9999; width: 100%;height: 95px;background-color: #fff;}
.header .logo{display:inline-block;line-height:95px; width: 160px;margin-left: 20px;}
.header .logo img{width: 100%;transition: all 0.5s;}

/* .login_box{} */
.login_box:after{content:'';clear:both;display:block;}
.login_box li{float:left;color:#0f0f0f;font-size:15px;margin-right:20px;line-height:95px;}

.gnb .dep1 {width: 100%; margin: 0 auto; position: relative;}
.gnb .dep1 > li{float:left;margin-right:50px;}
.gnb .dep1 > li:last-child{margin-right:0;}
.gnb .dep1 > li > a{text-align:center;display:block;line-height:95px;letter-spacing:-0.08em;font-size: 1rem;font-weight: 700;}
.gnb .dep1 li.all_menu img{vertical-align:middle;}

.gnb .all_menu {width: 24px;}
.gnb .all_menu img {width: 100%;}

.gnb .dep2{position:absolute;left:-185px;/*padding:40px 0;*/top:95px;z-index:99;display:none;}
.gnb .dep2 > div{overflow:hidden;}
.gnb .dep2 a,.gnb .dep2 h3,.gnb .dep2 p{color:#333;}
.gnb .dep2 .tit_box{float:left;width:198px;border-right:2px solid #f96a48;height:72px;padding:24px 0 0 60px;position:relative;line-height:36px;}
.gnb .dep2 .tit_box h3{font-size:25px;font-weight:800;color:#f96a48;position:absolute;top:50%;transform:translateY(-50%);left:60px;}
/*.gnb .dep2 .tit_box p{font-weight:700;font-size:16px;line-height:1.5em;}*/
.gnb .dep2 .menu_box{float:left;text-align:left;}
.gnb .dep2 .menu_box:after{content:'';clear:both;display:block;}
.gnb .dep2 .menu_box > ul{overflow:hidden;padding-left:60px;}
/*.gnb .dep2 .menu_box > ul{float:left;margin-left:70px;margin-top:45px;}*/
.gnb .dep2 .menu_box li{font-size:17px;float:left;line-height:72px;margin-right:45px;}
.gnb .dep2 .menu_box li:hover a{color:#f96a48;}

.gnb li:not([class^='all_menu']) .dep2{height:130px;}
.gnb li:not([class^='all_menu']) .dep2 > div{top:50%;transform:translateY(-50%);}

.all_menu .dep2{z-index:100;padding:0;}
.all_menu .s_dep1 > li{width:12.5%;float:left;text-align:center;height:440px;padding-top:35px;background-color:#fff;}
.all_menu .s_dep1 > li:last-child{background:#f1f1f1;}
.all_menu .s_dep1 > li > a{display:block;font-size:17px;padding-bottom:20px;font-weight:800;text-align:left;}
.all_menu .s_dep2{display:inline-block;text-align:left;}
.all_menu .s_dep2 li{margin-bottom:20px;font-size:0.9rem;font-family: 'notokr-regular';}
.all_menu .s_dep2 li:first-child{font-weight: 600;font-size:1rem;}

.gnb .dep2_bg{background:rgba(255,255,255,.9);position:absolute;top:95px;z-index:98;left:0;right:0;height:130px;height:0;}
.gnb .dep2_bg2{background:#fff;position:absolute;top:95px;z-index:99;left:0;right:0;height:377px;height:0;width:100%;margin:0 auto;}

.header .linear-progress {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    transition: 0.5s;
}
.header .linear-progress .progress-bar {
    width: 0%;
    height: inherit;
    position: absolute;
    z-index: 10;
    background-color: #595757;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    transition: width 800ms;
}
.header .all_bg {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    transition: 0.5s;
    opacity: 0;
}

/* 스크롤on 헤더*/
.header.scroll_on .header_inner {background-color: transparent; background-image: none;}
.header.scroll_on {background: rgb(245 243 238); height: 66px; transition: 0.5s; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); border-top: 0 solid transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.header.scroll_on .logo img {width: 90%;}
.header.scroll_on .logo,
.header.scroll_on .gnb .dep1 > li > a,
.header.scroll_on .login_box li{line-height: 66px;}
.header.scroll_on .gnb .dep2,
.header.scroll_on .gnb .dep2_bg,
.header.scroll_on .gnb .dep2_bg2{top: 66px;}

#quick{position:fixed;top:130px;right:2%;z-index:10;width:80px;}
#quick li img {width:100%;}

.brand {position:fixed;top:817px;right:1%;z-index:10;width:125px;}
.brand img {width:100%;}

/*MAIN_CON*/
/*#main_con > section{width:100%;}*/
#main_con{font-family: 'NanumSquare', sans-serif;font-weight:400;}
.main_tit{text-align:center;}
.main_tit h2{font-family: 'Evogria';font-size:35px;letter-spacing:-0.1em;}
.main_box{padding:170px 0;}

/* .mv{width:2000px;margin:0 auto;position:relative;left:50%;margin-left:-1000px;margin-top: 95px;} */
.mv {margin-top: 95px;}
/* .mv .slick-list{width:100%;}
.mv .slick-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}
.mv .slick-dots li{width:13px;height:13px;border:2px solid #fff;border-radius:50%;display:inline-block;margin:0 5px;}
.mv .slick-dots li button{margin:0;padding:0;text-indent:-999em;background:none;border:none;}
.mv .slick-dots li.slick-active{background:#fff;} */

.mv .swiper-pagination-bullet {width: 13px; height: 13px; border: 2px solid #fff; background-color: #fd674c; transition: all 300ms ease; opacity: 1;}
.mv .swiper-pagination-bullet-active {background-color: #fff; border: 2px solid #fd674c; width: 20px; border-radius: 30px;}

.newvideo {padding-top: 170px;}
.linearz_video, .density_video {width: 100%; height: auto; padding-top: 50px;}

.promotion {position: relative;}
/*.promotion_box .frame{position:absolute;width:401px;height:494px;border-right:15px solid #181818;border-bottom:15px solid #181818;bottom:0;left:50%;transform:translateX(-45%);z-index:-1;}*/
.promotion .frame.n1{position:absolute;width:15px;height:494px;background:#181818;left:50%;transform:translateX(-50%);bottom:155px;margin-left:213px;z-index:100;}
.promotion .frame.n2{position:absolute;width:401px;height:15px;background:#181818;left:50%;transform:translateX(-45%);z-index: 100;}

.promotion_list{margin:0 -50px;}
.promotion_list li{text-align:center;padding-top:50px;transition:color .3s;}
.promotion_list img{display:inline-block;box-shadow:20px 20px 40px rgba(0,0,0,.05);}
.promotion_list .txt{padding:50px 0;}
.promotion_list p{font-size:16px;margin-bottom:40px;}
.promotion_list h4{font-weight:700;font-size:25px;line-height:30px;}
.promotion_list li:hover{color:#ff5151;}

/* .promotion_list .slick-arrow{width:44px;height:40px;background-repeat:no-repeat;text-indent:-999em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;}
.promotion_list .slick-arrow.slick-prev{background-image:url('/common/images/main/roll_prev.png');margin-left:-240px;}
.promotion_list .slick-arrow.slick-next{background-image:url('/common/images/main/roll_next.png');margin-left:260px;} */



.story{width:2000px;left:50%;transform:translateX(-50%);position:relative;}
.story .item_box{overflow:hidden;}
.story .item{float:left;}
.story .item:not([class*='title']){width:333px;height:321px;overflow:hidden;}
.story .item:not([class*='title']) img{width:100%;height:100%;transform:scale(1);transition:all .3s;}
.story .item:not([class*='title']):hover img{transform:scale(1.1);}

.insta{background:#f7f7f7;}
.insta_list{margin-top:50px;}
.insta_list li{position:relative;}
.gif{width:341px;height:217px;position:absolute;top:50px;margin:0 auto;overflow:hidden;}
.gif.n1{background-image:url('/common/images/main/gif1.gif');background-size:cover;background-position:center;}
.gif.n2{background-image:url('/common/images/main/gif2.gif');background-size:cover;background-position:center;}
.gif.n3{background-image:url('/common/images/main/gif3.gif');background-size:cover;background-position:center;}
.gif.n4{background-image:url('/common/images/main/gif4.gif');background-size:cover;background-position:center;}
.gif.n5{background-image:url('/common/images/main/gif5.gif');background-size:cover;background-position:center;}

/* .insta_list .slick-dots{position:relative;z-index:10;overflow:hidden;left:50%;transform:translateX(-50%);margin-top:25px;display:inline-block;}
.insta_list .slick-dots li{float:left;outline:none;margin:0 5px;}
.insta_list .slick-dots li.slick-active button{width:43px;border-radius:30px;transition:width .5s;}
.insta_list .slick-dots li button{width:12px;height:12px;background:#bfbfbf;border-radius:50%;text-indent:-999em;border:none;margin:0;padding:0;} */

.insta .swiper-insta-pagination {bottom: 15%;}
.insta .swiper-pagination-bullet {width: 13px; height: 13px; transition: all 300ms ease;}
.insta .swiper-pagination-bullet-active {background-color: #101010; width: 20px; border-radius: 30px;}

.solution{position:relative;width:2000px;left:50%;margin:170px 0 170px -1000px;}
.solution .main_tit{position:absolute;top:105px;left:50%;transform:translateX(-50%);margin-left:-502px;z-index:10;}
.solution .main_tit h2{display:inline-block;text-align:left;font-size:40px;line-height:60px;}
.solution_banner .item{overflow:hidden;}
.solution_banner .txt{width:50%;height:500px;float:left;text-align:center;padding-top:290px;}
.solution_banner .txt h5{font-weight:800;font-size:22px;}
.solution_banner .txt p{font-size:17px;line-height:28px;margin-top:15px;}
.solution_banner .img{width:50%;float:left;}

/* .solution_banner .slick-arrow{width:44px;height:40px;background-repeat:no-repeat;text-indent:-999em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;margin-top:50px;}
.solution_banner .slick-arrow.slick-prev{background-image:url('/common/images/main/roll_prev.png');margin-left:-700px;}
.solution_banner .slick-arrow.slick-next{background-image:url('/common/images/main/roll_next.png');margin-left:-300px;}
.solution_banner .slick-dots{position:absolute;bottom:60px;z-index:10;overflow:hidden;width:50%;left:0;text-align:center;}
.solution_banner .slick-dots li{display:inline-block;outline:none;margin:0 5px;}
.solution_banner .slick-dots li.slick-active button{background:#4c4c4c;}
.solution_banner .slick-dots li button{width:12px;height:12px;background:#bfbfbf;border-radius:50%;text-indent:-999em;border:none;margin:0;padding:0;} */

.solution_banner_box .swiper-pagination {width: 1000px;}
.solution_banner_box .swiper-pagination-bullet {width: 13px; height: 13px; transition: all 300ms ease;}
.solution_banner_box .swiper-pagination-bullet-active {background-color: #101010; width: 20px; border-radius: 30px;}
.solution_banner_box .swiper-button {width:44px;height:40px;background-repeat:no-repeat;text-indent:-999em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;margin-top:50px;}
.solution_banner_box .swiper-button.swiper-button-next {background-image:url('/common/images/main/roll_prev.png');margin-left:-700px;}
.solution_banner_box .swiper-button.swiper-button-prev {background-image:url('/common/images/main/roll_next.png');margin-left:-300px;}

footer{padding:10px 0 50px;background:#272727;color:#fff;font-family: 'NanumSquare', sans-serif;}
/* .quick_counsel .item_box{overflow:hidden;}
.quick_counsel .item{float:left;}
.quick_counsel select{background-color:#fff !important;height:60px;line-height:60px;padding-left:40px;font-size:18px;border:none;width:280px;margin-right:19px;font-family: 'NanumSquare', sans-serif;outline:none;}
.quick_counsel option{padding:5px 0;}
.quick_counsel input{border:none;background:#fff;height:60px;line-height:60px;padding-left:40px;font-size:18px;margin-right:19px;font-family: 'NanumSquare', sans-serif;outline:none;}
.quick_counsel input::placeholder{color:#737373;}
.quick_counsel input.name{width:280px;}
.quick_counsel input.tel{width:528px;}
.quick_counsel input.check{width:22px;height:22px;border-radius:0;margin-right:0;line-height:1;vertical-align:middle;line-height:40px;margin:0 10px 0 30px;}
.quick_counsel .title{margin-bottom:50px;}
.quick_counsel .title h3{font-size:40px;line-height:40px;font-weight:700;float:left;}
.quick_counsel .title p{display:inline-block;vertical-align:middle;line-height:40px;}
.quick_counsel .title a{margin-left:30px;}
.quick_counsel .btn{background:#000;width:255px;height:60px;line-height:60px;display:block;float:left;text-align:center;} */

/* ----------퀵메뉴-------- */

.quick_wrap {position: fixed; top: 110px; right: 20px; width: 93px; z-index: 9999;}
.quick_wrap .tel_area {background-color: #202020; padding: 10px 9px; border-radius: 10px;}
.quick_wrap .tel_area a span {color: #fff; font-size: 16px; font-weight: 100;}
.quick_wrap .tel_area a p {color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 0; letter-spacing: -0.3px; margin-top: 14px; line-height: 1.3;}
.quick_wrap .quick {background-color: #fff; border-radius: 10px; margin-top: 10px; overflow: hidden; box-shadow: 0px 0px 9px rgba(0,0,0,0.2);}
.quick_wrap .quick ul {margin-bottom: 0;}
.quick_wrap .quick li {padding: 13px 0; text-align: center;}
.quick_wrap .quick li a {display: block;}
.quick_wrap .quick li a img {width: 23px;}
.quick_wrap .quick li:nth-of-type(2) a img {width: 25px;}
.quick_wrap .quick li:nth-of-type(3) a img {width: 30px;}
.quick_wrap .quick li:nth-of-type(5) a img {width: 19px;}
.quick_wrap .quick li:nth-of-type(6).quick_event a img {width: 100%;}
.quick_wrap .quick li a span {display: block; padding-top: 10px; color: #222; letter-spacing: -1px; font-size: 14px; font-weight: 500; font-family: "Pretendard";}
.quick_wrap .quick li.quick_event  {position: relative; padding: 0;}
.quick_wrap .quick li.quick_event a i {position: absolute; bottom: 18%; left: 50%; transform: translate(-50%, 0); color:#fff; font-size: 20px; font-weight: 500;}
.quick_wrap .quick li.quick_event a span {display: block; position: absolute; bottom: 7%; left: 50%; transform: translate(-50%, 0); color:#fff; font-size: 15px; border: 1px solid #fff; border-radius: 10px; width: 62px; height: 18px; font-weight: 100; padding: 0; line-height: 1;}

.quick_btn{position: fixed; width: 50px; z-index: 99; right: 14px; bottom: 6%;}
.quick_btn img {width: 100%;}
.foot_map{border-top:1px solid #fff;border-bottom:1px solid #fff;margin:50px 0 45px;overflow:hidden;text-align:center;height:60px;line-height:60px;}
.foot_map li{display:inline-block;margin:0 25px;font-size:17px;}

.foot_info{padding:40px 0;overflow:hidden;border-bottom:1px solid #fff;}
.foot_info .item{float:left;width:33.3%;}
.foot_info h3{font-size:25px;font-weight:800;margin-bottom:30px;}
.foot_info .item p{font-size:17px;font-weight:300;line-height:26px;}
.time_table{margin-bottom:30px;}
.time_table > div{overflow:hidden;}
.time_table p{float:left;}
.time_table .ls1{letter-spacing:0.2em;}
.time_table .ls2{letter-spacing:0.49em;}
.time_table .ls3{letter-spacing:0.45em;}

.foot_bottom{padding-top:50px;text-align:center;}
.foot_bottom p{font-weight:300;font-size:17px;line-height:26px;}
.foot_bottom span{width:30px;display:inline-block;}