/* 헤더 */

.gnb{position: absolute; top: 0; left: 0; width: 100%; z-index: 99999;border-bottom:1px solid #ffffff55; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

.gnb.renewal {
    position:fixed;
}

.gnb a{color: #fff; font-size: 18px; text-transform: uppercase;font-weight:700;}
header .inner{ display: flex; padding: 0 130px; width: 100%; height: 100px; align-items: center; justify-content: space-between;}
header .inner .nav{display: flex; justify-content: space-between;}
header ul.main_menu>li{padding: 0 10px;}
header .h_logo{width: 140px;}
header .menu_wrap{width: 50%;}
header .nav>li{position: relative;}
header .lnb{width: 100%; position: absolute; top: 100px; left: 0; display: none;}
header .lnb>li{background-color: rgba(0, 0, 0, 0.5); width: 100%; position: relative; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
header .lnb>li:last-child{border-bottom: 0;}
header .lnb>li:hover{background-color: rgba(0, 0, 0, 0.8);}
header .lnb>li a{font-size: 15px; padding: 10px; display: block;}


header .side_menu li{display: inline-block; padding: 0 5px;}
header .pc_sub {padding: 0 35px;height:100px;display: flex;align-items: center;}

.mo_btn,.mobile{display: none;}

/* 푸터 */
/* footer */
#footer{position:relative; float:left; width:100%; background:#222222; color:#fff;}
#footer .inr{width:1660px;}
#footer address b{opacity:0.75; padding:0 5px 0 0; font-weight:300; font-size:14px; color:#888;}
#footer address span{padding:0 10px 0 0;}
#footer address span,
#footer address a{opacity:0.75; line-height:1.8em; font-weight:200; color:#fff;}
#footer address span.dhm{font-weight:600; color:#cb1919;}

#footer .logo{display:inline-block; opacity:0.35; padding-top:14px; vertical-align:top;}
#footer .logo img{height:32px; vertical-align:middle;}
#footer .top_footer{padding:44px 0 30px; border-bottom:1px solid #323232;}
#footer .btm_footer{padding:30px 0 40px;}
#footer .btm_footer:after{content:''; display:block; clear:both;}
#footer .btm_footer p{float:left; opacity:0.2; font-weight:200; font-size:14px; color:#fff;}

#footer .link{float:right;}
#footer .link > li{display:inline-block; margin:0 0 0 5px; border:1px solid #424242; border-radius:2px;}
/* #footer .link > li:last-child{background:#3a3a3a; border:1px solid #565656;} */
/* #footer .link > li:last-child a{opacity:0.8;} */
#footer .link > li > a{display:inline-block; opacity:0.5; line-height:30px; padding:0 10px; font-weight:200; font-size:13px; color:#fff;}

#footer .info{display:inline-block; padding:0 0 0 40px;}
#footer .info span{padding:0 15px 0 0; font-weight:300; font-size:15px; color:#ccc; word-break:keep-all;}
#footer .info span.tel_link{display:none;}
#footer .info span > a{color:#CCC;}
#footer .info p,
#footer .info a{padding:2px 0 0; color:#CCC;}




.gnb.h_on {background:#ffffff;border-bottom:1px solid #ddd;transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);}


.gnb.h_on .h_logo img {
    content:url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/logo-2.png);
}
.gnb.h_on span a {color:#333;transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

.gnb.h_on .pc_sub:hover span a {color:#0099ff;}

.nav-up {transform: translateY(-100%);}
.nav-down{transform: translateY(0);}

/*
 * 드롭다운 테두리: 좌·우·상 연결은 .lnb, 하단은 last-child 에 둔다.
 * jQuery slideDown 이 overflow:hidden 을 남기면 컨테이너 border-bottom 이 잘려 안 보임.
 */
.gnb.h_on .lnb {
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
    box-sizing: border-box;
}
.gnb.h_on .lnb>li {background:#fff;}
.gnb.h_on .lnb>li a {color:#333;}
.gnb.h_on .lnb>li:hover {background:#fff;background:#0099ff;}
.gnb.h_on .lnb>li:last-child {border-bottom: 1px solid #ddd;}

.gnb.h_on .lnb>li:hover a {color:#fff;}






/* .gnb.header-hidden {
    transform: translateY(-100%);
    background:#fff;
} */

.index .footer-sub {
    display:none;
} 

.index .index-footer {display:block;}

.index-footer {
    display:none;
    background:url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/main-ft-bg.png);
    background-position: center center;
    background-size:cover;
}

.index-ft-top {
}

.index-ft-top ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    align-items: center;
}


.index-ft-top ul li h3 { 
    font-size: 44px;
    font-weight:700;
    line-height:1.4;
}

.video-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    border-radius:20px;
    overflow: hidden;
    border:1px solid #ffffff33;
    box-shadow: 5px 5px 20px #00328855;
}

.video-wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.index-ft-ct {
    border-top:1px solid #ffffff77;
    border-bottom:1px solid #ffffff77;
    padding:65px 0;
}

.index-ft-ct-con { 
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ft-adress {
    display: flex;
    gap:50px;
    align-items: center;
}

.ft-adress ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:10px 30px;
}

.ft-adress ul li:first-child {
    grid-column:1/3;
}

.ft-adress ul li b {
    padding-right:20px;
}

.ft-adress figure {
    width:210px;
    height:fit-content;
}

.ft-adress figure img {
    width:100%;
    height:100%;
    object-fit: cover;
}

.ft-link {
    display:flex;
    gap:15px;
}

.index-ft-bt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top:20px;
    padding-bottom:20px;
    font-size:14px;
    opacity:0.7;
}

.index-ft-bt div {
    display:flex;
    gap:40px;
}







/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
    header .inner{padding: 0 80px;}

    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){
 
}

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

    .mo_btn,.mobile{display: block;}
    .side_menu{display: none;}
    header .inner{height: 80px; padding-left: 30px; padding-right: 30px;}

    header .nav>li{padding: 0;}

    .gnb .nav{padding-right: 0 !important;}
    .gnb .nav>li{display: none;}
    .gnb .nav>.mo_btn{display: block; padding-top: 15px; cursor: pointer;}
    .lan_btn{width: 97px; height: 97px;}
    .mobile{display: block;}
    .mo_menu{width: 100%; position: absolute; z-index: 999; top: 60px; background-color: #fff; text-align: center; display: none; border-top: 1px solid #ddd;}
    .mo_menu>li{background-color: #fff;}
    .mo_menu a{width: 100%; display: block; padding: 14px; font-size: 17px; text-transform: uppercase;}
    .mo_menu>li>a{border-bottom: 1px solid #ddd;}
    .mo_sub_menu{background-color: #fff; display: none;}
    .mo_sub_menu a{border-bottom: 1px solid #f5f5f5; font-size: 16px;}
    .mo_sub_menu>li{background-color: #f9f9f9; border-bottom: 1px solid #e9e9e9;}
    /* .mo_lan{border-bottom: 1px solid #ddd;} */
    .mo_lan div{width: 50%; float: left; display: block !important; padding: 10px 16px 13px; cursor: pointer; border-right: 1px solid #ddd;}
    .mo_lan div:last-child{border-right: 0;}

    .rock,.lan_btn{display: none;}
    .adm_btn{display: none;}
    







/* 리뉴얼 임시 */


.renewal.gnb .nav>li{display: none;}
.renewal.gnb .nav>.mo_btn{display: block; cursor: pointer;padding-top:0;}
.renewal.mo_menu_wrap {display: block;position:fixed;width:100%;z-index:999999;right:-100vw;background:#fff;padding:0px 16px;height:100vh;
    transition:0.3s;}
.renewal .mo_menu{width: 100%; background-color: #fff; height:100vh;display:block;text-align:left;top:unset;border-top:unset;position:static}
.renewal .mo_menu>li{background-color: #fff;}
.renewal .mo_menu a{width: 100%; display: block; padding: 14px; font-size: 17px; text-transform: uppercase;}
.renewal .mo_menu>li>a{border-bottom: 1px solid #ddd;}
.renewal .mo_sub_menu{background-color: #fff; display: none;border-top:0px;}
.renewal .mo_sub_menu a{border-bottom: 1px solid #f5f5f5; font-size: 16px;}
.renewal .mo_sub_menu>li{background-color: #f9f9f9; border-bottom: 1px solid #e9e9e9;}
/* .mo_lan{border-bottom: 1px solid #ddd;} */
.renewal .mo_lan div{width: 50%; float: left; display: block !important; padding: 10px 16px 13px; cursor: pointer; border-right: 1px solid #ddd;}
.renewal .mo_lan div:last-child{border-right: 0;}
 

.renewal .my-page {display: none;}


.mo_menu_wrap.on {
    right:0;
    transition:0.3s;
}

.renewal .mo-menu-hd {display: flex;justify-content: space-between;height:60px;align-items: center;border-bottom: 1px solid #ddd;}

.renewal .mo-menu-hd figure {width:110px;}

.renewal .mo-menu-hd figure img {width:100%;height:100%;object-fit: contain;}


.renewal .mo-close {line-height: 1;}
.renewal .mo-close i { font-size:26px;}

.renewal .mo_btn {line-height: 1;}
.renewal .mo_btn i {font-size:26px;color:#fff;}

.renewal .mo_btn span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 68%;
    height: 2px;
    background: #333;
    transition: 0.2s;
}

header.h_on .mo_btn i {
    color:#333;
}



/* 1200시작부터 여기까지 삭제 후 주석 해제 */

/* 


.mo_btn,.mobile{display: block;}
.side_menu{display: none;}
header .inner{height: 80px; padding-left: 30px; padding-right: 30px;}

header .nav>li{padding: 0;}

.gnb .nav{padding-right: 0 !important;}
.gnb .nav>li{display: none;}
.gnb .nav>.mo_btn{display: block; cursor: pointer;}
.lan_btn{width: 97px; height: 97px;}
.mobile.mo_menu_wrap {display: block;position:fixed;width:100%;z-index:999999;right:-100vw;background:#fff;padding:0px 16px;
    transition:0.3s;}
.mo_menu{width: 100%; background-color: #fff; height:100vh;}
.mo_menu>li{background-color: #fff;}
.mo_menu a{width: 100%; display: block; padding: 14px; font-size: 17px; text-transform: uppercase;}
.mo_menu>li>a{border-bottom: 1px solid #ddd;}
.mo_sub_menu{background-color: #fff; display: none;}
.mo_sub_menu a{border-bottom: 1px solid #f5f5f5; font-size: 16px;}
.mo_sub_menu>li{background-color: #f5f5f5; border-bottom: 1px solid #ddd;} 
.mo_lan div{width: 50%; float: left; display: block !important; padding: 10px 16px 13px; cursor: pointer; border-right: 1px solid #ddd;}
.mo_lan div:last-child{border-right: 0;}

.rock,.lan_btn{display: none;}
.adm_btn{display: none;}


.my-page {display: none;}


.mo_menu_wrap.on {
    right:0;
    transition:0.3s;
}

.mo-menu-hd {display: flex;justify-content: space-between;height:60px;align-items: center;border-bottom: 1px solid #ddd;}

.mo-menu-hd figure {width:110px;}

.mo-menu-hd figure img {width:100%;height:100%;object-fit: contain;}


.mo-close {line-height: 1;}
.mo-close i { font-size:26px;}

.mo_btn {line-height: 1;}
.mo_btn i {font-size:26px;color:#fff;}

.mo_btn span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 68%;
    height: 2px;
    background: #333;
    transition: 0.2s;
}

header.h_on .mo_btn i {
    color:#333;
}

 */




















    .ft-adress {
        flex-direction: column;
        gap:30px;
        justify-content: unset;
    }

    .index-ft-ct-con {
        flex-direction: column;
        gap:30px;
        justify-content: unset;
    }

    .index-ft-top ul li h3 {
        font-size:32px;
        line-height:1.2;
    }







}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

    #footer .link > li.admin{display: none;}
  
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){


    #footer .logo img{width: 130px; object-fit: contain;}
	#footer .info span{padding:0 10px 0 0; font-size:12px;}
	#footer .btn_top{right:15px; width:42px; height:42px; background-size:6px;}
	#footer .btn_top.fiexd.active{bottom:20px;}
	#footer address b{padding:0 2px 0 0;}
	#footer address span.dhm{display:block; font-weight:bold; color:#ff4d4d;}
	#footer .top_footer{padding:24px 0 15px; border-bottom:1px solid #323232;}
	#footer .btm_footer p{display:block; float:none; font-size:12px;}
	#footer .btm_footer{padding:20px 0 30px;}
	#footer .link{display:block; float:none; margin-top:13px;}
	#footer .link > li{margin:0 0 0 2px;}
	#footer .link > li:first-child{margin-left:0;}
	#footer .link > li > a{padding:0 10px; font-size:11px;}
    #footer .info{padding-left: 0;}
    #footer .logo{margin-bottom: 10px;}

}


/* ********************************************* *
* 860px
*
 ********************************************* */
@media screen and (max-width: 860px){
    

}




/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

 
}
@media screen and (max-width: 768px){

    header .inner{padding-left: 16px; padding-right: 16px;}
    header .inner{height: 60px;}
    header .h_logo{width: 110px;}

    

    .ft-adress {align-items: flex-start;}

    .index-ft-ct-con {align-items: flex-start;gap:15px;}

    .ft-adress ul {
        grid-template-columns: 1fr;
    }

    .ft-adress ul li:first-child {
        grid-column: 1/1;
    }

    .ft-adress ul li b {
        display:block;
    }

    .ft-adress figure img {
        width:90%;
    }

    .ft-link {
        gap:0px;
    }

    .ft-link img {
        width:80%;
    }

    .index-ft-bt {
        flex-direction: column;
        align-items: flex-start;
    }

    .index-ft-bt div {
        gap:20px;
    }

    .index-ft-ct {
        padding:30px 0;
    }

    .ft-adress ul li {
        font-size:15px;
    }



}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

  
}

/* ********************************************* *
* 450px
* ********************************************* */
@media screen and (max-width: 450px){

    .index-ft-top ul li h3 {
        font-size:24px;
        line-height:1.4;
    }



}