/*메인*/ .main .container{padding-bottom: 0;} .main .container .section{} .main .container .section .cont_wrap{} .main .container .section .cont_wrap .title_box{text-align: center;color: #1D1D1D;padding-bottom: 50px;} .main .container .section .cont_wrap h1{font-size: 34px; font-weight: 700;line-height: 34px; letter-spacing: -1.1px;} .main .container .sec01{/* position: relative; */padding:0 0 43px;} .main .container .sec01 .cont_wrap{max-width:1200px;margin: 0 auto;} .main .container .sec01 .cont_wrap .contentBox{position: relative;} .main .container .sec01 .cont_wrap .swiper{display: flex; width: 100%;max-height: 400px; overflow: hidden;border-radius: 20px;-webkit-box-shadow: 0px 8px 18px 0px rgba(91,91,91,0.14);-moz-box-shadow: 0px 8px 18px 0px rgba(91,91,91,0.14);box-shadow: 0px 8px 18px 0px rgba(91,91,91,0.14);} .main .container .sec01 .cont_wrap .swiper .slide_box{width: 641px;overflow: hidden;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper{} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper.img_slide{} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper.text_slide{} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide{display: flex;justify-content: space-between;align-items: center; width: 100%; height: auto;overflow: hidden;} /* .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide > div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;max-width: 600px;height: auto;max-height: 490px;overflow: hidden;} */ .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .img_box{width: 100%;height: 100%;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .img_box.no_kv_img{width: 100%;height: 100%;background: url('../images/no_kv_img.png')no-repeat center center;background-size: 100% 100%;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .img_box img{width: 100%;height: 100%;} .main .container .sec01 .cont_wrap .swiper .slide_box.mySwiper2{display: flex;width: 559px;} .main .container .sec01 .cont_wrap .swiper .slide_box.mySwiper2 .swiper-wrapper .swiper-slide{align-items: flex-start; display: flex; flex-direction: column;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide a{width: 100%; height: 100%;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box{padding:45px 60px 0 55px;color: #1D1D1D;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box h2{font-size: 33px;font-weight: 700; margin-bottom: 20px;line-height: 48px;letter-spacing: -1.3px; width: 100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1; -webkit-line-clamp: 4;word-break: keep-all;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box p{font-size: 16px;font-weight: 400;line-height: 25px;letter-spacing: -0.5px; width: 100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1; -webkit-line-clamp: 3;word-break: keep-all;} .main .container .sec01 .bt_box{/* top: 50%;transform: translateY(-50%); */} #wrap.main .container .sec01 .cp_box{position: absolute;display: flex;bottom: -44.1px;text-align: center;justify-content: center;width: 100%;align-items: center;font-size: 0;} #wrap.main .control_btn{display:inline-block;width: 12px;height: 11px;margin-left: 16px; background: url('../images/pause.svg')no-repeat center center;background-size: 100% 100%;z-index: 3;} #wrap.main .swiper-pagination{position: unset;width: auto;} #wrap.main .swiper-pagination-bullets{display: inline-block; height: auto;z-index: 2;} #wrap.main .swiper-pagination-bullets .swiper-pagination-bullet{position: relative;width: 18px;height: 5px;margin:0 2.5px;background: #ECECEC;opacity: 1;border-radius: 24px;transition: width .7s;} #wrap.main .swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin-left: 0px;} #wrap.main .swiper-pagination-bullets .swiper-pagination-bullet:last-child{} /* #wrap.main .mySwiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::after{content: '';position: absolute;left: 0;bottom: 4px;width: calc(100% - 15px);height: 4px;margin-left: 15px;background: rgba(255,255,255,0.3);overflow: hidden;} */ #wrap.main .swiper-pagination-bullets .swiper-pagination-bullet .progress{position: absolute;left: 0;bottom: 0;width: 0;height: 5px;background: #1D1D1D;border-radius: 24px; overflow: hidden;} #wrap.main .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 60px;height: 5px;text-align: left;border-radius: 24px;transition: width .7s;} .main .container .sec02{} .main .container .sec02 .cont_wrap{padding-top: 56px;padding-bottom: 76px;} .main .container .sec02 .cont_wrap .content{display: flex;justify-content: center; max-width: 1200px;margin: 0 auto;} .main .container .sec02 .cont_wrap .content .cont_box{} .main .container .sec02 .cont_wrap .content .cont_box_1{} .main .container .sec02 .cont_wrap .content .cont_box_2{} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont{margin-left: 35px;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box{padding-bottom: 30px;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box h1{font-size: 34px;line-height: 34px;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box{border-top: 1px solid #1D1D1D ;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont{position: relative; width: 363px;height:124px;padding: 0 26px 0 20px; background: #FCFCFC;border-bottom: 1px solid #E5E5E5;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .text_cont::after{position: absolute;right: 40%;top: 65%; display: block;content: ''; background: url('../images/arrow.png') no-repeat center center;background-size: 100% 100%;width: 7px;height: 10px;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont a{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner{display: flex;justify-content: flex-start;align-items: center; width: 100%;height: 100%;padding: 26px 0 ;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner .banner_num{display: flex;align-items: center; padding-right: 25px; font-size: 24px;font-weight: 500;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .tag_text{display: inline-block;margin-right: 20px; font-size: 13px;font-weight: 600;color:#001495;padding-bottom: 8px;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .title_text{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 15px;font-weight: 600;color: #1D1D1D;line-height: 22px;} .main .container .sec02 .cont_wrap .more_btn{width: 144px;height: 49px;border-radius: 5px;margin: 0 auto;margin-bottom: 0;} .main .container .sec02 .cont_wrap .more_btn button{width: 100%;height: 100%; font-family: 'Pretendard';font-size: 18px;font-weight: 600;color: #161616;} .main .container .sec02_1 .cont_wrap {padding: 100px 0;} .main .container .sec02_1 .cont_wrap .newsletter_banner{width: 100%;max-width: 1200px;height: 169px;margin: 0 auto;background:url('../images/newsletter_bg.svg') no-repeat center center;background-size: cover;border-radius: 20px;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont{display: flex;flex-direction:row; align-items: center;justify-content: center; width: 100%;height: 100%;padding: 0px 68px;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .icon_img{width: 100%;max-width: 77px;margin-right: 42px;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box{display: flex;justify-content: space-between;align-items: center;width: 100%;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box{color: #1D1D1D;padding-right: 70px;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box .mo{display: none;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box h3{font-size: 26px;font-weight: 700;padding-bottom: 12px;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span{font-size: 16px;font-weight: 400;line-height: 26px;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span .mo{display: none;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box button{width: 100%;max-width: 158px;height: 50px;border-radius: 30px;background: #263070;font-family: 'Pretendard'; font-size: 18px;font-weight: 700;color: #FFFFFF;} .main .container .sec03{background: #F9F9F9;} .main .container .sec03 .cont_wrap{padding-top: 60px;padding-bottom: 65px;} .main .container .sec04{} .main .container .sec04 .cont_wrap{padding-top: 60px;padding-bottom: 0px;} .main .container .sec04 .cont_wrap .title_box span{display: block; padding-top: 28px; font-size: 18px;font-weight: 400;} .main .container .sec04 .banner_box{width: 100%;height: 325px; background: #f3fbff;} /* .main .container .sec04 .banner_box .contentBox{width: 1368px;height: 100%;padding: 0 84px;} */ .main .container .sec04 .banner_box .banner_cont{position: relative; max-width: 1200px;height: 100%; display: flex;justify-content: space-between;padding: 0 88px;margin:0 auto;} .main .container .sec04 .banner_box .banner_cont .banner_img{position: relative;width: 564px;height: 325px; background: url('../images/banner_img.svg')no-repeat left 100%;background-size: contain;} .main .container .sec04 .banner_box .banner_cont .banner_text {padding-top: 85px;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box{color: #1D1D1D;margin-bottom: 30px;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > p{font-size: 20px;font-weight: 500;letter-spacing: 0.2px;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > h1{font-size: 45px;font-weight: 700;line-height: 63px;letter-spacing: -1.35px;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box{display: flex;align-items: center;justify-content: left;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a{display: flex;align-items: center;justify-content: center; width: 184px;height:38px;line-height: 38px; /* padding: 10px 22px; */border: 1px solid #BCCDD5;border-radius: 20px;background: #ffffff;font-size: 14px;font-weight: 600;color: #1D1D1D;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a span{display: inline-block;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a span.text{font-family: 'Pretendard';} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a span.icon{margin-left: 15px;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a.learn{margin-right: 15px;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a.look{} .swiper-scrollbar{display: none;} /*개인정보 처리방침*/ #wrap.privacy{background-color: #F9F9F9;word-break: keep-all;} #wrap.privacy br.pc{display: block;} #wrap.privacy .cont_wrap{width: 100%;max-width: 1200px;margin: 0 auto;} #wrap.privacy .cont_wrap .title_box{display: flex;align-items: center;width: 100%;height: 190px;padding: 0 100px;border-radius: 20px;overflow: hidden;text-align: left;background: url('../images/privacy_title_bg.png') no-repeat right center;background-size: auto 100%;} #wrap.privacy .cont_wrap .title_box h1{font-size: 36px;font-weight: bold;} #wrap.privacy .cont_wrap .cont_box{margin: 60px auto 100px;} #wrap.privacy .cont_wrap .cont_box p{color: #1D1D1D;font-size: 18px;line-height: 33px;} #wrap.privacy .cont_wrap .cont_box p a{display: inline-block;text-decoration: underline;} #wrap.privacy .cont_wrap .cont_box .content{margin-top: 85px;} #wrap.privacy .cont_wrap .cont_box .content h2{font-size: 22px;font-weight: bold;margin-bottom: 40px;} #wrap.privacy .cont_wrap .cont_box .content .box{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;} #wrap.privacy .cont_wrap .cont_box .content .box > div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc((100% - 18px) / 4);max-width: 286px;height: 100%;min-height: 255px;text-align: center;background-color: #FFFFFF;border: 1px solid #DEDEDE;border-radius: 8px;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_1 img{width: 44.7px;height: 44.7px;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_2 img{width: 38.49px;height: 39.1px;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_3 img{width: 48.35px;height: 48.62px;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_4 img{width: 50.85px;height: 50.85px;} #wrap.privacy .cont_wrap .cont_box .content .box > div h3{font-size: 18px;font-weight: 600;margin: 30px auto 23px;} #wrap.privacy .cont_wrap .cont_box .content .box > div p{font-size: 16px;line-height: 26px;} #wrap.privacy .cont_wrap .cont_box .content .box > div p br.t_show {display: none;} #wrap.privacy .cont_wrap .cont_box .content table{width: 100%;margin: 35px auto 40px;} #wrap.privacy .cont_wrap .cont_box .content table.marginNone{width: 100%;margin: 35px auto 0;} #wrap.privacy .cont_wrap .cont_box .content table tr.head{background-color: #F5F5F5;} #wrap.privacy .cont_wrap .cont_box .content table tr th, #wrap.privacy .cont_wrap .cont_box .content table tr td{padding: 12px 32.5px;font-size: 15px;line-height: 25px;border: 1px solid #DEDEDE;} #wrap.privacy .cont_wrap .cont_box .content table.textCenter tr th, #wrap.privacy .cont_wrap .cont_box .content table.textCenter tr td{text-align: center;} #wrap.privacy .cont_wrap .cont_box .content table tr th{padding: 12px 0;font-size: 16px;line-height: 25px;font-weight: 600;} #wrap.privacy .cont_wrap .cont_box .content table tr td br.m_show {display: none;} /* #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(1){width:9.54%;} #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(2){width:33.5%;} #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(3){width:22.67%;} #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(4){width:34.29%;} */ #wrap.privacy .cont_wrap .cont_box .content.cont_11 table tr th br{display: none;} /*메인 팝업*/ .top_layer_pop{position:absolute;top:0;left:0;width:100%;height: /* 100vh */; z-index:6;} .top_layer_pop .top_layer_wrap{/* position:relative; */} .top_layer_pop .top_layer_wrap .top_pop_box{position:absolute;top: 155px;right:46px;width:380px;/* max-height:292px; */overflow: hidden;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap{position:relative;width:380px;/* max-height:292px; */height: 100%;border-radius: 6px;overflow: hidden; } .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide{position: relative;width:380px;height:100%;/* min-height:400px; */max-height:540px;-webkit-box-shadow: 0px -30px 170px 14px rgba(112,112,112,0.12);-moz-box-shadow: 0px -30px 170px 14px rgba(112,112,112,0.12);box-shadow: 0px -30px 170px 14px rgba(112,112,112,0.12);} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont {min-height: 292px; max-height: 292px;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont a{display:flex;align-items: center;justify-content: center; height:292px;padding:0 ;cursor:pointer;overflow: hidden;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont p{position: relative;width: 100%;height: 100%;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont p::after{position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 84%, rgba(0,0,0,0.16) 100%);} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont img{width: auto;height: 100%; display: block;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box{width:380px;height:46px;background:#1D1D1D;display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p{display: flex;align-items: center; width: 150px; height: 100%; } .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p a{display: block; width:100%;height: 100%;text-align: left;padding-left: 20px; line-height: 46px; font-size: 14px;font-weight: 400; color:#ACACAC;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p:last-child{width: 100px; justify-content: center; border-left: 1px solid #404040; margin-right: 0px;margin-left: 0;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p:last-child a{text-align: center;padding: 0;} #wrap.main .top_layer_pop .swiper-pagination_pop{position: absolute;top: 16px;left: auto; right: 17px;width: 42px; height: 22px;line-height: 22px; transform: translate(0);z-index: 2;font-size: 14px;text-align: center;color: #646464;letter-spacing: -1.8px;} #wrap.main .top_layer_pop .swiper-pagination_pop .swiper-pagination-current{color: #ffffff;} #wrap.main .top_layer_pop .swiper-pagination_pop .swiper-pagination-total{color: #646464;} /* list */ #wrapper #kv{position: relative; width: 100%;height: 190px;overflow: hidden;} #wrapper #kv .kv_dim{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #000000;opacity: 0.4;z-index: 1;} #wrapper #kv .kv_area{position: relative; width: 100%;height: 190px;overflow: hidden;/* background: url('../images/kv_image.png')no-repeat center center;background-size: cover; */transform: scale(1.2);transition: transform 1s;} #wrapper #kv .kv_area img{display: flex;align-items: center;justify-content: center;width: 100%;/* max-width: 100%; */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #wrapper #kv .kv_area.on{transform: scale(1);transition: transform 1s;} #wrapper #kv .kv_area h1{position: absolute;width: 100%; text-align: center;line-height: 190px;color: #ffffff;font-size: 36px;font-weight: 700;z-index: 2;opacity: 0; transition: opacity 2s;} #wrapper #kv .kv_area h1.on{opacity: 1;transition: opacity 2s;} #wrapper #wrap.default_list {width: 100%;color: #1d1d1d;font-family: 'Pretendard', sans-serif;background: #F9F9F9;} #wrapper #wrap.default_list .sec01 {width: 100%; height: 100%;} #wrapper #wrap.default_list .sec01 .tab_box {text-align: center;margin:10px 0 60px;font-size: 0;} #wrapper #wrap.default_list .sec01 .tab_box .tab_btn {display: inline-block;padding: 9px 22px;border:none;border-radius: 30px;line-height: 1;font-size: 15px;margin-left: 14px;margin-right: 0;box-shadow: none;color: #1D1D1D;background: #EEEEEE;} #wrapper #wrap.default_list .sec01 .tab_box .tab_btn:nth-child(1) {margin-left: 0px;} /* #wrapper #wrap.default_list .sec01 .tab_box .tab_btn:nth-child(3) {margin-left: 14px;} #wrapper #wrap.default_list .sec01 .tab_box .tab_btn:nth-child(4) {margin-left: 14px;} */ #wrapper #wrap.default_list .sec01 .tab_box .tab_btn.on {display: inline-block;padding: 9px 22px;border:none;border-radius: 30px;line-height: 1;font-size: 15px;margin-right: 0;/* box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 20%) */;color: #ffffff;background: #263070;} /* #wrapper #wrap.default_list .sec01 .tab_box .tab_btn:hover {color: #ffffff;} */ #wrapper #wrap.default_list .sec01 .pagination {margin-bottom: 100px;text-align: center;} #wrapper #wrap.default_list .sec01 .pagination .btn_box {display: flex;align-items: center;justify-content: center;font-size: 0;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn {display: inline-block;width: 29px;height: 36px;border:1px solid #e5e5e5; line-height: 36px;border-radius: 5px;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_prev {background: url('../images/list_btn_prev.svg') no-repeat center #FFFFFF;background-size: 7px 12px;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_prev.on {background: url('../images/list_btn_prev_on.svg') no-repeat center #FFFFFF;background-size: 7px 12px;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_next {background: url('../images/list_btn_next.svg') no-repeat center #FFFFFF;background-size: 7px 12px;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_next.on {background: url('../images/list_btn_next_on.svg') no-repeat center #FFFFFF;background-size: 7px 12px;} #wrapper #wrap.default_list .sec01 .pagination .num_box .num:first-child {margin-left: 10px;} #wrapper #wrap.default_list .sec01 .pagination .num_box .num {font-size: 16px;font-weight: 400;margin-right: 10px;color: #1D1D1D;} #wrapper #wrap.default_list .sec01 .pagination .num_box .num.active {color: #FFFFFF;} #wrapper #wrap.default_list .list_wrap .list_inner .list .txt_area .desc_txt .sub_txt{-webkit-line-clamp:3;} /* result_list */ #wrapper #wrap.result_list {width: 100%;color: #1d1d1d;font-family: 'Pretendard', sans-serif;background: #F9F9F9;} #wrapper #wrap.result_list .sec01 {height: 100%;} #wrapper #wrap.result_list .sec01 .title_box {text-align: center;color: #1d1d1d;} #wrapper #wrap.result_list .sec01 .title_box h1 {font-size: 42px;} #wrapper #wrap.result_list .sec01 .title_box p {margin: 20px 0 50px;font-size: 20px;} /* S: 20231106 추가 */ #wrapper #wrap.result_list .sec01 .tab_box {position: relative; display: flex;justify-content: center;align-items: center;text-align: center;margin-bottom: 60px;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag{margin-right: 53px;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner{display: none;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list{display: flex;gap: 14px;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li{} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li a {display: inline-block;padding: 9px 22px;background: #EEEEEE;border-radius: 51px;line-height: 1;font-size: 15px;color: #1d1d1d;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li.on a {background:#263070;color: #fff;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag {width: 210px;height: 36px;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner {display: flex;align-items: center;margin-bottom: 7px;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner .search_list {display: flex;align-items: center;gap: 10px;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner .search_list .search_list_img {display: inline-block; background: url('../images/filter_icon.svg') no-repeat center #fff;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #DEDEDE;background-size: 16.7px 9.3px;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner .search_list .recent {font-size: 15px;color: #1d1d1d;text-align: left;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list {display: none;position: absolute;top: 0;left: 50%;margin-top: 43px;margin-left: 205px;width: 119px;height: auto;text-align: left;border: none;background: #fff; border-radius: 7px;box-shadow: 0 3px 6px rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list.on {display: block;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li {} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li:hover {background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li.on {background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li a {display: block;font-size: 14px;padding: 10px 12px;color: #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box{position: absolute;display: none; width: auto;height:auto; top: 0; right: 50%;margin-top: 43px; margin-right: -315px;padding: 15px 12px; background: #FFFFFF;border-radius: 6px; box-shadow: 0 3px 6px rgb(0 0 0 / 15%);z-index: 5;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox{display: flex;justify-content: space-between;align-items: center;font-size: 14px;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox input[type=text] {position:relative; width:95px; height: 34px; border: 1px solid #DEDEDE; border-radius: 4px; padding: 8px; font-size: 14px; letter-spacing: -0.5px; } #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox input[type=text]:focus{border:1px solid #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap{display: flex;align-items: center;justify-content: center;gap: 8px;/* margin-top:18px; */} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap > button{display: flex;align-items: center;justify-content: center;width: 59px;height: 28px;border-radius: 4px;font-family: 'Pretendard', sans-serif;font-size: 12px;font-weight: 600;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap .reset_btn{border: 1px solid #D4D4D4;background-color: #ffffff;color: #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap .btn{border: 1px solid #1D1D1D;background-color: #1D1D1D;color: #ffffff;} /* E: 20231106 추가 */ #wrapper #wrap.result_list .sec01 .pagination {margin-bottom: 100px;text-align: center;} #wrapper #wrap.result_list .sec01 .pagination .btn_box {display: flex;align-items: center;justify-content: center;font-size: 0;} #wrapper #wrap.result_list .sec01 .pagination .btn_box .btn {display: inline-block;width: 29px;height: 36px;border:1px solid #e5e5e5;background: #fff; line-height: 36px;border-radius: 5px;} #wrapper #wrap.result_list .sec01 .pagination .btn_box .btn.btn_prev {background: url('../images/list_btn_prev.svg')no-repeat center;background-size: 7px 12px;} #wrapper #wrap.result_list .sec01 .pagination .btn_box .btn.btn_prev.on {background: url('../images/list_btn_prev_on.svg')no-repeat center;background-size: 7px 12px;} #wrapper #wrap.result_list .sec01 .pagination .btn_box .btn.btn_next {background: url('../images/list_btn_next.svg')no-repeat center;background-size: 7px 12px;} #wrapper #wrap.result_list .sec01 .pagination .btn_box .btn.btn_next.on {background: url('../images/list_btn_next_on.svg')no-repeat center;background-size: 7px 12px;} #wrapper #wrap.result_list .sec01 .pagination .num_box .num:first-child {margin-left: 10px;} #wrapper #wrap.result_list .sec01 .pagination .num_box .num {font-size: 16px;font-weight: 400;margin-right: 10px;} /*뷰 페이지*/ #wrapper #wrap.view{background: #F9F9F9;} #wrapper #wrap.view img{width: auto;margin: 0 auto;max-width: 100%;} /*width 100으로 바꾸면 강제로 이미지 사이즈 리사이징 됨*/ #wrapper #wrap.view .container{max-width: 1200px;margin:60px auto 100px; padding: 60px 100px; background: #FFFFFF;border-radius: 24px;-webkit-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.06);-moz-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.06);box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.06);} #wrapper #wrap.view .view_banner.pc_bn{display: block;} #wrapper #wrap.view .view_banner.mo_bn{display: none;} #wrapper #wrap.view .container .section{} #wrapper #wrap.view .container .section .view_wrap{margin-bottom: 40px;} #wrapper #wrap.view .container .section .view_wrap .title_box{} #wrapper #wrap.view .container .section .view_wrap .title_box .tag_box{font-size: 0;} #wrapper #wrap.view .container .section .view_wrap .title_box .tag_box > span{font-size: 16px;font-weight: 600; color: #263070;padding-right: 34px;letter-spacing: -1px;} #wrapper #wrap.view .container .section .view_wrap .title_box .title{font-size: 33px;line-height: 45px; font-weight: 700; color: #1D1D1D;margin: 30px 0 50px;letter-spacing: -0.4px;} #wrapper #wrap.view .container .section .view_wrap .view_cont{border-top: 1px solid #E5E5E5;} /* #wrapper #wrap.view .container .section .view_wrap .view_cont p{margin: 0;} */ #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share{display: flex;justify-content: space-between;align-items: center; margin:24px 0 60px;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .date{color: #8D8D8D;font-size: 15px;font-weight: 400;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box{position: relative; display: flex;align-items: flex-start;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn{display: block;width: 32px;height: 32px;background-size: 100% 100%;margin-right: 10px;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn:last-child{margin: 0;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn span{opacity: 0;font-family: 'Pretendard';font-size: 11px;font-weight: 500;color: #FFFFFF;display: block;width: auto;position: absolute;background: #2E2E2E;border-radius: 3.5px; text-align: center;padding: 6px 8px;left: 0;top: -39px;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn:hover span{opacity: 1;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn:hover::after{position: absolute;top: -15px;left: 0; content: ''; width: 16px;height:13px;background: url('../images/arrow_hover.svg')no-repeat center center;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_fb{background:url('../images/view_fb.svg')no-repeat center center;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_fb span{transform: translate(-8px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_fb::after{transform: translate(10px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_tw{background:url('../images/view_tw.svg')no-repeat center center;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_tw span{transform: translate(36px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_tw::after{transform: translate(50px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_bl{background:url('../images/view_blog.svg')no-repeat center center;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_bl span{transform: translate(79px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_bl::after{transform: translate(92px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_ml{background:url('../images/view_mail.svg')no-repeat center center;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_ml span{transform: translate(78px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_ml::after{transform: translate(92px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li{background:url('../images/view_url.svg')no-repeat center center;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li span{transform: translate(124px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li::after{transform: translate(134px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li span.fade{opacity: 0;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li.fade span.fade{opacity: 1; transform: translate(120px, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li.fade::after{position: absolute;top: -15px;left: 0; content: ''; width: 16px;height:13px;background: url('../images/arrow_hover.svg')no-repeat center center;} #wrapper #wrap.view .container .section .view_wrap .view_cont .view_text_box{} #wrapper #wrap.view .container .section .view_wrap .view_cont .view_text_box p{font-size: 18px;font-weight: 500;line-height: 33px;letter-spacing: -1.35px; margin-bottom: 60px;} #wrapper #wrap.view .container .section .view_wrap .view_cont .content_box{} #wrapper #wrap.view .container .section .view_wrap .view_cont .content_box .content_img{/* margin-bottom: 45px; */} #wrapper #wrap.view .container .section .view_wrap .view_cont .content_box .content_text{color: #1D1D1D;font-size: 18px;font-weight: 500;line-height: 33px;} #wrapper #wrap.view .container .section .view_wrap .view_cont .tag_box{margin-top: 70px;font-size: 0;} #wrapper #wrap.view .container .section .view_wrap .view_cont .tag_box .tag{display: inline-block;width: auto; padding: 6px 14px;margin:0 16px 12px 0; text-align: center;font-size: 13px;font-weight: 600;font-family: 'Pretendard';color: #263070;} #wrapper #wrap.view .container .section .view_wrap .view_cont .tag_box .tag:last-child{margin: 0;} .view_footer{} .view_footer .view_footer_wrap{border-top: 1px solid #E5E5E5;} .view_footer .view_footer_wrap .list_go_btn{display: block; width: 154px;height: 49px;margin:40px auto 0px; border-radius: 5px; font-weight: 600;font-size: 18px;text-align: center;line-height: 48px;color: #161616;} .view_footer .view_footer_wrap .pre_next{display: flex;justify-content: space-between;margin-top: 60px;} .view_footer .view_footer_wrap .pre_next > a{position: relative; display:block;width:498px;height: 187px;padding: 46px 0;overflow: hidden;z-index: 3;background-size: cover;} .view_footer .view_footer_wrap .pre_next .pre_box{border-radius: 14px 0 0 14px;} .view_footer .view_footer_wrap .pre_next .next_box{border-radius:0 14px 14px 0;} .view_footer .view_footer_wrap .pre_next > a.is_data::before{position: absolute;top: 0;left: 0; display: block;content: ''; width: 100%;height: 100%;background: #000000;opacity: 0.7;z-index: -1;transition: all .3s;} .view_footer .view_footer_wrap .pre_next > a.is_data:hover::before{opacity: 0.4;transition: all .3s;} .view_footer .view_footer_wrap .pre_next > a.is_data span{font-size: 15px;font-weight: 600; color: #A7A7A7;} .view_footer .view_footer_wrap .pre_next > a.is_data .desc_txt{margin-top: 18px; font-size: 19px;font-weight: 600;color: #FFFFFF;line-height: 30px;width: auto;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: keep-all;} .view_footer .view_footer_wrap .pre_next > a.is_data::after{position: absolute;display: block;top: 50%;content: ''; width: 11px;height:19px;background-size: 100% 100%;} .view_footer .view_footer_wrap .pre_next > a.is_data.pre_box{padding-left: 70px;padding-right: 30px; text-align: left;} .view_footer .view_footer_wrap .pre_next > a.is_data.pre_box::after{top:85px; left: 30px;background: url('../images/pre_arrow.svg')no-repeat center center;} .view_footer .view_footer_wrap .pre_next > a.is_data.next_box{padding-right: 70px;padding-left: 30px; text-align: right;} .view_footer .view_footer_wrap .pre_next > a.is_data.next_box::after{top:85px; right: 30px;background: url('../images/next_arrow.svg')no-repeat center center;} .view_footer .view_footer_wrap .pre_next{} .view_footer .view_footer_wrap .pre_next a.no_data{padding: 0; cursor: unset;background: #F8F8F8;font-size: 18px;font-weight: 600; color: #8D8D8D; text-align: center;} .view_footer .view_footer_wrap .pre_next a.no_data p{line-height: 187px;} .view_comment{margin-top: 70px;} .view_comment .comment_wrap{} .view_comment .comment_wrap .comment_toggle{width: 100%; height: auto;display: flex;justify-content: space-between;align-items: center;border-radius: 14px;background: #F5F5F5;padding: 20px 22px;margin-bottom: 30px; cursor: pointer;} .view_comment .comment_wrap .comment_toggle .comment_count{display: inline-block;} .view_comment .comment_wrap .comment_toggle .comment_count .cm_count{} .view_comment .comment_wrap .comment_toggle .tg_aw{display: inline-block; width: 20px;height: 15px;background: url('../images/comment_arrow.svg')no-repeat center center;background-size: 100% 100%;transform: rotate(180deg);transition: all .3s;} .view_comment .comment_wrap .comment_toggle .tg_aw.on{display: inline-block; width: 20px;height: 15px;background: url('../images/comment_arrow.svg')no-repeat center center;background-size: 100% 100%;transform: rotate(0deg);transition: all .3s;} .view_comment .comment_wrap .comment_box{padding: 0 17.5px;display: none;} .view_comment .comment_wrap .comment_box .no_comment{display: none;padding:30px 0 0;} .view_comment .comment_wrap .comment_box .no_comment p{text-align: center; font-size: 16px;color: #BFBFBF;font-weight: 500;} .view_comment .comment_wrap .comment_box .is_comment{display: block;} .view_comment .comment_wrap .comment_box .is_comment ul{} .view_comment .comment_wrap .comment_box .is_comment ul li{margin-bottom: 40px;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info{display: flex;justify-content: space-between;align-items: center; margin-bottom: 12px;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .comment_cont .us_name{font-size: 16px;color: #1D1D1D;font-weight: 600; margin-right: 15px;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .comment_cont .comment_day{font-size: 14px;color: #8D8D8D;font-weight: 300;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box{display: none;} .view_comment .comment_wrap .comment_box .is_comment ul li:hover .us_info .change_box{display: block;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box a{} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box a span{font-size: 12px;font-weight: 500;color: #1D1D1D;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box a .chg{margin-right: 10px;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box a .del{} .view_comment .comment_wrap .comment_box .is_comment ul li .comment_info{max-width: 872px;line-height: 28px;} .view_comment .comment_wrap .comment_box .is_comment .pagination{} .view_comment .comment_wrap .comment_box .is_comment .pagination .btn_box{} .view_comment .comment_wrap .comment_box .is_comment .pagination .btn_box a{padding: 0 10px;} .view_comment .comment_wrap .comment_box .is_comment .pagination .btn_box .btn{opacity: 0.2;} .view_comment .comment_wrap .comment_box .is_comment .pagination .btn_box .btn.on{opacity: 1;} .view_comment .comment_wrap .comment_box .is_comment .pagination .btn_box .btn.btn_prev{display: inline-block;width: 20px;height: 15px; background: url('../images/comment_arrow.svg')no-repeat center center;background-size: 100% 100%;transform: rotate(270deg);} .view_comment .comment_wrap .comment_box .is_comment .pagination .btn_box .btn.btn_next{display: inline-block;width: 20px;height: 15px; background: url('../images/comment_arrow.svg')no-repeat center center;background-size: 100% 100%;transform: rotate(90deg);} .view_comment .comment_wrap .comment_box .is_comment .pagination .num_box{text-align: center;display: flex;justify-content: center; align-items: center;} .view_comment .comment_wrap .comment_box .is_comment .pagination .num_box a{font-size: 14px;font-weight: 400;} .view_comment .comment_wrap .comment_box .is_comment .pagination .num_box .num{color: #BFBFBF;} /* .view_comment .comment_wrap .comment_box .is_comment .pagination .num_box .num:nth-child(2){margin-left: 10px;} .view_comment .comment_wrap .comment_box .is_comment .pagination .num_box .num:nth-child(6){margin-right: 10px;} */ .view_comment .comment_wrap .comment_box .is_comment .pagination .num_box .num.on{color: #1D1D1D;} .view_comment .comment_wrap .comment_box .comment_write{margin-top: 60px;font-size: 0;} .view_comment .comment_wrap .comment_box .comment_write textarea{border: 1px solid #BFBFBF;border-radius: 4px;width: 100%;height: 92px;padding: 12px 15px;margin-bottom: 14px;resize:vertical;font-size: 18px;font-weight: 400;line-height: 26px;} .view_comment .comment_wrap .comment_box .comment_write textarea.on{border: 1px solid #1D1D1D;} .view_comment .comment_wrap .comment_box .comment_write textarea::placeholder{color: #BFBFBF;font-size: 16px;font-weight: 400;} .view_comment .comment_wrap .comment_box .comment_write .input_sub{display: flex;justify-content: space-between;align-items: center;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box{display: flex;justify-content:flex-start;align-items: center;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box input{width: 200px;height: 42px;border: 1px solid #BFBFBF;border-radius: 4px;font-size: 16px;color: #1D1D1D;padding:10px 15px;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box input[type="text"]{margin-right: 10px; } .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box input.on{border: 1px solid #1D1D1D;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box input::placeholder{color: #BFBFBF;font-size: 16px;font-weight: 400;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .submit_btn{width: 110px;height: 42px;background: #1D1D1D;border-radius: 4px;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .submit_btn a{display: block; width: 100%;height: 100%;text-align: center;line-height: 42px;font-size: 16px;font-weight: 600; color: #FFFFFF;} #wrapper #wrap.view .view_banner{max-width: 1200px;margin: auto auto 100px;} #wrapper #wrap.view .view_banner > a{display: block;width: 100%;} #wrapper #wrap.view.card{} #wrapper #wrap.view.card .view_wrap{} #wrapper #wrap.view.card .view_wrap .postSwiper{position: relative;overflow: hidden;} #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-prev{left: 20px;background: url('../images/prev_arrow_w.svg')no-repeat 48% 50% #000000;background-size: auto;box-shadow: none;opacity: 0.8;} #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-next{right: 20px;background: url('../images/next_arrow_w.svg')no-repeat 55% 50% #000000;background-size: auto;box-shadow: none;opacity: 0.8;} #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-next.swiper-button-disabled, #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-prev.swiper-button-disabled{display: block;opacity: 0.2;} #wrapper #wrap.view.card .view_wrap .postSwiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: absolute;bottom: 0;left:50%;transform: translate(-30px,-25px);width: 54px;height: 32px;background: #000000;border-radius: 24px;color: #FFFFFF;line-height: 32px;font-family: 'Pretendard';font-size: 17px;letter-spacing: -2.2px;opacity: 0.8;} /*뷰안에 유튜브*/ .media_box{width:100%;height:auto;overflow: hidden;position: relative;} .media_box .media_a{display: block;width: 100%;height: 100%;} .media_box .media_a .img_area{height: 100%;overflow: hidden;} #wrapper #wrap .media_box .media_a .img_area img{width: 100%;} .media_box .media_a .img_area .news_img{transition: all .7s;} .media_box .media_a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: #1D1D1D;opacity: 0.3;z-index: 10;transition: all .3s;} .media_box .media_a .img_area::after{position: absolute; display: block;top: 50%;left: 50%; width:52px;height: 52px;margin-top: -26px;margin-left: -26px; content: '';background: url('../images/video_play.svg')no-repeat center center;z-index: 99;} /*list 공통*/ .list_wrap {position: relative; width: 100%;/* padding: 0 84px; */} .list_wrap .list_inner {display: flex;justify-content: flex-start;flex-wrap: wrap;max-width:1200px;margin: 0 auto;} .list_wrap .list_inner .list {width: calc((100% - 60px)/3);height: 100%;background: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0px 8px 14px 0px rgb(0 0 0 / 6%);margin-right: 30px;} .list_wrap .list_inner .list:nth-child(3n) {margin-right: 0;} .list_wrap .list_inner .list:nth-child(n+1) {margin-bottom: 55px;/* border-radius: 0; */} .list_wrap .list_inner .list .list_a{display: block;width: 100%;height: 100%;} .list_wrap .list_inner .list .img_area{position: relative; width: 100%;height: auto;padding-top: 62.37%; /* min-height: 237px; max-height: 237px; */border-radius: 20px 20px 0 0;overflow: hidden;isolation: isolate;cursor: pointer;} .list_wrap .list_inner .list .img_area a{position: absolute;width: 100%;height: 237px;top: 0;left: 0;} .list_wrap .list_inner .list .img_area .news_img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover; transition: all .7s;} .list_wrap .list_inner .list .img_area .news_img.no_img{position: absolute;top: 0;left: 0; width: 100%;height: 100%; transition: all .7s;background: url('../images/news_no_img.png') no-repeat center center;background-size: 100% 100%;} .list_wrap .list_inner .list .txt_area{position: relative;height: auto;min-height: 199px;max-height: 199px; padding: 30px 32px 40px;background: #FFFFFF;} .list_wrap .list_inner .list .txt_area .desc_txt{} .list_wrap .list_inner .list .txt_area .desc_txt .sub_txt{width: auto; font-family: 'Pretendard';font-size: 21px;font-weight: 600;line-height: 30px; color: #161616;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;letter-spacing: -0.6px; word-break: keep-all;} .list_wrap .list_inner .list .txt_area .desc_txt .info_text{width: auto;margin-top: 13px; font-family: 'Pretendard';font-size: 16px;font-weight: 400;line-height: 26px; color: #161616;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;letter-spacing: -0.5px;} .list_wrap .list_inner .list .txt_area .tag_txt {margin-bottom: 20px;font-size: 0;} .list_wrap .list_inner .list .txt_area .tag_txt a{display: inline-block; font-size: 15px;margin-right: 20px;color: #263070;font-weight: 500;} .list_wrap .list_inner .list .txt_area .tag_txt a:hover{text-decoration: underline;} /* .list_wrap .list_inner .list .txt_area .tag_txt .tag:first-child {margin-right: 20px;} */ .list_wrap .list_inner .list .txt_area .tag_txt .tag:last-child{margin-right: 0;} .list_wrap .list_inner .list .txt_area .tag_txt.post_data{position: absolute;top: 30px;right: 32px;margin-bottom: 0;} .list_wrap .list_inner .list .txt_area .tag_txt.post_data span{display: inline-block;line-height: 18px;font-size: 12px;font-weight: 500;color: #8D8D8D;} .list.video_list{} .list.video_list .news_img{position: relative; width: 100%;height: auto;margin-bottom: 0;background: url('../images/news_video.svg')no-repeat center center;background-size: 100% 100%;transition: all .3s;} /*최신기사*/ #new_newsBox.list_wrap {position: relative; width: auto;} #new_newsBox.list_wrap .list_inner {justify-content: space-between; max-width:795px; margin: 0 auto;border-right: 1px solid #E1E1E1;} #new_newsBox.list_wrap .list_inner .list {width:calc((100% - 35px)/2) ; /* width:362px; */ max-width: 362px; height: 100%;background: #fff;border-radius: 0px;overflow: hidden;box-shadow:none;margin-bottom: 50px; /* margin-right: 35px; */} #new_newsBox.list_wrap .list_inner .list:nth-child(2n) {margin-right: 35px;} /* #new_newsBox.list_wrap .list_inner .list:nth-child(3n) {margin-right: 35px;margin-bottom: 0;} */ #new_newsBox.list_wrap .list_inner .list:nth-child(3), #new_newsBox.list_wrap .list_inner .list:nth-child(4) {margin-bottom: 0;} #new_newsBox.list_wrap .list_inner .list .list_a{display: block;width: 100%;height: 100%;/* min-width: 362px; */} #new_newsBox.list_wrap .list_inner .list .img_area{position: relative; width: 100%;height: auto;padding-top: 62.37%; /* min-height: 237px; max-height: 237px; */border-radius: 20px;overflow: hidden;isolation: isolate;cursor: pointer;} #new_newsBox.list_wrap .list_inner .list .img_area a{position: absolute;width: 100%;height: 237px;top: 0;left: 0;} #new_newsBox.list_wrap .list_inner .list .img_area .news_img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover; transition: all .7s;} #new_newsBox.list_wrap .list_inner .list .img_area .news_img.no_img{position: absolute;top: 0;left: 0; width: 100%;height: 100%; transition: all .7s;background: url('../images/news_no_img.png') no-repeat center center;background-size: 100% 100%;} #new_newsBox.list_wrap .list_inner .list .txt_area{height: auto;min-height:auto; padding:0;} #new_newsBox.list_wrap .list_inner .list .txt_area .desc_txt{margin-top: 25px;} #new_newsBox.list_wrap .list_inner .list .txt_area .desc_txt .sub_txt{width: auto;height: 58px;font-family: 'Pretendard';font-size: 20px;font-weight: 600;line-height: 31px; color: #161616;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;letter-spacing: -0.6px; word-break: keep-all;} #new_newsBox.list_wrap .list_inner .list .txt_area .desc_txt .info_text{width: auto;margin-top: 13px; font-family: 'Pretendard';font-size: 16px;font-weight: 400;line-height: 26px; color: #161616;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;letter-spacing: -0.5px;} #new_newsBox.list_wrap .list_inner .list .txt_area .tag_txt {margin-bottom: 20px;font-size: 0;} #new_newsBox.list_wrap .list_inner .list .txt_area .tag_txt a{display: inline-block; font-size: 15px;margin-right: 20px;color: #263070;font-weight: 500;} #new_newsBox.list_wrap .list_inner .list .txt_area .tag_txt a:hover{text-decoration: underline;} #new_newsBox.list_wrap .list_inner .list .txt_area .tag_txt .tag:last-child{margin-right: 0;} #YouTubeBox.yt_wrap {position: relative; width: 100%;} #YouTubeBox.yt_wrap .yt_inner {margin: 0 auto;} #YouTubeBox.yt_wrap .yt_inner .yt {width: 100%;background: none;box-shadow: none; margin-bottom:48px;margin-right: 0;max-width: 362px;background-color: none;} #YouTubeBox.yt_wrap .yt_inner .yt .yt_a{display: block;width: 100%;height: 100%;} #YouTubeBox.yt_wrap .yt_inner .yt .img_area{position: relative; width: 100%;height: auto;padding-top: 62.37%;border-radius: 20px;overflow: hidden;isolation: isolate;cursor: pointer;} #YouTubeBox.yt_wrap .yt_inner .yt .img_area a{position: absolute;width: 100%;height: 237px;top: 0;left: 0;} #YouTubeBox.yt_wrap .yt_inner .yt .img_area .news_img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover; transition: all .7s;} #YouTubeBox.yt_wrap .yt_inner .yt .img_area .news_img.no_img{position: absolute;top: 0;left: 0; width: 100%;height: 100%; transition: all .7s;background: url('../images/news_no_img.png') no-repeat center center;background-size: 100% 100%;} #YouTubeBox.yt_wrap .yt_inner .yt .txt_area{height: auto;min-height:auto; padding:0;} #YouTubeBox.yt_wrap .yt_inner .yt .txt_area .desc_txt{margin-top: 25px;} #YouTubeBox.yt_wrap .yt_inner .yt .txt_area .desc_txt .sub_txt{width: auto; height: 58px;font-family: 'Pretendard';font-size: 20px;font-weight: 600;line-height: 31px; color: #161616;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;letter-spacing: -0.6px; word-break: keep-all;} /*인기기사*/ #popular_newsBox{position: relative;max-width: 1200px;font-size: 0;margin: 0 auto;padding: 0;} #popular_newsBox::before{content: '';position: absolute;top: 0;left: -501%;width: 500%;height: 105%;background: #F9F9F9;z-index: 5;} #popular_newsBox::after{content: '';position: absolute;top: 0;right: -501%;width: 500%;height: 105%;background: #F9F9F9;z-index: 1;} #popular_newsBox .bt_box{} #popular_newsBox .list_inner{flex-wrap: nowrap;padding: 0;} #popular_newsBox .list_inner .list{width: 380px !important;margin-right: 30px !important;margin-bottom: 0;} #popular_newsBox .list_inner .list:last-child{margin-right: 0 !important;} #popular_newsBox .list_inner .list .txt_area{min-height: 221px;} /*연재기사*/ #series_newsBox{position: relative;max-width: 1200px;font-size: 0;margin: 0 auto;padding: 0;} #series_newsBox::before{content: '';position: absolute;top: 0;left: -500%;width: 500%;height: 100%;background: #ffffff;z-index: 5;} #series_newsBox::after{content: '';position: absolute;top: 0;right: -501%;width: 500%;height: 100%;background: #ffffff;z-index: 1;} #series_newsBox .bt_box{} #series_newsBox .list_inner{flex-wrap: nowrap;padding: 0;} #series_newsBox .list_inner .list {width: 224px !important;height: auto;margin-right: 20px !important;margin-bottom:0; box-shadow: none;border-radius: 0;} #series_newsBox .list_inner .list:last-child {margin-right: 0 !important;} #series_newsBox .list_inner .list .series_news_img{width: 100%;height: 100%;} /* 뉴스룸 구독 이메일 입력 설정 */ #wrapper #wrap.newletter_set_st{ background-color: #F9F9F9; height: 100%; overflow: inherit;} #wrapper #wrap.newletter_set_st .container {padding: 80px 0 117px 0; min-height: 78.2%; margin: 0;} #wrapper #wrap.newletter_set_st .container #sec01 {} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap {} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .contentBox{width: 600px; height: 100%; margin: 0 auto; letter-spacing: -0.03em; background-color:#fff; border-radius: 12px; color: #1D1D1D; padding: 40px 50px 50px 50px;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .contentBox .topBox { padding-bottom: 30px; border-bottom: 1px solid #E5E5E5;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .contentBox .topBox p {font-size: 18px; font-weight: 500; list-style: 21px;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .contentBox .bottomBox {margin-top: 28px;text-align: center;} /* #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .contentBox .bottomBox p:first-child {font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 20px;} */ #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .contentBox .bottomBox p:last-child {font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 20px;} /* #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .contentBox .bottomBox p:last-child {font-size: 16px; font-weight: 500; line-height: 26px; margin-bottom: 30px;} */ #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .email_box_2 {position: relative; width: 100%;height: 54px;padding-left: 15px; border: 1px solid #BFBFBF;border-radius: 4px;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .email_box_2.on {border: 1px solid #1D1D1D;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .email_box_2 > .newsletter_email_2 {position: absolute;top:10px;left:0;width:100%;height: 100%;padding: 15px 0 0 15px; display: block;color: #BFBFBF;font-size: 18px;font-weight: 400;transform: translate(0, -10px);transition: all.3s;z-index: 1;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .email_box_2 > .newsletter_email_2.on {position: absolute; display: block;color: #8D8D8D;font-size: 12px;font-weight: 400;transform: translate(0, -16px);transition: all.3s;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .email_box_2 input.email_input_2[type="email"]{position: relative; display: block;width: 100%; height: 100%;margin-top: 0; font-size: 18px;color: #1D1D1D;z-index: 99; opacity: 0;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .email_box_2.on input.email_input_2[type="email"]{position: relative; display: block;width: 100%; height: 22px;margin-top: 24px; font-size: 18px;color: #1D1D1D;z-index: 99; opacity: 1;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .email_box_2 input.email_input_2[type="email"]::placeholder{font-size: 18px;color: #BFBFBF;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .nw_next_btn {width: 168px; height: 53px; background-color:#BFBFBF; border-radius: 4px; margin:37px auto 0;cursor: unset;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .nw_next_btn.on{background:#1D1D1D;color: #FFFFFF;cursor: pointer;} #wrapper #wrap.newletter_set_st .container #sec01 .cont_wrap .nw_next_btn a {display: block; width: 100%; height: 100%; color: #fff; font-size: 21px; font-weight: 600; line-height: 53px; text-align: center;} /* 뉴스룸 구독 설정 */ #wrapper #wrap.newletter_set{ background-color: #F9F9F9; height: 100%; overflow: inherit;} #wrapper #wrap.newletter_set .container {padding: 80px 0 117px 0;height: auto; min-height: 78.2%; margin: 0;} #wrapper #wrap.newletter_set .container #sec01 {} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap {} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox{width: 600px; height: 100%; margin: 0 auto; letter-spacing: -0.03em; background-color:#fff; border-radius: 12px; color: #1D1D1D; padding: 40px 50px 50px 50px;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .topBox { padding-bottom: 30px; border-bottom: 1px solid #E5E5E5;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .topBox p {font-size: 18px; font-weight: 500; list-style: 21px;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .bottomBox {margin-top: 28px;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .bottomBox p:last-child {text-align: center; font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 20px;} /* #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .bottomBox p:first-child {font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 20px;} */ /* #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .bottomBox p:last-child {font-size: 16px; font-weight: 500; line-height: 26px; margin-bottom: 30px;} */ #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .cont_list {width: 100%; height: auto;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .cont_list ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 0;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .cont_list ul li {display: flex; align-items: center; width: 100%; height: 41px; background-color: #F8F8F8; padding-left: 18px;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .cont_list ul li .formCheckBox input[type="checkbox"]{display: none;width: 0;height: 0;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .cont_list ul li .formCheckBox label{position: relative;display: inline-block;width: 100%;line-height: 19px;padding-left: 29px;font-size: 16px;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .cont_list ul li .formCheckBox input[type="checkbox"] + label::after{content: '';display: inline-block;position: absolute;left: 0;top: 0;width: 19px;height: 19px;background: none;background-image: url('../images/newsletter/check box.svg');background-size: 100% 100%;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .cont_list ul li .formCheckBox input[type="checkbox"]:checked + label::after{content: '';display: inline-block;width: 19px;height: 19px;background: none;background-image: url('../images/newsletter/check box_check.svg');background-size: 100% 100%;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .complete_btn {width: 168px; height: 53px; background-color:#1D1D1D; border-radius: 4px; margin:37px auto 0;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .complete_btn a {display: block; width: 100%; height: 100%; color: #fff; font-size: 21px; font-weight: 600; line-height: 53px; text-align: center;} /* 뉴스룸 구독 설정 확인 */ #wrapper #wrap.newletter_set2{ background-color: #F9F9F9; height: 100%; overflow: inherit;} #wrapper #wrap.newletter_set2 .container {padding: 80px 0 117px 0; min-height: 78.2%; margin: 0;} #wrapper #wrap.newletter_set2 .container #sec01 {} #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap {} #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap .contentBox{width: 600px; height: 100%; margin: 0 auto;letter-spacing: -0.03em;background-color:#fff; border-radius: 12px; color: #1D1D1D; padding: 40px 50px 50px 50px; } #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap .contentBox .topBox { padding-bottom: 30px; border-bottom: 1px solid #E5E5E5;} #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap .contentBox .topBox p {font-size: 18px; font-weight: 500; list-style: 21px;} #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap .contentBox .bottomBox {margin-top: 28px; text-align: center;} #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap .contentBox .bottomBox p{font-size: 22px; font-weight: 700; line-height: 26px;} #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap .complete_btn {width: 134px; height: 53px; background-color:#1D1D1D; border-radius: 4px; margin:37px auto 0;} #wrapper #wrap.newletter_set2 .container #sec01 .cont_wrap .complete_btn a{display: block; width: 100%; height: 100%; color: #fff; font-size: 21px; font-weight: 600; line-height: 53px; text-align: center;} /*회사소개*/ .about br.pc{display: block;} .about br.tablet, .about br.mobile{display: none;} .about .container{padding-bottom: 0;} .about .container .section{} .about .container .section .cont_wrap{max-width:1200px;margin: 0 auto;padding-top: 0px;padding-bottom: 160px;} .about .container .section .cont_wrap .title_box{text-align: center;color: #1D1D1D;} .about .container .section .cont_wrap .title_box h1{font-size: 38px;font-weight: 700;letter-spacing: -1.1px;} .about .container .section .cont_wrap .title_box p{display: block; padding-top: 28px; font-size: 18px;font-weight: 400;line-height: 32px; } .about .container .section.sec01 .cont_wrap .title_box p{display: block; padding-top: 36px; font-size: 21px;font-weight: 400;line-height: 34px; } .about .container .sec02 .cont_wrap .title_box, .about .container .sec03 .cont_wrap .title_box, .about .container .sec04 .cont_wrap .title_box{padding-bottom: 60px;} .about .container .sec05 .cont_wrap .title_box{padding-bottom: 70px;} .about .container .sec05 .cont_wrap .title_box p {line-height: 32px;} .about .container .sec01{padding:20px 0 43px;} .about .container .sec01{padding-bottom: 0;} .about .container .sec01 .cont_wrap{} .about .container .sec01 .cont_wrap .contentBox{position: relative;} .about .container .sec01 .cont_wrap .title_box{padding-bottom: 65px;} .about .container .sec01 .cont_wrap .cont_box{} .about .container .sec01 .cont_wrap .play_box{position:relative; width:100%; height:0; padding-bottom:56.25%;} .about .container .sec01 .cont_wrap .cont_box .play_box iframe{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .about .container .sec02{} .about .container .sec02 .cont_wrap{max-width: 100%;padding-bottom: 397px;} .about .container .sec02 .cont_wrap .video-container::before{position: absolute;top: 0;left: 0;z-index: 1; content: '';width: 100%;height: 100%;background:rgba(0,0,0,.3);} .about .container .sec02 .cont_wrap .title_box{position: relative;z-index: 2;height: auto; background: #FFFFFF;} .about .container .sec02 .cont_wrap .cont_box{height: auto;} /* .about .container .sec02 .cont_wrap .cont_box::after{position: absolute;bottom: 225px;background: #FFFFFF;width: 100%;height: 125px;content: '';z-index: 1;} */ /* .about .container .sec02 .cont_wrap .cont_box::after{content: none;} */ .about .container .sec02 .cont_wrap .cont_box .bg_box{width: 100%;height: auto;background:transparent;text-align: center;overflow: hidden;} .about .container .sec02 .cont_wrap .cont_box .bg_box video{position: absolute;top: 0;left: 0;} .about .container .sec02 .cont_wrap .cont_box .bg_box h3{position: relative;padding-top: 141px;color: #FFFFFF;font-size: 44px;font-weight: 600;line-height: 60px;z-index: 2;} .about .container .sec02 .cont_wrap .cont_box .bg_box .video-container{display: flex;justify-content: center;position: relative;width: 100%;height: 727px;} .about .container .sec02 .cont_wrap .cont_box .bg_box .video-container video{width: 100%;height: auto;} /* .about .container .sec02 .cont_wrap .cont_box .info_box{position: relative;top: -272px;left: 0;margin: 0 auto;} */ .about .container .sec02 .cont_wrap .cont_box .info_box{position: absolute;bottom: 0;left: 50%;margin-left: -600px; max-width: 1200px;display: flex;z-index: 2;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box{width: 50%;height: auto; color: #FFFFFF;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1{padding:95px 45px 95px 70px; background-color: #232323;border-radius: 20px 0 0 20px;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1 > p{width: auto; padding-bottom: 46px;line-height: 27px;word-break: keep-all;font-weight: 300; } .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1 > p:last-child{padding: 0;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2{background-color: #161616;border-radius: 0 20px 20px 0; padding:72px 44px 0px;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div{display: flex;justify-content: space-between; align-items: center; width: 435px;margin: 0 auto; padding:55px 30px 40px 0px; border-bottom: 1px solid rgb(225, 225,225, 0.08);} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div img{display: block;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(3) h1{margin-right: 23px;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(1) img{width: 58px;margin-left: 46px;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(2) img{width: 106px;margin-left: 24px;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(3) img{width: 76px;margin-left: 39px;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div h1{display: flex;align-items: center;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div p{display: inline-block;font-size: 80px;font-weight: 500;margin-right: 18px;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div span{display: inline-block;font-size: 17px;font-weight: 400;color: #717171;text-align: center;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 .datum{text-align: right;padding-top: 77px;color: #717171;font-size: 13px;font-weight: 400;} .about .container .sec03{padding-top: 160px;} .about .container .sec03 .cont_wrap{} .about .container .sec03 .cont_wrap .cont_box{} .about .container .sec03 .cont_wrap .cont_box .case_contain{display: flex;flex-wrap: wrap;justify-content: space-between; max-width: 1200px;margin: 0 auto;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box{width: 292px;height: 292px;background: #161616;border-radius: 20px;text-align: center;margin-bottom: 12px;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box.big{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: 595px;text-align: left;padding-left: 98px;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box h1{font-size: 50px;font-weight: bold; color: #FFFFFF;margin-bottom: 7px;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box span{font-size: 17px;font-weight: 400;color: #FFFFFF;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box h3{padding-top: 44px; font-size: 21px;font-weight: 500;color: #FFFFFF;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_01{} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_02{background: url('../images/case_img_01.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_03{background: url('../images/case_img_02.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_04{background: url('../images/case_img_03.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_05{background: url('../images/case_img_04.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_06{background: url('../images/case_img_05.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_07{background: url('../images/case_img_06.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_08{} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_09{background: url('../images/case_img_07.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_10{background: url('../images/case_img_08.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain2{margin-top: 58px;} .about .container .sec03 .cont_wrap .cont_box .case_contain2 .case_box{margin-bottom: 0;} .about .container .sec04{} .about .container .sec04 .cont_wrap{max-width: 100%;} .about .container .sec04 .cont_wrap .cont_box{position: relative;} .about .container .sec04 .cont_wrap .title_box p {line-height: 1;} .about .container .sec04 .cont_wrap .cont_box .map_box{width: 100%; height: auto; overflow: hidden; overflow-x: auto;} .about .container .sec04 .cont_wrap .cont_box .map_box p{width: 100%;height: auto; opacity: 0;display: none;transition: all 2s;} .about .container .sec04 .cont_wrap .cont_box .map_box p.on{width: 100%;height: auto; opacity: 1;display: block;transition: all 2s;} .about .container .sec04 .cont_wrap .cont_box .map_box p img{width: 100%;height: auto;} .about .container .sec04 .cont_wrap .cont_box .map_box p img.pc{display: block;width: 100%;min-width: 1200px; height: auto;} .about .container .sec04 .cont_wrap .cont_box .map_box p img.mo{display: none;} .about .container .sec04 .cont_wrap .cont_box .map_box .map_01{} .about .container .sec04 .cont_wrap .cont_box .map_box .map_01.on{} .about .container .sec04 .cont_wrap .cont_box .map_box .map_02{} .about .container .sec04 .cont_wrap .cont_box .map_box .map_02.on{} .about .container .sec04 .cont_wrap .cont_box .map_box .map_03{} .about .container .sec04 .cont_wrap .cont_box .map_box .map_03.on{} .about .container .sec04 .cont_wrap .cont_box .map_tab{position: absolute;bottom: 35px;left: 50%;margin-left: -210px;} .about .container .sec04 .cont_wrap .cont_box .map_tab::before{bottom: 77px;display: inline-block;content: '';left: 50%;width: 52px;height: 1px;background: #373737;position: absolute;margin-left: 0;transform: translateX(116%);} .about .container .sec04 .cont_wrap .cont_box .map_tab::after{bottom: 77px;display: inline-block;content: '';right: 50%;width: 52px;height: 1px;background: #373737;position: absolute;transform: translateX(-116%);} .about .container .sec04 .cont_wrap .cont_box .map_tab button{display: inline-block;opacity: 0.2;transition: all 1s;} .about .container .sec04 .cont_wrap .cont_box .map_tab button.on{opacity: 1;transition: all 1s;} .about .container .sec04 .cont_wrap .cont_box .map_tab .tab_01{width: 120px;height: 120px;background: url('../images/en_map_tab_01.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec04 .cont_wrap .cont_box .map_tab .tab_02{width: 120px;height: 120px;margin: 0 50px; background: url('../images/en_map_tab_02.png')no-repeat center center;background-size: 100% 100%; opacity: 0.2;} .about .container .sec04 .cont_wrap .cont_box .map_tab .tab_03{width: 120px;height: 120px;background: url('../images/en_map_tab_03.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec05{} .about .container .sec05 .cont_wrap{padding-bottom: 140px;} .about .container .sec05 .cont_wrap .cont_box.sec_sw{position: relative;max-width: 1200px;font-size: 0;margin: 0 auto;padding: 0;} .about .container .sec05 .cont_wrap .cont_box.sec_sw::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #FFFFFF;z-index: 5;} .about .container .sec05 .cont_wrap .cont_box.sec_sw::after{content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background: #FFFFFF;z-index: 1;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .bt_box{} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont{display: flex;justify-content: flex-start;max-width:1200px;margin: 0 auto;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list{width: calc((100% - 20px)/3);height: 100%;background: #fff;border-radius: 15px;overflow: hidden;/* box-shadow: 0px 8px 14px 0px rgb(0 0 0 / 6%); */} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .img_area{position: relative; width: 100%;height: auto;padding-top: 62.37%; /* min-height: 237px; max-height: 237px; */border-radius: 20px 20px 0 0;overflow: hidden;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .img_area img{position: absolute;top: 0;left: 0; width: 100%;height: auto; transition: all .7s;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area{height: auto;max-height: 221px; min-height: 221px; padding: 30px 32px 40px;background: #161616;margin-top: -1px;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area h2{color: #ffffff;font-size: 21px;font-weight: 500;padding-bottom: 20px;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area p{color: #A7A7A7;font-size: 15px;font-weight: 300;line-height: 25px;letter-spacing: -0.6px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; /* '...' 생략표시*/-webkit-box-orient: vertical;-webkit-line-clamp: 1;-webkit-line-clamp: 4;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area p br{display: none;} @media (max-width:1509px){ #iframe_pop{position: fixed;top: 50%;left: 50%;width: 100%;max-width: 975px;height: 548px;transform: translate(-50%, -50%);} #iframe_pop .video_close{position: absolute;right: -55px; display: block;width:40px;height: 40px;background: url('../images/pop_x.svg')no-repeat center center;background-size: 100% 100%;} } @media (max-width:1420px){ } @media (max-width: 1280px) { .about .container .sec02 .cont_wrap .cont_box .bg_box .video-container video{width: auto;height: 100%;left: 50%;transform: translateX(-50%);} } @media (max-width:1240px){ /* #wrap.main .container .sec01 .cont_wrap{padding: 0 6.78%;} */ #wrapper #wrap.view .container{} #iframe_pop{position: fixed;top: 50%;left: 50%;width: 100%;max-width: 769px;height: 433px;transform: translate(-50%, -50%);} #iframe_pop .video_close{position: absolute;right: -55px; display: block;width:40px;height: 40px;background: url('../images/pop_x.svg')no-repeat center center;background-size: 100% 100%;} .container .section .cont_wrap{padding: 0 6.78%;} .main .container .section .cont_wrap{/* padding-top: 6.45%;padding-bottom: 6.45%; */} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box{padding:4.43% 4.83% 4.43%;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box h2{font-size: 2.66vw;line-height: 3.87vw;} .main .container .sec02_1 .cont_wrap{padding: 8.06vw 6.78%;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box{padding-right: 2.58vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span .pc{display: none;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span .mo{display: none;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont{padding: 0 5.48%;} #new_newsBox.list_wrap .list_inner{max-width: 100%;border: none;justify-content: flex-start;} #new_newsBox.list_wrap .list_inner .list{width: 29.19vw;max-width: 26.19vw;margin-right: 3.43vw;margin-bottom: 3.87vw;} #new_newsBox.list_wrap .list_inner .list:nth-child(2n){margin-right: 0;} #new_newsBox.list_wrap .list_inner .list .txt_area .desc_txt{margin-top: 2.02vw;} #new_newsBox.list_wrap .list_inner .list .txt_area .desc_txt .sub_txt{line-height: 2.5vw;height: 4.68vw;font-size: 1.61vw;} #YouTubeBox.yt_wrap{width: 26.19vw;} #YouTubeBox.yt_wrap .yt_inner .yt{margin-bottom: 3.87vw;} #YouTubeBox.yt_wrap .yt_inner .yt .txt_area .desc_txt{margin-top: 2.02vw;} #YouTubeBox.yt_wrap .yt_inner .yt .txt_area .desc_txt .sub_txt{line-height: 2.5vw;height: 4.68vw;font-size: 1.61vw;} .main .container .sec01{padding: 0;} /*인기기사*/ #popular_newsBox .list_inner .list{width: 27.20vw !important;margin-right: 2.42vw !important;margin-bottom: 0;} #popular_newsBox .list_inner .list:last-child{margin-right: 0 !important;} #popular_newsBox .list_inner .list .txt_area{min-height: 221px;} /*연재기사*/ #series_newsBox .list_inner .list {width: 19.09vw !important;height: auto;margin-right: 2.42vw !important;margin-bottom:0; box-shadow: none;border-radius: 0;} #series_newsBox .list_inner .list:last-child {margin-right: 0 !important;} #series_newsBox .list_inner .list .series_news_img{width: 100%;height: 100%;} /* .main .container .sec02 .cont_wrap .content .cont_box_2 .title_box h1{font-size: 2.58vw;} */ .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont{margin-left: 0;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box h1, .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont .title_box h1{font-size: 2.58vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box{width: 26.19vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont{width: 100%; height: 10vw; padding: 0 2.09vw 0 1.61vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .tag_text{/* font-size: 1.04vw; */padding-bottom: 0.64vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .title_text{font-size: 1.61vw;line-height: 1.77vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont a{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner{padding: 2.09vw 0;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner .banner_num{font-size: 1.93vw;padding-right: 2.01vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont.banner_1{} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont.banner_1 .icon_art{width: 8.06vw;height: 10.32vw} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont.banner_2{} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont.banner_2 .icon_art{width: 7.82vw;height: 9.91vw;} .main .container .sec04 .banner_box{width: 100%;height: 26.2vw; background: #f3fbff;} .main .container .sec04 .banner_box .banner_cont{position: relative; max-width: 1200px;height: 100%; display: flex;justify-content: space-between;padding: 0 7.09vw;margin:0 auto;} .main .container .sec04 .banner_box .banner_cont .banner_img{position: relative;width: 45.48vw;height: 26.20vw; background: url('../images/banner_img.svg')no-repeat left 100%;background-size: contain;} .main .container .sec04 .banner_box .banner_cont .banner_text {padding-top: 6.85vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box{color: #1D1D1D;margin-bottom: 2.41vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > p{font-size: 20px;font-weight: 500;letter-spacing: 0.2px;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > h1{font-size: 3.62vw;font-weight: 700;line-height: 63px;letter-spacing: -1.35px;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box{display: flex;align-items: center;justify-content: left;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a{display: flex;align-items: center;justify-content: center; width: 184px;height:38px;line-height: 38px; /* padding: 10px 22px; */border: 1px solid #BCCDD5;border-radius: 20px;background: #ffffff;font-size: 14px;font-weight: 600;color: #1D1D1D;} .view_footer .view_footer_wrap .pre_next > a{width: 43.16vw;} /*개인정보 처리방침*/ #wrap.privacy .cont_wrap .cont_box .content .box > div{width: calc((100% - 1.45vw) / 4);max-width: 23.06vw;height: 100%;min-height: 26.56vw; justify-content: center;} #wrap.privacy .cont_wrap .cont_box .content .box > div p br.t_show {display: block;} #wrap.privacy .cont_wrap .cont_box .content .box > div p {padding: 0 2vw;} /* 회사소개 페이지 */ .about br.tablet{display: block;} .about br.pc, .about br.mobile{display: none;} .about .container .sec02 .cont_wrap{padding: 0 0 40.69vw;} .about .container .sec02 .cont_wrap .cont_box .info_box{position: absolute;bottom: 0;left: 50%;width: calc(100% - 13.56%);margin: 0;transform: translateX(-50%);background-color: #161616;border-radius: 1.61vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box{height: auto;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1{padding: 7.66vw 3.63vw 7.66vw 5.65vw; background-color: #232323;border-radius: 1.61vw 0 0 1.61vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1 > p{width: auto; padding-bottom: 3.71vw;line-height: 2.42vw;word-break: keep-all;font-weight: 300;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1 > p:last-child{padding: 0;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2{background-color: #161616;border-radius: 0 1.61vw 1.61vw 0; padding:5.8vw 3.54vw 0;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div{display: flex;justify-content: space-between; align-items: center; width: 100%;margin: 0 auto; padding:4.43vw 2.41vw 3.22vw 0; border-bottom: 1px solid rgb(225, 225,225, 0.08);} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div img{display: block;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(3) h1{margin-right: 1.85vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(1) img{width: 4.67vw;margin-left: 3.71vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(2) img{width: 8.54vw;margin-left: 1.93vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(3) img{width: 6.12vw;margin-left: 3.14vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div h1{display: flex;align-items: center;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div p{display: inline-block;font-size: 6.45vw;font-weight: 500;margin-right: 1.45vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div span{display: inline-block;font-size: 1.37vw;font-weight: 400;color: #717171;text-align: center;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 .datum{text-align: right;padding-top: 6.2vw;color: #717171;font-size: 1.04vw;font-weight: 400;} .about .container .sec03 .cont_wrap .cont_box .case_contain{display: flex;flex-wrap: wrap;justify-content: space-between; max-width: 1200px;margin: 0 auto;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box{width: 20.45vw;height: 20.45vw;background: #161616;border-radius: 1.61vw;text-align: center;margin-bottom: 0.97vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box.big{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: 42.28vw;text-align: left;padding-left: 4.52vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box h1{font-size: 4.03vw;font-weight: 900; color: #FFFFFF;margin-bottom: 0.56vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box span{font-size: 1.37vw;font-weight: 400;color: #FFFFFF;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box h3{padding-top: 1.77vw;font-size: 1.69vw;font-weight: 500;color: #FFFFFF;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_01{} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_02{background: url('../images/case_img_01.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_03{background: url('../images/case_img_02.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_04{background: url('../images/case_img_03.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_05{background: url('../images/case_img_04.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_06{background: url('../images/case_img_05.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_07{background: url('../images/case_img_06.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_08{} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_09{background: url('../images/case_img_07.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_10{background: url('../images/case_img_08.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec03 .cont_wrap .cont_box .case_contain2{margin-top: 4.68vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain2 .case_box{margin-bottom: 0;} .about .container .sec04 .cont_wrap{padding: 0 0 160px;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area{max-height: 221px;} } @media (max-width:1024px){ #wrapper #wrap{padding-top: 8.4vw;} #wrapper #wrap .container {padding-top: 5.85vw;} .main .container .section .cont_wrap{/* padding-top: 5.85vw;padding-bottom: 7.42vw; */} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box h2{font-size: 3.6vw;line-height: 5.4vw;margin-bottom: 1.95vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner {max-width: 100%; height: 16.51vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont{padding: 0px 5.8%;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .icon_img{max-width: 7.51vw;margin-right: 4.1vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box{padding-right: 6.8%;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box h3{font-size: 2.53vw;padding-bottom: 1.17vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span{font-size: 1.56vw;line-height: 2.53vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box button{max-width: 15.42vw;height: 4.88vw;border-radius: 2.92vw;font-size: 1.75vw;} .main .container .sec04 .banner_box{width: 100%;height: 31.7vw; background: #f3fbff;} .main .container .sec04 .banner_box .banner_cont{position: relative; max-width: 100%;height: 100%; display: flex;justify-content: space-between;padding: 0 8.59vw;margin:0 auto;} .main .container .sec04 .banner_box .banner_cont .banner_img{position: relative;width: 45.48vw;height: 31.7vw; background: url('../images/banner_img.svg')no-repeat left 100%;background-size: contain;} .main .container .sec04 .banner_box .banner_cont .banner_text {padding-top: 6.85vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box{color: #1D1D1D;margin-bottom: 2.41vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > p{font-size: 20px;font-weight: 500;letter-spacing: 0.2px;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > h1{font-size: 3.62vw;font-weight: 700;line-height: 63px;letter-spacing: -1.35px;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box{display: flex;align-items: center;justify-content: left;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a{display: flex;align-items: center;justify-content: center; width: 184px;height:38px;line-height: 38px;border: 1px solid #BCCDD5;border-radius: 20px;background: #ffffff;font-size: 14px;font-weight: 600;color: #1D1D1D;} .main .container .sec02 .cont_wrap .content{display: flex;max-width: 100%;margin: 0 auto;flex-direction: column;flex-wrap: nowrap;align-items: center;} .main .container .sec02 .cont_wrap .content .cont_box{width: 100%;} .main .container .sec02 .cont_wrap .content .cont_box_2{display: flex;justify-content: space-between;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont{display: flex; flex-direction: column;width:calc((100% - 35px)/2);} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.yt_cont{margin-right: 3.41vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .title_box{padding-top: 6.93vw;padding-bottom: 4.88vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box h1, .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont .title_box h1{font-size: 3.32vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .title_box h1{line-height: 6.05vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box{padding-bottom: 4.88vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box h1{line-height: 6.05vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box{width: 100%; padding:0;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont{width: 100%;height: 12.1vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .tag_text{/* font-size: 1.26vw;padding-bottom: 0.78vw; */} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .sub_text{font-size: 1.36vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .title_text{font-size: 2.05vw;line-height: 2.14vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner .banner_num{font-size: 2.34vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont a{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner{padding: 2.53vw 0;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont.banner_1 .icon_art{width: 9.76vw;height: 12.5vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont.banner_2 .icon_art{width: 9.47vw;height: 12.01vw;} #new_newsBox.list_wrap .list_inner .list{width: calc((100% - 35px)/2);max-width: 100%;margin-right: 3.41vw;} #new_newsBox.list_wrap .list_inner .list:nth-child(2n){margin-right: 0;} #new_newsBox.list_wrap .list_inner .list .txt_area .desc_txt .sub_txt{line-height: 2.93vw;height: 5.66vw;font-size: 1.95vw;} #YouTubeBox.yt_wrap{position: relative; width:100%;margin-right: 35px;} #YouTubeBox.yt_wrap .yt_inner .yt{max-width: none; margin-bottom: 0;} #YouTubeBox.yt_wrap .yt_inner .yt .txt_area .desc_txt .sub_txt{line-height: 2.93vw;height: 5.66vw;font-size: 1.95vw;} .list_wrap .list_inner .list{width:calc((100% - 4vw)/2);margin-right: 4vw;} .list_wrap .list_inner .list:nth-child(2n){margin-right: 0;} .list_wrap .list_inner .list:nth-child(2n+1){margin-right:4vw} .list_wrap .list_inner .list .txt_area{padding: 2.92vw 3.12vw 3.9vw;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag.mo_tab{position: relative; width:110px;height: 36px;margin-right: 20px; border: 1px solid #DEDEDE;border-radius: 30px;padding:0 17px;font-size: 14px;font-weight: 600;background: url('../images/menuArr.svg')no-repeat 23vw center #FFFFFF;background-size: 15px 10px;} .view_footer .view_footer_wrap .pre_next > a{width: 42.93vw;} /*개인정보 처리방침*/ #wrap.privacy .cont_wrap .cont_box .content .box > div{width: calc((100% - 1.45vw) / 4);max-width: 23.06vw;height: 100%;min-height: 34.56vw; } /* S: 20231106 추가 */ #wrapper #wrap.result_list .sec01 .tab_box .tab_tag{position: relative;border-radius: 30px;margin-right: 13px;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner{display: flex;align-items: center;min-width: 112px;padding: 9px 17px;background: #fff;border: 1px solid #DEDEDE;border-radius: 30px;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a{display: flex;align-items: center;justify-content: space-between;gap: 10px;width: 100%;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a .category_recent{min-width: auto;font-size: 15px;color: #1d1d1d;text-align: left;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a .search_list_img{display: block;width: 15px;height: 10px;background: url('../images/menuArr.svg') no-repeat center center #FFFFFF;background-size: 100% 100%;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a.on .search_list_img{transform: rotate(180deg);} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list{display: none;flex-direction: column;gap: 0;position: absolute;left: 0;min-width: 119px;margin-top: 7px;text-align: left;border: none;background: #fff;border-radius: 7px;box-shadow: 0 3px 6px rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list.on{display: flex;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li{} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li a {display: block;font-size: 14px;color: #1D1D1D;background: #ffffff;padding: 10px 12px;border-radius: 0;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li.on a {display: block;font-size: 14px;color: #1D1D1D;background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list {display:none;position: absolute;top: 0;left: 50%;margin-top: 43px;margin-left: -5px;width: 119px;height: auto;text-align: left;border: none;background: #fff; border-radius: 7px;box-shadow: 0 3px 6px rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list.on {display: block;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li {} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li:hover {background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li.on {background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li a {display: block;font-size: 14px;padding: 10px 12px;color: #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box{margin-right: -120px;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox{display: flex;justify-content: space-between;align-items: center;font-size: 14px;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox input[type=text] {position:relative; width:95px; height: 34px;border: 1px solid #DEDEDE; border-radius: 4px; padding: 8px; font-size: 14px; letter-spacing: -0.5px; } #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox input[type=text]:focus{border:1px solid #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap{display: flex;align-items: center;justify-content: center;gap: 8px;/* margin-top:18px; */} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap > button{display: flex;align-items: center;justify-content: center;width: 59px;height: 28px;border-radius: 4px;font-family: 'Pretendard', sans-serif;font-size: 12px;font-weight: 600;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap .reset_btn{border: 1px solid #D4D4D4;background-color: #ffffff;color: #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap .btn{border: 1px solid #1D1D1D;background-color: #1D1D1D;color: #ffffff;} /* E: 20231106 추가 */ } @media (max-width:750px){ /* 모바일 */ /*메인 팝업*/ .top_layer_pop{position:absolute;top:0;left:0;width:100%;height: 100vh; z-index:6;} .top_layer_pop .top_layer_wrap{} .top_layer_pop .top_layer_wrap .top_pop_box{position:absolute;top:50%;right:50%;width:81.6vw;transform:translate(50%,-50%);} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap{position:relative;width:81.6vw;height: 100%; border-radius: 1.6vw;overflow: hidden;background: #1d1d1d;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide{position:relative;width:81.6vw;min-height:62.67vw;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont {min-height: 62.67vw;max-height: 62.67vw;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont a{ height: 62.67vw;cursor:pointer;border-bottom: 1px solid #1D1D1D;box-sizing: content-box;overflow: hidden;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont p{position: relative;width: 100%;height: 100%;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont p::after{position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 84%, rgba(0,0,0,0.16) 100%);} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .pop_slide .pop_slide_cont img{} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box{width:100%;height:12.37vw;border-top: 1px solid #1D1D1D;box-sizing: content-box;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p{display: flex;align-items: center;width: 40vw; } .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p a{padding-left: 5.33vw; line-height: 12.37vw;font-size: 3.73vw; color:#ACACAC;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p:last-child{width: 21.33vw;padding: 0;} .top_layer_pop .top_layer_wrap .top_pop_box .pop_wrap .btn_box p:last-child a{text-align: center;padding: 0;} #wrap.main .top_layer_pop .swiper-pagination_pop{position: absolute;top: 2.67vw;left: auto; right: 2.67vw;width: 9.07vw; height: 4.8vw;line-height: 4.8vw; transform: translate(0);z-index: 2;font-size: 2.93vw;text-align: center;letter-spacing: -1.8px;} #iframe_pop{width: 350px;} #wrapper #wrap{padding-top: 17vw;} #wrapper #wrap .container{padding-top: 6.67vw;} .dark_btn{display: inline-block;width: 7.73vw;height: 9.6vw;border: 1px solid #e5e5e5;background: #ffffff;line-height: 9.6vw;border-radius: 1.33vw;} .list_wrap{} #wrapper #wrap.default_list {background: #fff;} #wrapper #wrap .list_wrap .list_inner .list .txt_area .desc_txt .sub_txt{width: auto;font-size: 4.53vw;font-weight: 600;line-height: 6.93vw;color: #161616;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;letter-spacing: -0.6px;-webkit-line-clamp:2;} .list_wrap .list_inner .list{width:100%;box-shadow: none;margin-bottom: 10.67vw;background: none;} .list_wrap .list_inner .list:nth-child(even) {margin-right:0;} .list_wrap .list_inner .list:nth-child(odd){margin-right: 0;} .list_wrap .list_inner .list .txt_area{min-height: auto;padding:5.33vw 0 0;background: none;} .list_wrap .list_inner .list .txt_area .tag_txt {margin-bottom: 3.27vw;} .list_wrap .list_inner .list .txt_area .tag_txt a{font-size: 3.73vw;margin-bottom: 1.6vw;} .list_wrap .list_inner .list .txt_area .tag_txt.post_data{position: absolute;top: 5.33vw;right: 0;margin-bottom: 0;} .list_wrap .list_inner .list .txt_area .tag_txt.post_data span{display: inline-block;line-height: 4.43vw;font-size: 3.2vw;font-weight: 500;color: #8D8D8D;} .list_wrap .list_inner .list:nth-child(n+1) {margin-bottom: 10.67vw;} .list_wrap .list_inner .list .img_area {/* margin-bottom: 5.33vw; */border-radius: 3.20vw;height: 56.27vw;} .list_wrap .list_inner .list .img_area a {height: 100%;} .list_wrap .list_inner .list .txt_area .desc_txt .info_text{font-size: 3.73vw;margin-top: 4vw;line-height: 5.87vw;} #sec03 .list_wrap .list_inner .list {width: 100% !important; margin-bottom: 17vw;} #sec03 .list_wrap .list_inner .list .img_area {border-radius: 3.2vw 3.2vw 0 0;} #sec03 .list_wrap .list_inner .list .img_area .news_img{border-radius: 0;} #sec04 .list_wrap .list_inner .list {width: 44.4vw !important; margin-bottom: 17vw;} .main .container .section .cont_wrap h1{font-size: 7.46vw;} .main .container .sec02 .cont_wrap .content{display: block;max-width: 100%;} .main .container .sec02 .cont_wrap .content .cont_box{display: block; width: 100%;} .main .container .sec02 .cont_wrap .content{display: flex;max-width: 100%;margin: 0 auto;flex-direction: column;flex-wrap: nowrap;align-items: center;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont{display: block;width: 100%;} .main .container .sec02 .cont_wrap .content .cont_box_2 .title_box{padding : 18.67vw 0 8vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.yt_cont .title_box{padding-top: 8.67vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box{padding-bottom:7.2vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box{width: 100%; padding: 0 0 18.67vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont{width: 100%;height: 33.07vw;padding: 0 3.73vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner .banner_num{font-size: 6.4vw;padding-right: 6.67vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .tag_text{font-size: 3.47vw;font-weight: 600;color: #001495; padding-bottom: 3.67vw;line-height: 3.47vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .title_text{font-size: 4vw;font-weight: 600;line-height: 5.87vw; color: #1D1D1D;word-break: keep-all;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont a{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont .banner_inner{padding: 6.93vw 0;} .main .container .sec02 .cont_wrap .content .cont_box_2 .banner_box .banner_cont.banner_1{} #new_newsBox.list_wrap .list_inner{display: flex;flex-wrap: wrap;max-width: 100%;flex-direction: column;align-items: center;} #new_newsBox.list_wrap .list_inner .list{width: 100%;margin: 0;} #new_newsBox.list_wrap .list_inner .list .img_area{border-radius: 5.3vw;} #new_newsBox.list_wrap .list_inner .list .txt_area{min-height: auto;} #new_newsBox.list_wrap .list_inner .list .txt_area .desc_txt .sub_txt{font-size: 4.53vw;line-height: 6.93vw;font-size: 4.53vw;line-height: 6.93vw;height:auto/* 15.46vw */;margin-top: 5.33vw;} #YouTubeBox.yt_wrap{width: 100%;} #YouTubeBox.yt_wrap .yt_inner .yt{margin-bottom: 0;} #YouTubeBox.yt_wrap .yt_inner .yt.hover_m_7 .img_area::after{width: 14.93vw;height: 14.93vw;} .hover_m_7_2:hover a .img_area::before{display: none;} .hover_m_7_2:hover a .news_img{transform: scale(1);transition: all .5s;} #YouTubeBox.yt_wrap .yt_inner .yt .txt_area .desc_txt .sub_txt{font-size: 4.53vw;line-height: 6.93vw;font-size: 4.53vw;line-height: 6.93vw;height:auto/* 15.46vw */;margin-top: 5.33vw;} #popular_newsBox{max-width: 100%;} #popular_newsBox::before{content: none;} #popular_newsBox::after{content: none;} #popular_newsBox .list_inner .list{-webkit-box-shadow: 0px 1.6vw 2.13vw 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 1.6vw 2.13vw 0px rgba(0,0,0,0.08);box-shadow: 0px 1.6vw 2.13vw 0px rgba(0,0,0,0.08);} #popular_newsBox .list_inner .list .txt_area{min-height: 58.93vw;padding: 6.93vw 5.33vw 8vw;} #series_newsBox::before{content: none;} #series_newsBox .list_inner .list{max-width: 100%;} .main .container .section .cont_wrap{} .main .container .sec01 .cont_wrap .swiper{position: relative;} .main .container .sec01 .cont_wrap .swiper::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;} .main .container .sec01 .cont_wrap .swiper .slide_box.mySwiper{height: 56.38vw;} .main .container .sec01 .cont_wrap .swiper .slide_box.mySwiper2{width: 100%;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box{padding: 6.93vw 6.67vw 9.07vw; height: 65.87vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box .mo{display: block;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box h2{font-size: 5.87vw;line-height: 8.27vw; margin-bottom: 3vw; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box p {font-size: 3.73vw;line-height: 5.87vw;letter-spacing: -0.5px; width: 100%; display: -webkit-box;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;-webkit-line-clamp: 4;word-break: keep-all;} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide .text_box h2 br{display: none;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box{padding-right: 7.22%;} #iframe_pop{width: 350px;} #wrapper #wrap{padding-top: 17vw;} /* #wrapper #wrap.main {padding-top: 0;} */ .container .section .cont_wrap{padding: 0 4.8vw;} #wrap.main .swiper-pagination-bullets {} #wrap.main .control_btn {} .main .container .sec01 {padding-bottom: 0;padding-top: 0;} .main .container .sec01 .cont_wrap .swiper{display: flex; flex-direction: column; justify-content: space-between;max-height: 100%; height: auto;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);} .main .container .sec01 .cont_wrap .swiper .slide_box .swiper-wrapper .swiper-slide {display: inline-block;} .main .container .sec01 .cont_wrap .swiper .slide_box{width: 100%;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box h1, .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont .title_box h1{font-size: 7.47vw;} .main .container .sec02 .cont_wrap{padding-bottom: 0;padding-top: 0;} .main .container .sec02 .cont_wrap .title_box, .main .container .sec04 .cont_wrap .title_box {padding: 18.93vw 0 8vw;} .main .container .sec02 .cont_wrap .content .cont_box_2 .box_2_cont.mr_cont .title_box h1{font-size: 7.47vw;line-height: 7.47vw;} .main .container .sec02 .cont_wrap .more_btn {margin-bottom: 0;margin-top: 1.34VW; width: 44vw;height: 12vw;} .main .container .sec02 .cont_wrap .more_btn button {font-size: 4.27vw;line-height: 5.07vw;} .main .container .sec03 .cont_wrap .title_box {padding:13.60vw 0 8vw;} .main .container .sec02_1 .cont_wrap{padding:7.67vw 0 0;} .main .container .sec02_1 .cont_wrap .newsletter_banner{height: 72vw; border-radius: 0;margin-bottom: 0vw;background: url(../images/en_newsletter_bg_mo.svg) no-repeat center center;background-size: cover;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont{} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box{justify-content: space-between;flex-direction: column;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box button{max-width: 35.47vw;height: 11.2vw;line-height: 11.2vw;border-radius: 8vw; margin-top: 5.33vw; font-size: 3.73vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box{padding: 0;text-align: center;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box h3{font-size: 5.87vw;font-weight: 700;/* padding-bottom: 4vw; */line-height: 8vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span{font-size: 3.46vw;line-height: 5.6vw;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span .pc{display: none;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .sub_box .text_box span .mo{display: block;} .main .container .sec02_1 .cont_wrap .newsletter_banner .newsletter_cont .icon_img{display: none;} .main .container .sec03 .cont_wrap {padding-top: 0;} .main .container .sec04 .cont_wrap {padding-top: 0;padding-bottom: 11vw;} .main .container .sec04 .cont_wrap .title_box span {width: 61.27vw;margin: 0 auto;font-size: 4.27vw;line-height: 6.4vw;} .main .container .sec04 .banner_box{width: 100%;height: 70.04vw; background: #f3fbff;} .main .container .sec04 .banner_box .banner_cont{position: relative; max-width: 100%;height: 100%; display: flex;justify-content: space-between;padding: 0 3.67vw 0 8vw;margin:0 auto;} .main .container .sec04 .banner_box .banner_cont .banner_img{width: 34.93vw;height: 70.04vw; background: url('../images/banner_img_mo.png')no-repeat left 100%; background-size: contain;} .main .container .sec04 .banner_box .banner_cont .banner_text {padding-top: 12.53vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box{color: #1D1D1D;margin-bottom: 6.93vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > p{font-size: 3.47vw;font-weight: 500;letter-spacing: 0.2px;} .main .container .sec04 .banner_box .banner_cont .banner_text .text_box > h1{font-size: 5.6vw;font-weight: 700;line-height: 8vw;letter-spacing: -0.4vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box{align-items: flex-start;justify-content: left;flex-direction: column;flex-wrap: nowrap;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a{display: flex;align-items: center;justify-content: center; width: 47.47vw;height:10.13vw;line-height: 10.13vw; border: 1px solid #BCCDD5;border-radius: 6.4vw;background: #ffffff;font-size: 3.4vw;font-weight: 600;color: #1D1D1D;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a span{display: inline-block;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a span.text{font-family: 'Pretendard';} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a span.icon{margin-left: 15px;width: 4.46vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a span.icon:first-child{width: 3.56vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a.learn{margin-right: 0;margin-bottom: 2.93vw;} .main .container .sec04 .banner_box .banner_cont .banner_text .button_box > a.look{} #new_newsBox .list_inner .list .txt_area .desc_txt {margin-top: 5.33vw;margin-bottom: 10.67vw;} #new_newsBox .list_inner .list .txt_area .desc_txt {margin-top: 5.33vw;margin-bottom: 10.67vw;} /*스와이퍼 버튼*/ #wrap .bt_box{position: absolute;bottom: 0;right: 4.8vw;width: 2%;margin-bottom: 5vw;} #wrap.main .container .sec01 .cont_wrap .contentBox .bt_box{display: none;} .swiper-scrollbar{display: block;} .swiper-container-horizontal>.swiper-scrollbar{position: absolute; bottom: 8vw;width: 67.2vw;height: 0.53vw; /* width: 70%; */} .swiper-scrollbar-drag {display: block; background: #000;} #wrap .bt_box .swiper-button-prev{position: absolute;bottom: 0;margin-top: -7vw; left: -10.5vw; width: 7.2vw;height: 7.2vw;border-radius: 7.2vw; background: url('../images/prev_btn_mo.svg')no-repeat center center;background-size: 100% 100%;box-shadow: none;} #wrap .bt_box .swiper-button-next{position: absolute;bottom: 0;margin-top: -7vw; left: -0.5vw; width: 7.2vw;height: 7.2vw;border-radius: 7.2vw; background: url('../images/next_btn_mo.svg')no-repeat center center;background-size: 100% 100%;box-shadow: none;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.2;} #popular_newsBox::after{display:none;} #series_newsBox::after{display: none;} #wrapper #wrap.view.card{} #wrapper #wrap.view.card .view_wrap{} #wrapper #wrap.view.card .view_wrap .postSwiper{position: relative;overflow: hidden;} #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box{position: unset;bottom: 0;right: 0;width: ;margin-bottom: 0;} #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-prev{left: 2.13vw;right: auto;margin-top: 0; background-size: 1.33vw 2.67vw;} #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-next{right: 2.13vw;left: auto;margin-top: 0; background-size: 1.33vw 2.67vw;} #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-next.swiper-button-disabled, #wrapper #wrap.view.card .view_wrap .postSwiper .bt_box .swiper-button-prev.swiper-button-disabled{display: block;opacity: 0.2;} #wrapper #wrap.view.card .view_wrap .postSwiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: absolute;bottom: 0;left:50%;transform: translate(-4.27vw ,-1.6vw);width: 8.53vw;height: 4.8vw;background: #000000;border-radius: 6.4vw;color: #FFFFFF;line-height: 4.8vw;font-family: 'Pretendard';font-size: 2.93vw;letter-spacing: -1.6px;opacity: 0.8;} /* list */ #wrapper #kv{position: relative; width: 100%;height: 40vw;overflow: hidden;} #wrapper #kv .kv_dim{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #000000;opacity: 0.4;z-index: 1;} #wrapper #kv .kv_area{position: relative; width: 100%;height: 40vw;overflow: hidden;transform: scale(1.2);transition: transform 1s;height: 100%;} #wrapper #kv .kv_area img{display: flex;align-items: center;justify-content: center;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%; object-fit: cover;} #wrapper #kv .kv_area.on{transform: scale(1);transition: transform 1s;} #wrapper #kv .kv_area h1{position: absolute;width: 100%; text-align: center;line-height: 40vw;color: #ffffff;font-size: 6.40vw;font-weight: 700;z-index: 2;opacity: 0; transition: opacity 2s;} #wrapper #kv .kv_area h1.on{opacity: 1;transition: opacity 2s;height: 100%;} #wrapper #wrap.default_list .container{padding-top: 0;} #wrapper #wrap.default_list .container .section .cont_wrap{padding: 0;} #wrapper #wrap.default_list .container .section .list_wrap{padding:13.33vw 5.33vw 4.8vw;} #wrapper #wrap.default_list .sec01 .tab_box{text-align: left; border-bottom: 1px solid #E4E4E4; margin: 0;background: #fff;} #wrapper #wrap.default_list .sec01 .tab_box .tab_btn{padding: 5.07vw 5.33vw;margin-left: 0; font-size: 4vw; color: #8D8D8D;background: transparent; border-radius: none;font-weight: 600;} #wrapper #wrap.default_list .sec01 .tab_box .tab_btn.on{padding: 5.07vw 5.33vw;font-size: 4vw; color: #263070;background: transparent;border-bottom: 2px solid #263070; border-radius: 0;} #wrapper #wrap.default_list .sec01 .pagination {margin-bottom: 21.33vw;text-align: center;} #wrapper #wrap.default_list .sec01 .pagination .btn_box {display: flex;align-items: center;justify-content: center;font-size: 0;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn {display: inline-block;width: 7.73vw;height: 9.6vw;border:1px solid #e5e5e5; line-height: 7.73vw;border-radius: 1.33vw;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_prev {background: url('../images/list_btn_prev.svg') no-repeat center #FFFFFF;background-size: 1.87vw 3.2vw;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_prev.on {background: url('../images/list_btn_prev_on.svg') no-repeat center #FFFFFF;background-size: 1.87vw 3.2vw;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_next {background: url('../images/list_btn_next.svg') no-repeat center #FFFFFF;background-size: 1.87vw 3.2vw;} #wrapper #wrap.default_list .sec01 .pagination .btn_box .btn.btn_next.on {background: url('../images/list_btn_next_on.svg') no-repeat center #FFFFFF;background-size: 1.87vw 3.2vw;} #wrapper #wrap.default_list .sec01 .pagination .num_box .num:first-child {margin-left: 2.67vw;} #wrapper #wrap.default_list .sec01 .pagination .num_box .num {font-size: 4.27vw;font-weight: 400;margin-right: 2.67vw;color: #1D1D1D;} /* S: 20231106 추가 */ #wrapper #wrap.result_list .sec01 .tab_box .tab_tag{position: relative;border-radius: 8vw;margin-right: 2.13vw;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner{display: flex;align-items: center;min-width: 29.87vw;padding: 2.4vw 3.73vw 2.4vw 4.53vw;background: #fff;border: 1px solid #DEDEDE;border-radius: 8vw;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a{display: flex;align-items: center;justify-content: space-between;gap: 2.67vw;width: 100%;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a .category_recent{min-width: auto;font-size: 3.43vw;color: #1d1d1d;text-align: left;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a .search_list_img{display: block;width: 4vw;height: 2.67vw;background: url('../images/menuArr.svg') no-repeat center center #FFFFFF;background-size: 100% 100%;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_inner a.on .search_list_img{transform: rotate(180deg);} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list{display: none;flex-direction: column;gap: 0;position: absolute;left: 0;min-width: 31.73vw;margin-top: 1.87vw;text-align: left;border: none;background: #fff;border-radius: 1.87vw;box-shadow: 0 0.8vw 1.6vw rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list.on{display: flex;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li{} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li a {display: block;font-size: 3.73vw;color: #1D1D1D;background: #ffffff;padding: 2.67vw 3.2vw;border-radius: 0;} #wrapper #wrap.result_list .sec01 .tab_box .tab_tag .category_tab_list li.on a {display: block;font-size: 3.73vw;color: #1D1D1D;background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag {width: auto;min-width: 31.73vw;height: 9.6vw;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner {display: flex;align-items: center;margin-bottom: 1.87vw;padding: 2.4vw 3.73vw 2.4vw 4.53vw;background: #fff;border: 1px solid #DEDEDE;border-radius: 8vw;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner .search_list {display: flex;align-items: center;gap: 2.67vw;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner .search_list .search_list_img {display: inline-block; background: url('../images/filter_icon.svg') no-repeat center #fff;width: 4.53vw;height: 2.4vw;border-radius: 0;border: 0;background-size: 4.45vw 2.48vw;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_inner .search_list .recent {min-width: auto;font-size: 3.43vw;color: #1d1d1d;text-align: left;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list {display:none;position: absolute;top: 0;left: 50%;margin-top: 12vw;margin-left: 2vw;width: 31.73vw; height: auto;text-align: left;border: none;background: #fff; border-radius: 1.87vw;box-shadow: 0 0.8vw 1.6vw rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list.on {display:block;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li {} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li:hover {background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li.on {background: #f6f6f6;} #wrapper #wrap.result_list .sec01 .tab_box .search_tag .search_tab_list li a {display: block;font-size: 3.73vw;padding: 2.67vw 3.2vw;color: #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box{margin-top: 12vw;margin-right: -33vw;padding: 4vw 3.47vw;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox{display: flex;justify-content: space-between;align-items: center;font-size: 3.73vw;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox input[type=text] {position:relative; width:25.33vw; height: 9.07vw; border: 1px solid #DEDEDE; border-radius: 1.07vw; padding: 2.13vw; font-size: 3.73vw; letter-spacing: -0.13vw;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .dateInputBox input[type=text]:focus{border:1px solid #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap{display: flex;align-items: center;justify-content: center;gap: 2.13vw;/* margin-top: 4.8vw; */} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap > button{display: flex;align-items: center;justify-content: center;width: 15.73vw;height: 7.47vw;border-radius: 1.07vw;font-family: 'Pretendard', sans-serif;font-size: 3.2vw;font-weight: 600;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap .reset_btn{border: 1px solid #D4D4D4;background-color: #ffffff;color: #1D1D1D;} #wrapper #wrap.result_list .sec01 .tab_box .search_date_box .btn_wrap .btn{border: 1px solid #1D1D1D;background-color: #1D1D1D;color: #ffffff;} /* E: 20231106 추가 */ #wrapper #wrap.result_list .sec01 .pagination .btn_box .num_box a{ width: 7.73vw;height: 9.6vw;background-size: 1.87vw 3.2vw;font-size: 4.27vw;} #wrapper #wrap.result_list .sec01 .pagination .btn_box .btn{ width: 7.73vw;height: 9.6vw;background-size: 1.87vw 3.2vw;font-size: 4.27vw;} #wrapper #wrap.view .container{max-width: 100%;margin:0;padding: 21.33vw 4.8vw;border-radius: 0;box-shadow: none;} #wrapper #wrap.view .view_banner.pc_bn{display: none;} #wrapper #wrap.view .view_banner.mo_bn{display: block;} #wrapper #wrap.view .container .section .view_wrap .view_cont{border: none;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share{display: block;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .date{font-size: 3.73vw;padding-bottom: 5.33vw;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box{padding-top: 5.33vw;border-top: 1px solid #E5E5E5;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn{/* top: 50%;margin-top: -9vw; */} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn:hover::after{transform: translate(47.6vw, 5vw);display: none;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn span{top: 50%;margin-top: -9vw;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn span{font-size: 3.2vw;font-weight: 500;color: #FFFFFF;display: block;width: auto;position: absolute;background: #2E2E2E;border-radius: 0.93vw;text-align: center;padding: 1.33vw 2.4vw;left: 0;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_fb span{display: none;transform: translate(0vw, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_tw span{display: none;transform: translate(12vw, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_bl span{display: none;transform: translate(23vw, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_ml span{display: none;transform: translate(34vw, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li::after{transform: translate(47.6vw, 3.5vw);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li span{display: none;transform: translate(46vw, 0px);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li.fade span.fade{opacity: 1;transform: translate(33vw, -1.5vw);} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li.fade span.fade::after{display: block;position: absolute;top: 50%;left: 50%;content: '';width: 4.27vw;height: 3.47vw;background: url(../images/arrow_hover.svg) no-repeat center center;margin-top: 2.8vw;margin-left: -3vw;background-size: 100% 100%;} #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li.fade::after{content: none;} .view_comment .comment_wrap .comment_toggle {margin-bottom: 0;padding: 4.53vw 3.2vw 4.53vw 4vw;border-radius: 3.2vw;} .view_comment .comment_wrap .comment_toggle .comment_count{font-size: 3.73vw;font-weight: 500;} .view_comment .comment_wrap .comment_toggle .tg_aw{width: 5.6vw;height: 3.73vw;} .view_comment .comment_wrap .comment_toggle .tg_aw.on{width: 5.6vw;height: 3.73vw;} .view_footer .view_footer_wrap .pre_next{display: flex;justify-content: space-between;margin-top: 60px;flex-direction: column;flex-wrap: nowrap;align-items: center;} .view_footer .view_footer_wrap .pre_next > a{width: 100%;} /* .view_footer .view_footer_wrap .pre_next > a.is_data .desc_txt{font-size: 3.73vw;} */ .view_footer .view_footer_wrap .pre_next .pre_box{border-radius: 3.2vw 3.2vw 0 0;} .view_footer .view_footer_wrap .pre_next > a.is_data.pre_box{padding: 5.67vw 6.13vw;margin-bottom: 0.53vw;} .view_footer .view_footer_wrap .pre_next > a.is_data.pre_box::after{display: none;} .view_footer .view_footer_wrap .pre_next .next_box{ border-radius:0 0 3.2vw 3.2vw;} .view_footer .view_footer_wrap .pre_next > a.is_data.next_box{text-align: left;padding: 5.67vw 6.4vw;} .view_footer .view_footer_wrap .pre_next > a.is_data.next_box::after{display: none;} .view_footer .view_footer_wrap .pre_next a.no_data p {display: flex;justify-content: center;align-items: center;height: 100%;} .footer_bottom{display: flex;flex-direction: column-reverse;} .view_comment .comment_wrap .comment_box{padding: 6.67vw 0 0;} .view_comment .comment_wrap .comment_box .is_comment{padding: 0 4vw;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info{position: relative;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .mo_icon{position: absolute;right: 0;display: block;width: 5.06vw;height: 6.4vw; background: url('../images/mo_icon.svg')no-repeat center center;background-size: 100% 100%;z-index: 2;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box{display: none;} .view_comment .comment_wrap .comment_box .is_comment ul li:hover .us_info .change_box{display: none;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box.on{position: absolute; display: flex;flex-direction: column; width: 13.8vw;height:auto;top: -1vw;right: -4vw;border-radius: 1.6vw;background: #FFFFFF;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);z-index: 10;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box{} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box a{text-align: center;padding: 3.2vw 3.47vw;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box a span{font-size: 3.73vw;font-weight: 500;} .view_comment .comment_wrap .comment_box .is_comment ul li .us_info .change_box a .chg{margin-right: 0;} .view_comment .comment_wrap .comment_box .comment_write .input_sub{flex-direction: column;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box{flex-direction: column;width: 100%;margin-bottom: 8vw;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box input{width: 100%;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .input_box input[type="text"]{margin-right: 0;margin-bottom: 2.13vw;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .submit_btn {width: 32vw;height: 10.4vw;line-height: 10.4vw;border-radius: 1.07vw;} .view_comment .comment_wrap .comment_box .comment_write .input_sub .submit_btn a{width: 32vw;height: 10.4vw;line-height: 10.4vw;border-radius: 1.07vw;font-size: 4.27vw;font-weight: 600;} .view_comment .comment_wrap .comment_box .comment_write textarea{margin-bottom: 2.13vw;} #popupLayer .pop_box{top: 0;left: 0;width: 100%;max-width: 100%;height: 100vh;transform: translate(0,0);background:#FFFFFF;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} #popupLayer .pop_box .pop_cont{position:relative;width:100%;} #popupLayer .pop_box .pop_cont .pop_head{display: flex;justify-content: center;align-items: center; height: 17.07vw;text-align: center;border-bottom: 1px solid #E4E4E4;} #popupLayer .pop_box .pop_cont .pop_head > p{font-size: 4.8vw;font-weight: 500;color: #1D1D1D;} /*뷰 페이지*/ #wrapper #wrap.view .container .section .view_wrap .title_box .tag_box > span{font-size: 3.73vw;font-weight: 600; color: #263070;padding-right: 5.33vw;letter-spacing: -1px;} #wrapper #wrap.view .view_banner.pc_bn{display: none;} #wrapper #wrap.view .view_banner.mo_bn{display: block;background: #FFFFFF;} /*회사 소개*/ #wrapper #wrap.about .container{padding-top: 13.6vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain2 {margin-top: 8.79vw;} .about .container .section .cont_wrap .title_box h1{font-size: 7.47vw;line-height: 1;} .about .container .section.sec01 .cont_wrap .title_box p{font-size: 4.53vw;font-weight: 600;line-height: 6.93vw;/* padding-top: 8vw; */} .about br.mobile{display: block;} .about .container .sec01 .cont_wrap {padding-bottom: 18.93vw;} .about .container .sec01 .cont_wrap .title_box {padding-bottom: 10.67vw;} .about .container .sec01 .cont_wrap .cont_box{width: 100%;height: 50.93vw;} .about .container .sec01 .cont_wrap .cont_box .play_box{width: 100%;height: 100%;} .about .container .sec01 .cont_wrap .cont_box .play_box iframe{width: 100%;height: 100%;} .about .container .sec01 .cont_wrap .cont_box .play_box > img{ border-radius: 3.2vw;} .about .container .sec02 .cont_wrap .title_box {padding-bottom: 8vw;} .about .container .sec02 .cont_wrap .title_box h1 {line-height: 1;} .about .container .sec02 .cont_wrap{padding: 0 0 275.9vw;} .about .container .sec02 .cont_wrap .cont_box .bg_box h3 {padding-top: 12vw;font-size: 5.60vw;line-height: 7.73vw;} .about .container .sec02 .cont_wrap .cont_box .bg_box .video-container {height: 79.2vw;} .about .container .sec02 .cont_wrap .cont_box .bg_box .video-container video {height: 79.2vw;outline: none;border: none;} .about .container .sec02 .cont_wrap .video-container::before {height: 100%;} .about .container .sec02 .cont_wrap .cont_box .info_box{background-color: transparent; display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;bottom: auto;top: 53.33vw;width: 90.4vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box{width: 100%;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1{padding: 10.67vw 8vw 13.60vw; border-radius: 3.2vw;margin-bottom: 2.67vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1 > p{font-size: 3.73vw; line-height: 6.93vw;padding-bottom: 8vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_1 > p:last-child{padding-bottom: 0;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2{padding: 14.13vw 7.47vw 9.04vw; border-radius: 3.2vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div{padding: 16vw 7.33vw 6.13vw; border-bottom: 1px solid rgba(255,255,255,.2);} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:first-child{padding-top: 0;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div img{display: block;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(1) img{width: 8.93vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(2) img{width: 10.93vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div:nth-child(3) img{width: 10.93vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div p{font-size: 14.93vw;margin-right: 3.2vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 > div span{font-size: 3.47vw;} .about .container .sec02 .cont_wrap .cont_box .info_box .text_box_2 .datum{text-align: center; font-size: 3.73vw;padding-top: 8.53vw;} .about .container .sec03 {padding-top: 82.33vw;} .about .container .sec03 .cont_wrap {padding-bottom: 0;} .about .container .sec03 .cont_wrap .title_box {padding-bottom: 8vw;} .about .container .sec03 .cont_wrap .title_box h1 {line-height: 1;} .about .container .sec03 .cont_wrap .cont_box .case_contain{display: flex;max-width: 100%;font-size: 0;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box.big{width: 100%;height: 44.53vw;padding-left: 14.67vw;border-radius: 3.2vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box{display: inline-block; width: 44.27vw;height: 44.27vw;margin-right: 0;margin-bottom: 1.6vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box:nth-child(odd){margin-right:0;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box h1{font-size: 7.47vw;margin-bottom: 1.87vw;font-weight: 800;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box span{font-size: 3.2vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain .case_box h3{font-size: 3.47vw;padding-top: 5.87vw;} .about .container .sec03 .cont_wrap .cont_box .case_contain2{margin-top: 8.79vw;} .about .container .sec04 .cont_wrap{padding: 17.33vw 0 0;} .about .container .sec04 .cont_wrap .title_box, .about .container .sec05 .cont_wrap .title_box {padding-bottom: 8vw;} .about .container .sec04 .cont_wrap .title_box p {padding-top: 5.33vw;font-size: 4.27vw;line-height: 6.4vw;width: 73.6vw;margin: 0 auto;word-break: keep-all;letter-spacing: -1px;} .about .container .sec04 .cont_wrap .title_box p br.mobile {display: none;} .about .container .sec04 .cont_wrap .title_box h1 {line-height: 1;} .about .container .sec04 .cont_wrap .cont_box .map_box{overflow-x: block;} .about .container .sec04 .cont_wrap .cont_box .map_box::-webkit-scrollbar {width: auto;height:0.8vw;} .about .container .sec04 .cont_wrap .cont_box .map_box::-webkit-scrollbar-thumb {background-color:#FFFFFF;} .about .container .sec04 .cont_wrap .cont_box .map_box::-webkit-scrollbar-track {background-color: #6A6A6A;} /* .about .container .sec04 .cont_wrap .cont_box .map_box::-webkit-scrollbar {background-color: #263070;} */ .about .container .sec04 .cont_wrap .cont_box .map_box p.on{height: 92vw;} .about .container .sec04 .cont_wrap .cont_box .map_box p img.pc{display: none;} .about .container .sec04 .cont_wrap .cont_box .map_box p img.mo{display: block;width: auto;height:100%;} .about .container .sec04 .cont_wrap .cont_box .map_tab{position: relative;bottom: auto;top: 0;left: 0;margin-left: 0;width: 100%;height: 34.67vw;display: flex;align-items: center;justify-content: center;background: #171717;} .about .container .sec04 .cont_wrap .cont_box .map_tab button{width: 16vw;} .about .container .sec04 .cont_wrap .cont_box .map_tab::before{top: -7.73vw;bottom: auto;left: 0;content: 'You can scroll from side to side';width: 100%;text-align: center;font-size: 2.93vw;color: #FFFFFF;margin-left: 0;border: 0;background: none;height: auto;transform: translateX(0);} .about .container .sec04 .cont_wrap .cont_box .map_tab::after{content: none;} .about .container .sec04 .cont_wrap .cont_box .map_tab .tab_01{width: 21.33vw;height: 21.33vw;background: url('../images/en_m_map_tab_01.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec04 .cont_wrap .cont_box .map_tab .tab_02{width: 21.33vw;height: 21.33vw;margin: 0 11.47vw 0 12vw; background: url('../images/en_m_map_tab_02.png')no-repeat center center;background-size: 100% 100%; opacity: 0.2;} .about .container .sec04 .cont_wrap .cont_box .map_tab .tab_03{width: 21.33vw;height: 21.33vw;background: url('../images/en_m_map_tab_03.png')no-repeat center center;background-size: 100% 100%;} .about .container .sec05 .cont_wrap {padding-top: 18.93vw; padding-bottom: 16.5vw;} .about .container .sec05 .cont_wrap .title_box h1 {line-height: 1;} .about .container .sec05 .cont_wrap .title_box p{ padding-top: 5.33vw;font-size: 4.27vw;line-height: 6.4vw;} .about .container .sec05 .cont_wrap .title_box p br.mobile{display: block;} .about .container .sec05 .cont_wrap .cont_box.sec_sw::before{display: none;} .about .container .sec05 .cont_wrap .cont_box.sec_sw::after{display: none;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list{width: 86.67vw !important; margin-bottom: 17vw;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .img_area{height: 54.13vw; border-radius: 2.3vw 2.3vw 0 0; padding-top: 0;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .img_area img{height: 100%;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area{padding: 6.93vw 5.33vw 8vw;max-height:50.93vw; min-height:50.93vw;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area h2{font-size: 4.53vw;padding-bottom: 4vw;} .about .container .sec05 .cont_wrap .cont_box.sec_sw .list_cont .list .txt_area p{font-size:3.73vw;line-height: 5.87vw;} /*개인정보 처리방침*/ /*모바일 계산 375px 기준*/ #wrapper #wrap.privacy .container {padding-top: 13.33vw;background: #fff;} #wrapper #wrap.privacy{background: #FFFFFF;} #wrap.privacy .cont_wrap .title_box {height: 33.07vw; background-position-x: 90%; padding: 0 0 0 10.67vw;} #wrap.privacy .cont_wrap .title_box h1 {font-size: 5.87vw; line-height: 15.73vw; letter-spacing: -0.03em;} #wrap.privacy .cont_wrap .cont_box {margin: 11.47vw auto 21.25vw;} #wrap.privacy .cont_wrap .cont_box p {width: 99%; margin: 0 auto; font-size: 3.73vw; line-height: 6.93vw; letter-spacing: -0.03em; word-break: keep-all;} #wrap.privacy .cont_wrap .cont_box .content {margin-top: 16.00vw; } #wrap.privacy .cont_wrap .cont_box .content h2 {font-size: 4.53vw; line-height: 6.93vw; font-weight: 600; letter-spacing: -0.03em; margin-bottom: 6.67vw;} #wrap.privacy .cont_wrap .cont_box .content .box{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%; row-gap: 2.13vw;} #wrap.privacy .cont_wrap .cont_box .content .box > div{ position: relative; display: flex;flex-direction: column;align-items: flex-start;justify-content: center; width: 100%;max-width: 100%; height: 100%; min-height: 28.00vw; text-align: left; padding-left: 29.25vw;} #wrap.privacy .cont_wrap .cont_box .content .box > div img {position: absolute;top: 9.97vw; left: 11.09vw;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_1 img{width: 8.05vw; height: 8.05vw;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_2 img{width: 7.85vw;height:7.98vw;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_3 img{width: 8.46vw;height: 8.58vw;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_4 img{width: 8.58vw;height: 8.58vw;} #wrap.privacy .cont_wrap .cont_box .content .box > div h3{font-size: 3.73vw;font-weight: 600;margin:0 0 2.67vw; letter-spacing: -0.03em; text-align: left;} #wrap.privacy .cont_wrap .cont_box .content .box > div p{font-size:3.47vw; line-height: 5.33vw; letter-spacing: -0.03em; padding: 0;} #wrap.privacy .cont_wrap .cont_box .content .box > div.box_3 p br {display: none;} #wrap.privacy .cont_wrap .cont_box .content .box > div p br.t_show {display: none;} #wrap.privacy .cont_wrap .cont_box .content p {width: 100%;} #wrap.privacy .cont_wrap .cont_box .content table {margin: 6.67vw auto 10.67vw;} /* #wrap.privacy .cont_wrap .cont_box .content table.marginNone{width: 100%;margin: 35px auto 0;} */ #wrap.privacy .cont_wrap .cont_box .content table tr th, #wrap.privacy .cont_wrap .cont_box .content table tr td{padding: 5.07% 3.60%;font-size: 2.93vw;line-height: 4.80vw; letter-spacing: -0.04em; border: 1px solid #DEDEDE; word-break: keep-all;} #wrap.privacy .cont_wrap .cont_box .content table tr td.sec {} #wrap.privacy .cont_wrap .cont_box .content table tr td.sec .pc{display: none;} #wrap.privacy .cont_wrap .cont_box .content table tr td.third {} #wrap.privacy .cont_wrap .cont_box .content table.textCenter tr th, #wrap.privacy .cont_wrap .cont_box .content table.textCenter tr td{text-align: center;} /* #wrap.privacy .cont_wrap .cont_box .content table.textCenter tr td {vertical-align: top;} */ #wrap.privacy .cont_wrap .cont_box .content table tr th{padding: 4.80% 3.80%;font-size: 2.93vw;line-height:4.80vw;font-weight: 600;} /* #wrap.privacy .cont_wrap .cont_box .content table tr td {vertical-align: text-top;} */ #wrap.privacy .cont_wrap .cont_box .content table tr td br.m_show {display: block;} #wrap.privacy .cont_wrap .cont_box .content table:not(.long_tb) tr th:first-child{padding: 4.80% 2.27%; width: 19vw;} #wrap.privacy .cont_wrap .cont_box .content table:not(.long_tb) tr th:nth-child(2){padding: 4.80% 2.27%; width: 42vw;} /* #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(1){width:16.22%;} */ /* #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(2){width:28.02%;} #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(3){width:26.55%;} #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr.head th:nth-child(4){width:29.21%;} */ #wrap.privacy .cont_wrap .cont_box .content.cont_2 table tr td:last-child{padding:4.80vw 4.27vw;} /* #wrap.privacy .cont_wrap .cont_box .content table.long_tb tr th{padding: 0;} #wrap.privacy .cont_wrap .cont_box .content table.long_tb tr td{padding: 0;} */ #wrap.privacy .cont_wrap .cont_box .content.cont_4 table tr.head th{padding: 2.5vw 6vw;} #wrap.privacy .cont_wrap .cont_box .content.cont_4 table tr.head th:nth-child(1), #wrap.privacy .cont_wrap .cont_box .content.cont_4 table tr.head th:nth-child(3){padding: 2.5vw 2vw;} #wrap.privacy .cont_wrap .cont_box .content.cont_4 table tr td {padding: 3.27vw 3.6vw} #wrap.privacy .cont_wrap .cont_box .content.cont_4 table tr td:nth-child(1), #wrap.privacy .cont_wrap .cont_box .content.cont_4 table tr td:nth-child(3){padding: 3.27vw 2vw;} #wrap.privacy .cont_wrap .cont_box .content.cont_5 table tr.head th:nth-child(1){padding: 1.8vw 8vw;} #wrap.privacy .cont_wrap .cont_box .content.cont_5 table tr td:nth-child(2), #wrap.privacy .cont_wrap .cont_box .content.cont_5 table tr td:nth-child(3) {padding: 3vw 6vw;} #wrap.privacy .cont_wrap .cont_box .content.cont_11 table tr th {width: 50%;} /* 뉴스룸 구독 설정 */ #wrapper #wrap.newletter_set{ background-color: #F9F9F9; height: 100%; overflow: inherit;} #wrapper #wrap.newletter_set .container {padding: 9.6vw 0;height: auto; min-height: 78.2%; margin: 0;background-color: #ffffff;} #wrapper #wrap.newletter_set .container #sec01 {width: 100%;height: 100%;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap {} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox{width: 100%; height: 100%; margin: 0 auto; letter-spacing: -0.03em; background-color:#fff; border-radius: 0; color: #1D1D1D; padding: 0;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .topBox { padding-bottom: 3.73vw; border-bottom: 1px solid #000000;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .topBox p {font-size: 4.8vw; font-weight: 500;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .bottomBox {margin: 9.6vw 0 10.67vw;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .contentBox .bottomBox p{font-size: 5.87vw;font-weight: 700; line-height: 1;text-align: center;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .complete_btn {width: 35.73vw; height: 14.13vw; background-color:#1D1D1D; border-radius: 1.07vw;margin: 0 auto;} #wrapper #wrap.newletter_set .container #sec01 .cont_wrap .complete_btn a {display: flex;align-items: center;justify-content: center; width: 100%; height: 100%; color: #fff; font-size: 5.6vw; font-weight: 600;} }