/* 헤더 */

.section_wrap{position: relative;}
section{word-break: keep-all}

.bd1660{width: 1660px; margin: 0 auto; max-width: 100%;}
.bd1440{width: 1440px; margin: 0 auto; max-width: 100%;}

.justify{text-align: justify;}

.gnb{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: rgba(255, 255, 255, 0.1);}
.gnb a{color: #fff; font-size: 20px; text-transform: uppercase;}
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: 80px;}
header .menu_wrap{width: 50%;}
header .nav>li{position: relative;}
header .lnb{width: 100%; position: absolute; top: 45px; left: 0; display: none; border: 1px solid rgba(255, 255, 255, 0.5);}
header .lnb>li{background-color: rgba(255,255,255,0.3); 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(12, 35, 64, 0.1);}
header .lnb>li a{font-size: 15px; padding: 10px; display: block; }


header .side_menu li{display: inline-block; padding: 0 5px;}
header .nav>li{padding: 0 45px;}

header .utill{display: flex;}
header .utill .lang{position: relative;}
header .utill .lang .lang_btn{display: flex; cursor: pointer; justify-content: space-between; align-items: center; color: #fff; width: 78px; font-size: 14px; background-color: rgba(255, 255, 255, 0.3); padding: 5px 10px;}
header .utill .lang .lang_sub{position: absolute; display: none; background-color: rgba(0, 0, 0, 0.2); width: 78px; left: 0; top: 30px; font-size: 14px; text-align: center; color: rgba(255, 255, 255, 0.8);}
header .utill .lang .lang_sub li{padding: 3px; cursor: pointer;}
header .utill .lang .lang_sub li{border-bottom:  1px solid rgba(255, 255, 255, 0.2);}
header.on .utill .lang .lang_sub li:last-child{border-bottom: 0;}

header.on{background-color: #fff; border-bottom: 1px solid #eee;}
.gnb.on a{color: #222;}
header.on .lnb{background-color: #f5f5f5; border: 1px solid #eee;}
header.on .lnb>li{border-bottom: 1px solid #eee;}
header.on .lnb>li:last-child{border-bottom: 0;}
header.on .utill .lang .lang_btn{color: #333; background-color: #fff; border: 1px solid #d9d9d9;}
header.on .utill .lang .lang_sub{top: 32px; background-color: #fff; color: #333; border: 1px solid #d9d9d9; border-top: 0;}
header.on .utill .lang .lang_sub li{border-bottom: 1px solid #d9d9d9;}
header.on .utill .lang .lang_sub li:last-child{border-bottom: 0;}

header .utill .mo_btn{cursor: pointer; display: none;}
.mobile{display: none;}

/* 푸터 */
/* footer */
#footer{position:relative; float:left; width:100%; background:#0c2340; color:#fff; margin-top: 180px;}
#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; vertical-align:top;}
#footer .logo img{height:50px; vertical-align:middle;}
#footer .top_footer{padding:34px 0 20px; border-bottom:1px solid rgba(255,255,255,0.2); display: flex; align-items: center;}
#footer .btm_footer{padding:30px 0 34px;}
#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{display: flex; justify-content: flex-end;}
#footer .link > li{display:inline-block; height: 30px; margin:0 0 0 5px; border:1px solid rgba(255,255,255,0.2); border-radius:2px;}
#footer .link > li:last-child{background:#071526; border:1px solid rgba(255,255,255,0.2);}
#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 .link > li img{height: 100%;}
#footer .link > li:has(img){border: 0;}

#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;}



.bg_gd{background: linear-gradient(90deg,#4ca9df, #292e91);}
.bg_sky{background-color: #4ca9df;}
.bg_blue{background-color: #0c2340;}
.bg_white{background-color: #fff;}
.bg_gray{background-color: #f5f5f5;}
.f_white{color: #fff;}
.clip_gd{display: inline-block; background: linear-gradient(90deg,#4ca9df, #292e91); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
                         


.rot_btn{margin-top: 80px;}
.rot_btn .btn{display:inline-block; position:relative;}
.rot_btn .back{position:absolute; top:0; left:0;}

.rot_btn .btn>span{display:inline-block; display:inline-flex; align-items:center; width:212px; height:70px; background:#fff; box-shadow:15px 25px 46px 0px rgba(0, 0, 0, 0.12); transition:-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s; transition:transform .35s cubic-bezier(.76,0,.24,1) 0s,-webkit-transform .35s cubic-bezier(.76,0,.24,1) 0s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.rot_btn .btn:hover .front{transform:translateY(-100%) rotateX(90deg); -webkit-transform:translateY(-100%) rotateX(90deg);}
.rot_btn .front{position:relative; -webkit-transform-origin:50% 100% 0; transform-origin:50% 100% 0;}
.rot_btn .btn:hover .back{z-index:1; transform:translateY(-100%) rotateX(0); -webkit-transform:translateY(-100%) rotateX(0);}
.rot_btn .back{position:absolute; top:100%; left:0; transform:rotateX(-90deg); -webkit-transform:rotateX(-90deg); -webkit-transform-origin:50% 0 0; transform-origin:50% 0 0;}

.rot_btn .btn> span> i{margin-left:33px; font-weight:500; font-size:13px; color:#333; line-height: 1;}
.rot_btn .btn> span::after{content:""; position:absolute; top:50%; right:30px; width:13px; height:1px; background:#777;}
.rot_btn .btn> span::before{content:""; position:absolute; top:50%; transform: translateY(-50%); right:36px; width:1px; height:13px; background:#777;}



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

    
}

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

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

    header .utill .mo_btn,.mobile{display: block;}
    header .utill .lang .lang_btn{margin-right: 10px;}
    .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: fixed; z-index: 999; top: 79px; 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: #f5f5f5; border-bottom: 1px solid #ddd;}
    /* .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;}
  
}

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


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


    #footer .logo img{height:25px;}
	#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; display: none;}

}


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

}




/* ********************************************* *
* 768px
* ********************************************* */

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



}


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

    header .h_logo{width: 60px;}
    header .inner{height: 70px;}
    .mo_menu{top: 70px;}

}


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

  
}

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


}