@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.main-visual .col.type2 {width:100%; flex:1 100%; max-width:100%;}
.main-visual .col.type2 .txt {left:160px; display:flex; align-items:center; bottom:auto; top:50%; transform:translateY(-50%);}
.main-visual .col.type2 .txt h2 {font-size:60px; letter-spacing:.039em; font-weight:600; font-family:'Montserrat', sans-serif; line-height:1.5em;}
.main-visual .col.type2 .txt p {font-size:28px; font-weight:200; letter-spacing:-.03em; padding-left:30px; margin-bottom:0; font-family:'Lateef', serif;}
.main-visual .col.type2 .txt p.font-type {font-family:"Noto Sans KR", sans-serif; font-weight:400;}

.plusdesign .img {width:960px; height:100vh; background-size:cover; background-repeat:no-repeat;}
.plusdesign .cnt {background-color:#000; color:#fff; height:100vh; flex:1; width:100%; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.plusdesign .cnt .txt {font-size:18px; letter-spacing:-.03em; line-height:2em; position:relative;}
.plusdesign .cnt .txt:after {width:277px; height:310px; right:-80px; top:-230px; background-image:url('../images/sub/plusdesign_icon.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.plusdesign .cnt .txt strong {font-size:23px; line-height:1.9em; font-weight:700 ; letter-spacing:-.03em;}
.plusdesign .cnt .last {font-size:30px; margin-top:45px; font-weight:200; font-family:'Lateef', serif;}

.history {background-color:#000; justify-content:center; background-image:url('../images/sub/historyBg.jpg'); background-size:cover; background-repeat:no-repeat;}

.history-list {display:flex; flex-wrap:wrap;}
.history-list .group {width:33.3333%; color:#ffff;}
.history-list .group:nth-child(-n+3) {margin-bottom:40px;}
.history-list .group .year {font-size:23px; margin-bottom:45px; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.history-list .group ul li {padding-left:58px; padding-bottom:25px; position:relative;}
.history-list .group ul li:before {position:absolute; content:''; width:7px; height:7px; top:11px; left:0; background-color:#fff; border-radius:100%;}
.history-list .group ul li:last-child {padding-bottom:0;}
.history-list .group ul li:nth-child(2):after {position:absolute; content:''; width:1px; top:-40px; bottom:10px; left:3px; background-color:#fff;}

.sub-back {position:absolute; top:60px; left:120px;}

.detail-photo {/* background-color:#050d24; */ height:100vh;}
.detail-photo.size1 {min-width:2620px;}
.detail-photo.size2 {min-width:2520px;}
.detail-photo .small {width:1140px; padding:150px 60px;}
.detail-photo .small .thumb {position:relative; padding-bottom:66.73%; overflow:hidden;}
.detail-photo .small .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.detail-photo .big {width:1470px; flex:1;}
.detail-photo .big2 {padding:50px 60px 50px 0;}
.detail-photo .big .thumb {position:relative; padding-bottom:66.71%; overflow:hidden; margin:50px 0;}
.detail-photo .big .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.detail-photo .big2 .thumb {padding-bottom:66.77%;}

.sub-visual-wrap {min-width:2420px;}
.sub-visual {align-items:normal; min-width:2420px;}
.sub-visual .col.type2 {width:1920px; flex:1 1920px; max-width:1920px;}
.sub-visual .col-detail {padding:60px 0 0 40px; flex:1;}
.sub-visual .col-detail .logo {margin-bottom:95px;}
.sub-visual .col-detail ul li {margin-bottom:40px;}
.sub-visual .col-detail ul li:last-child {margin-bottom:0;}
.sub-visual .col-detail ul li .tit {font-family:'Montserrat', sans-serif;}
.sub-visual .col-detail ul li p {font-size:23px; font-weight:700; letter-spacing:-.03em; font-family:'Montserrat', sans-serif; color:#242424;}
.sub-visual .col-detail ul li p span {font-size:16px; padding-left:20px; font-weight:400; font-family:"Noto Sans KR", sans-serif;}

/*  */
.container-no-scorll .main-visual {margin-bottom: 100px;}
.sec2-flex-wrap {display:flex; flex-wrap:wrap; max-width:1680px; padding: 0 30px; margin: auto;}
.sec2-flex-wrap .col {width: 25%; margin:0 10px 20px; max-width:calc(25% - 20px);}