/*---------------------------------------------------------- COMMON -------------------------------------------------------*/
/*:root {
   --vh: 100%;
}

html,
body {
    height: 100vh;
    height: var(--vh);
}*/

:root {

--font-color1:#181818;
--font-color2:#a9a9a9;

--font-size1:18px;
 
--line-height1:1.2;
}

html,
body{
/*overscroll-behaviour: none;*/
/*-webkit-overflow-scrolling:auto;*/
/*-webkit-overflow-scrolling: touch;*/
/*scroll-behavior: smooth;*/

/*height: 100%;*/
/*width: 100%;*/
/*overflow: auto;*/
}

body{line-height:var(--line-height1);font-size:var(--font-size1);color:var(--font-color1);font-family: 'Noto Sans KR', sans-serif;font-weight:400;}
body *{box-sizing:border-box;letter-spacing:-0.08em;}
#wrap{width:100%;overflow:hidden;}

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

.flex_box{display:flex;}
.flex_box.center{justify-content:center;}
.flex_box.between{justify-content:space-between;}

.only_m{display:none;}
.only_pc{display:block;}
.view_1200{display:none !important;}
.hide_1200{display:block !important;}

.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}

.slick-slide,.slick-arrow,.slick-dots li{cursor:pointer;outline:none;}

b{font-weight:700;}
em{font-weight:500;}
.en{font-family: 'Montserrat', sans-serif;letter-spacing:0;}

.white *{color:#fff;}

/*디자인가이드*/
/*h1{font-size:60px;line-height:1.1;line-height:70px;}*/
/*h2{font-size:38px;line-height:1.2;line-height:48px;}*/
/*h3{font-size:25px;line-height:1.2;line-height:35px;}*/
/*h4{font-size:14px;line-height:1.2;line-height:32px;}*/

.btn01{width:170px;height:42px;line-height:42px;border-radius:30px;background-color:#181818;font-size:16px;text-align:center;display:block;color:#fff;letter-spacing:-0.06em;position:relative;}
.btn01 img{margin-left:0.25em;transform:translateX(0);transition:all 0.3s;}
.btn01:hover img{transform:translateX(0.25em);}

.pd150{padding:150px 0;}
/*---------------------------------------------------------- HEADER -------------------------------------------------------*/
header{position:absolute;top:0;left:0;right:0;z-index:9999;width:100%;height:70px;background-color:transparent;color:#fff;border-bottom:1px solid rgba(255,255,255,.4);/*transform: translate3d(0,0,0);-webkit-transform: translateZ(0);-webkit-overflow-scrolling:touch;*/-webkit-transform: translateZ(0);}
.header_con{height:100%;display:flex;justify-content:space-between;align-items:center;}

.gnb .dep1{display:flex;}
.gnb .dep1 li{font-size:14px;font-weight:500;letter-spacing:0;transition:all .3s;}
.gnb .dep1 li:not(:first-child){margin-left:55px;}
.gnb .dep1 li a{display:block;}

/*.gnb .dep1 li:hover{font-weight:700;color:var(--main-color1);}*/

.nav_bg{background: rgba(0,0,0,.8);position: absolute;width: 100%;height: 100vh;}

/*header.on{background-color:var(--main-color1);}
header.on .gnb .dep1 li{color:#fff;}*/

header.on{background-color:rgba(24,24,24,.7);}

.gnb .global_wrap{position:relative;}
.gnb .global .icon{margin-right:0.5em;}
.gnb .global_wrap .language{position:absolute;bottom:-4.5em;right:-3px;/*left:50%;transform:translateX(-50%);*/background:#fff;width:64px;height:50px;border-radius:10px;padding:5px 0;display:none;}
.gnb .global_wrap .language:after{content:'';display:block;width:8px;height:8px;border-top: 5px solid #fff;border-right: 5px solid #fff;position:absolute;top:-2px;left:50%;transform:translateX(-50%) rotate(315deg);z-index:-1;}
.gnb .global_wrap .language p{text-align:center;color:#181818;line-height:20px;}

.gnb .global_wrap.on .language{display:block;}



/*---------------------------------------------------------- QUICK -------------------------------------------------------*/


/*---------------------------------------------------------- MAIN -------------------------------------------------------*/
.main_video_con{width:100%;}
.main_video_con img{width:100%;}

.main1_con{padding:150px 0 70px;}
.main1_con .item_box{display:flex;align-items:center;justify-content:space-between;}
.main1_con .txt_con{}
.main1_con .txt_con h4{letter-spacing:0.3em;font-weight:600;}
.main1_con .txt_con h4 span{letter-spacing:0.3em;color:var(--font-color2);}
.main1_con .txt_con h2{font-weight:300;margin:30px 0 40px;font-size:38px;line-height:48px;}
.main1_con .txt_con h2 span{font-size:28px;}
.main1_con .img_con{margin-right:-10px;}

/*---------------------------------------------------------- FOOTER -------------------------------------------------------*/
footer{padding:60px 0; background:#383838;color:#a9a9a9;text-align:center;}
.foot_info p{font-size:16px;font-weight:300;letter-spacing:0;line-height:1.5em;}

footer .sns{position:absolute;top:0;right:0;top:1.5px;}
/*---------------------------------------------------------- 애니메이션_공통 -------------------------------------------------------*/
.ani_box .ani_item{opacity:0;/*transition:opacity 3s;*/}

/*---------------------------------------------------------- media 1200 -------------------------------------------------------*/

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

body.modal{width:100%;height:100%;overflow:hidden !important; touch-action:none;}
.row_con{width:800px}

.view_1200{display:block !important;}
.hide_1200{display:none !important;}

.header_con{width:90%;}

.gnb{position:fixed;background:transparent;width:100%;z-index:9999;top:0;left:-100%;background:#181818;}
.gnb .dep1{display:block;}
.gnb .dep1 li{text-align:center;/*color:#181818;*/}
.gnb .dep1 li:not(:first-child){margin-left:0;border-top:1px solid #9C9C9C;}
.gnb .dep1 li{line-height:60px;}

.mobile_top .top > div{width:90%;height:100px;display:flex;align-items:center;justify-content:space-between;}
.mobile_top .banner{display:flex;}
.mobile_top .banner li{width:50%;}
.mobile_top .banner li img{width:100%;}

.gnb_open{position:relative;}
.gnb_open span{width:40px;height:5px;background-color:#fff;border-radius:5px;display:block;transition:all .2s;}
.gnb_open span:nth-child(2){width:40px;margin:5px 0;}
.gnb_open:hover span:nth-child(2){width:30px;}

/*.gnb{position:fixed;background:#fff;width:100%;border-top:0;overflow-y:auto;height:100vh;right:-100%;transition:right .5s;top:0;color:#181818;z-index:999999;}
.gnb {
  height: calc(var(--vh, 1vh) * 100);
}*/

.gnb .global_wrap .language{position:relative;bottom:auto;right:auto;width:100%;border-radius:0;height:auto;}
.gnb .global_wrap .language:after{display:none;}
.gnb .global_wrap .language p{line-height:2em;}

.main1_con .item_box{flex-direction:column-reverse;}
.main1_con .img_con{margin-right:0;}

}/*1200*/


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

:root {

--font-size1:3vw;
 
--line-height1:1.2;
}

/*디자인가이드*/
/*h1{font-size:7vw;line-height:1.1;line-height:8vw;}*/
/*h2{font-size:5vw;line-height:1.2;line-height:6vw;}*/
/*h3{font-size:4vw;line-height:1.2;line-height:5vw;}*/
/*h4{font-size:3vw;line-height:1.2;line-height:4vw;}*/


.row_con{width:90%;}
.con1200{width:90%;}
.only_m{display:block !important;;}
.only_pc{display:none !important;;}

.pd150{padding:16vw 0;}

.btn01{width:25vw;height:7vw;line-height:7vw;border-radius:3em;font-size:3vw;}

header{height:60px;}
header .logo img{width:15vw;}
header .m_logo{width:15vw;}

.mobile_top .top > div{height:60px;}
.gnb_close img{width:6vw;}

.gnb_open span{width:30px;height:4px;border-radius:0.2em;}
.gnb_open span:nth-child(2){width:30px;margin:0.3em 0;}
.gnb_open:hover span:nth-child(2){width:20px;}

.gnb .dep1 li{line-height:10vw;font-size:4vw;}

.main1_con{padding:16vw 0 16vw;}
.main1_con .txt_con h2{margin:5vw 0 6vw;font-size:6vw;line-height:7vw;}
.main1_con .txt_con h2 span{font-size:4vw;}
.main1_con .img_con img{width:100%;}

footer{padding:7vw 0;}
footer .logo img{width:15vw;}
.foot_info p{font-size:3vw;}

}/*800*/

/*-------------------------------------- MEDIASCREEN 800 -------------------------------*/
@media all and (max-width:480px){




}