@charset "utf-8";


/* layout */
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner {	width:100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }

#wrap { 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%; z-index:10;  background: #000;}
#header::after { content:''; width: 100%; height: 0px; background:rgba(250,250,250,0.4); position: absolute; left:0; top: 119px; }

#header #logo {background:url('../images/logo2025.png')no-repeat; position: fixed; top:30px; left:40px; z-index:555; font-size:0; border:0px solid red; width:310px; height:100px;}
#header #prelogo {background:rgba(0,0,0,0.7) url('../images/prelogo2022.png')center no-repeat;  position:absolute;top:0px; right:0px; border:0px solid red; width:310px; height:150px;}
#header #logo img { vertical-align:middle;}

#header .footer{ position:absolute; bottom:2%; left:0px; width:100%; text-align:center; z-index:554; border:0px solid red;}
.copy11{width:1300px; color:rgba(250,250,250,0.8);  line-height:25px; margin:0 auto; padding:25px 0px; border-top:0px solid rgba(250,250,250,0.1);}
.prelogo_box_in{display: block; position: relative; width: fit-content; margin: 0 auto;}
.prelogo_box_in img{max-width: 235px;}
.prelogo_box_in p{position: relative; color: #fff; width: 100%; margin: 15px auto 0; font-size: 18px; line-height: 30px; border-radius: 99px; background: #ee5d67; border:2px solid #ee5d67; transition: all 0.4s;}
.prelogo_box_in p::after{content:"\f285"; font-family: bootstrap-icons !important; display: block; position: absolute; top: 0; right: 16px; }
.prelogo_box_in p:hover{border-color: #fff;}


#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: Pretendard, '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 45px; height:120px; font-size:19px; box-sizing:border-box; cursor:pointer;}
#gnb_pc .gnb_dp1>div>a { display:inline-block; position:relative; color:#fff; font-weight: 600; }

#gnb_pc .gnb_dp1 .smenu::after { display:block; content:''; width:100%; height:400px; position:absolute; left:0; top:0px; background:#045286; transition:all .3s; transform:scaleY(0); z-index:1; }
#gnb_pc .gnb_dp1 .smenu { display:none; padding:20px 0; color:#fff; font-size: 14.5px;  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; }

.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('../images/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-secondPage #gnb_pc > ul > li > div a,
.fp-viewing-4Page #gnb_pc > ul > li > div a,
.fp-viewing-5Page #gnb_pc > ul > li > div a { color:#fff; }



.fp-viewing-secondPage #header #logo,
.fp-viewing-4Page #header #logo,
.fp-viewing-5Page #header #logo{background:url('/theme/rsp01/img/logo_1.png')no-repeat; position:absolute;}


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


}
*/




@media all and (max-width:976px) {
  #header { height:70px; }
  #header::after { top: 60px; }
  #header .mtext{border:1px solid red;  position:absolute; top:250px; left:0px; width:100%; text-align:center; z-index:555; padding:35px !important; box-sizing:border-box;}

  #header #logo{height:70px; top:0px;  background-size:70%; background-position:0px -12px; }

  #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-viewing-secondPage #header #logo,
  .fp-viewing-4Page #header #logo,
  .fp-viewing-5Page #header #logo
  { position:absolute;}

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

@media all and (max-width:568px) {
  #header { height:60px; position:fixed;}
  /*#header::after { top: 60px; }*/
  #header .hd_bx { line-height:60px;  }

  #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; }
  /* .menuToggle.m_on span.t {transform:translateY(9px) rotate(45deg)}
  .menuToggle.m_on span.b {transform:translateY(-9px) rotate(-45deg)}

 #header.scroll { height: 60px;  }
  #header.scroll .hd_bx { line-height:60px;  }
  #header.scroll .menuToggle { width: 60px; height: 60px; }
  #header.scroll .menuToggle span.t {top:20px;}
  #header.scroll .menuToggle span.b {bottom:20px;}

  #header.scroll::before { height: 60px; }*/
}


/*
#footer { position: relative; text-align:center; width: 100%; background: #30363b; line-height:25px; padding: 3% 0; overflow: hidden; z-index: 15;  }
#footer a{color:#fff;}
#footer img{padding:20px; }
#footer .pr15{padding-right:15px;}
#footer .pr10{padding-right:10px;}


#footer h1 { float: left; margin-right: 5%; margin-bottom: 2%; }
#footer .f-cont { float: left; font-size: 1.4rem;  }
#footer .f-cont .f-link li { display: inline-block; margin-right: 12px; }
#footer .f-cont .f-link li a { color:#fff; }
#footer .f-cont .f-info { margin: 1em 0 2em; }
#footer .f-cont .f-info p { display: inline-block; margin-right: 7px; opacity: 0.4; line-height: 1.7em; color: #fff;}
#footer .f-cont .f-info p a{color: #fff;}

.copy {width:100%; text-align:center;  border-top:1px solid rgba(250,250,250,0.2);  margin-top:35px; 
padding-top:25px; 
font-size: 1.2rem;  text-transform: uppercase; }
.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%; }
}

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



.link_prev {position:absolute; bottom:0; left:0; padding: 30px 0px; z-index:999;
background:rgba(0,0,0,0.6); width:100%; color:#fff;  font-size:20px; line-height:40px;
display:flex; flex-wrap:wrap; gap: 10px 20px;  justify-content: center; 
}
.link_prev dt {font-weight:600; /* border-RIGHT:1px solid rgba(255,255,255,0.2); */ padding:0px 20px;}

.link_prev dt,
.link_prev dd { display:flex; flex-wrap:wrap; align-content: center;  justify-content: center;  align-items: center;font-size:20px; line-height:43px;}
 .link_prev dd {gap:0px 10px; justify-content: center; display:none;}
.link_prev dt a {color:#fff;}

 .link_prev dd a {color:#fff; border-radius:10px; 
 padding:0px 5px; background:rgba(0,0,0,0.8);   padding:0px 30px;}


@media all and (max-width:767px) {
.link_prev {padding: 20px 20px;  gap: 10px 10px;   box-sizing:border-box;}
.link_prev dt {padding:0px 10px; font-size:15px; line-height:20px;}
.link_prev dt,
.link_prev dd {width:100%;   }
 .link_prev dd {gap:5px 10px; flex-wrap:wrap; flex-wrap:wrap; }
  .link_prev dd a {   flex: 1 1 calc(50% - 10px); display: flex;   align-items: center;  font-size:13px;   height:40px;
  justify-content: center; }

}




/*#footer { position: relative; font-size:15px;  color:#fff; text-align:center; width: 100%; background: #30363b; line-height:25px; padding: 3% 0; overflow: hidden; z-index: 15;  }*/
#footer { position: relative; font-size:15px;  color:#fff; text-align:center; width: 100%; background: #f3b02d; line-height:25px; padding: 2% 0; overflow: hidden; z-index: 15;  }
#footer a{color:#fff;}
#footer img{padding:20px; }
#footer .pr15{padding-right:15px;}
#footer .pr10{padding-right:10px;}


#footer h1 { float: left; margin-right: 5%; margin-bottom: 2%; }
#footer .f-cont { float: left; font-size: 1.4rem;  }
#footer .f-cont .f-link li { display: inline-block; margin-right: 12px; }
#footer .f-cont .f-link li a { color:#fff; }
#footer .f-cont .f-info { margin: 1em 0 2em; }
#footer .f-cont .f-info p { display: inline-block; margin-right: 7px; opacity: 0.4; line-height: 1.7em; color: #fff;}
#footer .f-cont .f-info p a{color: #fff;}

.copy {width:100%; text-align:center;  border-top:1px solid rgba(250,250,250,0.2);  margin-top:35px; 
padding-top:25px; 
font-size: 13px;  text-transform: uppercase; }
.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; }
}