@charset "UTF-8";
/* @import url('https://cdn.jsdelivr.net/gh/Shaper-DesignTeam/font/PlayfairDisplay/PlayfairDisplay.css'); */

.playfairdisplay { font-family: 'PlayfairDisplay', serif; }

.contents { position: relative; }
.divpop img { width: auto; max-width: 800px; }

@media screen and (max-width:768px){
    .divpop img { width: 100%; }
}
    
/* 메인 키비주얼 */
.main_basic .main_vis .main-txt-slide { width: 100vw;  height: 100vh; position: absolute; top: 0; left: 0; z-index: 2; }
.main_basic .main_vis .main-txt-slide .vis { width: 100%; height: 100%; opacity: 0 !important; }
.main_basic .main_vis .main-txt-slide .vis.swiper-slide-active { opacity: 1 !important; }
.main_basic .main_vis .main-txt-slide .vis_txt { top: 45%; }
.main_basic .main_vis .main-txt-slide .vis .vis_txt .each-tx-wrap .txt-wrap p { margin-top: 0; }

.main_basic .main_vis .progress-wrap { width: max-content; position: absolute; top: 43%; right: 8%; }
.main_basic .main_vis .kv-progress-bar { width: 20vw; position: static; }
.main_basic .main_vis .kv-progress-bar p { width: 100%; height: 2px; }

.main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra { top: 80%; left: unset; right: 0; font-family: 'PlayfairDisplay', serif; }
.main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-current { font-size: 60px; color: #fff; }
.main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-total { font-size: 40px; color: rgba(255, 255, 255,.65); }

.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wing-arr { height: 150px; top: 48%; z-index: 5; }
.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wing-arr .swiper-arrow { background-color: transparent; top: 50%; transform: translateY(-50%); }
.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wing-arr .swiper-arrow.swiper-button-prev { left: -30px; transition: all 0.45s ease; }
.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wing-arr .swiper-arrow.swiper-button-next { right: -30px; transition: all 0.45s ease; }
.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wing-arr:hover .swiper-arrow.swiper-button-prev { left: 50px; }
.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wing-arr:hover .swiper-arrow.swiper-button-next { right: 50px; }

.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wrap-arr { width: 100px; height: 42px; top: 56%; right: unset; left: 0; }
.main_basic .main_vis .swiper-control .swiper-arrow-wrap.wrap-arr .swiper-arrow { width: 42px; height: 42px; background-size: 12px; top: 0; }

.main_basic .main_vis .swiper-playstop-btn { width: 54px; height: 54px; top: 40.5%; left: unset; right: 0; z-index: 10; }
.main_basic .main_vis .swiper-playstop-btn .playstop-btn { border: 3px solid #fff; }

@media screen and (max-width:1300px){
    .swiper-container .vis .vis_txt .each-tx-wrap .tit-wrap p { font-size: 50px; }

    .main_basic .main_vis .progress-wrap { top: auto; right: auto; bottom: 10%; left: 50%; transform: translateX(-50%); }
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra { top: auto; bottom: 9.5%; right: auto; left: calc(50% - 20vw); font-size: 34px; font-family: 'Noto Sans KR'; font-weight: 300; }
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-current { font-size: 34px; font-weight: 500; }
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-total { font-size: 34px; }
    .main_basic .main_vis .swiper-control .swiper-arrow-wrap.wing-arr { display: none; }
    .main_basic .main_vis .swiper-control .swiper-arrow-wrap.wrap-arr { top: auto; bottom: 7%; left: auto; right: 27%; }
    .main_basic .main_vis .swiper-arrow-wrap.wrap-arr .swiper-arrow.swiper-button-prev { background-image: url('/resources/img/common/arr_prev_tb.png'); }
    .main_basic .main_vis .swiper-arrow-wrap.wrap-arr .swiper-arrow.swiper-button-next { background-image: url('/resources/img/common/arr_next_tb.png'); }
    .main_basic .main_vis .swiper-playstop-btn { width: 44px; height: 44px; top: auto; bottom: 7%; right: 20%; }
    .main_basic .main_vis .swiper-playstop-btn .playstop-btn { border: 1px solid #fff; }
    .main_vis .swiper-playstop-btn .swiper-btn-play { background: url('/resources/img/main/slide_ico.png') no-repeat 15px -31px/16px; }
    .main_vis .swiper-playstop-btn .swiper-btn-stop { background: url('/resources/img/main/slide_ico.png') no-repeat center 12px/16px; }
}
@media screen and (max-width:960px){
    .main_basic .main_vis { width: 100vw; height: 75vh; }
    .main_basic .main_vis .parallax_slide .vis_wrap { width: 100%; height: 75vh; }
    .main_basic .main_vis .swiper-container .vis { height: 75vh; }
    .main_basic .main_vis .swiper-container .vis .vis_bg { height: 75vh; }
    .main_basic .main_vis .main-txt-slide { width: 100%; height: 75vh; }

    .main_basic .main_vis .main-txt-slide .vis .vis_txt .each-tx-wrap .tit-wrap p { font-size: 42px; }
    .main_basic .main_vis .progress-wrap { left: 48%; }
    .main_basic .main_vis .kv-progress-bar { width: 36vw; }
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra { bottom: 9%; left: 15%; font-size: 30px; }
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-current,
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-total { font-size: 30px; }
    .main_basic .main_vis .swiper-control .swiper-arrow-wrap.wrap-arr { width: 80px; height: 36px; right: 18.5%; }
    .main_basic .main_vis .swiper-control .swiper-arrow-wrap.wrap-arr .swiper-arrow { width: 36px; height: 36px; background-size: 10px; }
    
    .main_basic .main_vis .swiper-playstop-btn { width: 38px; height: 38px; right: 11%; }
    .main_vis .swiper-playstop-btn .swiper-btn-play { background: url('/resources/img/main/slide_ico.png') no-repeat 14px -26px/14px; }
    .main_vis .swiper-playstop-btn .swiper-btn-stop { background: url('/resources/img/main/slide_ico.png') no-repeat center 10px/14px; }
}
@media screen and (max-width:768px){
    .main_basic .main_vis { height: 100vw; }
    .main_basic .main_vis .parallax_slide .vis_wrap { height: 100vw; }
    .main_basic .main_vis .swiper-container .vis { height: 100vw; }
    .main_basic .main_vis .swiper-container .vis .vis_bg { height: 100vw; }
    .main_basic .main_vis .main-txt-slide { height: 100vw; }

    .main_basic .main_vis .main-txt-slide .vis_txt { padding: 0 2%; }
    .main_basic .main_vis .main-txt-slide .vis .vis_txt .each-tx-wrap .tit-wrap p { font-size: 30px; margin-right: 7px; padding-bottom: 10px; }
    .main_basic .main_vis .main-txt-slide .vis .vis_txt .each-tx-wrap .txt-wrap p { font-size: 20px; margin-top: 5px; padding-left: 0; }
    .swiper-container span.txt-blind { margin-right: 1px; }
    .main_vis .swiper-control { max-width: 360px; }
    .main_basic .main_vis .kv-progress-bar { max-width: 130px; }
    .main_basic .main_vis .progress-wrap { left: 40%; bottom: 9%; }
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra { font-size: 20px; left: 5%; }
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-current,
    .main_basic .main_vis .swiper-control .swiper-pagination.pagination_fra span.swiper-pagination-total { font-size: 20px; }
    .main_basic .main_vis .swiper-control .swiper-arrow-wrap.wrap-arr { width: 64px; height: 28px; bottom: 8%; }
    .main_basic .main_vis .swiper-control .swiper-arrow-wrap.wrap-arr .swiper-arrow { width: 28px; height: 28px; background-size: 6px; }
    .main_basic .main_vis .swiper-arrow-wrap .swiper-arrow.swiper-button-prev { background-image: url('/resources/img/common/arr_prev_mb.png'); }
    .main_basic .main_vis .swiper-arrow-wrap .swiper-arrow.swiper-button-next { background-image: url('/resources/img/common/arr_next_mb.png'); }
    .main_basic .main_vis .swiper-playstop-btn { width: 28px; height: 28px; bottom: 8%; right: 5%; }
    .main_vis .swiper-playstop-btn .swiper-btn-play { background: url('/resources/img/main/slide_ico.png') no-repeat 10px -19px/10px }
    .main_vis .swiper-playstop-btn .swiper-btn-stop { background: url('/resources/img/main/slide_ico.png') no-repeat center 8px/10px; }
}



/* 한글자씩 왼쪽에 모이기 : slog-assem  */
.swiper-container .vis.swiper-slide-active .vis_txt .each-tx-wrap.slog-assem .tit-wrap p span.txt-ani { -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0; animation-name: kvTitAssemble; animation-duration: 1.6s; animation-fill-mode: forwards; }
.swiper-container .vis.swiper-slide-active .vis_txt .each-tx-wrap.slog-assem .txt-wrap p span.txt-ani { -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; animation-name: kvTxtAssemble; animation-duration: 4s; animation-fill-mode: forwards; }

@-webkit-keyframes kvTitAssemble {
    0% { -webkit-transform: translateX(80px); transform: translateX(80px); opacity: 0; }    
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes kvTxtAssemble {
    0% { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; }    
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}

@keyframes kvTitAssemble {
    0% { -webkit-transform: translateX(80px); transform: translateX(80px); opacity: 0; }   
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes kvTxtAssemble {
    0% { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; }     
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}


/* business */
.business { margin: 150px 0 150px; font-family: var(--font-family); }
.tit_box h3 { font-weight: 700; font-size: 52px; color: var(--color-black); text-align: center; }
.tit_box p { margin-top: 28px; font-size: 18px; font-weight: 300; color: #444; text-align: center; word-break: keep-all; }

.tab_wrap { position: relative; margin-top:87px; }
.tab_wrap .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; flex-wrap: wrap; -ms-flex-wrap: wrap; width: 54%; position: absolute; top: 0; right: 0; z-index: 5; }
.tab_wrap .tabs li { position: relative; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd; font-weight: 300; color: #a9a9a9; -webkit-transition: 0.4s ease 0s; -o-transition: 0.4s ease 0s; transition: 0.4s ease 0s; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; }
.tab_wrap .tabs li.on,
.tab_wrap .tabs li:hover { position: relative; font-weight: 400; color: #222; }
.tab_wrap .tabs li:after { content: ""; width: 0; height: 1px; background:#222; position: absolute; bottom: 0; left: 0; -webkit-transition:all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.tab_wrap .tabs li.on:after,
.tab_wrap .tabs li:hover:after { width: 100%; }

.business .tab_content { display: -webkit-box; display: -ms-flexbox; display: flex; width:100%; top: 0; left: 0; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.business .tab_content.on { opacity: 1; visibility: visible; }
.business .slider_img_cont { width: 54%; margin: 80px 0 0 0; }
.business .cont { height: 400px; overflow: hidden; }
.business .cont img:hover { transform: translate(-50%, -50%) scale(1.2); transition: 0.4s ease-out; }

.business .slide_info { width: 100%; position: absolute; left: 0; bottom: 0; }
.business .swiper-arrow-wrap { display: inline-block; width: 16%; position: relative; }
.business .swiper-button-disabled { opacity: 0.2; }

.main_cont .swiper-arrow { display: block; width: 30px; height: 12px; background: url('/resources/img/example/his_cont_btn_b.png') no-repeat center/contain; top: auto; bottom: 0; margin: 0; }
.main_cont .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: unset; }

.business .slide_info .swiper-pagination { width: 84%; float: right; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; }
.business .slide_info .swiper-pagination-bullet { margin: 0 15px; }
.business .swiper-pagination-bullet-active { background: #c6a582; }

.slider_info_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: 41%; }
.slider_info_cont > a:hover img { transform: translate(-50%, -50%) scale(1.2); transition: 0.6s ease-out; }
.slider_info_cont .btn_more { display: block; padding: 21px 50px; border: 1px solid #c6a582; background: #c6a582; font-size: 14px; color: #fff; text-transform: inherit; align-self: flex-end; }
.slider_info_cont .btn_more:hover { color: #c6a582; border: 1px solid #c6a582; background: #fff; transition: 0.6s ease-out; } 
.info_txt h4 { font-weight: 300; font-size: 30px; color: #222; letter-spacing: -0.05rem; }
.info_txt p{ line-height: 1.8; margin-top: 26px; font-weight: 200; color: #666; letter-spacing: -0.03rem; word-break: keep-all; }
.info_txt{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 27px;-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width:1250px){
    .tab_wrap .tabs { width: 70%; }
    .slider_info_cont { width: 24%; }
    .business .slider_img_cont { width: 70%; padding-bottom: 54px; }
}
@media screen and (max-width:900px){
    .business .slider_img_cont{ padding-bottom:0; }
}
@media screen and (max-width:768px){
    .tab_wrap .tabs { width: 100%; }
    .slider_info_cont img { display: none; }
    .business .slider_img_cont { width: 100%; padding-bottom: 50px; }
    .business .tab_content { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; }
    .business .cont { height: auto; }
    .business .info_txt { margin-top: 50px; }
    .slider_info_cont { width: 100%; display: block; position: relative; }
    .slider_info_cont .btn_more { display: inline-block; position: absolute; right: 0; top: 50px; }
}
@media screen and (max-width:500px){
    .business .slider_img_cont { margin: 100px 0 0 0; }
    .business .slider_info_cont .btn_more { padding: 20px; }
    .business .slide_info .swiper-pagination { width: 74%; }
    .business .swiper-arrow-wrap,.slide2_box .swiper-arrow-wrap { width: 26%; }
    .slide2_box .swiper-btn-wrap .swiper-pagination { width: 70%; }
    .slide2_box .swiper-btn-wrap { margin:0 auto 0; }
}


/* 카운팅 배너 */
.mid-banner { background: #22306b; margin-top: 50px; color: #fff; }
.mid-banner .left-wrap { width: 70%; min-width: 490px; padding: 30px 80px 30px 50px; margin-right: 40px; float: left; position: relative; }
.mid-banner .left-wrap::after { content: ''; width: 1px; height: 60%; background-color: rgba(255,255,255,0.75); position: absolute; top: 20%; right: 0; }
.mid-banner .left-wrap ul { display: flex; justify-content: space-between; padding: 8px 0px; }
.mid-banner .left-wrap p { font-weight: 400; font-size: 15px; text-align: center; }
.mid-banner .left-wrap p.cnt-num { margin-top: 14px; font-size: 52px; font-weight: 600; }
.mid-banner .right-wrap { width: calc(30% - 40px); float: right; padding: 45px 10px; }
.mid-banner .right-wrap span { line-height: 140%; }

@media screen and (max-width:1400px){
    .mid-banner { padding-top:150px; }
    .mid-banner .left-wrap { padding:0px 5% 0px 7%; }
    .mid-banner .right-wrap { padding-left:3%; }
    .mid-banner .left-wrap .cnt-num { margin-top:5px; }
    .mid-banner .inner::before { width:16%; padding-bottom:10%; left:-5%; top:-22%; }
    .cnt-txt { font-size:16px; }
    .mid-banner .left-wrap .cnt-num { font-size:38px; }
}
@media screen and (max-width:1100px){
    .mid-banner .inner { padding:20px 0px 20px; }
    .mid-banner .right-wrap { padding-right:3%; }
}
@media screen and (max-width:820px){
    .mid-banner .inner { flex-wrap:wrap; }
    .mid-banner .left-wrap { width:94%; margin:0px auto; min-width:auto; padding:0% 2% 1%; border-right:none; border-bottom:solid 1px #fff; }
    .mid-banner .left-wrap ul { margin:0px auto; padding:0px 10%; }
    .mid-banner .left-wrap .cnt-num { text-align: center; }
    .mid-banner .right-wrap { width:100%; padding:3% 15% 0%; text-align:center; }
    .mid-banner .inner::before { top:-10%; }
}
@media screen and (max-width:768px){
    .cnt-txt { font-size:14px; }
    .mid-banner .left-wrap .cnt-num { font-size:24px; margin-top:0px; }
    .mid-banner .right-wrap { text-align:left; padding:3% 6% 0%; }
}
@media screen and (max-width:650px){
    .mid-banner .left-wrap ul { flex-wrap:wrap; padding:0px 2%; }
    .mid-banner .left-wrap li { width:100%; text-align:center; margin-bottom:15px; padding:10px; background:#ffffff30; border-radius:15px; }
    .mid-banner .inner::before { width:38%; padding-bottom:30%; left:-10%; top:-15%; }
    .mid-banner .right-wrap { padding:3% 7% 0px; }
}

/* 회사 간략 소개 */
.sec-intro { width: 100%; height: auto; min-height: 380px; padding: 65px; box-sizing: border-box; background: url('/resources/img/main/main_intro_bg2.jpg') no-repeat center center/cover; background-attachment: fixed; }
.comintro-wrap .comintro-tit { font-size: 20px; font-weight: 700; color: #fff; padding-bottom: 50px; }
.comintro-wrap .comintro-txt { width: 50%; color: #fff; line-height: 175%; }
.comintro-wrap .comintro-txt:nth-child(2){ padding-bottom: 20px; }
.comintro-wrap .comintro-txt span { display: inline-block; font-size: 15px; line-height: 140%; }
.comintro-wrap .comintro-button { display: inline-block; font-weight: 500; font-size: 14px; padding: 10px 20px; color: white;  border: solid 1px #fff; box-sizing: border-box; text-align: center; margin-top: 25px; transition: 0.3s ease-out; position: relative; z-index: 2; }
.comintro-wrap .comintro-button:hover { color: #333; }
.comintro-wrap .comintro-button::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; z-index: -1; background: transparent; box-shadow: inset 0px 0px 0px white; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.comintro-wrap .comintro-button:hover::before { box-shadow: inset 150px 0px 0px white; }

@media screen and (max-width:1024px){
    .comintro-wrap .comintro-txt { width: 100%; } 
}
@media screen and (max-width:768px){
    .sec-intro { padding: 30px; }
    .comintro-wrap .comintro-txt span { display: inline; }
}


/* 회사 업무 분야 */
.biz-area-wrap { width: 100%; padding: 180px 0; }
.biz-area-wrap .biz-area-box { margin-top: 40px; }
.biz-area-wrap .biz-area-box > ul > li { width: calc((100% - 90px) /3); margin-right: 30px; text-align: center; height: 160px; border: 3px solid #f5f5f5; }
.biz-area-wrap .biz-area-box > ul > li:last-child { margin-right: 0; }
.biz-area-wrap .biz-area-box .biz-box { padding: 10px; }
.biz-area-wrap .biz-area-box .biz-box > img { display: block; width: 50px; height: 50px; margin: 25px auto 20px; }
.biz-area-wrap .biz-area-box .biz-box > p { font-weight: 500; }


/* 창문 스타일 */
.sec.window { width:100%; height:740px; position: relative; }
.sec.window .window_wrap { width: 100%; height: 100%; display: flex; z-index: 0; overflow: hidden; }
.sec.window .window_wrap li{ width:25%; height:100%; position: relative; transition: all 0.3s ease-in; }
.sec.window .window_wrap li:hover {cursor: pointer;}
.sec.window .window_wrap li::before {content:""; width: 1px; height: 100%; display: inline; position: absolute; top: 0px; background: rgba(255,255,255,0.5); visibility: visible; z-index: 1;}
.sec.window .window_wrap li:first-child::before { display: none; }
.sec.window .window_wrap li .li_tit { width: 100%; font-weight: 700; font-size: 32px; line-height: 140%; padding: 30px; position: absolute; top:63%; transform: translateY(-50%); color:white; z-index: 4; transition: all 0.3s ease-in; text-align: center; }
.sec.window .window_wrap li img { max-width: fit-content; }
.sec.window .window_wrap li .des_wrap { width:100%; color:#fff; position: relative; z-index: 3; transition: all 0.3s ease-in; text-align: center; transform: translateY(70%); opacity: 0; }
.sec.window .window_wrap li .des_wrap img { padding: 32px 0px; }
.sec.window .window_wrap li .des_wrap span { font:400 20px/140% 'Pretendard'; display: block; }
   
.sec.window .window_wrap li .li_bg {width:100%; height:100%; background: url('/resources/img/main/main_btn01.jpg') no-repeat center/cover; position: relative; transition: all 0.3s ease-in;}
.sec.window .window_wrap li:nth-child(2) .li_bg {background: url('/resources/img/main/main_btn02.jpg') no-repeat center/cover;}
.sec.window .window_wrap li:nth-child(3) .li_bg {background: url('/resources/img/main/main_btn03.jpg') no-repeat center/cover;}
.sec.window .window_wrap li:nth-child(4) .li_bg {background: url('/resources/img/main/main_btn04.jpg') no-repeat center/cover;}
.sec.window .bg {width:100%; height:100%; background: url('/resources/img/main/main_btn01.jpg') no-repeat center/cover; background-size: cover; position: absolute; z-index: -1; top:0px; left:50%; transform: translateX(-50%); transition: background 0.3s ease-in;}

@media screen and (max-width:1300px){
    .sec.window .window_wrap li .li_tit { font-size: 26px; }
    .sec.window { height: 500px; }
}
@media screen and (max-width:1024px){
    .sec.window { height: 640px; }
    .sec.window .window_wrap { flex-wrap: wrap; }
    .sec.window .window_wrap li { width: 50%; height: 50%; border-bottom: solid 1px #fff; }
}
@media screen and (max-width:768px){
    .sec.window { padding: 0 2%; }
    .sec.window .window_wrap li { width: 100%; height: 25%; text-align: left; }
    .sec.window .window_wrap li::before { display: none; }
    .sec.window .window_wrap li .li_tit { top: 50%; padding: 0 6%; font-size: 26px; text-align: left; }
    .sec.window .window_wrap li .des_wrap { display: inline; opacity: 1; text-align: left; transform: none; }
    .sec.window .window_wrap li .des_wrap img { width: 20px; height: 20px; margin-top: 2px; padding: 0px; margin-left: 10px; margin-top: 9px; opacity: 0.8; }
    .sec.window .window_wrap li .des_wrap span { display: inline-block; font-size: 16px; font-weight: 300; margin-top:10px; }
    .sec.window .bg { display: none; }
}

/* news */
.slide2_box { overflow-x: hidden; padding: 130px 0; background:#f2f2f2; }
.slide2_box .swiper-slide2 { width: calc(100% - 300px); margin-left: 300px; margin-top: 87px; }

.slide2_box .swiper-slide a:after { content: ""; display: block; width: 100%; height: 100%; background: rgba(198, 165, 130,.8); position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; }
.slide2_box .swiper-slide a:before { content: ""; display: block; width: 50px; height: 50px; background: url('/resources/img/common/arrow_ico.png') no-repeat center/contain;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; opacity: 0; }
.slide2_box .swiper-slide a:hover:after,
.slide2_box .swiper-slide a:hover::before { opacity: 1; transition: 0.4s ease-out; }
.slide2_box .cont .img { height: 300px; overflow: hidden; position: relative; box-sizing: border-box; background: #ebebeb; }
.slide2_box .cont img { width: 100%; height: 100%; object-fit: cover; }
.slide2_box .swiper-slide2 .cont .txt_box { margin: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.slide2_box .swiper-slide2 .cont .txt_box .tit { font-size: 20px; font-weight: 600; word-break: keep-all; line-height: 1.4; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.slide2_box .swiper-slide2 .cont .txt_box .txt { margin: 10px 0 40px 0; word-break: keep-all; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.slide2_box .swiper-slide2 .cont .txt_box .date { font-size: 14px; color: #999; }

.slide2_box .swiper-btn-wrap { margin-left: 300px; margin-top: 50px; max-width: 1200px; }
.slide2_box .swiper-btn-wrap .swiper-pagination { width: 80%; height: 5px; position: static; }
.slide2_box .swiper-pagination-progressbar-fill { background: #333; }
.slide2_box .swiper-arrow-wrap { display: inline-block; width: 10%; float: right; }

@media screen and (max-width:1250px){
    .slide2_box .swiper-slide2 { width: 100%; margin-left: 50px; margin-top: 87px; }
    .slide2_box .swiper-btn-wrap { max-width: 100%; margin-left: 50px; margin-top: 50px; }
}
@media screen and (max-width:768px){
    .slide2_box .swiper-slide2 { width: 92%; margin: 87px auto 0; }
    .slide2_box .swiper-btn-wrap { width: 92%; margin: 50px auto 0; }
    .slide2_box .swiper-arrow-wrap { width: 15%; }
}


/* map */
.location3 {position: relative; overflow: hidden; z-index: 0;}
.location3 > .map {display: inline-block; width: 51%; float: right; z-index: 1; position: relative;}
.location3 > .map .root_daum_roughmap {width: 100%; height: 100%;}
.location3 > .map .root_daum_roughmap .wrap_map {height: 100%}
.location3 > .map .root_daum_roughmap .wrap_controllers {display: none;}
.location3 .parking {display: block;position: absolute;bottom: 0;left: 0;width: 80px;height: 80px;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;background:#474440;color: #fff;text-align: center;line-height: 1.2;z-index: 99;}

.location3 .info_wrap {display: inline-block; width: 30%; float: left;padding: 100px 0; -webkit-box-sizing: border-box;box-sizing: border-box;margin-left: calc(50% - 600px);}
.location3 .tit_box h3,.location3 .tit_box p {text-align: left;}
.location3 .tit_box .num {font-size: 30px;color:#222;font-family:'Playfair Display';margin-top: 10px;}
.location3 .tit_wrap {margin-top: 50px;border-bottom: 2px solid #ddd;}
.location3 .tit_wrap li {background:url("/resources/img/example/icon_location05.png") no-repeat center left/contain;padding-left: 80px;margin: 30px 0;}
.location3 .tit_wrap li:nth-last-child(2) {background:url("/resources/img/example/icon_location04.png") no-repeat center left/contain;}
.location3 .tit_wrap li:nth-last-child(3) {background:url("/resources/img/example/icon_location02.png") no-repeat center left/contain;}
.location3 .tit_wrap li:hover {padding-left: 0;background: none;transition: 0.4s ease-out;}
.location3 .tit_wrap .txt {font-weight: 100;font-size: 14px;padding-bottom: 10px;}
.location3 .tit_wrap .tit {font-size: 18px;font-weight: 400;}

@media screen and (max-width:1250px){
    .location3 .info_wrap { display: inline-block; width: 30%; float: left; padding: 100px 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 50px; }
}
@media screen and (max-width:768px){
    .location3 .info_wrap { width: 92%; margin: 0 auto; display: block; float: none; padding: 100px 0 50px; }
    .location3 > .map { width: 100%; height: 300px !important; }
    .location3 .tit_wrap li { display: inline-block; width: 49%; }
}
@media screen and (max-width:500px){
    .location3 .tit_wrap li { display: block; width: 100%; }
    .location3 .tit_box h3, .location3 .tit_box p { text-align: center; }
}