@charset "utf-8";

/* layout */
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;  }
.m-inner {	width:90%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner {	width:100%; max-width:1450px;	position:relative;	margin-left:auto;	margin-right:auto;  padding-bottom:9%;}
.s-inner1 {	width:100%; max-width:1800px;text-align:center;	position:relative;	margin:0 auto;  padding-bottom:9%;}
#wrap { overflow-x: hidden; /*scroll-behavior:smooth;*/  }


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

@media all and (max-width:1280px) {
html { font-size: 60% !important; }
}

@media all and (max-width:976px) {
  html { font-size: 60% !important; }
}

@media all and (max-width:767px) {
  html { font-size: 0.55rem !important; }
}

@media all and (max-width:480px) {
  html { font-size: 2.2vw !important; }
}


/*Header*/
#header { position:fixed; width:100%; height:100px; box-sizing:border-box; z-index:300;  margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,0.3);
				display:flex; justify-content:space-between;align-items: center; }
#header .hd_bx { line-height:100px;  }
#header .hd_mbx { display: none; }

#header #logo { font-size:0; padding-left:20px; z-index:99999; position:relative}
#header #logo a { width:231px; height:55px;}
#header #logo a.logo { display: block; background:url("/images/logo.png") no-repeat left center; background-size:auto 100%; }

.inquirybtn{ position: absolute !important; right:90px; top:0px; z-index:101; padding:0px 25px; }
.menuToggle { position: absolute; right:0; top:0; width:80px; height:80px; cursor:pointer; z-index:101;
 border-left: 1px solid rgba(255,255,255,0.1); }

.menuToggle span { display:block;  height:2px;  position:absolute; top: 50%; left:50%; margin-left: -16px; transition:all 0.5s; background:#FFF}
.menuToggle span.t { margin-top: -11px; width:30px;}
.menuToggle span.m { margin-top:-1px; width: 20px; }
.menuToggle span.b { margin-top: 9px; width:30px; }

#header.mo_on .menuToggle span.t {transform: rotate(45deg);  margin-top: 0;}
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b {transform: rotate(-45deg); width:30px;  margin-top: 0;}

#header.scroll .menuToggle span { background:#222}
#header.mo_on .menuToggle span { background:#FFF}




#gnb_pc {bordeR:0px solid red; margin-left:-4%;}
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div {display:block; font-size:1.9rem; line-height:100px; position:relative; width: auto; padding: 0 45px; cursor: pointer;letter-spacing:0;}
#gnb_pc > ul > li > div  a { color:#FFF;  font-weight:600;  font-size:20px;   }
#gnb_pc > ul > li > ul {border-top-left-radius:25px; border-bottom-right-radius:25px; 
box-shadow:5px 5px 10px rgba(0,0,0,0.2);
display: none; width:180px; background:rgba(203,53,29,1); position: absolute; top: 100px; left: 50%; margin-left: -90px; }
#gnb_pc > ul > li > ul > li > a {display:block; width:100%; font-size:16px; 
font-weight:500;
color:#fff; padding:1.1em 12px; line-height: 1.2em; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing: border-box; }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li:hover > div { background: ;  }
#gnb_pc > ul > li > ul > li > a:hover {  }


#header.menu_on {background:#FFF}
#header.menu_on #logo a.logo { background:url("/images/logo_on.png") no-repeat left center; background-size:auto 100%; }
#header.menu_on #gnb_pc > ul > li > div  a,
#header.menu_on #gnb_pc .gnb_dp1>div>span{color:#222}
#header.menu_on .t_menu { background:#022a47}

#header.scroll {background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.1); }
#header.scroll #logo a.logo { background:url("/images/logo_on.png") no-repeat left center; background-size:auto 100% }
#header.scroll .t_lang a.t_lang { background: url("/images/common/ico_lang_on.png") no-repeat left center; background-size:auto 100%; }
#header.scroll #gnb_pc {}
#header.scroll #gnb_pc > ul > li > div  a,
#header.scroll #gnb_pc .gnb_dp1>div>span{color:#222}
#header.scroll .t_menu { background:#022a47}



#gnb_mo { position:fixed; top:0; right:0; width:100%; height:100%; max-width:500px; padding: 80px 0;
                background:rgba(5,5,5, 0.90); overflow-y:scroll; -ms-overflow-style:none; z-index: 100; text-align: left;
                transition: all 0.4s ease; -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); }
#gnb_mo > ul { border-top: 1px solid rgba(255,255,255,0.1); line-height:3.5em;}
#gnb_mo > ul > li > div {display:block; width:100%; font-size:1.75rem;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 1.5em; position:relative; cursor: pointer; }
#gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:1em; top:50%; margin-top:-1px;}
#gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:calc(1em + 5px); top:50%; margin-top:-6px; transition:all 0.5s;}
#gnb_mo > ul > li > div > a { color:#fff; }
#gnb_mo > ul > li > ul { display:none; }
#gnb_mo > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#4b4b4b;padding:0 1.5em; font-weight: 500;
                                             border-bottom:1px solid #e1e1e1; background:#fff; box-sizing:border-box; line-height:3.5em;}

#gnb_mo > ul > li > div.on { background: #cb351d; }
#gnb_mo > ul > li > div.on:before {transform:rotate(90deg)}

#header.mo_on #gnb_mo {display:block;}
#gnb_mo.m_menuOn{	-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); }



@media all and (max-width:1599px){
  #header #logo { padding-left:20px }
}

@media all and (max-width:1280px){
   #header { height:80px; text-align: center; /* background:#FFF */}
  #header .hd_bx { line-height:80px; }
  #header .hd_mbx { display: block; }

  #gnb_pc {display:none;}
  #gnb_mo { text-align: left; }
}


@media all and (max-width:976px){
	#header { height:70px; }

	.menuToggle { width:70px; height:70px }
	#gnb_mo { padding: 70px 0; }
}

@media all and (max-width:767px) {
  #gnb_mo { max-width: 100%; }
}

@media all and (max-width:479px){
	#header { height:70px; }
	#header #logo {padding-left:0px;}
	#header #logo a {height:40px;}

	.menuToggle { width:70px; height:70px }
	#gnb_mo { padding: 70px 0; }
}




#footer {padding: 80px 0px; background:#0e0e0f; position:relative; }
#footer .f-info {width:1400px; margin:0 auto;  position:relative; }
#footer .f-infott{font-size:18px;  padding:20px 0px;}
#footer .f-infott a{ font-weight:600; color:#fff;}
#footer .f-infott span{padding:0px 20px; color:#333; }

#footer .f-infott1{font-size:16px; line-height:30px; font-weight:400; color:#999999;  padding:20px 0px;}
#footer .f-infott1 span{padding:0px 20px; color:#333; }


#footer .copy{width:1400px; margin:0 auto; border-top:1px solid rgba(250,250,250,0.2); padding-top:35px; font-size:18px; font-weight:600; color:#fff; }

.talk{ position:absolute; top:10px; right:0px;}


#footer #f-info .copy {padding-top:0.7em; font-size:1.2rem; opacity:.5; font-family:'Montserrat'; font-weight:500; text-transform:uppercase}
#footer #f-site {position:absolute;; right:0; top:0}
#footer #f-site select {width:230px;padding:15px 5px;  background:#f8f8f8; border:0; border-bottom:1px solid #000; 
							font-size:1.3rem; font-family:'Montserrat'; font-weight:700; line-height:1.2em;
							background:url('/images/common/select-arrow.png')  no-repeat 95% 50%; 
							border-radius: 0px;  -webkit-appearance: none;   -moz-appearance: none;  appearance: none; position:relative}
#footer #f-site select option {font-size:1.5rem; font-family:'Montserrat', 'Pretendard'; font-weight:500;}

@media all and (max-width:1399px) {
#footer .f-info{width:100%; text-align:Center;}
	#footer #f-info {padding-left:50px}
	#footer #f-info span { padding-right:15px;}

	#footer #f-site select {width:170px;}
	#footer .copy{width:100%; text-align:Center;}
}
@media all and (max-width:1120px) {
	#footer .m-inner {display: block;}
	#footer #f-info {padding-left:0; margin-top:20px;}
}

@media all and (max-width:976px) {
	#footer #f-site {position:unset; margin-top:20px }
	#footer .f-infott1{font-size:15px; line-height:30px; font-weight:400; color:#999999;  padding:20px 0px;}
	#footer .copy{width:100%; text-align:Center; font-size:14px;}
}
@media all and (max-width:480px) {
	#footer #f-site select {padding:10px 5px;}
}