@charset "utf-8";
a { color:rgb(51, 51, 51); cursor:pointer; text-decoration:none; font-family:'Nanum Gothic','나눔고딕','dotum','돋음','굴림'; }
a:hover, a:focus, a:active { color:#fabb11; text-decoration:none; font-family:'Nanum Gothic','나눔고딕','dotum','돋음','굴림'; }

@media all and (min-width:1100px) {
	.page_width { width:1100px !important; max-width:1100px !important; }
	.page_width_td { width:1100px !important; max-width:1100px !important; padding:1rem 0px 1rem 0px !important; }
}
@media all and (max-width:1099px) {
	.page_width { width:95% !important; max-width:95% !important;margin: 0 auto; }
	.page_width_td { width:100% !important; max-width:100% !important;  }
}
@media all and (max-width:750px) {
    .page_width { width:100% !important; max-width:100% !important; margin: 0 0; }
	.page_width_td { width:100% !important; max-width:100% !important; }
}

.office-wrap .content-box{width:100%; padding:0px 0 ;}
.office-wrap .content-box .mt10{margin-top: 10px;}
.office-wrap .content-box .mt15{margin-top: 15px;}
.office-wrap .content-box .mt20{margin-top: 20px;}
.office-wrap .content-box .mt25{margin-top: 25px;}
.office-wrap .content-box .mt30{margin-top: 30px;}
.office-wrap .content-box .mt40{margin-top: 40px;}
.office-wrap .content-box .mt45{margin-top: 45px;}
.office-wrap .content-box .mt50{margin-top: 50px;}
.office-wrap .content-box .mt60{margin-top: 60px;}
.office-wrap .content-box .mt70{margin-top: 70px;}
.office-wrap .content-box .mt80{margin-top: 80px;}
.office-wrap .content-box > .title-box {display:flex; justify-content:space-between; align-items:baseline; margin-bottom:0rem;}
.office-wrap .content-box > .title-box h2{font-size: 34px;font-weight: 700; color:#221e1f; }
.office-wrap .content-box > .title-box a {font-size:1.6rem;font-weight:700; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','dotum','돋음','굴림';}
.office-wrap .content-box > .text-box{}
.office-wrap .content-box > .text-box h3{font-size: 26px;font-weight: 700;color:#221e1f;letter-spacing: -0.05em;line-height: 1.307;}
.office-wrap .content-box > .text-box p{font-size: 18px;font-weight: 400;color:#474747;letter-spacing: -0.05em;line-height: 1.666;}
.office-wrap .content-box > .img-group{display: flex;justify-content: space-between;}
.office-wrap .content-box .img-box{width: 100%;height: 356px;overflow: hidden;border-radius: 10px;}
.office-wrap .content-box .img-box > img{width: 100%;height: 100%;object-fit: cover;}
.office-wrap .content-box > .img-group.two .img-box{width: calc((100% - 10px) /2);}
.office-wrap .content-box > .button-box{display: flex;column-gap: 12px;}
.office-wrap .content-box > .button-box .button{display: flex;justify-content: center;align-items: center;min-width:150px;height: 50px;padding:0 20px;border:1px solid #221e1f;border-radius: 50px;font-size: 18px;font-weight: 500;color:#000000;letter-spacing: -0.05em;transition: .3s;  font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','dotum','돋음','굴림';}
.office-wrap .content-box > .button-box .button:hover{background-color: #8b6d49;border-color: #8b6d49;color:#ffffff;}
.office-wrap .content-box > .button-box .button.color1{background-color: #221e1f;color:#ffffff;}
.office-wrap .content-box > .button-box .button.color1:hover{background-color: #fabb11;border-color: #fabb11;color:#ffffff;}
.office-wrap .content-box .map-box{width: 100%;height: 600px;background-color:#d7d7d7;}

.office-wrap .content-box .gallery-slider {background-color: #f1f3f6;position: relative;}
.office-wrap .content-box .gallery-slider .list-box .img-item{width: 100%;height:620px;position: relative;}
.office-wrap .content-box .gallery-slider .list-box .img-item figure {margin: 0;position: relative;}
.office-wrap .content-box .gallery-slider .list-box .img-item figcaption{position: absolute;left: 0;bottom:0;font-size: 16px;color:#ffffff;padding:10px 15px;background-color: rgba(4,61,170,0.8);}

.office-wrap .content-box .gallery-slider .pagingInfo{position: absolute;right: 20px;top:570px;width: 50px;height: 30px;display: flex;;justify-content: center;align-items: center;color:#ffffff;background-color: #221e1f;border-radius: 50px;font-size: 11px;}
.office-wrap .content-box .gallery-slider .slick-dots li{display:none;}
.office-wrap .content-box .gallery-slider .slick-dotted.slick-slider{margin: 0;}
.office-wrap .content-box .gallery-slider .list_thumb {position: relative;padding: 40px 80px;}
.office-wrap .content-box .gallery-slider .list_thumb .thumb-item {width: 172px;height: 107px;overflow: hidden;padding:0 10px;position: relative;cursor: pointer;}
.office-wrap .content-box .gallery-slider .list_thumb .slick-slide{position: relative;}
.office-wrap .content-box .gallery-slider .list_thumb .thumb-item .img{position: relative;width: 100%;height: 100%;}
.office-wrap .content-box .gallery-slider .list_thumb .thumb-item .img::before{content:'';width: 100%;height: 100%;position: absolute;left: 0;top:0;background-color: rgba(0,0,0,0.4);z-index: 1;opacity: 0;pointer-events: none;transition: 0.3s;}
.office-wrap .content-box .gallery-slider .list_thumb .slick-slide.slick-current .thumb-item .img::before{opacity: 1;pointer-events: auto;}
.office-wrap .content-box .gallery-slider .list_thumb .slick-slide.slick-current::after {content: "";width: 30px;height: 30px;background-color: #fabb11;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;background-image: url("../../image/sub/page01/office/slider-check-arrow@2x.png");background-size: 14px 10px;background-position: center center;background-repeat: no-repeat;z-index: 2;}
.office-wrap .content-box .gallery-slider.fade-style .list_thumb .slick-slide.slick-current::after {content: none;}
.office-wrap .content-box .gallery-slider.fade-style .list_thumb .slick-slide.slick-current .thumb-item .img::before{content:none;}
.office-wrap .content-box .gallery-slider.fade-style .list_thumb .slick-slide.slick-current .img::after {content: "";width: 100%;height: 100%;border: 6px solid #fabb11;position: absolute;top:0;left: 0;z-index: 2}
.office-wrap .content-box .gallery-slider .list_thumb .thumb-item img {width: 100%;height: 100%;object-fit: cover;position: relative;}
.office-wrap .content-box .gallery-slider .slick-prev {left: 30px;}
.office-wrap .content-box .gallery-slider .slick-next {right: 30px;}
.office-wrap .content-box .gallery-slider .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size:0;text-indent:-99999px;width: 30px;height: 30px;background-color: #ffffff;border-radius: 100%;display: flex;justify-content: center;align-items: center;transition: 0.2s;}
.office-wrap .content-box .gallery-slider .slick-arrow::before {content:'';background-image: url("../../image/sub/page01/office/slider-arrow@2x.png");background-repeat: no-repeat;background-size: cover;width: 7px;height: 12px;display: block;}
.office-wrap .content-box .gallery-slider .slick-arrow.slick-next::before {transform: rotate(180deg);}
.office-wrap .content-box .gallery-slider .slick-arrow:hover {box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);}

.office-wrap .content-box .gallery-slider .list-box .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size:0;text-indent:-99999px;width: 80px;height: 80px;background-color: transparent;display: flex;justify-content: center;align-items: center;transition: 0.2s;}
.office-wrap .content-box .gallery-slider .list-box .slick-arrow::before {content:'';background-image: url("../../image/sub/page01/office/slider-list-arrow.png");background-repeat: no-repeat;background-size: cover;width: 80px;height: 80px;display: block;transition-duration: 0.3s;transition-property: background-image;transition: 0.2s;}
.office-wrap .content-box .gallery-slider .list-box .slick-arrow.slick-next::before {transform: rotate(180deg);}
.office-wrap .content-box .gallery-slider .list-box .slick-arrow:hover::before {background-image: url("../../image/sub/page01/office/slider-list-arrow-over.png");transition: 0.2s;}

#sub_wrapper .sec_btn {margin-top:8rem; text-align:center; }
#sub_wrapper .sec_btn a {display:inline-block; padding:1ex 2.4em;font-size:2rem; color:#fff; font-weight:400; background:#132970; transition:all 0.5s; }
#sub_wrapper .sec_btn a:hover {background:#fabb11;}
#sub_wrapper .sec_btn a img {vertical-align:baseline;}

@media (max-width: 992px) {
    .office-wrap .content-box {padding: 0rem 0;}
    .office-wrap .content-box > .text-box {margin-top: 2rem;}
    .office-wrap .content-box > .title-box h2 {font-size: 3.6rem;}
    .office-wrap .content-box > .text-box h3 {font-size: 3.4rem;}
    .office-wrap .content-box > .text-box p {font-size: 1.8rem;}

    .office-wrap .content-box > .img-group.two .img-box {width: calc((100% - 1rem) /2);}
    .office-wrap .content-box .img-box {width: 100%;height: auto;aspect-ratio: 23 / 15;}
    .office-wrap .content-box .mt60 {margin-top: 2rem;}
    
    .office-wrap .content-box .gallery-box{margin-top: 2rem}
    .office-wrap .content-box .gallery-slider .list-box .img-item {width: 100%;height: auto;aspect-ratio: 44 / 25;overflow: hidden;}
    .office-wrap .content-box .gallery-slider .list-box .img-item img {display: block;width: 100%;height: 100%;object-fit: cover;}
    .office-wrap .content-box .gallery-slider .list_thumb {position: relative;padding: 3rem  2.5rem;}
    .office-wrap .content-box .gallery-slider .list_thumb .thumb-item {height: auto;aspect-ratio: 267 / 154;padding: 0 1rem;}
    .office-wrap .content-box .gallery-slider .slick-prev {left: 0.5rem;}
    .office-wrap .content-box .gallery-slider .slick-next {right: 0.5rem;}
    .office-wrap .content-box .gallery-slider .pagingInfo {right: 1rem; top:26rem;width: 8rem;height: 4rem;border-radius: 50px;font-size: 1.4rem;}
    .office-wrap .content-box .gallery-slider .slick-arrow {width: 6rem;height: 6rem;}
    .office-wrap .content-box .gallery-slider .slick-arrow::before {width: 1.4rem;height: 2.2rem;}
    .office-wrap .content-box .gallery-slider .list_thumb .slick-slide.slick-current::after {width: 6rem;height: 6rem;background-size: 2.8rem 2rem;}

    .office-wrap .content-box > .button-box {column-gap: 2rem;margin-top: 7rem;}
    .office-wrap .content-box > .button-box .button {display: flex;justify-content: center;align-items: center;min-width: 19rem;height: 6.5rem;padding: 0 2rem;font-size: 2.4rem;}
    .office-wrap .content-box .map-box {width: 100%;height:48rem;margin-top: 6rem;}
    
    #sub_wrapper .sec_btn {margin-top:6rem; }
    #sub_wrapper .sec_btn a {padding:1ex 2.4em 1.3ex 2.4em; }
    #sub_wrapper .sec_btn a img {vertical-align:middle; padding:1px 4px 2px 0px;}
    #sub_wrapper .sec_btn a:hover {background:#000000;}
    
    .office-wrap .content-box .gallery-slider .list-box .slick-arrow{pointer-events: none;}
    .office-wrap .content-box .gallery-slider .list-box .slick-arrow::before{display: none;}
    .office-wrap .content-box .gallery-slider .list-box .img-item figcaption {font-size:10px; padding:5px 10px;}
}