@charset "utf-8";

/*Header*/
#header2 { position:fixed; width:100%; height:80px; z-index:150; display:flex; justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.1);  background: #fff;}
#header2 #logo {margin-left:60px;  font-size:0; position:relative; z-index:99}
#header2 #logo img{ vertical-align:middle;  }
#header2 #logo img.on{ display:none; }
/* #header2 #logo2 { position:absolute; top:0; left: 160px; z-index:89; font-size:0; }
#header2 #logo2 img{ vertical-align:middle;  }
#header2 #logo2 img.on{ display:none; } */


#header2 .hd_bx { line-height:80px;  }
#header2 .hd_mbx { display: none; }


#header2 #gnb_pc {padding-left:80px; margin-right: 350px;}
#header2 #gnb_pc > ul { display: flex; }
#header2 #gnb_pc > ul > li{ position: relative; padding: 0 40px; cursor: pointer;}
#header2 #gnb_pc > ul > li > div > a {font-size: 18px; color:#222; font-weight:400;}
#header2 #gnb_pc > ul > li > div > span{}
#header2 #gnb_pc > ul > li > div > span > a {font-size: 18px; color: #222;   display: block; line-height: 80px;}
#header2 #gnb_pc > ul > li > ul{display: none;}
#header2 #gnb_pc > ul > li > ul > li {}
#header2 #gnb_pc > ul > li > ul > li > a{}

#header2 #gnb_pc .smenu{position: fixed;width: 100%;left: 0;background:#fcfcfc;border-top:1px solid #f3f3f3;min-height: 400px;display: none; cursor: auto; top: 80px;}
#header2 #gnb_pc .smenu .r_cont .sublist{ display:none; }
#header2 #gnb_pc .smenu .s-inner{ display: flex; min-height: 400px;}
#header2 #gnb_pc .smenu .l_cont {width: 450px; position: relative; z-index: 10; color: #222; min-height: 400px; padding: 50px 100px;align-self:stretch;}
#header2 #gnb_pc .smenu .l_cont h3{font-size: 30px; position: relative;display: inline-block;}
#header2 #gnb_pc .smenu .l_cont h3:after{position: absolute; content: ''; width: 10px;height: 10px; background: #014099; border-radius: 2px; right: -20px;top: 20px;}
#header2 #gnb_pc .smenu .l_cont p{font-size: 18px; line-height: 28px;}
#header2 #gnb_pc .smenu .l_cont::before{content: '';width: 200%; right: 0; height: 100%; background: #eaf4f9 url('/images/common/menu_logo.png') 98% 95% / 100px no-repeat; position: absolute;z-index: -1; top: 0; border-radius: 0 0 50px 0;}
#header2 #gnb_pc .smenu .r_cont {width: calc(100% - 450px); padding: 50px; height: 100%;}
#header2 #gnb_pc .smenu .r_cont > .list{display: flex;flex-wrap: wrap; gap: 10px 20px; line-height: 20px; font-size: 16px;}
#header2 #gnb_pc .smenu .r_cont > .list > li{width: calc(100%/3 - 40px/3);}
#header2 #gnb_pc .smenu .r_cont > .list > li > a{border: 1px solid #ddd; border-radius: 5px; padding: 10px 20px; display: flex; align-items: center;width: 100%; height: 100%;color: #222; height: 62px;}
#header2 #gnb_pc .smenu .r_cont > ul > li > a:hover{color: #fff; background: #0e4194; border: 1px solid #0e4194;}
#header2 #gnb_pc .smenu .r_cont .sublist{ padding: 20px 10px 10px;}
#header2 #gnb_pc .smenu .r_cont .sublist li{position: relative; padding-left: 13px;}
#header2 #gnb_pc .smenu .r_cont .sublist li:hover a{color: #0e4194;}
#header2 #gnb_pc .smenu .r_cont .sublist li:after{content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #0e4194;}
#header2 #gnb_pc .smenu .r_cont .sublist li + li{margin-top: 5px;}
.has-children > a{display: flex;justify-content: space-between;}
.has-children > a span{font-family: 'SUIT';font-size: 14px;color: #aaa; transform: rotate(90deg);}


#header2 .user {margin-right:60px; position: relative; z-index:99; display: flex;}
#header2 .user li {margin-right: 22px; position:relative}
#header2 .user li:before {content:''; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; right:-12px; top:50%; transform:translateY(-50%)}
#header2 .user li:last-child {margin-right:0}
#header2 .user li:last-child::before {display:none} 
#header2 .user li a {font-size: 1.5rem; font-weight: 500; color: #FFF;}

#header2 .user li.lang {margin-right:30px}
#header2 .user li.lang:before {display:none}
#header2 .user li.lang a {padding:0.6em 1em; font-size:1.6rem; border-radius:30px; border:1px solid rgba(255,255,255,0.3); font-family:'Montserrat'}
#header2 .user li.lang img {padding-right:5px; vertical-align:middle}
#header2 .user li.lang a:hover {background:#1d2832; border-color:#1d2832}





:is(.fp-viewing-1Page, .fp-viewing-3Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page, .fp-viewing-7Page)
#header2.scroll #gnb_pc:before { background: none; }
.fp-viewing-2Page #header2.scroll,
.fp-viewing-4Page #header2.scroll,
.fp-viewing-7Page #header2.scroll {background:none}

/* .fp-viewing-2Page #header2.scroll #logo img.on { display:none; }
.fp-viewing-2Page #header2.scroll #logo img.off { display:inline-block; } */



#header2.menu_on {background:#FFF}
#header2.scroll {background:#FFF; border-bottom:1px solid rgba(0,0,0,0.05)}

#header2.scroll #logo img.on,
#header2.menu_on #logo img.on { display:inline-block; }
#header2.scroll #logo img.off,
#header2.menu_on #logo img.off { display:none; }
#header2.scroll #logo2 img.on,
#header2.menu_on #logo2 img.on { display:inline-block; }
#header2.scroll #logo2 img.off,
#header2.menu_on #logo2 img.off { display:none; }




#header2.scroll #gnb_pc:before,
#header2.menu_on #gnb_pc:before {content:""; width:100%; height:80px; position:absolute; top:0; left:0; }
#header2.menu_on #gnb_pc:before {background:#FFF !important}

#header2.scroll .user li a,
#header2.menu_on .user li a { color:#686868; }
#header2.scroll .user li.lang a,
#header2.menu_on .user li.lang a { color:#FFF; background:#1d2832; border-color:#1d2832 }
#header2.scroll .user li:before,
#header2.scroll .menu_on li:before {background:#e9e9e9}

#header2.scroll #gnb_pc .gnb_dp1>div > a,
#header2.menu_on #gnb_pc .gnb_dp1>div > a { color:#212121 }
#header2.scroll #gnb_pc .gnb_dp1>div > a:hover,
#header2.menu_on #gnb_pc .gnb_dp1>div > a:hover { color:#2d5fa5 }


/* #header2.scroll #gnb_pc > ul > li:nth-child(8),
#header2.scroll #gnb_pc > ul > li:last-child, 
#header2.menu_on #gnb_pc > ul > li:nth-child(8),
#header2.menu_on #gnb_pc > ul > li:last-child { background:#4a9ca0}

#header2.scroll #gnb_pc > ul > li:nth-child(8) > div > a,
#header2.menu_on #gnb_pc > ul > li:nth-child(8) > div > a,
#header2.scroll #gnb_pc > ul > li:last-child > div > a,
#header2.menu_on #gnb_pc > ul > li:last-child > div > a { color:#FFF} */






#gnb_mo { position:fixed; top:75px; right:0; width:100%; height:100%; max-width:380px;
                background: rgba(14, 65, 148, 0.95); 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);}
#gnb_mo > ul > li > div {display:block; width:100%; font-size:18px;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box;  line-height:3.2em; 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 { padding:0 1em; color:#fff; }
#gnb_mo > ul > li > .smenu {display:none; }
#gnb_mo > ul > li > .smenu .l_cont, 
#gnb_mo > ul > li > .smenu .r_cont h3 {display:none}
#gnb_mo > ul > li > .smenu .r_cont .list > li > a {display:block; width:100%; font-size:17px; color:#4b4b4b;padding:0 1.5em; font-weight: 500;border-bottom:1px solid #e1e1e1; background:#fff; box-sizing:border-box; line-height:3em;}

#gnb_mo > ul > li > div.on { background: #0095db; }
#gnb_mo > ul > li > div.on:before {transform:rotate(90deg)}
#gnb_mo .has-children{display: none;}
#gnb_mo .s-inner{width: 100%;}

#header2.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); }



#gnb_mo .user {padding:1em;display: flex; align-items: center;}
#gnb_mo .user li {margin-right: 22px; position:relative}
#gnb_mo .user li:before {content:''; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; right:-12px; top:50%; 
								transform:translateY(-50%)}
#gnb_mo .user li:last-child {margin-right:0}
#gnb_mo .user li:last-child::before {display:none} 
#gnb_mo .user li a {font-size: 1.5rem; font-weight: 500; color: #FFF;}

#gnb_mo .user li.lang {margin-right:30px}
#gnb_mo .user li.lang:before {display:none}
#gnb_mo .user li.lang a {display:block; width:100%; height:100%; padding:0.6em 1em; font-size:1.6rem; border-radius:30px; background:#4aa07f; font-family:'Montserrat'}
#gnb_mo .user li.lang img {padding-right:5px; vertical-align:middle}
#gnb_mo .user li.lang a:hover {background:#4a9ca0; border-color:#1d2832}




.menuToggle { position:relative; cursor:pointer; z-index:9999; box-sizing: border-box; background:#222}
.menuToggle span {display:block; width:26px; height:2px; background:#fff; position:absolute; left:50%; margin-left: -13px; transition:all 0.5s}
.menuToggle span.t {top:28px;}
.menuToggle span.m {top:50%; margin-top:-1px;}
.menuToggle span.b {bottom:28px; }

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

 /* .fp-viewing-2Page #header2.scroll .menuToggle span {background:#222} */

#header2.scroll .menuToggle,
#header2.menu_on .menuToggle { background:#0e4194 }

#header2.scroll .menuToggle.m_on span,
#header2.menu_on .menuToggle.m_on span { background:#FFF }
#header2.scroll .menuToggle.m_on span,
#header2.menu_on .menuToggle.m_on span { background:#FFF }




/* .header_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: -99; opacity: 0; overflow: hidden; transition: .2s ease-in-out;}
.header_bg.on{z-index: 98; opacity: 1; overflow: visible;} */





@media all and (max-width:1730px) {
	#header2 #gnb_pc {padding-left:0;margin-right: 200px;}
}
@media all and (max-width:1630px) {
	#header2 #logo {margin-left:30px;}
	#header2 #logo img {height:45px}
	#header2 .user {margin-right:30px;}
	#header2 .user li.lang {margin-right:20px}
    #header2 #gnb_pc > ul > li{padding: 0 35px;}
    #header2 #gnb_pc > ul > li > div > a{font-size: 16px;}

	#header2 #gnb_pc .smenu .l_cont { width: 450px; }
	#header2 #gnb_pc .smenu .r_cont {width: calc(100% - 450px); padding-left:5em }
	#header2 #gnb_pc .smenu .r_cont .list {display: flex; flex-wrap: wrap; }
}
@media all and (max-width:1280px) {
  #header2 #gnb_pc {display:none;}
  #header2 { height:75px; }

  #header2 .hd_bx { line-height:75px; }
  #header2 .hd_mbx { display: block; width: 75px; height: 75px;  }

  #header2 #logo img { height:43px }
  #header2 .user {margin-left: auto}


  #header2.scroll,
  #header2.on { height: 75px; line-height: 75px; }

  #header2.on .hd_bx,
  #header2.scroll .hd_bx { line-height: 75px;  }

  #header2.on #logo img.on { display: inline-block; }
  #header2.on #logo img.off { display: none; }

	#header2.on .user li a { color:#686868; }
	#header2.on .user li.lang a { color:#FFF; background:#1d2832; border-color:#1d2832 }
	#header2.on .user li:before,
	#header2.on .menu_on li:before {background:#e9e9e9}

	#header2.scroll #gnb_pc .gnb_dp1>div > a,
	#header2.menu_on #gnb_pc .gnb_dp1>div > a { color:#212121 }
	#header2.scroll #gnb_pc .gnb_dp1>div > a:hover,
	#header2.menu_on #gnb_pc .gnb_dp1>div > a:hover { color:#2d5fa5 }



  #header2.on .hd_full { background-color:#2d5fa5; }
  #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:767px) {
	#header2{ height:60px; }

	#header2 #logo img { height:40px }

	#gnb_mo { top: 60px; }

	#header2 .hd_bx { line-height:60px; }
	#header2 .hd_mbx{ width:60px; height:60px; line-height:60px; }


	#header2.on, #header2.scroll { height: 60px;  background:#FFF;}
	#header2.on .hd_bx, #header2.scroll .hd_bx { line-height: 60px; }
	#header2.scroll #gnb_pc .gnb_dp1>div { height:60px; }

	#header2.scroll .hd_mbx { width: 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)} 
}


@media all and (max-width:568px) {
	#header2{height:55px; }
	#gnb_mo { top: 55px; }

	#header2 .hd_btn { right:20px}
	#header2 .hd_bx{ line-height:55px; }
	#header2 .hd_mbx { width:55px; height:55px; line-height:55px;}

	#header2 #logo {margin-left:15px;}
	#header2 #logo img { height:37px; }

	#header2 .user {margin-right: 15px;}
	#header2 .user li {display:none}
	#header2 .user li.lang {display:block; margin-right:0}
	#header2 .user li.lang a {padding:0.5em 1em; font-size:1.5rem;}


	#header2.on, #header2.scroll { height: 55px; }
	#header2.on .hd_bx, #header2.scroll .hd_bx { line-height: 55px; }
	#header2.on #logo img, #header2.scroll #logo img { }
	#header2.scroll #gnb_pc .gnb_dp1>div { height:55px; }

	#header2.scroll .hd_mbx { width: 55px; }

	.menuToggle span.t {top:17.5px;}
	.menuToggle span.b {bottom:17.5px; }
}