/*common*/

html {

      /* Prevent font scaling in landscape */

     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

     -moz-text-size-adjust: none; /*Firefox*/

     -ms-text-size-adjust: none;  /*Ie*/

     -o-text-size-adjust: none; /*old versions of Opera*/

}

#wrap{width:100%;overflow:hidden;}
body{font-family: 'notokr-regular';line-height:1;font-size:18px;color:#181818;}
body *{box-sizing:border-box;letter-spacing:-0.04em;}

.con1200{width:1200px;margin:0 auto;position:relative;}


.go_top{cursor:pointer;}
.slick-dots li,.slick-slide,.slick-arrow{cursor:pointer;outline:none;}
.doc_m {display:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;text-indent:-999em;font-size:0;}

.only_pc{display:block;}
.only_m{display:none;}

.view_1200{display:none;}
.hide_1200{display:block;}
b{font-family: 'notokr-bold';}

.main_con{width:100%;height:100%;}
.main_wrap{width:100%;height:100vh;position:relative;}
.main_wrap .top_box{position:absolute;color:#fff;left:50%;transform:translateX(-50%);top:120px;text-align:center;z-index:2;}
.main_wrap .top_box .logo{border:2px solid #fff;padding:28px 70px;}
.main_wrap .top_box .logo h3{font-size:30px;margin-top:18px;}
.main_wrap .intro_wrap{displaY:flex;width:100%;height:100%;}
.main_wrap .intro_wrap > div{width:50%;height:100%;padding:360px 0 70px;overflow: hidden;position:relative;cursor:pointer;transition:background-image .5s ease-in-out;}
.main_wrap .intro_wrap > div > a{displaY:block;width:100%;}
.main_wrap .intro_wrap > div:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: inherit;background-size: cover;transform-origin: center;transition: transform .5s ease-in-out;}
.main_wrap .intro_wrap .left_doc{background:url('/common/images/main/doc1.png?v=2') no-repeat center/cover;}
.main_wrap .intro_wrap .right_doc{background:url('/common/images/main/doc2.png?v=2') no-repeat center/cover;}
 .main_wrap .intro_wrap .txt_wrap{position:absolute;z-index:2;top:40%;left:50%;transform:translateX(-50%);}
.main_wrap .intro_wrap .txt_wrap > a{displaY:block;} 

@media(hover: hover) and (pointer: fine) {
.main_wrap .intro_wrap > div:hover:after{transform: scale(1.05);}
.main_wrap .intro_wrap .left_doc:hover{background:url('/common/images/main/doc1_on.png?v=2') no-repeat center/cover;}
.main_wrap .intro_wrap .right_doc:hover{background:url('/common/images/main/doc2_on.png?v=2') no-repeat center/cover;}
.main_wrap .intro_wrap > div:hover .icon_wrap li:nth-child(1){background-image:url('/common/images/main/tel_icon_on.png');}
.main_wrap .intro_wrap > div:hover .icon_wrap li:nth-child(2){background-image:url('/common/images/main/kakao_icon_on.png');}
.main_wrap .intro_wrap > div:hover .icon_wrap li:nth-child(3){background-image:url('/common/images/main/naver_icon_on.png');}
.main_wrap .intro_wrap > div .icon_wrap li:hover{transform:scale(1.1);}
.main_wrap .intro_wrap .link_wrap a.link:hover img{right:40px;}
.main_wrap .intro_wrap .link_wrap a.link:hover{font-family: 'notokr-bold';}

}

.main_wrap .intro_wrap .intro_txt{text-align:center;color:#fff;}
.main_wrap .intro_wrap .intro_txt h4{font-family: 'Montserrat', sans-serif;font-weight:500;letter-spacing:0.1em;}
.main_wrap .intro_wrap .intro_txt h4 b{font-family: 'Montserrat', sans-serif;font-weight:700;letter-spacing:0.1em;}
.main_wrap .intro_wrap .intro_txt h3{font-size:45px;padding:20px 0;}
.main_wrap .intro_wrap .intro_txt h2{font-size:90px;font-family: 'notokr-bold';}

.main_wrap .intro_wrap .link_wrap{margin:50px auto 35px;width:250px;}
.main_wrap .intro_wrap .link_wrap a.link{display:block;padding:10px 70px 10px 45px;text-align:center;border:1px solid #fff;color:#fff;position:relative;transition:all .5s;}
.main_wrap .intro_wrap .link_wrap a.link img{displaY:block;position:absolute;width:10px;height:17px;top:50.3%;transform:translateY(-50%);right:45px;transition:right .5s;}

.main_wrap .intro_wrap .icon_wrap{display:flex;justify-content:center;}
.main_wrap .intro_wrap .icon_wrap li{width:61px;height:61px;background-position:center;background-repeat:no-repeat;background-size:100%;margin-right:18px;transition:transform .2s;}
.main_wrap .intro_wrap .icon_wrap li a{width:100%;height:100%;}
.main_wrap .intro_wrap .icon_wrap li:nth-child(1){background-image:url('/common/images/main/tel_icon.png');}
.main_wrap .intro_wrap .icon_wrap li:nth-child(2){background-image:url('/common/images/main/kakao_icon.png');}
.main_wrap .intro_wrap .icon_wrap li:nth-child(3){margin-right:0;background-image:url('/common/images/main/naver_icon.png');}
.main_wrap .intro_wrap .logo_box{padding-top:40px;text-align:center;}


/*footer*/
footer{background:#333333;padding:40px 0;}
footer > div{overflow:hidden;}
.foot_info {display:flex;align-items: center;justify-content:center;}
.foot_info .txt_box{font-size:16px;line-height:26px;color:#a4a4a4;}
.foot_info .txt_box p{letter-spacing:-0.06em;margin-bottom:5px;}
.foot_info .txt_box p span.mid{font-family: 'notokr-medium';font-size:18px;color:#fff;display:inline-block;margin-right:10px;line-height:28px;}


/*---------------------------------------------------------- 애니메이션_공통 -------------------------------------------------------*/
.ani_box .ani_item{opacity:0;transition:all .3s;}



/*--------------------------------------------------------------------- MEDIA_SCREEN1900 ------------------------------------------------------------------*/
@media all and (max-width:1900px){
.main_wrap .intro_wrap .txt_wrap{top:35%;}
.main_wrap .top_box{top:50px;}
.main_wrap .top_box .logo{padding:20px 40px;}
}



/*--------------------------------------------------------------------- MEDIA_SCREEN1200 ------------------------------------------------------------------*/
@media all and (max-width:1200px){

.main_wrap .top_box .logo{}
.main_wrap .top_box .logo h3{font-size:20px;}

.foot_info .txt_box p{text-align:center;word-break:keep-all;}
.foot_info .txt_box p span.mid{displaY:block;}

}

/*--------------------------------------------------------------------- MEDIA_SCREEN800 ------------------------------------------------------------------*/
@media all and (max-width:800px){
.only_pc{display:none;}
.only_m{display:block;}
.h_banner{display:none;}
.h_banner_m{display:block;position:relative;width:100%;}
.h_banner_m img{width:100%;}
.br_on{display:block;}
.float_box > div{width:100%;float:none;}
.mb20{margin-bottom:3vw;}
.pt150{padding-top:16vw;}
.pb150{padding-bottom:16vw;}
.doc_m {display:block;}


.con1200{width:90%;}
body{font-size:3vw;}
 p{word-break:keep-all;}


.main_wrap{height:100%;}
.main_wrap .top_box{top:50%;transform: translate(-50%,-50%);}
.main_wrap .top_box .logo{padding:3vw;}
.main_wrap .top_box .logo img{width:10vw;}
.main_wrap .top_box .logo h3{font-size:3.5vw;margin-top:3vw;white-space: nowrap;}
.main_wrap .intro_wrap{flex-direction: column;}
.main_wrap .intro_wrap > div{width:100%;padding: 29vw 0 20vw;}
.main_wrap .intro_wrap .txt_wrap{position:relative;top:auto;}


.main_wrap .intro_wrap .left_doc{background:url('/common/images/main/doc1_on.png?v=2') no-repeat center/cover;}
.main_wrap .intro_wrap .right_doc{background:url('/common/images/main/doc2_on.png?v=2') no-repeat center/cover;}

.main_wrap .intro_wrap .intro_txt h3{font-size:6vw;padding:2vw 0 3vw;}
.main_wrap .intro_wrap .intro_txt h2{font-size:12vw;}

.main_wrap .intro_wrap .link_wrap{margin:6vw auto 4vw;width:36vw;}
.main_wrap .intro_wrap .link_wrap a.link{padding:1.2vw 8vw 1vw 4vw;transition: none;line-height:3vw;display: flex;justify-content: center;align-items: center;}
.main_wrap .intro_wrap .link_wrap a.link img{width:1.2vw;height:2.2vw;right:5vw;}

.main_wrap .intro_wrap .icon_wrap li{width:10vw;height:10vw;margin-right:2vw;}
.main_wrap .intro_wrap .icon_wrap li:nth-child(1){background-image:url('/common/images/main/tel_icon_on.png')}
.main_wrap .intro_wrap .icon_wrap li:nth-child(2){background-image:url('/common/images/main/kakao_icon_on.png')}
.main_wrap .intro_wrap .icon_wrap li:nth-child(3){background-image:url('/common/images/main/naver_icon_on.png')}

.main_wrap .intro_wrap .logo_box{padding-top:4vw;}
.main_wrap .intro_wrap .logo_box img{width:40vw;displaY:inline-block;}


@media(hover: hover) and (pointer: fine) {

.main_wrap .intro_wrap .link_wrap a.link:hover img{right:4.5vw;}


}

footer{padding:5vw 0;}
.foot_info .txt_box{font-size:2.5vw;line-height:4.5vw;}
.foot_info .txt_box p{font-size:3vw;margin-bottom:0;}
.foot_info .txt_box p:first-child{margin-bottom:4vw;}
.foot_info .txt_box p span.mid{font-size:3.5vw;margin-right:0;margin-bottom:2vw;line-height:4.5vw;}
.foot_info .txt_box span{display:none;}

.top_btn img{width:10vw;}

}