@charset "utf-8";
.block {display:block;}
/* layout */
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }

#wrap {width:100%;  font-size: 1.6rem; }

/* 타블렛 가로 */
@media all and (max-width:1480px) {

}

@media all and (max-width:1280px) {
.s-inner{width:100% !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: 0.5rem !important; }
}




/*Header*/
#header { position:fixed; width:100%; height:120px; z-index:10;  background: rgba(0,0,0,0.3);}
#header::after { content:''; width: 100%; height: 1px; background:rgba(250,250,250,0.4); position: absolute; left:0; top: 119px; }

#header #logo {background: url('/intro/images/logo.png')no-repeat; position:absolute; top:0px; left:40px; z-index:555; font-size:0; border:0px solid red; width:310px; height:120px;}
#header #logo img { vertical-align:middle;  }

#header .hd_bx { line-height:100px;  }

#header #hd_ico { z-index:555 !important;  position:absolute; top:25px; right:50px; font-size:0.9em; border:0px solid #000; height:50px; padding:0px 12px; border-radius:25px;  }
#header #hd_ico a {font-family: 'Noto Sans KR', sans-serif !important;  border:0px solid red; display:inline-block; text-align:center;   padding:7px 20px;
                                background:#00385d;  margin-top:20px; font-size:13px; color:#fff; font-weight:700; letter-spacing:-0.5px; }


#gnb_pc { position:relative; overflow:hidden; width:100%; box-sizing:border-box; color:#fff; text-align:center; border:0px solid red;  }
#gnb_pc .gnb_dp1 { display:inline-block; vertical-align:top; text-align:center; }

#gnb_pc .gnb_dp1>div {padding:6px 20px; height:120px; font-size:20px; box-sizing:border-box; cursor:pointer;}
#gnb_pc .gnb_dp1>div>a { display:inline-block; position:relative; color:#fff; font-weight: 600;
 }


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

#header #logo{left:0px;}
#gnb_pc{border:0px solid red; padding-lefT:7%;}
#gnb_pc .gnb_dp1>div {padding:6px 35px !important;}
}


@media all and (max-width:1199px) {
#gnb_pc{border:0px solid red; padding-lefT:7%;}
#gnb_pc .gnb_dp1>div {padding:6px 30px !important; text-align:center}
}



#gnb_pc .gnb_dp1 .smenu::after { display:block; content:'';  width:100%; height:330px; position:absolute; left:0; top:0px; background:none; transition:all .3s; transform:scaleY(0); z-index:1; }
#gnb_pc .gnb_dp1 .smenu {height:330px;  box-sizing:border-box; ;
display:none; padding:20px 20px; border-right:1px solid rgba(250,250,250,0.4); color:#fff; font-size: 16px;  position: relative;  }
#gnb_pc .gnb_dp1 .smenu li { line-height: 1.3em; 
margin: 1em 0; z-index:10; position: relative; }
#gnb_pc .gnb_dp1 .smenu li a { color:#fff; }
#gnb_pc .gnb_dp1 .smenu li:hover a { font-weight:600; color:#ffff00; }

.ml105{margin-left:190px;}

/*#gnb_pc li.gnb_dp1:hover > div > a { color:#ff0000 !important; font-weight:700; }*/
#gnb_pc li.gnb_dp1:hover > div > a { color:#e6d684 !important; font-weight:700; }


#gnb_pc li.gnb_dp1:hover .smenu:after{ transform:scaleY(1);}

.menuToggle {display:none; left: 0; top: 0;  width:100px; height:100px; border-left: 1px solid rgba(255,255,255,0.1);  position:absolute; cursor:pointer; z-index:9999; box-sizing: border-box; }
.menuToggle span {display:block;  background:#000;width:26px; height:2px;  position:absolute; left:50%; margin-left: -13px; transition:all 0.5s}
.menuToggle span.t {top:38px;}
.menuToggle span.m {top:50%; margin-top:-1px;}
.menuToggle span.b {bottom:38px;}


/*
#header.scroll #gnb_pc { background:#fff;  }
#header.scroll #gnb_pc > ul > li > div a { color:#212121; }
#header.scroll #hd_ico a { background: #212121;  }*/

#header.menu_on {  }
#header.menu_on #gnb_pc{background:url('/kor/nimg/menubg.png')repeat;}
#header.menu_on #gnb_pc > ul > li > div a { color:#fff; }
#header.menu_on #hd_ico {}
#header.menu_on #hd_ico a { }


/*#header.scroll { height: 80px;  }
#header.scroll { height: 80px;  }
#header.scroll::after { top: 80px; }
#header.scroll::after { top: 80px; }
#header.scroll .hd_bx { line-height:80px; }
#header.scroll #logo img { height: 28px; }*/

/*#header.scroll #gnb_pc .gnb_dp1>div { height:80px; }*/

/*#header.scroll .menuToggle { width: 80px; height: 80px; border-left-color:#e9e9e9; }
#header.scroll::before { content:''; width: 100%; height: 80px; background: #fff; position: absolute; top:0; left:0;  }
#header.scroll .menuToggle { width: 80px; height: 80px; border-left-color:#e9e9e9; }
#header.scroll .menuToggle { width: 100px; height: 100px; border-left-color:#e9e9e9; }
#header.scroll .menuToggle span { background: #212121; }
#header.scroll .menuToggle span.t {top:38px;}
#header.scroll .menuToggle span.b {bottom:38px;}*/


#gnb_mo { position:fixed; height:100%; z-index:99; right:0;  top:70px; padding:20px 30px 2%; background:rgba(0, 0, 0, 1);
                color:#FFF; width:100%; max-width:500px; box-sizing:border-box; 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.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); }

#gnb_mo > ul > li > div.active:before {transform:rotate(90deg)}

.menuToggle.m_on {}
.menuToggle.m_on span.t {transform:translateY(6px) rotate(45deg)}
.menuToggle.m_on span.m {width:0;}
.menuToggle.m_on span.b {transform:translateY(-6px) rotate(-45deg)}



#gnb_mo .gnb_dp1 div { font-weight:500;  padding:0; cursor:pointer; border-bottom:0px solid rgba(255, 255, 255, 0.2);}
#gnb_mo .gnb_dp1 > div > a { color:#fff; }
#gnb_mo .gnb_dp1 a{display:block; font-size:17px;  height:55px; line-height:55px; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.2);  }
#gnb_mo .smenu {display:none; padding:5px 0; background:rgba(250,250,250,0.3)}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span {display:block; line-height:30px; height:30px; color:#fff; font-size:14px; padding-left:15px;
 border-bottom:0px solid rgba(255, 255, 255, 0.2);
}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:rgba(0,0,0,0.2); color:#FFF; font-weight:500;}

#gnb_mo .mem { margin-top:2em; overflow: hidden; width: 100%; text-align: center; }
#gnb_mo .mem li { float: left; width:48%; margin-right:6px; margin-top:6px;  background: #fff; }
#gnb_mo .mem li:nth-child(odd) { margin-left:0; }
#gnb_mo .mem li a { color:#212121; font-size: 1.4rem; display: block; line-height: 3.5em; font-weight: 700; }
#gnb_mo .mem li a:hover { background: #0060ff; color:#fff; }

#fullpage::before { content:''; width: 0px; height: 100%; position: absolute; top:120px; right: 50px; margin-right: -0.5px; background: rgba(255,255,255,0.1); z-index:10;  }




.fp-viewing-3rdPage #header   { background: rgba(250,250,250,1);}
.fp-viewing-3rdPage #header::after{background: rgba(250,250,250,1);}
.fp-viewing-3rdPage #header #gnb_pc .gnb_dp1>div>a { color:#000; }
.fp-viewing-3rdPage #header.menu_on #gnb_pc > ul > li > div a { color:#fff; }
.fp-viewing-3rdPage .allmenu {border-left:1px solid rgba(0,0,0,0.2);}

.fp-viewing-3rdPage .allmenu {background:url('/kor/nimg/allmenu_1.png');}


.fp-viewing-4rdPage #header   {  background: rgba(250,250,250,1);}
.fp-viewing-4rdPage #header::after{background:rgba(250,250,250,1);}
.fp-viewing-4rdPage #header #gnb_pc .gnb_dp1>div>a { color:#000; }
.fp-viewing-4rdPage #header.menu_on #gnb_pc > ul > li > div a { color:#fff; }
.fp-viewing-4rdPage .allmenu {border-left:1px solid rgba(0,0,0,0.2); background:url('/kor/nimg/allmenu_1.png');}

.fp-viewing-5rdPage #header   { }


.fp-viewing-3rdPage .menuToggle span,.fp-viewing-5Page .menuToggle span { background: #212121; }


./*fp-viewing-secondPage #header #hd_ico,
.fp-viewing-4Page #header #hd_ico,
.fp-viewing-5Page #header #hd_ico  { border:2px solid #fff;  }*/

/*
.fp-viewing-secondPage #header #hd_ico a,
.fp-viewing-4Page #header #hd_ico a,
.fp-viewing-5Page #header #hd_ico a {  color:#fff;  }

.fp-viewing-firstPage #header #hd_ico,
.fp-viewing-3rdPage #header #hd_ico { border:2px solid #000;  }*/
/*
@media all and (max-width:1280px) {
  #header #gnb_pc {display:none !important;  }
  .ml105{margin-left:0px !important;}
  #header #gnb_mo{} 
  #header { position:fixed !important; height:80px; }
  #header #logo{height:80px; top:0px;  border:0px solid red; background-size:90%; background-position:0px -15px; }
  #header::after { top: 80px; }
  #header #hd_ico {display:none; }
  #header .hd_bx { line-height:80px;  }

  #header #hd_ico { right: 90px; }

  .menuToggle { display:block; width: 80px; height: 80px;    }
  .menuToggle span.t {top:28px;}
  .menuToggle span.b {bottom:28px; }

  #fullpage::before { top: 80px; right: 80px; }
  #fp-nav.fp-right { right: 65.4px !important; }

  #header .hd_bx { line-height:60px; height: 60px;  }
 #header.scroll { height: 60px;position:fixed !important;   }

.fp-viewing-secondPage #header #logo,
.fp-viewing-4Page #header #logo,
.fp-viewing-5Page #header #logo{background:url('/theme/rsp01/img/mlogo_1.png')no-repeat; height:80px; top:0px;  border:0px solid red; background-size:90%; background-position:0px -15px;}


}
*/


/*
#gnb_mo { position:fixed; height:100%; z-index:99; right:0;  top:0; padding:120px 30px 2%; background:rgba(0, 0, 0, 0.3);
                color:#000; width:100%; max-width:500px; box-sizing:border-box; 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.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); }

#gnb_mo > ul > li > div.active:before {transform:rotate(90deg)}

.menuToggle.m_on { position:fixed; height:100%; z-index:99999;}
.menuToggle.m_on span.t {transform:translateY(11px) rotate(45deg); background:#fff;}
.menuToggle.m_on span.m {width:0;}
.menuToggle.m_on span.b {transform:translateY(-11px) rotate(-45deg); background:#fff;}
*/


/*
#gnb_mo .gnb_dp1 div {  font-weight:500;  padding:1.5em 0; cursor:pointer; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#gnb_mo .gnb_dp1 > div > a { color:#fff; }
#gnb_mo .gnb_dp1 a{display:block; font-size:18px;  height:55px; line-height:55px; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.2);  }
#gnb_mo .smenu {display:none; padding:10px 0;}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span {display:block; padding:4px 10px; color:#fff;}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:rgba(0,0,0,0.2); color:#FFF; font-weight:500;}

#gnb_mo .mem { margin-top: 3em; overflow: hidden; width: 100%; text-align: center; }
#gnb_mo .mem li { float: left; width:31%; margin-right:6px; margin-top:6px;  background: #fff; }
#gnb_mo .mem li:nth-child(odd) { margin-left:0; }
#gnb_mo .mem li a { color:#212121; font-size: 1.8rem; display: block; line-height:4.5em; font-weight: 700; }
#gnb_mo .mem li a:hover { background: #0060ff; color:#fff; }
*/

#fullpage::before { content:''; width: 0px; height: 100%; position: absolute; top:120px; right: 50px; margin-right: -0.5px; background: rgba(255,255,255,0.1); z-index:10;  }


.fp-viewing-3rdPage #header #logo{background:url('/kor/nimg/logo_1.png')no-repeat center;}
.fp-viewing-4rdPage #header #logo{background:url('/kor/nimg/logo_1.png')no-repeat center;}






.fp-viewing-3rdPage .menuToggle span,.fp-viewing-5Page .menuToggle span { background: #212121; }



@media all and (max-width:1280px) {
  #header #gnb_pc {display:none !important;  }
  .allmenu{display:none;}
  .ml105{margin-left:0px !important;}
  #header #gnb_mo{} 
  #header { position:fixed !important; height:70px; background:#fff; }
  #header #logo{ top:0px; left:30%;   border:0px solid red; height:70px;
box-sizing:border-box; 
background: url('/intro/images/mlogo_b.png')no-repeat center; background-size: auto 60px;}
 
  #header::after { content:''; width: 100%; height: 0px; background:#f3b02d; position: absolute; left:0; top: 100px; }

  #header #hd_ico {display:none; }
  #header .hd_bx { line-height:80px;  }

 

  .menuToggle { display:block; width: 70px; height:70px;   border:0px solid red;  }
  .menuToggle span.t {top:28px; background:#000;}
  .menuToggle span.b {bottom:28px; background:#000; }

  #fullpage::before { top: 70px; right: 70px; }
  #fp-nav.fp-right { right:10px !important; }

  #header .hd_bx { line-height:70px; height: 70px;  }
 #header.scroll { height: 70px;position:fixed !important;   }


}


@media all and (min-width:1199px) {
#header.on #logo {background:url('/intro/images/logo.png') no-repeat center center !important;}
}
#header #logo{z-index:99; position:absolute; }
@media all and (max-width:1550px) and  (min-width:1350px) {
#header #logo,
#header.on #logo{left:0px; width:250px; background-size: 100% auto !important; }

#gnb_pc{padding-lefT:240px !important}
}



@media all and (max-width:1350px) and  (min-width:1199px) {
#header #logo,
#header.menu_on #logo{width:200px; left:0;  background-size: 100% auto !important; background-position:0px  center !important; }

#gnb_pc{ padding-lefT:180px !important}

}

@media all and (max-width:1550px) and  (min-width:1199px) {

#gnb_pc .gnb {text-align:left;}
.allmenu {width: 80px !important;  background-position:center center !important;}
.lang {right:90px !important;}
}


@media all and (max-width:976px) {
  #header { height:70px; }
  #header::after { top: 60px; }
  #header .hd_bx { line-height:70px;  }


   #header #logo{height:70px; top:0px; }

  #header #hd_ico { right: 80px; }
  #header #hd_ico a { width: 50px; height: 50px; }
  #header #hd_ico a p { margin-top: 3px; }

  .menuToggle { width: 70px; height: 70px; }
  .menuToggle span.t {top:24px;}
  .menuToggle span.b {bottom:24px; }
  .menuToggle.m_on span.t {transform:translateY(10px) rotate(45deg)}
  .menuToggle.m_on span.b {transform:translateY(-10px) rotate(-45deg)}



#fp-nav.fp-right { right: 15px !important; }

}

@media all and (max-width:568px) {
  #header {background:#fff; height:70px; position:fixed; border-bottom:1px solid #ccc;}
  /*#header::after { top: 60px; }*/
  #header .hd_bx { line-height:70px;  }
 #header #logo{height:70px; top:0px;  }
  #header #logo img { height: 20px; }

  #header #hd_ico { right: 70px; }
  #header #hd_ico a { width: 45px; height: 45px; }

  .menuToggle { width: 60px; height: 60px; }
  .menuToggle span.t {top:20px;}
  .menuToggle span.b {bottom:20px; }

}



.mobileshow{display:none;}


@media all and (max-width:767px) {
  #footer { padding: 5% 0; }
  #footer h1 img { height: 24px; }
  #footer .f-cont .f-info p br { display: none; }
  .mobileshow{display:block;}
}

@media all and (max-width:568px) {
  #footer { padding: 7% 4%;  box-sizing: border-box; margin-top:0%;
  line-height:21px !important;
  }
}

@media all and (max-width:480px) {
  #footer h1 img { height: 20px; }
}



@media all and (max-width:1280px) {
#header #logo {left:50% !important; transform:translateX(-50%) !important;}
}