@charset "utf-8";

:root {
    --primary: #B3946D;
}
.wrapper {max-width:1420px}
.title_box {margin-bottom:60px}
.title_box p {color:#565656}

.sec_hero .txt_wrap .logo {max-width:465px}
.sec_hero .txt_wrap .tit .color {color:#EDC594}
.sec_hero .view_more .round {background:var(--primary)}

.sec_info {background:var(--primary)}
.sec_info .cont {color:#f3f3f3}

.desktop_view_open .img_top {border-radius:10px 10px 0 0;overflow:hidden;}
.page_view .list > div {box-shadow:none;width:100%}
.page_view .list > div img {box-shadow:0 4px 20px rgba(0,0,0,0.15)}
.page_view .list > div img + img {display:block;margin-top:80px}
.sub_page_view .list {grid-template-columns: repeat(3, 375px);justify-content:space-between;}

.sec_03 {padding:var(--sec-padding) 0}
.sec_03 .over_view {margin-top:120px}

.sec_05 {padding-top:var(--sec-padding)}
.sec_05 .list {display:flex;border-top:solid 1px #333333;border-bottom:solid 1px #333333}
.sec_05 .list > div {width:100%}
.sec_05 .list > div .box {height:500px;border-bottom:solid 1px #333333}
.sec_05 .list > div + div .txt_wrap {border-left:solid 1px #333333}
.sec_05 .list > div .txt_wrap {text-align:center;padding:24px 20px}
.sec_05 .list > div .txt_wrap strong {font-size:24px;font-weight:700;display:block;margin-bottom:10px}
.sec_05 .list > div .txt_wrap span {font-size:20px;font-weight:700;color:#474747}
.sec_05 .list .item_01 .box {background:#B3946D}
.sec_05 .list .item_02 .box {background:#F5F3E5}
.sec_05 .list .item_03 .box {background:#212121}



@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px}

    .sec_03 .over_view {margin-top:80px}
    .sub_page_view .list {grid-template-columns: repeat(3, 1fr)}

    .sec_05 .list > div .box {height:300px}
    .sec_05 .list > div .txt_wrap strong {font-size:20px}
    .sec_05 .list > div .txt_wrap span {font-size:16px}
}

@media all and (max-width: 1023px) {
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}
    
    .sec_03 .over_view {margin-top:48px}

    .sec_05 .list > div .box {height:120px}
    .sec_05 .list > div .txt_wrap {padding:20px 10px}
    .sec_05 .list > div .txt_wrap strong {font-size:18px;margin-bottom:5px}
    .sec_05 .list > div .txt_wrap span {font-size:14px}
}