@charset "utf-8";

/*공통*/
/* about */
.about {margin-top:340px;}
.about .page-tit {font-family: 'Playfair Display', serif; font-size:265px; font-weight:400; line-height:1em; letter-spacing:0.05em; color:#222; text-align:center; position:relative; z-index:1;}
.about .imgBox {margin-top:-67px; position:relative; padding-bottom:740px; margin-bottom:234px;}
.about .imgBox .img2 {position:absolute; right:5%; bottom:27%}
.about .imgBox .img3 {position:absolute; bottom:0; left:20%}
.about .tit-wrap {padding-bottom:300px; display:flex;}
.about .tit-wrap .tit p {font-family: 'Playfair Display', serif; font-size:145px; font-weight:500; line-height:1.1em; letter-spacing:0; color:#222;}
.about .tit-wrap .txt {margin-top:450px;}
.about .tit-wrap .txt .tt {font-size:26px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#222; margin-bottom:70px;}
.about .tit-wrap .txt .tx {font-size:22px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545; margin-bottom:30px;}
.about .tit-wrap .txt .deco {font-family:'Roboto'; font-size:100px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#222; margin-top:100px;}
.about .imgBox2 {margin-bottom:225px; position:relative; width:100%; max-width:1650px; height:890px; background:url("../images/sub/about_4.jpg") no-repeat 50% 50%; background-size:cover; background-attachment:fixed;}

.about .txt-wrap2 {position:relative; margin-bottom:290px;}
.about .txt-wrap2 .tt {font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#222; margin-bottom:70px;}
.about .txt-wrap2 .tx {font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545; margin-bottom:55px;}
.about .txt-wrap2 .tx:nth-of-type(3) {margin-bottom:0;}

.about .txt-wrap2 .logo {position:absolute; right:0; bottom:0;}
.about .txt-wrap2 .logo:before {content:""; position:absolute; width:100%; background:#edece9; right:0; height:100%; transition:0.5s 1s ease;}
.about .txt-wrap2 .logo.active:before {transform:translateX(100%);}
.about .bg-black {background:#222222; padding:250px 0 300px 0;}
.about .tit-wrap.ver2 {display:block;}
.about .tit-wrap.ver2 .tit p {color:#fff;}
.about .bg-black .wrap {display:flex; align-items:flex-end;}
.about .bg-black .box {color:#fff;}
.about .bg-black .col {margin-bottom:52px;}
.about .bg-black .col:last-child {margin-bottom:0;}
.about .bg-black .col-tit {font-family: 'Playfair Display', serif; font-size:26px; font-weight:500; line-height:1em; letter-spacing:-0.03em; margin-bottom:30px;}
.about .bg-black .col p {font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; margin-bottom:10px;}
.about .bg-black .col p:last-child {margin-bottom:0;}
.about .slick-dots {position:absolute; bottom:30px; display:flex; justify-content:center; width:100%;}
.about .slick-dots li {padding:0 5px;}
.about .slick-dots li button {display:block; border:0; background:#fff; width:15px; height:15px; border-radius:100%; text-indent:-999em; overflow:hidden; transition:0.2s all ease;}
.about .slick-dots li.slick-active button {border-radius:100px; width:40px;}
.about .aboutSlider {position:relative; margin-left:80px; max-width:540px; margin-right:368px; width:50%;}

/* project */
.project-list {padding-top:200px;}
.project-list .grid-item a {display:block;}
.project-list .thumb {margin-bottom:30px;}
.project-list .date {font-family: "josefin-sans", sans-serif; font-size:15px; font-weight:400; line-height:1em; letter-spacing:0.05em; color:#555; margin-bottom:24px;}
.project-list .tit {font-size:26px; font-weight:400; line-height:1em; letter-spacing:0.05em; color:#333; margin-bottom:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.project-list .txt {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:0.05em; color:#333; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.project-list .grid {margin:0 -162px;}
.project-list .grid-sizer, .project-list .grid-item {width: 50%; margin-bottom:100px; padding:0 162px; transition:0.2s all ease;}
.project-list .grid-item img {display:block; width:100%;}

/* media */
.media-list {padding-top:100px;}
.media-list .grid {margin:0 -162px;}
.media-list .grid-item {margin-bottom:100px;}
.media-list .grid-item:nth-child(odd) {margin-top:100px;}
.media-list .grid-sizer, .media-list .grid-item {width: 50%; margin-bottom:100px; padding:0 162px; transition:0.2s all ease;}
.media-list .grid-item .thumb {position:relative; padding-bottom:56.02%; overflow:hidden;}
.media-list .grid-item .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;}
.media-list a {display:block;}
.media-list a:hover .thumb img {transform:translateY(-50%) scale(1.03); -ms-transform:translateY(-50%) scale(1.03); -webkit-transform:translateY(-50%) scale(1.03); }
.media-list .cnt {padding:20px; background:#fff; border-bottom:1px solid #baad86; text-align:center;}
.media-list .cnt .date {font-family: "josefin-sans", sans-serif; font-size:15px; font-weight:400; line-height:1em; letter-spacing:0.05em; color:#555; margin-bottom:24px;}
.media-list .cnt .tit {font-size:22px; font-weight:400; line-height:1em; letter-spacing:0.05em; color:#333; margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.media-list .cnt .txt {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:0.05em; color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

/* page-menu */
.page-menu {margin-bottom:50px;}
.page-menu ul {display:flex;}
.page-menu ul li {flex:1;}
.page-menu ul li a {display:block; padding-bottom:17px; border-bottom:1px solid #ccc; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#222; position:relative; text-align:center;}
.page-menu ul li.active a,
.page-menu ul li a:hover {color:#baad86;}
.page-menu ul li.active a:before {content:""; position:absolute; width:100%; height:3px; background:#baad86; left:0; bottom:-1px;}

/* event */
.event-list ul {display:flex; flex-wrap:wrap; margin:0 -122px;}
.event-list ul li {width:50%; padding:0 122px; margin-bottom:120px;}
.event-list ul li a {display:block;}
.event-list ul li .thumb {position:relative; padding-bottom:65.74%; overflow:hidden;}
.event-list ul li .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;}

.event-list ul li .cnt {padding:50px 10px; text-align:center; background:#fff; border-bottom:1px solid #baad86;}
.event-list ul li .date {font-family: "josefin-sans", sans-serif; font-size:15px; font-weight:400; line-height:1em; letter-spacing:0.05em; color:#555; margin-bottom:24px;}
.event-list ul li .tit {font-size:22px; font-weight:400; line-height:1em; letter-spacing:0.05em; color:#333; margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.event-list ul li .txt {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:0.05em; color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }