@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;

}
#wrap {	position:relative; width:100%; min-width:320px; height:100%; font-size:1.8rem;  }
.inner {word-break: keep-word !important;	width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}


/* 타블렛 가로 */
@media all and (max-width:1599px) {	
.inner {width:94%;}
}
@media all and (max-width:1399px) {	
	.s-inner {width:95%;}
	}


@media all and (max-width:978px) {	
	.s-inner {width:95%;}
	}
		

/* header */
#header{position: fixed; z-index: 999; top: 0;

 left: 0; width: 100%; height: 110px; border-bottom: 1px solid transparent; background-color: #fff;}
#header .inner{height: 100%; width: auto; }
#header .inner #logo{position: absolute; left:30px; top: 50%; transform: translateY(-50%); z-index: 9;}
#header .inner #logo a img{vertical-align: middle;   border:0px solid red; }


#header #gnb_pc{}
#header #gnb_pc > ul{display: flex; justify-content: center; position: relative;  border:0px solid red;}
#header #gnb_pc > ul > li{position: relative;}
#header #gnb_pc > ul > li > div{}
#header #gnb_pc > ul > li > div > span{}
#header #gnb_pc > ul > li > div > span > a{display: block; padding:0 40px; text-align: center; 
	line-height: 110px; color: #222; font-weight: 500; font-size: 1.9rem;}
#header #gnb_pc > ul > li > ul{display: none; text-align: center; background-color: rgb(27, 46, 91, 1);
 width: 190px; position: absolute; top: 110px; left: 50%; transform: translateX(-50%);}
#header #gnb_pc > ul > li > ul > li{}
#header #gnb_pc > ul > li > ul > li > a{display: block; padding:16px 0; font-weight: 400; 
	color: #fff; font-size: 1.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#header #gnb_pc > ul > li > ul > li:last-child > a{border-bottom: none;}
#header #gnb_pc > ul > li > ul > li:hover > a{background-color: #35539b;}

#header #lang { margin-left:0; margin-right:20px; position: absolute; right:8% !important; top:50%; transform: translatey(-50%);} 
#header #lang ul { display:flex }
#header #lang ul li { margin-left:-1px}
#header #lang ul li a {display:block; width:100%; height:100%;
border-radius:35px;
 line-height:50px; padding:0px 25px;  font-size:1.6rem;  color:#1b2e5c; font-weight:500 }
#header #lang ul li.on a {background:#0066cc; font-weight:700; color:#fff}


#header #menuToggle{position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: .2s ease; cursor: pointer;}
#header #menuToggle.on{transform: translateY(-50%); z-index: 1002;}
#header #menuToggle img{max-width: 22px;}

.sns ul{display: flex;justify-content: space-between; flex-wrap: wrap; gap: 2px; width: 170px; position:absolute;right:160px;top:34px; z-index:160;}
.sns ul li{width: 18%}
.sns ul li img{width: 100%;}
.sns_m ul{display: flex;justify-content: space-between; flex-wrap: wrap;width: 170px; position:absolute;right:160px;top:34px; z-index:160;}
.sns_m ul li{width: 18%;}
.sns_m ul li img{width: 100%;}
.sns ul li .off{display:none;}
.sns ul li:hover .off{display:block;}
.sns ul li:hover .on{display:none;}


#menuToggle { position:absolute; right:2%; top:28px; width:47px; height:47px; cursor:pointer; z-index:101; z-index:101; background-color: #fff; display: flex; text-align: center; border-radius: 100%;}
#menuToggle.on{position: fixed; top: 61px; display: block; z-index: 1002}
#menuToggle span {display:block; position:absolute; left:50%; height:2px; background:#212121; transition:0.5s all; -webkit-transition:0.5s all; max-width: 26px; transform: translateX(-50%);}
#menuToggle span.t {top:12px; width:100%}
#menuToggle span.m {top:50%;  width:18px; left:calc(50% - 4px); margin-top: -1px;}
#menuToggle span.b {bottom:12px; width:100%;}

#menuToggle.on span.t{width: 100%; background-color:#212121; transform: translateY(8px) translateX(-50%) rotate(45deg);}
#menuToggle.on span.m{width: 0;}
#menuToggle.on span.b{width: 100%; background-color:#212121; transform: translateY(-12px) translateX(-50%) rotate(-45deg);}

@media all and (max-width:1780px){
    #header #gnb_pc > ul{margin-right: 80px;}
    #header #gnb_pc > ul > li > div > span > a{font-size: 1.8rem;}
}
@media all and (max-width:1580px){
    #header #gnb_pc > ul > li > div > span > a{padding:0 15px;}
    #header .inner #logo{left: 3%;}
	#header #menuToggle{right: 3%;}
    .sns ul{right:95px;}
    .sns_m ul{right:95px;}

    #header #lang {right: 270px;} 
    #header #lang ul li a {padding:0 0.8em;}
}


@media all and (max-width:1360px){
    #header #gnb_pc > ul > li > div > span > a{font-size: 1.6rem;}
    #header #gnb_pc > ul{margin-right: 100px;}
}

@media all and (max-width:1280px){
	#header{height: 70px;}
	#header .inner{width: 100%;}
	#header.scroll{height: 60px; background-color: #fff;}
	#header .inner #logo{left: 3%;}
	#header .inner #logo a img{max-width: 160px;}
	#header #gnb_pc{display: none;}
	#header #menuToggle{right: 3%;}
    .sns ul{right:90px; top: 20px; width: 120px;}
    .sns_m ul{right:90px; top: 20px; width: 120px;}

    #header #lang {right:10% !important;} 

}
@media all and (max-width:768px){
    .sns{display: none;}
    .sns_m ul{right:70px; top: 23px; width: 120px;}
    
    #header #lang {right: 60px;}
    #header #lang ul li a {line-height:35px;} 
}
@media all and (max-width:480px){
    #header #lang {right: 50px;}
    .sns_m ul{right:60px;}
}
@media all and (max-width:380px){
    #header #lang {right: 40px;}
}



.menu_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 999; transition: .4s ease;}
.menu_bg.on{visibility: visible; opacity: 1;}

@media all and (min-width:1024px){
	#header #gnb_mo{display: none; background-color: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 1001; padding: 120px 0;}
	#header #gnb_mo.on{display: block;}
	#header #gnb_mo > ul{max-width: 1500px; margin: 0 auto; display: flex;}
	#header #gnb_mo > ul > li{width:25%; padding: 0 30px;}
	#header #gnb_mo > ul > li:last-child{border-right: 0px;}
	#header #gnb_mo > ul > li > div{font-size: 2rem; font-weight: 500; text-align: center;}
	#header #gnb_mo > ul > li > div > span{}
	#header #gnb_mo > ul > li > div > span > a{ color: #212121;}
	#header #gnb_mo > ul > li:hover > div > span > a{color: #0f3a5a;}
	#header #gnb_mo > ul > li > ul{text-align: center; margin-top: 15px;}
	#header #gnb_mo > ul > li > ul > li{}
	#header #gnb_mo > ul > li > ul > li > a{ font-size: 1.7rem; color: #686868; font-weight: 400; display: block; padding: 15px 0;}
    #header #gnb_mo > ul > li > ul > li:hover > a{background-color: #35539b; color: #fff;}
}


@media all and (max-width:1024px){
	#header #gnb_mo { position:fixed; height:100%; z-index:1001; right:0;  top:0; padding:100px 0px 2%; background:#fff; transition: .2s ease;
					color:#FFF; width:100%; max-width:320px; box-sizing:border-box;
					-webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0); -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
				   transform: translateX(100%) rotate(0);
                   overflow-y: auto;}

	#header #gnb_mo.on{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }

	#header #gnb_mo .gnb_dp1 div { font-weight:500;  padding:2rem 2rem; cursor:pointer; border-bottom: 1px solid rgba(0,0,0,0.075);
	 font-size: 1.9rem;}
	#header #gnb_mo .gnb_dp1 > div > span a { color:#212121; }
	#header #gnb_mo .gnb_dp1 > div.on > span a { color:#5bc6d0; }

	#header #gnb_mo .smenu {display:none;  background-color: #fff;}
	#header #gnb_mo .smenu > li{border-bottom: 1px solid #e3e3e3;}
	#header #gnb_mo .smenu > li:last-child{border-bottom: 0;}
	#header #gnb_mo .smenu>li br{display:none;}
	#header #gnb_mo .smenu>li>a,
	#header #gnb_mo .smenu>li>span {display:block; padding:1rem 1rem 1rem 3rem; color:#666; 
		border-bottom: 1px solid rgba(255,255,255,0.075); font-size: 1.7rem;}
	#header #gnb_mo .smenu>li>a:hover,
	#header #gnb_mo .smenu>li>span:hover{ color:#212121;}
}



/* footer */
#footer {width:100%; clear:both; position:relative;	margin:0 auto;	background:#1d2329; color: rgba(142, 147, 153, 0.76); padding: 60px 0 60px; overflow:hidden;}
#footer .inner .logo{text-align: center;}
#footer .inner ul{margin-top: 4rem; display: flex; flex-wrap: wrap; gap:5px 15px; justify-content: center;}
#footer .inner ul li{line-height: 1;}
#footer .inner > p{margin-top: 1rem; text-align: center;}

#footer .copy{width:1400px; margin:0 auto;} 

#footer .copy .copyleft{width:50%; float:left;}
#footer .copy .copyright{width:50%; float:left;}
.copytt{font-size:19px; font-weight:600; color:#fff; line-height:40px;}
.copytt_1{font-size:15px; font-weight:400; line-height:25px; }
.copytt_1 span{padding:0px 15px;}


.mobileshow{display: none;}


@media all and (max-width:1024px){
#footer{padding:30px 0px 30px}
#footer .copy{width:100%;}

#footer .copy .copyleft{width:100%; padding:0px 15px; float:left;}
#footer .copy .copyright{width:100%; padding:0px 15px; float:left; margin-top:25px;}
.copytt{font-size:18px; font-weight:600; color:#fff; line-height:40px;}
.copytt_1 span{padding:0px 0px;}

.mobileshow{display:block;}
}


#top_btn {border-radius:30px; position: fixed; bottom: 50px; right: 25px; width: 50px; height: 50px;  line-height: 50px; border: 0;
background:red; color: #FFF;font-weight:800; text-align: center; font-size:1.4em; z-index: 99; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
#top_btn:hover{background-color:#cc0000;}


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

#top_btn{width:40px; height:40px;  bottom:25px; right:25px;  line-height:40px; }


}











/* **************************************** *
 * window
 * **************************************** */

.allmenu{z-index:55555; position:absolute; top:0px; right:2px; height:90px; width:115px; line-height:90px; border-left:0px solid rgba(255,255,255,0.2); }



.window {
    display: none;
  box-sizing:border-box; padding:50px 30px 30px 30px; background:#fff;
  border-color:#ddd #aaa #888 #ddd; 
  box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:90%; max-width:1200px;
  
  }



.window .sm div {display:none;}
.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:11px 15px; box-sizing:border-box;}
.window li  br {display:none;}
.window li:last-child {border-bottom:none;}

.window li  a{float:left; width:200px; font-size:20px; line-height:61px;  color:#fff;  
background:#e02b31;
padding:10px 20px; 
box-sizing:border-box; font-weight:600; text-align:center; }

.window .sub_menu  { overflow:hidden; width:100%; }
  .window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important; padding:12px 7px !important;}
  .window .sub_menu li a{display:block; font-size:17px;  width:auto !important; padding:0px 2px !important; 
  line-height:61px; font-weight:300; color:#333;  width: auto !important; background:#fff; border:none;}

.window .sm {overflow:hidden;float:right; width:540px; box-sizing:border-box; padding: 0px 10px ;}





.allmenubg .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:block;
 text-align:center; font-weight:300; width:50px; height:50px; }
.allmenubg .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none; display:block;}


.allmenubg {background:#fff;    height:auto !impotrant; color:#000; line-height:22px; overflow-y: scroll !important;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%; font-size:16px;
  box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
  border-color:;  width:1200px; padding:50px 50px 50px 50px; 
  box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;  height:90vh;}

.allmenubg .dept01 {display:none;}
.allmenubg  >  ul >  li{ border-top:1px solid rgba(250,250,250,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg  >  ul >  li:first-child {border-top:none;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg  .sm div{position:absolute; font-weight:500; font-family:'Noto Sans Korean',sans-serif;
top:5px; left:0px; font-size:1.5rem; line-height:25px;  color:#fff;}

.allmenubg     .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg     .sub_menu  li {display:inline-block; }
.allmenubg     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.8);}



.allmenubg1 .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg1 .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg1 {background:#fff;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
  box-sizing:border-box;  border-radius:30px; 
  border-color:#ddd #aaa #888 #ddd;  width:900px;padding:110px 50px 130px 50px; 
  box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;}

.allmenubg1 .dept01 {display:none;}
.allmenubg1  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg1  >  ul >  li:first-child {border-top:none;}

.allmenubg1  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg1  .sm div{position:absolute; font-family:'PHCB', sans-serif;
top:5px; left:0px; font-size:26px; line-height:25px; color:#fff;}

.allmenubg1    .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg1     .sub_menu  li {display:inline-block; }
.allmenubg1     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.6);}




/*웹*/
  @media (min-width: 1024px) {


    }





  /*패드와 모바일*/
@media (max-width:1023px)  {



.allmenubg {width:90%; max-height:80vh; overflow-y: scroll !important; padding:20px; }
.allmenubg  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:11px 20px 10px 20px; box-sizing:border-box;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative; padding-top:30px;}
.allmenubg  .sm div{
top:5px; left:20; font-size:16px; line-height:23px;}

.allmenubg     .sub_menu { width:100%; }
.allmenubg     .sub_menu  li  a {font-size:12px; padding:0px 3px;}
}


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


}