:root {
    --color-primary:#1f1f1f;
    --color-white:#f9f9f9;
}


/* ====================================
    공통
==================================== */
html {overflow-x:hidden; }
body {overflow-x:hidden; padding:0 10px; font-size:14px; color:#2e2e2e; font-family: "Pretendard", sans-serif; letter-spacing:-0.42px; }
.cabin {font-family:"Cabin", sans-serif; }

.inner {width:1440px; max-width:100%; padding:0 10px; margin:0 auto; }

#wrap {margin-top:70px; }

.btn {display:inline-flex; align-items:center; justify-content:space-between; gap:60px; padding:8px 15px; font-size:16px; font-weight:300; transition:all 0.4s; }
.btn i {width:14px; height:14px; transition:all 0.4s; }
.btn:hover i {transform:rotate(180deg); }
.btn:hover i.arrow {transform:rotate(0deg); }

.btn-white {border:1px solid #f2f2f2; color:var(--color-primary); background-color:#f2f2f2;}
.btn-white i {background:url('../img/common/plus_black.svg') no-repeat center center;}
.btn-white:hover {border-color:#F2F2F2; color:#f2f2f2; background-color:transparent; }
.btn-white:hover i {background:url('../img/common/plus_white.svg') no-repeat center center; }

.btn-black {border:1px solid var(--color-primary); color:var(--color-white); background-color:var(--color-primary);}
.btn-black i {background:url('../img/common/plus_white.svg') no-repeat center center; }
.btn-black:hover {color:var(--color-primary); background-color:transparent; }
.btn-black:hover i {background:url('../img/common/plus_black.svg') no-repeat center center;}
.btn-black i.arrow {background:url('../img/common/arrow_white.svg') no-repeat center center; }
.btn-black:hover i.arrow {background:url('../img/common/arrow_black.svg') no-repeat center center; }


.btn-gray {border:1px solid #f2f2f2; color:#1f1f1f; background-color:#f2f2f2; }
.btn-gray i {background:url('../img/common/plus_black.svg') no-repeat center center; }
.btn-gray:hover {border:1px solid var(--color-primary); color:var(--color-primary); background-color:transparent; }
.btn-gray:hover i {background:url('../img/common/plus_black.svg') no-repeat center center;}

@media all and (max-width:767px){
    body {padding:0; }

    .inner {padding:0 12px; }
    
    #wrap {margin-top:60px; }
}


/* 헤더 */
header {z-index:100; position:fixed; left:0; top:0; width:100%; height:70px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.06); }
header .inner {display:flex; align-items:center; justify-content:space-between; height:100%; }
header h1 img {display:block; }
header .right_menu {display:flex; align-items:center; gap:60px; }
header .gnb {display:flex; align-items:center; }
header .gnb li a {display:block; padding:10px 16px; font-size:16px; color:#7f7f7f; font-weight:300; transition:all 0.5s; }
header .gnb li:hover a {color:#2e2e2e; }
header .sns {display:flex; align-items:center; gap:20px; }
header .sns a img {display:block; }
header .sns a.band {padding:1px 10px; border:1px solid #7f7f7f; font-size:13px; color:#7f7f7f; border-radius:30px; letter-spacing:-0.39px; }
header .ham_btn {display:none; }

@media all and (max-width:1024px){
    header .right_menu {gap:30px; }
}
@media all and (max-width:840px){
    header .sns {display:none; }
}
@media all and (max-width:767px){
    header {height:60px; }
    header h1 img {height:37px; }
    header .right_menu {position:fixed; left:100%; top:60px; overflow-y:auto; flex-direction:column; width:100%; height:calc(100% - 60px); padding:0 10px 30px; background-color:#fff; transition:all 0.5s; }
    header .right_menu.show {left:0; }
    header .right_menu .gnb {flex-direction:column; width:100%; }
    header .right_menu .gnb li {width:100%; border-bottom:1px solid #eee; }
    header .right_menu .gnb li a {padding:30px 0; font-size:20px; }
    header .right_menu .sns {display:flex; align-items:center; gap:20px; }
    header .right_menu .sns a {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border:1px solid #e0e0e0; border-radius:50%; }
    header .ham_btn {display:block; }
}


/* 푸터 */
footer {padding:30px 0; }
footer .inner {display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; }
footer .address > p {margin-top:16px; font-size:14px; color:#7f7f7f; font-weight:300; }
footer .address .info {display:flex; align-items:center; gap:4px 14px; flex-wrap:wrap; }
footer .address .info + .info {margin-top:3px; }
footer .address .info p {font-size:14px; color:#7f7f7f; font-weight:300; }

@media all and (max-width:767px){
    footer .inner {flex-direction:column; align-items:flex-start; gap:30px; }
    footer .address .info {flex-direction:column; align-items:flex-start; }
    footer .address .info + .info {margin-top:15px; }
}

/* ====================================
    메인페이지
==================================== */
/* 메인 */
.main_tit {display:flex; align-items:flex-start; word-break:keep-all; }
.main_tit.type02 {flex-direction:column; }
.main_tit .tit {display:flex; align-items:center; justify-content:space-between; }
.main_tit .tit a {display:none; }
.main_tit h3 {width:100%; font-size:30px; color:#9e9e9e; font-weight:400;}
.main_tit h4 {font-size:30px; color:#2e2e2e; font-weight:300; }
.main_tit div {width:100%; }
.main_tit p {font-size:20px; line-height:1.4; color:#2e2e2e; font-weight:100; letter-spacing:-0.6px; }
.main_tit span {display:block; margin-top:20px; font-size:14px; line-height:1.4; color:#2e2e2e; font-weight:100; }

@media all and (max-width:767px){
    .main_tit {flex-direction:column; gap:30px; }
    .main_tit .tit a {display:flex; padding:4px; }
    .main_tit h3 {font-size:20px; }
    .main_tit h4 {font-size:18px; }
    .main_tit p {font-size:16px; }
    .main_tit span {margin-top:10px; }
    .main_tit br {display:none; }
}

.pager {display:none; align-items:center; justify-content:center; gap:8px; margin-top:50px; }
.pager span {opacity:1; width:6px; height:6px; margin:0 !important; background-color:#e0e0e0; border-radius:0; transition:all 0.5s; }
.pager span.swiper-pagination-bullet-active {width:8px; height:8px; background-color:var(--color-primary); }


.main_visual {width:100%; height:calc(100dvh - 70px); background:url('../img/main/main_visual.png') no-repeat center center / cover; }
.main_visual .inner {display:flex; flex-direction:column; justify-content:space-around; height:100%; }
.main_visual .txt_box .txt {margin-top:30px; font-size:20px; color:var(--color-white); font-weight:300; line-height:1.4; }
.main_visual .txt_box .desc {margin-top:10px; font-size:14px; color:var(--color-white); font-weight:300; line-height:1.4; }
.main_visual .txt_box .mo_only {display:none; }
.main_visual .scroll_btn {display:flex; align-items:center; justify-content:space-between; margin:0 auto; padding:8px 20px; font-size:16px; color:#fff; border:1px solid var(--color-white); transition:all 0.4s;  }
.main_visual .scroll_btn:hover {border-color:#F2F2F2; color:var(--color-primary); background-color:#F2F2F2; }

@media all and (max-width:767px){
    .main_visual {height:calc(100dvh - 60px); }
    .main_visual .txt_box img {height:53px; }
    .main_visual .txt_box .txt {margin-top:10px; font-size:18px; }
    .main_visual .txt_box .desc {font-size:12px; }
    .main_visual .txt_box br {display:none; }
    .main_visual .txt_box .mo_only {display:block; }
    .main_visual .scroll_btn {margin-top:150px; }
}


.main_con01 {padding:150px 0; }
.main_con01 ul.pc_list {display:grid; grid-template-columns:repeat(auto-fill, minmax(203px, 1fr)); gap:20px 40px; margin-top:100px; }
.main_con01 ul.pc_list li {height:200px;}
.main_con01 ul.pc_list li img {display:block; width:80px; height:80px; transition:all 0.4s; }
.main_con01 ul.pc_list li span {opacity:0; position:relative; display:block; margin-top:8px; padding-left:10px; font-size:12px; font-weight:200; color:#2e2e2e; line-height:1.2; text-transform:uppercase; transition:all 0.4s; }
.main_con01 ul.pc_list li span:before {content:''; position:absolute; left:0; top:2.5px; display:block; width:8px; height:8px; background-color:#2e2e2e; }
.main_con01 ul.pc_list li:hover img {width:150px; height:150px; }
.main_con01 ul.pc_list li:hover span {opacity:1; }
.main_con01 .mo_list {display:none; }
.main_con01 .slide_box {overflow:hidden; margin-top:70px; }
.main_con01 .slide_box li {display:grid; grid-template-columns:repeat(2,1fr); gap:30px 10px; }
.main_con01 .slide_box li i {position:relative; display:block; width:100%; padding-bottom:100%; }
.main_con01 .slide_box li img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.main_con01 .slide_box li span {position:relative; display:block; margin-top:10px; padding-left:12px; font-size:15px; color:#2e2e2e; font-weight:200; text-transform:uppercase;  -webkit-line-clamp: 3; display: -webkit-box; word-wrap: break-word;-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.main_con01 .slide_box li span:before {content:''; position:absolute; left:0; top:5px; display:block; width:8px; height:8px; background-color:#2e2e2e; }

.main_con01 .btn_box {text-align:right; }

@media all and (max-width:767px){
    .main_con01 {padding:100px 0; }
    .main_con01 ul.pc_list {display:none; }
    .main_con01 .mo_list {display:block; }
    .main_con01 .btn_box {display:none; }
    .main_con01 .pager {display:flex; }
}


.main_con02 {overflow:hidden; position:relative; padding:150px 0; background-color:var(--color-primary);}
.main_con02:before {content:''; opacity:0; position:absolute; left:30%; top:calc(50% - 500px); width:1px; height:1000px; background-color:#fff; transform:rotate(0); transition:all 0.6s; }
.main_con02:hover:before {opacity:1; transform:rotate(43.475deg); }
.main_con02 .main_tit {position:relative; z-index:10; }
.main_con02 .main_tit h3 {color:#fff; }
.main_con02 .main_tit p,
.main_con02 .main_tit span {color:#fff; }
.main_con02 .main_tit span {margin-top:10px; }
.main_con02 .main_tit img {display:block; margin-top:50px; margin-bottom:70px; }
.main_con02 .main_tit > div:not(.tit) .btn-white {width:217px; }
.main_con02 .main_tit .txt {margin:50px 0; font-size:30px; font-weight:100; line-height:1.6; color:#f9f9f9; }
.main_con02 .main_tit .txt b {font-weight:600; color:#fff; }

@media all and (max-width:767px){
    .main_con02 {padding:60px 0; }
    .main_con02:before {display:none; }
    .main_con02 .main_tit img {margin-bottom:0;}
    .main_con02 .main_tit > div:not(.tit) .btn-white {display:none; }
    .main_con02 .main_tit .txt {margin:50px 0 0; font-size:24px; }
    .main_con02 .main_tit .txt br {display:block; }
}


.main_con03 {padding:150px 0; }
.main_con03 .slide_box {overflow:hidden; }
.main_con03 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:50px; }
.main_con03 ul li {overflow:hidden; position:relative; }
.main_con03 ul li a {position:relative; display:block; }
.main_con03 ul li a:before {content:''; z-index:2; opacity:0; position:absolute; right:0; bottom:0; width:100%; height:150%; background-color:rgba(0,0,0,0.1); backdrop-filter:blur(7.5px); transform-origin:left bottom; transform:rotate(45deg); transition:all 0.8s; }
.main_con03 ul li:hover a:before {opacity:1; }
.main_con03 ul li a:after {content:''; z-index:2; position:absolute; right:0; top:0; width:1px; height:0%; background-color:#f9f9f9; transform-origin:right top; transform:rotate(45deg); transition:all 0.8s; }
.main_con03 ul li:hover a:after {height:142%; }
.main_con03 ul li .year {z-index:10; position:absolute; left:40px; top:40px; padding:6px 15px; font-size:16px; color:var(--color-white); font-weight:300; letter-spacing:0; background:var(--color-primary); }
.main_con03 ul li img {z-index:1; position:relative; display:block; }
.main_con03 ul li .txt {z-index:10; opacity:0; position:absolute; right:13%; bottom:13%; text-align:right; transition:all 0.6s; }
.main_con03 ul li .txt p {font-size:24px; color:var(--color-white); font-weight:600; }
.main_con03 ul li .txt span {display:block; margin-top:5px; font-size:16px; color:var(--color-white); font-weight:200; }
.main_con03 ul li:hover .txt {opacity:1; }

.main_con03 .btn_box {margin-top:120px; text-align:right; }

@media all and (max-width:1024px){
    .main_con03 ul li .year {left:25px; top:25px; }
    .main_con03 ul li .txt {right:8%; bottom:8%; }
}
@media all and (max-width:767px){
    .main_con03 {padding:100px 0; }
    .main_con03 ul {display:flex; gap:0; }
    .main_con03 ul li .year {left:20px; top:20px; font-size:14px; }
    .main_con03 ul li a:before ,
    .main_con03 ul li a:after {display:none; }
    .main_con03 ul li .txt {opacity:1; position:relative; right:0; bottom:0; padding:15px 0; text-align:left; }
    .main_con03 ul li .txt p {margin-bottom:10px; font-size:18px; color:var(--color-primary); font-weight:200; }
    .main_con03 ul li .txt span {font-size:16px; color:#7f7f7f; font-weight:100; }
    .main_con03 .pager {display:flex; }
    .main_con03 .btn_box {display:none; }
}


.main_con04 .main_tit {gap:50px; }
.main_con04 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:68px; margin-top:100px; }
.main_con04 ul li img {display:block; margin-bottom:15px; }
.main_con04 ul li .tit {font-size:18px; font-weight:200; }
.main_con04 ul li .tit span {display:block; margin-top:5px; font-size:14px; color:#7f7f7f; font-weight:100; }
.main_con04 ul li .desc {margin-top:25px; font-size:16px; color:#2e2e2e; font-weight:100; line-height:1.8; }
.main_con04 ul li .desc b {font-weight:300; }
.main_con04 .btn_box {margin-top:110px; text-align:right; }
.main_con04 .btn_box a {width:217px; }

@media all and (max-width:1024px){
    .main_con04 ul {gap:30px; }
}
@media all and (max-width:767px){
    .main_con04 .main_tit {gap:30px; }
    .main_con04 ul {grid-template-columns:repeat(1,1fr); margin-top:40px; }
    .main_con04 ul li img {width:35px; }
    .main_con04 ul li .desc {line-height:1.6; }
    .main_con04 .btn_box {display:none; }
}

.main_con05 {padding-top:150px; }
.main_con05 .main_tit + .main_tit {margin-top:50px; }
.main_con05 .main_tit h4 + a {display:inline-flex; margin-top:20px; }
.main_con05 .main_tit span {color:#7f7f7f; }
.main_con05 img {width:100%; height:435px; margin-top:100px; object-fit:cover; }

@media all and (max-width:767px){
    .main_con05 {padding-top:100px; }
    .main_con05 .main_tit + .main_tit {margin-top:30px; gap:20px; }
    .main_con05 .main_tit h4 + a {display:none; }
    .main_con05 img {height:250px; }
}



/* ====================================
    서브페이지
==================================== */
/* sub_tit */
.sub_tit h3 {font-size:30px; color:#9e9e9e; font-weight:300; letter-spacing:-0.9px; }
.sub_tit .txt {display:grid; grid-template-columns:repeat(2,1fr); margin-top:50px; }
.sub_tit .txt h4 {font-size:30px; color:#2e2e2e; font-weight:300; letter-spacing:-0.9px; line-height:1.4; }
.sub_tit .txt .desc p {margin-bottom:20px; font-size:20px; color:#2e2e2e; font-weight:100; line-height:1.4; letter-spacing:-0.6px; word-break:keep-all; }
.sub_tit .txt .desc span {font-size:14px; color:#7f7f7f; font-weight:100; letter-spacing:-0.42px; }

@media all and (max-width:767px){
    .sub_tit h3 {font-size:20px; }
    .sub_tit .txt {grid-template-columns:repeat(1,1fr); gap:20px; margin-top:30px; }
    .sub_tit .txt h4 {font-size:20px; }
    .sub_tit .txt .desc p {margin-bottom:10px; font-size:16px; }
    .sub_tit .txt .desc p br {display:none; }
}


/* aboutus */
.about_con01 {padding-top:80px; }
.about_con01 img {width:100%; height:373px; margin-top:150px; object-fit:cover; }

@media all and (max-width:767px){
    .about_con01 {padding-top:30px; }
    .about_con01 img {height:274px; margin-top:100px; }
}

.about_con02 {padding:150px 0; }
.about_con02 dl {display:flex; align-items:center; border-top:1px solid #eee; padding:15px 10px; letter-spacing:-0.54px; }
.about_con02 dl dt {flex-shrink:0; width:30%; font-size:18px; font-weight:300; }
.about_con02 dl dd {font-size:18px; color:#2e2e2e; font-weight:100; }

@media all and (max-width:767px){
    .about_con02 {padding:100px 0; }
    .about_con02 dl dt {width:28%; }
    .about_con02 dl dt,
    .about_con02 dl dd {font-size:16px; }
}

.about_con03 {padding-bottom:150px; }
.about_con03 dl {letter-spacing:-0.6px; }
.about_con03 dl + dl {margin-top:50px; }
.about_con03 dl dt {font-size:20px; font-weight:300; }
.about_con03 dl dd {margin-top:20px; }
.about_con03 dl dd p {position:relative; padding-left:20px; font-size:20px; font-weight:100; color:#2e2e2e; }
.about_con03 dl dd p + p {margin-top:8px; }
.about_con03 dl dd p:before {content:''; position:absolute; left:0; top:8px; width:8px; height:8px; background-color:#222; }
.about_con03 .achiev_list h4 {padding-bottom:5px; margin-bottom:30px; border-bottom:1px solid #eee; font-size:20px; color:#9f9f9f; }
.about_con03 .achiev_list dl + h4 {margin-top:50px; }
.about_con03 .achiev_list {overflow:hidden; height:540px; margin-bottom:70px; }
.about_con03 .achiev_list.all {height:auto; }
.about_con03 .btn.hidden {display:none; }

@media all and (max-width:767px){
    .about_con03 {padding-bottom:100px; }
    .about_con03 .sub_tit .txt {gap:30px; }
    .about_con03 dl {display:flex; }
    .about_con03 dl + dl {margin-top:30px; }
    .about_con03 dl dt {flex-shrink:0; width:22%; font-size:16px; }
    .about_con03 dl dd {margin-top:0; }
    .about_con03 dl dd p {padding-left:15px; font-size:16px; }
    .about_con03 dl dd p:before {top:5px; }
    .about_con03 .achiev_list h4 {margin-bottom:20px; font-size:17px; }
    .about_con03 .achiev_list dl + h4 {margin-top:30px; }
    .about_con03 .achiev_list {height:305px; margin-bottom:50px; }
    .about_con03 .btn_box {text-align:center; }
}

.about_con04 {width:calc(100% + 20px); padding:50px 10px; margin-left:-10px; background-color:#f5f5f5; }
.about_con04 .info {border-top:1px solid #E0E0E0; margin-top:100px; padding-top:50px; }
.about_con04 .info h4 {font-size:20px; font-weight:300; line-height:1.4; }
.about_con04 .info h4 span {display:block; font-size:14px; color:#7f7f7f; font-weight:100; }
.about_con04 .info .info_box {display:grid; grid-template-columns:repeat(2,1fr); margin-top:60px; }
.about_con04 .info dl {display:flex; gap:10px; }
.about_con04 .info dl dt {flex-shrink:0; width:70px; font-size:16px; font-weight:300; }
.about_con04 .info dl dd p {font-size:16px; font-weight:300; color:#2e2e2e; }
.about_con04 .info dl dd p + p {margin-top:10px; }
.about_con04 .info dl dd p span {font-weight:100; }

@media all and (max-width:767px){
    .about_con04 {width:100%; margin-left:0; padding:50px 0; }
    .about_con04 .info {margin-top:40px; padding-top:40px; }
    .about_con04 .info .info_box {grid-template-columns:repeat(1,1fr); gap:50px; margin-top:30px; }
    .about_con04 .info dl {flex-direction:column; gap:10px; }
}


/* service */
.service_con01 {padding-top:80px; }
.service_con01 img {width:100%; height:373px; margin-top:150px; object-fit:cover; }

@media all and (max-width:767px){
    .service_con01 {padding-top:30px; }
    .service_con01 img {height:274px; margin-top:100px; }
}

.service_con02 {padding:150px 0; }
.service_con02 ul li {display:flex; gap:70px;  }
.service_con02 ul li + li {margin-top:175px; }
.service_con02 ul li:nth-of-type(odd) {flex-direction: row-reverse; }
.service_con02 ul li .txt_box img {display:block; margin-bottom:15px; }
.service_con02 ul li .txt_box .tit {font-size:18px; font-weight:200; }
.service_con02 ul li .txt_box .tit span {display:block; margin-top:5px; font-size:14px; color:#7f7f7f; font-weight:100; }
.service_con02 ul li .txt_box .desc {margin-top:25px; font-size:16px; color:#2e2e2e; font-weight:100; line-height:1.8; }
.service_con02 ul li .txt_box .desc b {font-weight:300; }
.service_con02 ul li .img_box {flex-shrink:0; width:55%; }
.service_con02 ul li .img_box img {display:block; width:100%; height:407px; object-fit:cover; }

@media all and (max-width:767px){
    .service_con02 {padding:100px 0; }
    .service_con02 ul li,
    .service_con02 ul li:nth-of-type(odd) {flex-direction:column; gap:20px; }
    .service_con02 ul li + li {margin-top:100px; }
    .service_con02 ul li .txt_box img {width:35px; }
    .service_con02 ul li .txt_box .desc {margin-top:20px; line-height:1.6; }
    .service_con02 ul li .img_box {width:100%; }
    .service_con02 ul li .img_box img {width: 100%; height:192px; }
}


/* news */
.news_con01 {padding:80px 0 150px; }
.news_con01 .news_list {margin-top:120px; }
.news_con01 .news_list ul {display:grid; grid-template-columns:repeat(4,1fr); gap:34px; }
.news_con01 .news_list ul li .img_box {overflow:hidden; }
.news_con01 .news_list ul li .img_box img {display:block; width:100%; transition:all 0.5s; }
.news_con01 .news_list ul li:hover .img_box img {transform:scale(1.1); }
.news_con01 .news_list ul li .txt_box {margin-top:15px; }
.news_con01 .news_list ul li .txt_box .tit {font-size:18px; color:#1f1f1f; font-weight:200; }
.news_con01 .news_list ul li .txt_box .date {margin-top:5px; font-size:14px; color:#7f7f7f; font-weight:100; }

@media all and (max-width:1024px){
    .news_con01 .news_list ul {grid-template-columns:repeat(3,1fr); }
}
@media all and (max-width:767px){
    .news_con01 {padding:30px 0 100px; }
    .news_con01 .news_list {margin-top:90px; }
    .news_con01 .news_list ul {grid-template-columns:repeat(2,1fr); gap:16px; }
    .news_con01 .news_list ul li .txt_box {margin-top:8px; }
    .news_con01 .news_list ul li .txt_box .tit {font-size:16px; }
}

.news_detail {padding:100px 0; }
.news_detail .inner {width:1160px; }
.news_detail .tit {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e0e0e0; }
.news_detail .tit h4 {font-size:30px; color:#2e2e2e; font-weight:600; }
.news_detail .tit .date {margin-top:10px; font-size:19px; color:#7f7f7f; font-weight:100; }
.news_detail .content {margin-bottom:100px; font-size:20px; font-weight:100; line-height:1.4; }
.news_detail .content img {max-width:100%; }
.news_detail .btn_box {text-align:center; }
.news_detail .btn_box a {padding:8px 30px; }

@media all and (max-width:767px){
    .news_detail {padding:30px 0 100px; }
    .news_detail .tit {padding-bottom:20px; margin-bottom:20px; }
    .news_detail .tit h4 {font-size:20px; }
    .news_detail .tit .date {font-size:16px; }
    .news_detail .content {margin-bottom:70px; font-size:16px; }
    .news_detail .btn_box a {font-size:14px; }
}

/* work */
.select_box {z-index:10; position:relative; display:inline-flex; text-align:left; }
.select_box > button {position:relative; width:217px; padding:10px 15px; font-size:16px; color:var(--color-white); font-weight:300; background-color:var(--color-primary); text-align:left; }
.select_box > button:before {content:''; position:absolute; right:15px; top:calc(50% - 7px); width:14px; height:14px; background:url('../img/common/arrow_white.svg') no-repeat center center; transition:all 0.5s; }
.select_box ul {position:absolute; left:0; top:100%; display:none; width:100%; border:1px solid var(--color-primary); background-color:#fff; }
.select_box ul li + li {border-top:1px solid var(--color-primary); }
.select_box ul li button {width:100%; padding:10px 15px; font-size:16px; color:var(--color-primary); font-weight:300; text-align:left; }
.select_box.active > button:before {transform:rotate(180deg); }
.select_box.active ul {display:block; }

@media all and (max-width:767px){
    .select_box > button {width:100%; }
}

.work_con01 {padding:100px 0 150px; }
.work_con01 .filter_box {display:flex; align-items:center; gap:15px; flex-wrap:wrap; margin-top:150px; }
.work_con01 .work_list {margin-top:25px; }
.work_con01 .work_list ul {display:grid; grid-template-columns:repeat(4,1fr); gap:34px; }
.work_con01 .work_list ul li .img_box {overflow:hidden; position:relative; width:100%; padding-bottom:100%; }
.work_con01 .work_list ul li .img_box .tag {z-index:5; position:absolute; left:0; top:0; padding:20px; display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.work_con01 .work_list ul li .img_box .tag span {padding:6px 15px; font-size:16px; color:var(--color-white); font-weight:300; background-color:var(--color-primary); }
.work_con01 .work_list ul li .img_box .tag span.type01 {color:#1f1f1f; background-color:#D7CAB9; }
.work_con01 .work_list ul li .img_box .tag span.type02 {color:#1f1f1f; background-color:#F5F5F5; }
.work_con01 .work_list ul li .img_box .tag span.type03 {color:#f9f9f9; background-color:#18283F; }
.work_con01 .work_list ul li .img_box > img {position:absolute; left:0; top:0; display:block; width:100%; height:100%; object-fit:cover; transition:all 0.5s; }
.work_con01 .work_list ul li:hover .img_box > img {transform:scale(1.1); }
.work_con01 .work_list ul li .txt_box {margin-top:15px; }
.work_con01 .work_list ul li .txt_box .tit {font-size:18px; color:#1f1f1f; font-weight:200; }
.work_con01 .work_list ul li .txt_box .date {margin-top:5px; font-size:14px; color:#7f7f7f; font-weight:100; }

@media all and (max-width:1024px){
    .work_con01 .work_list ul {grid-template-columns:repeat(3,1fr); }
}
@media all and (max-width:767px){
    .work_con01 {padding:30px 0 100px;  }
    .work_con01 .filter_box {display:grid; grid-template-columns:repeat(2,1fr); margin-top:100px; }
    .work_con01 .work_list ul {grid-template-columns:repeat(2,1fr); gap:30px 16px; }
    .work_con01 .work_list ul li .img_box .tag {padding:10px; }
    .work_con01 .work_list ul li .img_box .tag span {font-size:15px; }
	/* .work_con01 .work_list ul li .img_box > img {height:195px;} */
    .work_con01 .work_list ul li .txt_box {margin-top:8px; }
    .work_con01 .work_list ul li .txt_box .tit {font-size:16px; }
}


.work_detail {overflow:hidden; padding:100px 0; }
.work_detail .work_box {position:relative; display:flex; align-items:flex-start; gap:10px; margin-top:50px; }
.work_detail .work_box:before {content:''; z-index:9; position:absolute; right:calc(100% - 430px); top:0; width:10000%; height:100%; background-color:#fff; }
.work_detail .slide_box {z-index:2; position:relative; width:calc(100% - 430px); height:560px; }
.work_detail .slide_box ul li {width:auto; }
.work_detail .slide_box ul li > img,
.work_detail .slide_box ul li > video {display:block; width:auto; height:100%;  }
.work_detail .slide_box .arrow {z-index:5; position:absolute; top:calc(50% - 20px); }
.work_detail .slide_box .arrow.swiper-button-disabled {display:none; }
.work_detail .slide_box .arrow.prev {left:0; transform:rotate(180deg); }
.work_detail .slide_box .arrow.next {right:0; }

.work_detail .info_box {z-index:10; position:relative; display:flex; flex-direction:column; justify-content:space-between; width:420px; max-width:100%; height:560px; }
.work_detail .info_box .tit h5 {font-size:20px; color:#2e2e2e; font-weight:300; }
.work_detail .info_box .tit .link {display:flex; align-items:center; gap:8px; margin-top:15px; }
.work_detail .info_box .tit .link a img {display:block; }
.work_detail .info_box .info dl {display:grid; grid-template-columns:repeat(2,1fr); }
.work_detail .info_box .info dl + dl {margin-top:25px; }
.work_detail .info_box .info dl dt {font-size:16px; color:#2e2e2e; font-weight:300; }
.work_detail .info_box .info dl dd {font-size:16px; color:#2e2e2e; font-weight:100; }
.work_detail .info_box .info dl dd p + p {margin-top:10px; }
.work_detail .info_box .info dl dd p b {font-weight:300; }
.work_detail .info_box .info dl dd p span {color:#7f7f7f; font-weight:100; }
.work_detail .info_box .info dl dd a {display:flex; align-items:center; gap:3px; font-size:16px; color:#6fb8e6; font-weight:300; }
.work_detail .info_box .info dl dd a:before {content:''; width:20px; height:20px; background:url('../img/common/link.svg') no-repeat center center; }
.work_detail .info_box .info dl dd i {display:block; margin-top:5px; font-size:14px; font-style:normal; line-height:1.3; }
.work_detail .link_box {display:flex; align-items:center; justify-content:flex-end; gap:15px; margin-top:70px; }
.work_detail .link_box a {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border:1px solid #e0e0e0; font-size:15px; color:#7f7f7f; letter-spacing:-0.45px; border-radius:50%; }
.work_detail .link_box a img {display:block; }

@media all and (max-width:767px){
    .work_detail {padding:30px 0 100px; }
    .work_detail .work_box {flex-direction:column; }
    .work_detail .work_box:before {display:none; }
    .work_detail .slide_box {height:400px; }
    .work_detail .slide_box {width:100%; margin-top:30px; }
    .work_detail .slide_box ul li img,
    .work_detail .slide_box ul li video {height:400px; }
    .work_detail .slide_box .arrow.prev {left:-12px; }
    .work_detail .slide_box .arrow.next {right:-12px; }

    .work_detail .info_box {gap:50px; height:auto; }
    .work_detail .info_box .info dl + dl {margin-top:12px; }
    .work_detail .info_box .info dl dd p + p {margin-top:8px; }
    .work_detail .link_box {margin-top:20px; gap:10px; }
    .work_detail .link_box a {width:50px; height:50px; }
    
}

/* contact */
.contact_cont {padding:80px 0 0; }
.contact_cont .inner {margin-bottom:100px; }
.contact_cont .root_daum_roughmap {width:100% !important; }
.contact_cont .root_daum_roughmap .cont .section_address {display:none !important; }

@media all and (max-width:767px){
    .contact_cont {padding:30px 0 0;  }
    .contact_cont .inner {margin-bottom:70px; }
    .contact_cont .root_daum_roughmap {height:240px; }
    .contact_cont .root_daum_roughmap .wrap_map {height:240px !important; }
}