@charset "utf-8";

/* ***** reset ***** */
html {width:100%; height:100%;}
body {overflow: hidden; font-family:'AppleSDNeoL'; font-size:15px; color:#000; line-height: 1; width:100%; height:100%; margin:0; word-break:keep-all;}
* {letter-spacing: -0.04em; margin:0; padding:0; border:none; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{ /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/}
*:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

h1, h2, h3, h4, h5, h6 {font-size:inherit; color:inherit;}
fieldset, img {border:none; vertical-align:middle;}
object:focus {outline:none;}
iframe {overflow-x:hidden; overflow-y:hidden; margin:0; padding:0; border:none;}
dl, ul, ol, menu, li {list-style:none;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input{border-radius: 0; -webkit-appearance: none;}
select{border-radius: 0; }
input, select, textarea, label, button {font-size:1.4rem; color:#222; vertical-align:middle; font-family: 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', sans-serif; }
input[type=text]::-ms-clear{display: none;}
input[type=number]::-ms-clear{display: none;}
option{color:#656262; font-family: 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', sans-serif;}
button,label {cursor:pointer; background:none; border:none;}
button {border:none; background-color:transparent; }
i {font-style:normal; vertical-align: middle;}
table {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
textarea {-webkit-appearance:none; border-radius:0; resize:none;}
optgroup {background-color: #ffffff; color:#656262; font-weight:inherit;}

a {margin:0; padding:0; color:inherit; text-decoration:none; outline:none;}

caption, legend, hr {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
.img,.img > a > img{width:100%; height: 100%;object-fit: cover;}
.mt22{margin-top:22px;}
/* page_nav */
.page_nav{text-align: center;}
.page_nav .list{display:inline-block; font-size:20px; padding:0 10px;}
.page_nav .list.active{border-bottom:1px solid #000; font-weight:bold;padding-bottom: 4px;}

/* main */
.wrap{width:100%; height: 100%; position: relative;}
.content{position: relative;}
.main_video.m{display: none;}
.cont_tit{margin-bottom:65px;}
.cont_tit >a{font-weight: 400 !important;}
.cont_tit >p,.cont_tit >a{font-weight: 100;letter-spacing: -0.2px;margin-bottom:2px;}
.side_menu{position: fixed; top:26px; left:24px; z-index: 100;}
.side_menu.main,.side_menu .cont_tit .logo{display:block;}
.m_menu{display:none;}
.depth01 > a{font-size: 21px;padding-bottom:8px; display:block;font-weight: bold;cursor: pointer;}
.depth02{display: none;padding-bottom: 11px}
.depth02 .tit > a{font-weight: 300; padding-bottom:7px;display:block;font-weight: 100;letter-spacing: -0.2px;}
.sns_icon{margin-top:144px; display: flex;}
.icon{background:url(../img/icon01.png) no-repeat center center; background-size:17px; width:17px; height: 17px; margin-right:3px;}
.icon.typeA{background:url(../img/icon02.png) no-repeat center center; background-size:17px; }
.icon.typeB{background:url(../img/icon03.png) no-repeat center center; background-size:17px; }

/* sub */
.sub{overflow-y: scroll;}
.sub_wrap{padding:132px 35px 100px 590px; position: relative;}
.sub_area{margin-bottom:113px;padding-bottom:53px; border-bottom:1px solid #000;} 
.sub_area:last-child{margin-bottom:0; border-bottom: 0; padding-bottom: 0;}
.sub_area.last{border-bottom:0; margin-bottom:50px; padding-bottom:0;}
.sub_tit .left_tit{font-size:23px; font-weight: bold; margin-bottom:14px;}
.sub_tit .left_tt{font-weight: 100;}
.sub_tit .tit{font-size: 19px; text-align: center; font-weight: 100;letter-spacing: 0.6px;}
.sub_tit.txt_left{text-align: left;}
.sub_tit.txt_left .tit{font-size:22px; text-align: left;margin-bottom:8px;font-weight: 400;}
.sub_tit.txt_left .txt{ font-weight: 300; letter-spacing: 0.6px; color:#646464;}
.sub_video{margin:80px 0 25px;}
.video_wrap{position: relative; width: 100%; height: 0;padding-bottom: 56.25%;}
.video_wrap iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sld .flex{display:flex;}
.sld .flex .img{margin-right:10px;}
.sld .flex .img:last-child{margin-right: 0;}
.Helvetica_thin{font-family:'system-ui'; color: #333;}

/* photography */
.sub_wrap.typeA{padding-top:62px;}
.sub_phpto{margin-top:110px;}
.grid{display: grid; grid-gap:22px; grid-template-columns: repeat(2, 1fr);}
.grid.three{display: grid; grid-gap:22px; grid-template-columns: repeat(3, 1fr);margin-bottom:22px;}
.grid.three .item:first-child{width:460px;}
.item.nth01 {width: 837px; height:559px;}
.item.nth02 { height:559px;}
.item.nth03 {width: 338px; height: 506px;}
.item.nth04 {width: 918px; height: 506px;}
.flex_wrap{margin:11px 0;}
.flex_wrap .flex{display:flex; width: 100%; }
.flex_wrap .flex .item{margin:11px;}
.flex_wrap .flex .item:first-child{margin-left:0;}
.flex_wrap .flex .item:last-child{margin-right:0;}
.flex_wrap .flex .item.nth01{width: 460px; height: 557px;}
.flex_wrap .flex .item.nth02{width: 385px; height: 557px; }
.flex_wrap .flex .item.nth03{width: 390px; height: 557px;}
.flex_wrap .flex .item.nth04{width: 550px; height: 692px;}
.flex_wrap .flex .item.nth05{width: 370px; height: 464px;}
.flex_wrap .flex .item.nth06{width: 315px; height: 464px;}
.flex_wrap .flex .item.nth07{width: 550px; height: 825px;}
.flex_wrap .flex .item.nth08{width: 707px; height: 877px; margin-top: -218px;}
.flex_wrap .flex .item.nth09{width: 550px; height: 706px;}
.flex_wrap .flex .item.nth10{width: 707px; height: 877px; margin-top: -163px;}
/* seior */
.seior .nth01{width: 422px; height: 506px;}
.seior .nth02,.seior .nth03{height: 506px;}
.seior .nth04{width: 667px!important; height: 833px!important;}
.seior .nth05{width: 592px!important; height: 390px!important;}
.seior .nth06{width: 667px!important; height: 835px!important;}
.seior .nth07{width: 590px!important; height: 734px!important;margin: -433px 0 0 11px !important;}
.seior .nth08{width:46%!important; height: 520px!important;margin: -531px 0 0 auto!important;}
.seior .nth08.m{display:none;}
/* SimpleLightbox */
.sl-wrapper{background-color: #fff;}

/* gallery */
.sub_gallery{margin-top:88px;}
.sub_gallery .flex_wrap .flex .item{margin:6px;}
.flex.typeA.m{display: none;}
.flex.typeA .item{height: 343px!important;}
.flex.typeA .nth01,.flex.typeA  .nth03,.flex.typeA .nth04{width:228px!important;}
.flex.typeA .nth02,.flex.typeA .nth05{width: 274px!important;}
.flex.typeB .item{height: 223px!important;}
.flex.typeB .nth01,.flex.typeB .nth03{width:334px!important;}
.flex.typeB .nth02{width: 180px!important;}
.flex.typeB .nth04{width: 397px!important;}
.flex.typeC .item{width:50% !important; height: 358px;}
.flex.typeD .item{ height:400px!important;}
.flex.typeD .nth01{ width:268px!important;}
.flex.typeD .nth02{ width:714px!important;}
.flex.typeD .nth03{ width:270px!important;}
/* 테블릿 */
@media only screen and (max-width: 1600px) {
    .sub_wrap{padding:132px 35px 100px 400px}
    /* 제네리코  */
    .item.nth01,.item.nth02,.item.nth03,.item.nth04{width: auto;height: auto;}
    .flex_wrap .flex .item.nth01,.flex_wrap .flex .item.nth02,.flex_wrap .flex .item.nth03{width: 33.33%; height: auto;}
    .flex_wrap .flex .item.nth04,.flex_wrap .flex .item.nth05,.flex_wrap .flex .item.nth06,.flex_wrap .flex .item.nth07{height: auto;}
    .flex_wrap .flex .item.nth08,.flex_wrap .flex .item.nth10{height: auto; margin-top:3px}
    .flex_wrap .flex .item.nth09{height: auto;}
    .grid.three .item:first-child{width: auto;}
    /* 시오르 */
    .seior .nth04,.seior .nth05,.seior .nth06,.seior .nth07{height: auto!important;}
    .seior .nth04,.seior .nth05{width: 50%!important;}
    .seior .nth06{width: 33.33%!important;}
    .seior .nth07{margin:3px!important;width: 33.33%!important;}
    .seior .nth08{width: 33.33%;}
    .seior .nth08.m{display:block;width: 33.33% !important;height: auto ! important;margin:3px 0 3px 3px! important;}
    .seior .nth08.pc{display:none;}
    /* 갤러리 */
    /* .sub_gallery .flex_wrap .flex{margin:0 0 -3px;} */
    .flex.typeA.pc{display: none;}
    .flex.typeA.m{display: flex;}
    .flex_wrap .flex.typeA .item{width: 98% !important;}
    .flex_wrap .flex.typeA .item:nth-child(4),.flex_wrap .flex.typeA .item:nth-child(5){width: 50%!important;}
    .flex.typeA .item,.flex.typeB .item,.flex.typeC .item,.flex.typeD .item{margin:3px!important;}
    /* .flex.typeA .nth01, .flex.typeA .nth03, .flex.typeA .nth04,.flex.typeA .nth02, .flex.typeA .nth05{width: auto!important;} */
    .flex.typeA .item,.flex.typeB .item,.flex.typeC .item,.flex.typeD .item{height: auto!important;}
    .flex.typeB{flex-wrap: wrap;justify-content: space-around;}
    .flex.typeB .item{flex: 1 1 calc(50% - 50px)!important;}
    .flex.typeD .item{width: 33.33%!important;}
}
@media only screen and (max-width: 1200px) {
    .sub_wrap{padding:132px 35px 100px 250px}
}
@media only screen and (max-width: 800px) {
    .content{overflow-x: hidden;}
    .main_video.pc{display: none;}
    .main_video.m{display: block;}
    .side_menu,.m_menu .menu{display:none;}
    .dim{display: none; position: absolute;top: 0;left: 0;right: 0;bottom:0; width: 100%; height: 100%; background: #333;opacity:0.7;z-index: 10;}
    .m_menu{padding:20px 10px 0;display: flex;}
    .m_menu .menu{position: absolute;top: 0;left: 0;width: 80%;height: 100%;padding: 80px 30px;background: #fff;z-index: 100;}
    .m_menu .logo{position: absolute;top: 27px;left: 30px;}
    .m_btn{ text-indent: -9999px; display:block;  width: 24px; height: 24px; background-image: url(../img/m_menu.png); background-repeat: no-repeat; background-size: 24px;}
    .m_close{text-indent: -9999px;cursor: pointer;position: absolute;top: 20px;right: 30px;width: 24px; height: 24px; background-image: url(../img/m_close.png); background-repeat: no-repeat; background-size: 24px;}
    .m_menu .menu .sns_icon{margin-top:36px;}
    .sub_wrap{padding:30px 10px 50px;}
    /* 비디오그라피 */
    .sub_video{margin:30px 0 20px; }
    .sub_tit .left_tit{margin-bottom:8px;font-size: 18px;}
    .sld .flex{display:block;}
    .sld .flex .img{margin:5px 0;}
    .sub_area{margin-bottom:40px; padding-bottom: 20px;}
    .flex_wrap{margin:3px 0;}
    .sub_phpto{margin-top: 30px;}
    .grid,.grid.three{ grid-gap: 6px}
    .grid.three{margin-bottom: 6px;}
    .grid.two{margin-top:6px;}
    .item.nth03,.item.nth04{height: auto;}
    .flex_wrap .flex .item{margin:3px;}
    
    /* 포토그라피 */
    .sub_wrap.typeA{padding-top:30px;}
    .mt22{margin-top:6px;}
    /* 갤러리 */
    .sub_tit.txt_left .tit{font-size: 20px;}
    .sub_gallery{margin-top:30px;}
}