@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

#wrap { position:relative; width:100%; margin:0 auto;}

.jbMenu { text-align: center; width: 100%; z-index:1000; }
.jbFixed { position: fixed; top: 0px; }

.jbFixed #header { position:relative; width:100%; height:70px; background:rgba(18,21,21,.92); z-index:100; opacity:1; transition:all 0.5s ease;}
.jbFixed #header .header_inner { position:relative; height:70px; margin:0 auto; }
.jbFixed #header .header_inner h1 { position:absolute; left:100px; top:6px; width:87px; height:58px; transition:all ease .3s;}
.jbFixed #header .header_inner h1 a { display:block; width:87px; height:58px; background:url(../images/logo.png) no-repeat center center; text-indent:-5000px; transition:none; background-size:cover;}


.jbFixed #header .header_inner .top_btn_news { position:absolute; right:100px; top:0; width:110px; height:70px; background:url(../images/ico_news.svg) no-repeat 20px center #fff; background-size:15px 19px; display: flex; justify-content:flex-end; align-items: center; transition: all 0.4s ease;}
.jbFixed #header .header_inner .ham_menu { position:absolute; right:0; top:0 }
.jbFixed #header .header_inner .ham_menu a { display:block; width:80px; height:70px; background:url(../images/ic-tmenu-color.png) no-repeat right center; background-size:100px; }

.jbFixed #header .header_inner .nav_pc { position:relative; width:1300px; height:70px; margin:0 auto;}
.jbFixed #header .header_inner .nav_pc li.has-dropdown a { position:relative; display:block; font-size:1.8em; color:#fff; font-weight:600; padding:19px 0; z-index:9; display: flex; justify-content:center; align-items: center; transition:all ease 0.2s}

#header { position:fixed; top:0; width:100%; height:120px; z-index:10; overflow:hidden; background:none; transition:all 0.6s ease;}
#header .header_inner { position:relative; width:100%; height:120px; margin:0 auto; transition: all 0.5s cubic-bezier(.51,.01,0,1); background:rgba(18,21,21,0) }
#header .header_inner h1 { position:absolute; left:100px; top:23px; width:101px; height:70px; z-index:999; transition:all ease .3s;}
#header .header_inner h1 a { display:block; width:105px; height:70px; background:url(../images/logo.png) no-repeat center center; text-indent:-5000px; background-size:cover; transition:none; }
#header .header_inner h1.active a { display:block; width:105px; height:70px; background:url(../images/logo.png) no-repeat center center; text-indent:-5000px; background-size:cover; transition:none;}
#header .header_inner .top_btn_news { position:absolute; right:100px; top:33px; width:110px; height:54px; background:url(../images/ico_news.svg) no-repeat 20px center #fff; background-size:15px 19px; display: flex; justify-content:flex-end; align-items: center; transition: all 0.4s ease;}
#header .header_inner .top_btn_news a { display:block; padding:20px 20px; color:#1E1F21; font-size:1.2em !important; font-weight:600; padding-right:20px; }
#header .header_inner .top_btn_news:hover { background:url(../images/ico_news.svg) no-repeat 20px center #178099; transition: all 0.15s ease; }
#header .header_inner .top_btn_news:hover a { color:#fff;}
#header .header_inner .lang .lang_open { position:absolute; right:0; top:120px; }
#header .header_inner nav { display:block; position:relative; width:750px; text-align:center; margin:0 auto; height:80px; z-index:1000; padding-top:20px;}
#header .header_inner nav ul { }
#header .header_inner nav ul li { position:relative; display:inline-block; cursor:pointer; }
#header .header_inner nav ul li a { display:block; padding:30px 20px; font-size:1.75em; color:rgba(0,0,0,1); font-weight:400; letter-spacing:0; line-height:1.2;}
#header .header_inner nav ul li a:hover { color:#ffd33c }
#header .header_inner nav ul li:last-child a { }
#header .header_inner nav ul li ul { position:absolute; left:0; top:70px; width:190px; background:#2f67d6; margin:0 0 0 0; display: none; padding:0}
#header .header_inner nav ul li ul.s1 { left:-35px }
#header .header_inner nav ul li ul.s2 { left:-35px }
#header .header_inner nav ul li ul.s3 { left:-2px }
#header .header_inner nav ul li ul.s4 { left:-35px }
#header .header_inner nav ul li ul.s5 { left:-35px }
#header .header_inner nav ul li ul li { position:relative; float:none; border-bottom:1px solid #4476da; width:100%; text-indent:0; }
#header .header_inner nav ul li ul li:last-child { border-bottom:none; }
#header .header_inner nav ul li ul li a { display:block; color:#fff; text-align:center; padding:12px 15px; letter-spacing:-0.03em; font-size:1.25em; font-weight:400; line-height:1.4;}
#header .header_inner nav ul li ul li a:hover { background:#1647a7; color:#ffd33c;}
#header .header_inner nav ul li ul li:last-child a { padding:12px 15px }
#header .header_inner .ham_menu { display:none; position:absolute; right:0; top:0 }
#header .header_inner .ham_menu a { display:block; width:100px; height:100px; background:url(../images/ic-tmenu.png) no-repeat center center; background-size:100px; }

#header .header_inner nav ul li ul li ul.dep2 { position:absolute; left:190px; top:0; width:196px; background:#15397f; margin:0 0 0 0; display: none; padding:0}
#header .header_inner nav ul li ul li ul.dep2 li { position:relative; float:none; border-bottom:1px solid #214386; width:100%; text-indent:0; }
#header .header_inner nav ul li ul li ul.dep2 li:last-child { border-bottom:none; }
#header .header_inner nav ul li ul li ul.dep2 li a { display:block; color:#fff; text-align:center; padding:12px 10px; letter-spacing:-0.03em; font-size:1.2em; font-weight:400; line-height:1.4;}
#header .header_inner nav ul li ul li ul.dep2 li a:hover { background:#0e2b62; color:#ffd33c;}
#header .header_inner nav ul li ul li ul.dep2 li:last-child a { padding:12px 15px }



#header .header_inner .nav_pc { position:relative; width:1300px; height:120px; margin:0 auto; display: flex; justify-content:center; align-items: flex-start; padding-left:0; transition: all 0.5s cubic-bezier(.51,.01,0,1)}
#header .header_inner .nav_pc li { position:relative;}
#header .header_inner .nav_pc li.has-dropdown { position:relative; margin:0; padding:0 38px; transition: all 0.5s cubic-bezier(.51,.01,0,1); display: flex; justify-content:center; align-items: center;}
#header .header_inner .nav_pc li.has-dropdown a { position:relative; display:block; font-size:1.8em; color:#fff; font-weight:600; padding:43px 0; z-index:9; display: flex; justify-content:center; align-items: center; transition:all ease 0.2s}
#header .header_inner .nav_pc li.has-dropdown a em { font-size:0.6em; margin-left:10px; color:rgba(255,255,255,.3); letter-spacing:0.05em }
#header .header_inner .nav_pc li.has-dropdown a:after { content:''; display:block; margin-left:10px; width:10px; height:10px; background:url(../images/navi_p.png) no-repeat center center; background-size:cover; }
#header .header_inner .nav_pc li.has-dropdown:last-of-type a:after {}
#header .header_inner .nav_pc li.has-dropdown div.bg { position:absolute; left:0; top:-20px; display:block; width:100%; height:470px; background:#fff; margin-top:10px; opacity:0; z-index:0 !important; transition: all 0.3s cubic-bezier(.51,.01,0,1);}
#header .header_inner .nav_pc li.has-dropdown .links-list { position:absolute; left:0; top:88px; padding:23px 0 0 0; width:100%; text-align:center; display:none }
#header .header_inner .nav_pc li.has-dropdown .links-list li { position:relative; display:block; width:auto; text-align:center }
#header .header_inner .nav_pc li.has-dropdown .links-list li a { position:relative; display:inline-block;font-size:1.25em; color:#2f67d6; font-weight:500; padding:8px 0; letter-spacing:-0.03em; border:none}
#header .header_inner .nav_pc li.has-dropdown .links-list li:hover a { font-weight:700 }
#header .header_inner .nav_pc li.has-dropdown .links-list li a:hover { position:relative; color:#fff; font-weight:700; letter-spacing:-0.03em; border:none}
#header .header_inner .nav_pc li.has-dropdown .links-list li a:after { position:absolute; left:0; bottom:2px; width:0; height:1px;}
#header .header_inner .nav_pc li.has-dropdown .links-list li a:hover:after { position:absolute; left:0; bottom:2px; display:block; width:0; height:1px; background:#1a3066; content:''; transition: all 0.7s cubic-bezier(.51,.01,0,1) }
#header .header_inner .nav_pc li.has-dropdown .links-list li ul { padding:0 0 0 0; margin:-2px 0 0 10px; }
#header .header_inner .nav_pc li.has-dropdown .links-list li ul li { position:relative; }
#header .header_inner .nav_pc li.has-dropdown .links-list li ul li a { position:relative; display:inline-block; font-size:1.15em; color:#222; font-weight:400 !important; padding:4px 0; letter-spacing:-0.03em; border:none}
#header .header_inner .nav_pc li.has-dropdown .links-list li ul li a:hover { position:relative; color:#222; font-weight:600 !important; letter-spacing:-0.03em; border:none}
#header .header_inner .nav_pc li.has-dropdown .links-list li ul li a:after { position:absolute; left:0; bottom:0; width:0; height:1px;}
#header .header_inner .nav_pc li.has-dropdown .links-list li ul li a:before { position:absolute; left:-8px; top:12px; width:3px; height:3px; background:#15397f; display:block; content:''; border-radius:50%;}
/*#header .header_inner .nav_pc li.has-dropdown .links-list li ul li a:hover:after { position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; background:#1a3066; content:''; transition: all 0.7s cubic-bezier(.51,.01,0,1) }*/

#header .header_inner .nav_pc li.has-dropdown .links-list li a { position:relative; display:inline-block; font-size:1.23em; color:rgba(255,255,255,.7); font-weight:400; padding:8px 0; letter-spacing:0.01em; border:none; transition: all 0.3s cubic-bezier(.51,.01,0,1)}
#header.active { height:270px; overflow:hidden; transition: all 0.7s cubic-bezier(.51,.01,0,1); background:rgba(18,21,21,1);}
#header.active .header_inner { position:relative; width:100%; margin:0 auto; height:400px; overflow:hidden; transition: all 0.5s cubic-bezier(.51,.01,0,1)}
#header.active .header_inner .nav_pc { height:470px;  transition: all 0.5s cubic-bezier(.51,.01,0,1)}
#header.active .header_inner .nav_pc li.has-dropdown { padding:0 45px; transition: all 0.5s cubic-bezier(.51,.01,0,1)}
#header .header_inner .nav_pc li.has-dropdown .links-list {display:block; transition: all 0.4s cubic-bezier(.51,.01,0,1); color:#685D5A;}
#header.active .header_inner .nav_pc li { transition: all 0.5s cubic-bezier(.51,.01,0,1);  z-index:99}
#header.active .header_inner .nav_pc li.has-dropdown a {color:#fff; font-weight:600 !important; z-index:9999 !important }

#header.active .header_inner .nav_pc li.has-dropdown.active a { color:#FFF !important; z-index:99 !important; font-weight:600 }
#header .header_inner .nav_pc li.has-dropdown.active a:hover { color:#22201F; font-weight:600 !important }
#header.active .header_inner .nav_pc li.has-dropdown .links-list li a {color:rgba(255,255,255,.7) !important; font-weight:500 !important }
#header.active .header_inner .nav_pc li.has-dropdown.active .links-list li a {color:#222; font-weight:500 !important }
#header.active .header_inner .nav_pc li.has-dropdown .links-list li a:hover { color:#fff !important; transition: all 0.3s cubic-bezier(.51,.01,0,1); letter-spacing:-0.01em; font-weight:600 !important}


#header.active .header_inner .ham_menu a { background:url(../images/ic-tmenu-color.png) no-repeat center center; background-size:100px; }


#header.active .header_inner .nav_pc li.has-dropdown.active div.bg { position:absolute; left:0; top:-20px; display:block; width:100%; height:420px; background:#178099; margin-top:10px; opacity:1; z-index:1 !important; transition: all 0.3s cubic-bezier(.51,.01,0,1);}

#header .header_inner .nav_pc li.has-dropdown.active .links-list li a { color:#fff;}
#header .header_inner .nav_pc li.has-dropdown.active .links-list li a:hover { color:#fff;}
#header .header_inner .nav_pc li.has-dropdown.active .links-list li ul li a:before { background:#fff }

.m-menu { display:none }

.t_menu { position:fixed; left:0; top:0; width:100%; height:100vh; z-index:999; display:none }
.t_menu.active { display:block }
.t_menu .t_menu_bg { width:1; height:100vh; margin:0 auto; background:#004d94; animation:t_bg_ani 0.8s cubic-bezier(.51,.01,0,1) 0s 1 forwards; z-index:999 }
@keyframes t_bg_ani {
		0% { opacity:1; width:0; background:#000}
		100% { opacity:.97; width:100%;}
}
.t_menu .t_menu_area { position:absolute; right:0; top:0; width:100%; height:100vh; z-index:1000 }
.t_menu .t_menu_area .close_bt { position:absolute; right:0; top:0; animation:t_bg_bt 0.5s cubic-bezier(.51,.01,0,1) 0.5s 1 forwards; opacity:0}
@keyframes t_bg_bt {
		0% { opacity:0; }
		100% { opacity:1;}
}	
.t_menu .t_menu_area .close_bt a { display:block; width:100px; height:100px; background:url(../images/bt-close.png) no-repeat center center; background-size:50px   }
.t_menu .t_menu_area .tm_ct { position:absolute; left:50%; top:50%; width:1100px; height:500px; margin:-250px 0 0 -550px; animation:t_bg_ani02 0.9s cubic-bezier(.51,.01,0,1) 0.3s 1 forwards; opacity:0}
@keyframes t_bg_ani02 {
		0% { opacity:0; }
		100% { opacity:1;}
}	
.t_menu .t_menu_area .tm_ct .tm_logo { position:relative; margin:0 auto 0 auto; text-align:center; color:#fff; font-weight:700; font-size:1.5em;}
.t_menu .t_menu_area .tm_ct .tm_line { position:relative; width:80px; height:2px; background:rgba(255,255,255,1); margin:30px auto }
.t_menu .t_menu_area .tm_ct .tm_list { text-align:center; display: flex; justify-content:space-between; align-items:flex-start; gap:30px; }
.t_menu .t_menu_area .tm_ct .tm_list li { margin:80px 0 0 0}
.t_menu .t_menu_area .tm_ct .tm_list li a { position:relative; display:block; color:rgba(255,255,255,1); font-size:2.2em; letter-spacing:0; font-weight:600 !important; padding:8px 0; transition: all 0.15s ease; text-align:center; font-weight:400; line-height:0.8}
.t_menu .t_menu_area .tm_ct .tm_list li ul { margin:30px 0 0 0 }
.t_menu .t_menu_area .tm_ct .tm_list li ul li { margin:9px 0 }
.t_menu .t_menu_area .tm_ct .tm_list li ul li a { position:relative; display:block; color:rgba(255,255,255,.6); font-size:1.35em; letter-spacing:0; font-weight:400 !important; padding:6px 0; line-height:1.0; letter-spacing:0}
.t_menu .t_menu_area .tm_ct .tm_list li ul li a:hover { color:#fff; font-weight:600 !important }

#mv { position:absolute; left:0; top:-821px; height:907px; width:100%; background:#171819; z-index:0  }

.main_wrap { position:absolute; left:0; top:-821px; height:907px; width:100%; background:#171819; z-index:0; display:block; }
.main_wrap_mo { display:none }


.huham-main {position: relative;margin: 0;margin-bottom: 0 !important;}
.huham-main .col {height: 822px} 
.mv_mobile { display:none }
.mv_pc { display:block }
/*.huham-main .col.evt-1 {background: url(../images/main_bg_01.jpg) 50% 0;background-size: cover;}
.huham-main .col.evt-2 {background: url(../images/main_bg_02.jpg) 50% 0; background-size: cover}
.huham-main .col.evt-3 {background: url(../images/main_bg_03.jpg) 50% 0; background-size: cover}
.huham-main .slick-slide p.slider-eng {position: absolute;top: 38%;left: 50%;width: 1200px;margin-left: -600px;color: rgba(255, 255, 255, 0.6);font-size: 16px;letter-spacing: 0.3em;text-align: center; animation:fadeOutDown 1s both;}
.huham-main .slick-slide p.slider-txt {position: absolute;top: 48%;left: 50%;width: 1200px;margin-left: -600px;color: #FFF;font-size: 56px;font-family:'Arita-buri', sans-serif;line-height: 1.35em;text-align: center;animation:fadeOutDown 1s both;}
.huham-main .slick-active p.slider-eng {animation:fadeInUp 1s both; animation-delay: .8s}
.huham-main .slick-active p.slider-txt {animation:fadeInUp 1s both; animation-delay: .8s}*/ 
.huham-main .slick-slide img {animation:fadeOut 1s both;}
.huham-main .slick-active img {animation:Bigshow 1s both; animation-duration: 2s}
.huham-main .slick-dots {bottom: 30px;}
.huham-main .slick-dots li {width: 14px;height: 14px;margin: 0 6px;}
.huham-main .slick-dots li button {width: 14px;height: 14px;border: #FFF 1px solid;border-radius: 50%;transition: all 0.25s ease;}
.huham-main .slick-dots li.slick-active button {background-color: #FFF; border-color: #FFF;}
.huham-main .slick-dots li button:before {display: none; content: ""}
.huham-main .slick-dots li button:hover {border-color: #FFF}


#mcontainor { position:relative; width:100%;  margin:0 0 0 0; padding-bottom:0; z-index:20; background:#fff; padding-top:0; overflow:hidden }
#mcontainor .mcont_inner { position:relative; width:1400px; margin:0 auto; }


.main_visual_wp { position:relative; width:100%; height:820px; margin-top:0; overflow:hidden}
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide { margin-top:0 }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv1 { width:100%; height:820px; background:url(../images/mv1.jpg) no-repeat center top #090d0e; background-size:100% }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv2 { width:100%; height:820px; background:url(../images/mv2.jpg) no-repeat center top #090d0e; background-size:100% }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv3 { width:100%; height:820px; background:url(../images/mv3.jpg) no-repeat center top #090d0e; background-size:100% }
.swiper-container {
  height:820px;

}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 820px;
  left: 0;
  top: 0;
  background-size: 100%;
  background-position: center;
}

.swiper-slide .slide-inner .txt { position:relative; opacity:0; width:100%; height:auto; animation:txt_ani_none 0.8s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards; padding:220px 12% 0 12%}
@keyframes txt_ani_none {
	 0% {
		 opacity:1;
         margin-top:0; 
	}
	 100% {
		 opacity:0;
		margin-top:60px; 
	}
}

@-webkit-keyframes txt_ani_none {
	 0% {
		 opacity:1;
		margin-top:10px; 
	}
	 100% {
		 opacity:0;
		margin-top:60px; 
	}
}
.swiper-slide .slide-inner .txt .t1 { position:relative; color:#fff; text-align:left; font-size:4.7em; font-weight:200; letter-spacing:-0.02em; line-height:1.3}
.swiper-slide .slide-inner .txt .t1 em { font-weight:600; color:#fff; }
.swiper-slide .slide-inner .txt .t1 em.co1 { font-weight:700; font-size:1.5em}
.swiper-slide .slide-inner .txt .t2 { position:relative; color:#20BFE6; text-align:left; font-size:1.4em; font-weight:400; letter-spacing:0.02em; margin-top:30px; line-height:1.7;}
.swiper-slide .slide-inner .txt .t2 em { color:#20BFE6; font-weight:600;}
.swiper-slide .slide-inner .txt .btn { position:absolute; left:10%; bottom:0; border-radius:0; background:url(../images/pg_next.png) no-repeat 90% center #FFF; background-size:6px 10px; transition:all 0.2s ease;}
.swiper-slide .slide-inner .txt .btn a { border-radius:0; color:#22201F !important; font-size:1.25em; font-weight:800; padding:19px 0 19px 0; display:block; letter-spacing:0; transition:all 0.2s ease;}
.swiper-slide .slide-inner .txt .btn a:after { position:relative; display:inline-block; width:50px; height:1px; background:#FC4A15; content:''; margin:-2px 0 0 30px; vertical-align:middle;}
.swiper-slide .slide-inner .txt .btn:hover { transition:all 0.2s ease; background:url(../images/pg_next_wh.png) no-repeat 90% center #FC4A15; background-size:6px 10px;}
.swiper-slide .slide-inner .txt .btn:hover a { color:#fff !important; }
.swiper-slide .slide-inner .txt .btn:hover a:after { background:#22201F;}
.swiper-slide-active .slide-inner .txt { position:relative; opacity:0; animation:txt_ani 1.2s cubic-bezier(.51, .01, 0, 1) 0.75s 1 forwards;}
@keyframes txt_ani {
	 0% {
		 opacity:0;
		 margin-top:60px; 
	}
	 100% {
		 opacity:1;
		 margin-top:0; 
	}
}

@-webkit-keyframes txt_ani {
	 0% {
		 opacity:0;
		margin-top:60px; 
	}
	 100% {
		 opacity:1;
		margin-top:0; 
	}
}

.swiper-slide-active .slide-inner .txt .t1 {}
.swiper-slide-active .slide-inner .txt .t2 { margin-top:70px; line-height:1.7; opacity:0; animation:txt_ani_t2 1.3s cubic-bezier(.51, .01, 0, 1) 1.0s 1 forwards;}
@keyframes txt_ani_t2 {
	 0% {
		 opacity:0;
		 margin-top:70px;
	}
	 100% {
		 opacity:1;
		 margin-top:30px; 
	}
}

@-webkit-keyframes txt_ani_t2 {
	 0% {
		 opacity:0;
		 margin-top:70px;
	}
	 100% {
		 opacity:1;
		 margin-top:30px; 
	}
}

.swiper-slide-active .slide-inner .txt .btn { opacity:0; animation:txt_ani_bt 1.6s cubic-bezier(.51, .01, 0, 1) 1s 1 forwards}
@keyframes txt_ani_bt {
	 0% {
		 opacity:0;
		 bottom:-100px;
	}
	 100% {
		 opacity:1; 
		 bottom:0;
	}
}

@-webkit-keyframes txt_ani_bt {
	 0% {
		 opacity:0;
		 bottom:-100px;
	}

	 100% {
		 opacity:1; 
		 bottom:0;
	}
}

.swiper-slide-active .slide-inner .txt .btn a { opacity:0; animation:txt_ani_logo 1.6s cubic-bezier(.51, .01, 0, 1) 2s 1 forwards}
@keyframes txt_ani_logo {
	 0% {
		 opacity:0;
		 padding:19px 0 19px 0; 
	}
	 100% {
		 opacity:1; 
		 padding:19px 66px 19px 25px; 
	}
}

@-webkit-keyframes txt_ani_logo {
	 0% {
		 opacity:0;
		 padding:19px 0 19px 0; 
	}
	 100% {
		 opacity:1; 
		 padding:19px 66px 19px 25px; 
	}
}
.swiper-slide.bg1 { background:url(../images/mv1_bg.jpg) repeat-x center center }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv1 { background:url(../images/mv1.jpg) no-repeat center top #090d0e; opacity:1;}
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv1 { background:url(../images/mv1.jpg) no-repeat center top #090d0e; animation:mv_scale 5.5s cubic-bezier(0.5, 0.46, 0, 1) 0s 1 forwards; transition:all .2s ease; background-size:150%;}

.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv2 { background:url(../images/mv3.jpg) no-repeat center top #090d0e; opacity:1; }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv2 { background:url(../images/mv3.jpg) no-repeat center top #090d0e; animation:mv_scale 5.5s cubic-bezier(0.5, 0.46, 0, 1) 0s 1 forwards; background-size:150%;}

.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv3 { background:url(../images/mv2.jpg) no-repeat center top #090d0e; opacity:1; }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv3 { background:url(../images/mv2.jpg) no-repeat center top #090d0e; animation:mv_scale 5.5s cubic-bezier(0.5, 0.46, 0, 1) 0s 1 forwards; background-size:150%;}

.swiper-slide .slide-inner.mv4 { background:url(../images/m_visual4.jpg) no-repeat center center; opacity:1; }
.swiper-slide-active .slide-inner.mv4 { background:url(../images/m_visual4.jpg) no-repeat center center; animation:mv_scale 6s cubic-bezier(0, 0.32, 0.58, 1) 0s 1 forwards; }

@keyframes mv_scale {
	 0% {
		 opacity:1;
		 background-size:150%;
		 /*transform:scale(1.2, 1.2);*/
	}
	 100% {
		 opacity:1;
		 background-size:100%;
		 /*transform:scale(1.0, 1.0);*/
	}
	/*90% 100% {
		 opacity:1;


	}*/
}

@-webkit-keyframes mv_scale {
	 0% {
		 opacity:1;
		 background-size:150%;
		 /*transform:scale(1.2, 1.2);*/
	}
	 100% {
		 opacity:1;
		 background-size:100%;
		 /*transform:scale(1.0, 1.0);*/
	}
	/*90% 100% {
		 opacity:1;


	}*/
}

.swiper-container .ctr { position:absolute; left:12%; bottom:100px; display: flex; justify-content:flex-start; align-items: center; z-index:1; width:100%; }
.swiper-container .ctr .slidectr1 {position:relative;  z-index:1;  display: flex; justify-content:flex-start; align-items: center; width:100px;} 
.slidectr1 .sprev1 {position:relative; display:block; width:43px; height:43px; font-size:0; text-indent:-4000px; background:url(../images/pg_prev_wh.png) no-repeat center center; cursor:pointer;  background-size:6px 10px; margin-right:0; transition:all 0.2s ease;}
.slidectr1 .sprev1:after { position:absolute; right:-4px; top:0; content:''; width:1px; height:100%; background:none; border-left:1px dashed rgba(255,255,255,0.8); display:block; margin:0 2px 0 2px;}
.slidectr1 .snext1  {position:relative; display:block; width:43px; height:43px; font-size:0; text-indent:-4000px;  background:url(../images/pg_next_wh.png) no-repeat center center; cursor:pointer;  background-size:6px 10px; transition:all 0.2s ease; margin-left:1px;}
.slidectr1 .sprev1:hover{ background:url(../images/pg_prev.png) no-repeat center center rgba(255,255,255,0.8); animation-timing-function:ease-in-out; animation-delay:.1s; background-size:6px 10px; transition:all 0.2s ease;}
.slidectr1 .snext1:hover{ background:url(../images/pg_next.png) no-repeat center center rgba(255,255,255,0.8); animation-timing-function:ease-in-out; animation-delay:.1s; background-size:6px 10px; transition:all 0.2s ease;}
.slidectr1 .swiper-button-play {position:relative; display:block; width:43px; height:43px; font-size:0; text-indent:-4000px; background:url(../images/arrow-narrow-left.svg)no-repeat center center rgba(0,0,0,0.3); cursor:pointer;  background-size:40%; border:radius}
.slidectr1 .swiper-button-pause {position:relative; display:block; width:43px; height:43px; font-size:0; text-indent:-4000px; background:url(../images/arrow-narrow-left.svg)no-repeat center center rgba(0,0,0,0.3); cursor:pointer;  background-size:40%; border:radius}
.swiper-container .ctr .swiper-pagination { position:relative;}
.swiper-container .ctr .swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; background:#fff; margin-right:15px; border-radius:0; transition:all ease 0.3s}
.swiper-container .ctr .swiper-pagination .swiper-pagination-bullet-active { width:40px; background:#22D5FF; transition:all ease 0.3s }

.m_about { position:relative; width:100%; padding:170px 0 150px 0; background:url(../images/m_ab_bg.jpg) no-repeat center center #F2F6F9;}
.m_about .mab_inner { position:relative; width:1400px; margin:0 auto; }
.m_about .mab_inner .mab_txt1 { position:relative; text-align:center; font-size:3.8em; color:#1B1817; font-weight:300; line-height:1.4 }
.m_about .mab_inner .mab_txt1 em { font-weight:700 }
.m_about .mab_inner .mab_txt2 { position:relative; text-align:center; font-size:1.8em; color:#036F8B; font-weight:600; line-height:1.6; margin-top:40px; }
.m_about .mab_inner .mab_list_pic { position:relative; text-align:center; margin-top:140px; display: flex; justify-content:center; align-items: center;}
.m_about .mab_inner .mab_list_pic li { position:relative; width:410px; height:300px; overflow:hidden; margin:0 0; cursor:pointer; transition:all ease 0.3s}
.m_about .mab_inner .mab_list_pic li:nth-of-type(1) .pic { position:absolute; left:0; top:0; width:410px; height:300px; background:url(../images/ab01.jpg) no-repeat center center; background-size:cover; z-index:0; transition:all ease 0.2s;}
.m_about .mab_inner .mab_list_pic li:nth-of-type(2) .pic { position:absolute; left:0; top:0; width:410px; height:300px; background:url(../images/ab02.jpg) no-repeat center center; background-size:cover; z-index:0; transition:all ease 0.2s}
.m_about .mab_inner .mab_list_pic li:nth-of-type(3) .pic { position:absolute; left:0; top:0; width:410px; height:300px; background:url(../images/ab03.jpg) no-repeat center center; background-size:cover; z-index:0; transition:all ease 0.2s}
.m_about .mab_inner .mab_list_pic li .bk { position:absolute; left:0; top:0; width:410px; height:300px; background:rgba(0,0,0,0); z-index:1 }
.m_about .mab_inner .mab_list_pic li .tx { position:absolute; left:0; top:0; width:410px; height:300px; z-index:2; display: flex; justify-content:center; align-items: center; font-size:1.6em; font-weight:600; color:#fff; transition:all ease 0.3s}
.m_about .mab_inner .mab_list_pic li:hover .tx { color:#20BFE6; transition:all ease 0.3s }
.m_about .mab_inner .mab_list_pic li:hover .bk { background:rgba(0,0,0,.7); transition:all ease 0.3s }
.m_about .mab_inner .mab_list_pic li:hover .pic { -webkit-transform: scale(1.2); transform: scale(1.2); transition:all ease 0.7s }


.m_product { position:relative; width:100%; padding:150px 0 0px 0; background:url(../images/mpro_bg.jpg) no-repeat center center; background-size:cover; z-index:9}
.m_product .mpro_inner { position:relative; width:1400px; margin:0 auto; }
.m_product .mpro_inner .mpro_tl { position:relative; text-align:center; font-size:2.5em; color:#fff; font-weight:600; line-height:1.4; letter-spacing:0.2em }
.m_product .mpro_inner .mpro_tl em { font-weight:400; font-size:0.45em; display:block; letter-spacing:0.2em; color:rgba(255,255,255,.5) }


.tab-slider {
  position: relative; margin-top:50px;
}

.tabs {
	position:absolute; right:0; bottom:80px; z-index:10}

.tab {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 10px 0;
  font-size:2.2em;
  font-weight:500;
  letter-spacing:0.03em;
  margin: 0 0 0 10px;
  color: #fff;
  display:block;
  position:relative;
  transition:all ease 0.3s
}
.tab:after { position:absolute; left:-250px; top:50%; width:0; height:2px; background:#20BFE6; display:block; content:''; margin:-1px 0 0 0; transition:all ease 0.3s }

.tab.active {
  color: #20BFE6;
  font-weight:600;
  transition:all ease 0.3s
}
.tab.active:after { position:absolute; left:-250px; top:50%; width:200px; height:2px; background:#20BFE6; display:block; content:''; margin:-1px 0 0 0; transition:all 0.5s cubic-bezier(.51, .01, 0, 1); }

.tab-content { position:relative; width:100%;}

.tab-pane {
  display: none;
  padding: 20px;
  
}
.tab-pane .pro_cont { position:relative; text-align:center; }
.tab-pane .pro_cont .pro_pic { margin-bottom:-100px; }
.tab-pane .pro_cont .pro_pic img {border:5px solid #20BFE6; margin:0 auto }
.tab-pane .pro_cont .pro_exp { position:absolute; left:0; top:50px; color:#fff; text-align:left; font-size:2.1em; font-weight:500; letter-spacing:-0.02em;animation:ani001 2s ease 0s 1 forwards; opacity:0;}
@keyframes ani001 {
	 0% {
	opacity:0;

	}
	 100% {
	opacity:1;

	}
}
.tab-pane .pro_cont .pro_exp1 { position:absolute; left:0; top:50px; color:#fff; text-align:left; font-size:2.4em; font-weight:500; letter-spacing:-0.02em;animation:ani002 2s ease 0s 1 forwards; opacity:0;}
@keyframes ani002 {
	 0% {
	opacity:0;

	}
	 100% {
	opacity:1;

	}
}
.tab-pane .pro_cont .pro_exp em { display:block; font-weight:600; margin-bottom:40px; font-size:1.9em; }
.tab-pane .pro_cont .pro_exp .tx1 { margin:-30px 0 30px 0; font-size:0.6em; letter-spacing:0; opacity:.6 }
.tab-pane .pro_cont .pro_exp1 em { display:block; font-weight:600; margin-bottom:40px; font-size:1.7em; line-height:1.2 }
.tab-pane .pro_cont .pro_exp1 .tx1 { margin:-30px 0 30px 0; font-size:0.6em; letter-spacing:0; opacity:.6 }

.tab-pane .pro_cont .pro_exp .go_pro { display:block; margin:60px 0 0 0; }
.tab-pane .pro_cont .pro_exp .go_pro a { font-size:0.6em; color:#20BFE6; font-weight:500; padding:5px 30px 5px 0; background:url(../images/ar-go1.svg) no-repeat right center; background-size:6px 10px; }

.tab-pane .pro_cont .pro_exp1 .go_pro { display:block; margin:60px 0 0 0; }
.tab-pane .pro_cont .pro_exp1 .go_pro a { font-size:0.6em; color:#20BFE6; font-weight:500; padding:5px 30px 5px 0; background:url(../images/ar-go1.svg) no-repeat right center; background-size:6px 10px; }
.tab-pane .pro_cont .pro_exp .go_pro a:hover, .tab-pane .pro_cont .pro_exp1 .go_pro a:hover {text-decoration:underline }

.tab-pane.active {display: block;}


.arrow {
  position: absolute;
  top: 10px;
  cursor: pointer;
  font-size: 25px;
  color: #666;
}

.left-arrow {
  left: 0;
}

.right-arrow {
  right: 0;
}

.tab-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.tab-dot {
	display:none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 5px;
  cursor: pointer;
}

.tab-dot.active {
  background-color: #666;
}


.m_member { position:relative; width:100%; padding:320px 0 220px 0; background:url(../images/m_mem_bg.jpg) no-repeat center center #F2F6F9; z-index:8}
.m_member .mmem_inner { position:relative; width:1400px; margin:0 auto; }
.m_member .mmem_inner .mmb_txt1 { position:relative; text-align:center; font-size:3.8em; color:#1B1817; font-weight:300; line-height:1.4 }
.m_member .mmem_inner .mmb_txt1 em { font-weight:700 }
.m_member .mmem_inner .mmb_txt2 { position:relative; text-align:center; font-size:1.1em; color:#b1b4b7; font-weight:600; line-height:1.3; letter-spacing:0.1em; margin-top:130px; cursor:pointer; transition:all ease .2s }
.m_member .mmem_inner .mmb_txt2 em {font-size:1.7em; letter-spacing:0.3em; display:block }
.m_member .mmem_inner .mmb_txt2:hover { transition:all ease .2s; color:#036F8B;}
.m_member .mmem_inner .mmb_list_pic { position:relative; text-align:center; margin-top:100px; display: flex; justify-content:center; align-items: center; gap:50px }
.m_member .mmem_inner .mab_btn { position:relative; text-align:center; margin-top:100px;}
.m_member .mmem_inner .mab_btn a { position:relative; display:inline-block; padding:24px 36px; background:#036F8B; color:#fff; font-size:2.0em; font-weight:600 }
.m_member .mmem_inner .mab_btn a:hover { background:#004f64; padding:24px 60px;}

.m_prefomance_wp { position:relative; width:1300px; margin:0 auto; padding:0 0 120px 0 }
.m_prefomance_wp .top_txt { position:relative; text-align:center; line-height:1.0; }
.m_prefomance_wp .top_txt .tx1 { color:#0053a5; letter-spacing:0.1em; font-size:1.8em; font-weight:700;  }
.m_prefomance_wp .top_txt .tx2 { color:#262c31; letter-spacing:-0.03em; font-size:5.0em; font-weight:200; margin-top:30px; line-height:1.2 }
.m_prefomance_wp .top_txt .tx2 em { font-weight:700 }

.m_prefomance_wp .mperf_tab { position:relative; width:auto; margin:60px auto 0; display: flex; justify-content:center; align-items: center;}
.m_prefomance_wp .mperf_tab a { width:auto; color:#bbb9b8; font-weight:700; font-size:1.55em !important; display: flex; justify-content:center; align-items: center; padding:12px 30px; transition:all 0.2s ease; border-left:1px solid #ddd}
.m_prefomance_wp .mperf_tab a.active { color:#1b0601; transition:all 0.5s cubic-bezier(.51, .01, 0, 1); padding:12px 40px;}
.m_prefomance_wp .mperf_tab a.active:after { position:relative; width:25px; height:25px; border-radius:50%; background:#0056a6; content:''; display:block; margin-left:12px; }
.m_prefomance_wp .mperf_tab a:first-of-type { /*border-left:1px solid #ddd; */ border-left:none}
.m_prefomance_wp .m_perf_list_wrap { position:relative; margin-top:40px; border-top:1px solid #e6e6e6; }
.m_prefomance_wp .m_perf_list li { position:relative; padding:30px 20px; border-bottom:1px solid #e6e6e6; cursor:pointer; font-size:2.3em; font-weight:300; display: flex; justify-content:flex-start; align-items: center; letter-spacing:-0.02em;}
.m_prefomance_wp .m_perf_list li em { font-weight:600; font-size:0.6em; color:#0056a6; margin-left:20px;}
.m_prefomance_wp .m_perf_list li span { margin-left:auto; font-size:0.7em; color:#999; font-weight:400 }
.m_prefomance_wp .m_perf_list li:hover { background:#f7fafc }
.m_prefomance_wp .m_perf_list_wrap a.pf_more { position:absolute; right:0; top:-89px; border:1px solid #071b2e; padding:10px 20px; color:#071b2e; font-size:1.35em; background:#fff; font-weight:700; }
.m_prefomance_wp .m_perf_list_wrap a.pf_more:hover { background:#071b2e; color:#fff; }

.m_bottom { position:relative; width:100%; background:#121F22;}
.m_bottom .mb_inner { position:relative; width:1400px; margin:0 auto; height:218px; padding-left:320px;}
.m_bottom .mb_inner .mbb_map { position:absolute; left:0; top:0; width:312px; height:218px; background:url(../images/map_bg.jpg) no-repeat center center; backgroundsize:cover; padding:55px 40px; cursor:pointer }
.m_bottom .mb_inner .mbb_map .mmap_t1 { position:relative; font-size:1.3em; color:#fff; font-weight:500; letter-spacing:0.1em}
.m_bottom .mb_inner .mbb_map .mmap_t2 { position:absolute; left:40px; bottom:55px; font-size:2.3em; color:#fff; font-weight:600}
.m_bottom .mb_inner .mbb_map .ico { position:absolute; right:35px; top:40px; width:22px; height:27px; background:url(../images/spot.svg) no-repeat center center ; background-size:cover;}
.m_bottom .mb_inner .mbb_notice { display: flex; justify-content:flex-start; align-items: center;  height:218px; width:1080px}
.m_bottom .mb_inner .mbb_notice a.nt_more { margin-left:auto; background:#fff; padding:12px 25px; font-size:1.2em; color:#256A7B !important; font-weight:500 !important }
.m_bottom .mb_inner .mbb_notice .nt_txt { position:relative; padding-left:80px; font-size:2.0em; font-weight:500; color:#fff }
.m_bottom .mb_inner .mbb_notice .mnt_list { position:relative; padding-left:80px;}
.m_bottom .mb_inner .mbb_notice .mnt_list li { position:relative; padding:0 85px 0 17px;}
.m_bottom .mb_inner .mbb_notice .mnt_list li:before { position:absolute; left:0; top:50%; margin:-4px 0 0 0; width:8px; height:8px; background:url(../images/nt_bullet.svg) no-repeat center center; content:''; display:block; background-size:cover; }
.m_bottom .mb_inner .mbb_notice .mnt_list li a { font-size:1.5em; font-weight:400; color:rgba(255,255,255,.7)}
.m_bottom .mb_inner .mbb_notice .mnt_list li a:hover { color:rgba(255,255,255,1)}
.m_bottom .mb_inner .mbb_notice .mnt_list li:after { position:relative; display:inline-block; margin:0 30px; width:80px; height:1px; background:none; border-top:1px dashed rgba(255,255,255,.6); content:''; vertical-align:middle}
.m_bottom .mb_inner .mbb_notice .mnt_list li a span { position:absolute; right:0; top:6px; font-size:0.75em; font-weight:400; color:rgba(255,255,255,.5)}



.search_ico_wp { position:absolute; left:0; top:0; background:#2f67d6; height:170px; width:100%; padding:30px 0; z-index:100 }
.search_ico_wp .search_ico_inner { position:relative; width:1200px; height:110px; margin:0 auto; overflow:hidden; }
.search_ico_wp .search_ico_inner .msearch_player { position:relative; float:left; width:300px; height:110px; border-right:1px solid #4476da; background:url(../images/ms_ico.gif) no-repeat left 7px; padding:0 30px 0 0 }
.search_ico_wp .search_ico_inner .msearch_player .ms_tl { position:relative; background:url(../images/ms_ar.gif) no-repeat 98% 17px; color:#fff; font-size:1.5em; font-weight:300; padding:8px 0 8px 42px; width:100%; }
.search_ico_wp .search_ico_inner .msearch_player .ms_inp { position:relative; width:100%; margin-top:12px; border:2px solid #fff; background:#2f67d6; }
.search_ico_wp .search_ico_inner .msearch_player .ms_inp .ms_inpst { width:82%; border:none; background:none; height:48px; padding:8px ; color:#fff; font-size:1.4em; font-weight:300}
.search_ico_wp .search_ico_inner .msearch_player .ms_inp .ms_inpst::placeholder { color:#9bb6eb; font-size:1.1em; }
.search_ico_wp .search_ico_inner .msearch_player .ms_inp .ms_inpst::-webkit-input-placeholder { color:#9bb6eb; font-size:0.9em;}
.search_ico_wp .search_ico_inner .msearch_player .ms_inp .ms_inpst:-ms-input-placeholder { color:#9bb6eb; font-size:1.2em;}
.search_ico_wp .search_ico_inner .msearch_player .ms_inp .ms_btn { position:absolute; right:0px; top:0px; width:48px; height:48px; cursor:pointer; background:url(../images/ms_btn.png) no-repeat center center #2f67d6; border:none; text-indent:-5000px; transition:all 0.3s ease;}

.search_ico_wp .search_ico_inner .msearch_player .ms_inp .ms_btn:hover { background:url(../images/ms_btn.png) no-repeat center center #2a60cb;}
.search_ico_wp .search_ico_inner .msearch_player .ms_inp .ms_btn:active { background:url(../images/ms_btn_on.png) no-repeat center center #2a60cb;}
.search_ico_wp .search_ico_inner .mlink_list { position:relative; float:left; width:900px; height:110px;  }
.search_ico_wp .search_ico_inner .mlink_list ul { position:relative; overflow:hidden }
.search_ico_wp .search_ico_inner .mlink_list ul li { float:left; width:180px; border-right:1px solid #4476da; height:110px; }
.search_ico_wp .search_ico_inner .mlink_list ul li:last-child { border-right:none; }
.search_ico_wp .search_ico_inner .mlink_list ul li a { text-align:center; display:block; color:#fff; font-size:1.7em; font-weight:300; padding:8px 10px 30px 10px; height:110px; transition:all 0.2s ease;}
.search_ico_wp .search_ico_inner .mlink_list ul li a:hover { color:#ffd33c; }
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 1 ) a { background:url(../images/ml_ico1.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 2 ) a { background:url(../images/ml_ico2.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 3 ) a { background:url(../images/ml_ico3.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 4 ) a { background:url(../images/ml_ico4.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 5 ) a { background:url(../images/ml_ico5.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 1 ) a:hover { background:url(../images/ml_ico1_on.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 2 ) a:hover { background:url(../images/ml_ico2_on.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 3 ) a:hover { background:url(../images/ml_ico3_on.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 4 ) a:hover { background:url(../images/ml_ico4_on.png) no-repeat center 53px}
.search_ico_wp .search_ico_inner .mlink_list ul li:nth-child( 5 ) a:hover { background:url(../images/ml_ico5_on.png) no-repeat center 53px}

.sp_ev_wp { position:relative; width:1200px; background:url(../images/ev_bg.gif) no-repeat center 80px #fff; height:560px; padding:80px 0 40px 0; }
.sp_ev_wp .sp_ev { position:relative; margin:0 auto 0 auto; width:1020px; height:400px; background:none }
.bx-wrapper { position:relative; width:100%;}
.bx-wrapper .slider .slide { position:relative; width:320px !important; height:400px; margin-right:30px; padding:152px 20px 35px 20px; }
.bx-wrapper .slider .slide:last-child { margin-right:0 }
.bx-wrapper .slider .ico1  { background:url(../images/mevch_p1.png) no-repeat center 20px }
.bx-wrapper .slider .ico2  { background:url(../images/mevch_p2.png) no-repeat center 20px }
.bx-wrapper .slider .ico3  { background:url(../images/mevch_p3.png) no-repeat center 20px }
.bx-wrapper .slider .ico4  { background:url(../images/mevch_p4.png) no-repeat center 20px }
.bx-wrapper .slider .ico5  { background:url(../images/mevch_p5.png) no-repeat center 20px }
.bx-wrapper .slider .ico6  { background:url(../images/mevch_p6.png) no-repeat center 20px }
.bx-wrapper .slider .ico7  { background:url(../images/mevch_p7.png) no-repeat center 20px }
.bx-wrapper .slider .ico8  { background:url(../images/mevch_p8.png) no-repeat center 20px }
.bx-wrapper .slider .ico9  { background:url(../images/mevch_p9.png) no-repeat center 20px }
.bx-wrapper .slider .ico10  { background:url(../images/mevch_p10.png) no-repeat center 20px }
.bx-wrapper .slider .ico11  { background:url(../images/mevch_p11.png) no-repeat center 20px }
.bx-wrapper .slider .ico12  { background:url(../images/mevch_p12.png) no-repeat center 20px }
.bx-wrapper .slider .ico13  { background:url(../images/mevch_p13.png) no-repeat center 20px }
.bx-wrapper .slider .ico14  { background:url(../images/mevch_p14.png) no-repeat center 20px }
.bx-wrapper .slider .ico15  { background:url(../images/mevch_p15.png) no-repeat center 20px }
.bx-wrapper .slider .slide .sp_ev_tl { position:relative; font-size:2.0em; color:#2e2b2b; text-align:center; line-height:1.1; letter-spacing:-0.05em; font-weight:700 }
.bx-wrapper .slider .slide .sp_ev_tl span { display:inline-block; margin-left:10px; font-size:0.85em; font-weight:400 }
.bx-wrapper .slider .slide .sp_ev_txt { position:relative; font-size:1.23em; font-weight:400; color:#666; text-align:center; line-height:1.7; margin-top:25px}
.bx-wrapper .slider .slide .sp_ev_txt1 { position:relative; font-size:1.23em; font-weight:400; color:#666; text-align:center; line-height:1.7; margin-top:40px}
.bx-wrapper .slider .slide .sp_ev_btn { position:relative; width:50%; margin:20px auto 0 auto}
.bx-wrapper .slider .slide .sp_ev_btn a { display:block; font-size:1.2em; color:#60646c; font-weight:400; text-align:center; background:#e3e7ec; padding:15px 20px; transition:all 0.2s ease;}
.bx-wrapper .slider .slide .sp_ev_btn a:hover { color:#fff; background:#1b2b4c;}
.bx-wrapper .slider .slide .sp_ev_btn1 { position:relative; width:50%; margin:55px auto 0 auto}
.bx-wrapper .slider .slide .sp_ev_btn1 a { display:block; font-size:1.2em; color:#60646c; font-weight:400; text-align:center; background:#e3e7ec; padding:15px 20px; transition:all 0.2s ease;}
.bx-wrapper .slider .slide .sp_ev_btn1 a:hover { color:#fff; background:#1b2b4c;}
.bx-wrapper .bx-pager { display:none }
.bx-wrapper .bx-prev { left: -90px; top:180px; display:block; width:36px; height:40px; background:url(../images/ar_prev.png) no-repeat center center #1647a7; transition:all 0.3s ease; }
.bx-wrapper .bx-prev:hover { background:url(../images/ar_prev.png) no-repeat center center #3297f5; border-color:#3297f5;}
.bx-wrapper .bx-next { right: -90px; top:180px; display:block; width:36px; height:40px; background:url(../images/ar_next.png) no-repeat center center #1647a7; transition:all 0.3s ease;}
.bx-wrapper .bx-next:hover { background:url(../images/ar_next.png) no-repeat center center #3297f5; border-color:#3297f5;}
.bx-wrapper .bx-controls-direction a { position: absolute;  text-indent: -9999px; z-index: 9999; }
.mct_01 { position:relative; width:100%; height:289px; }
.m_vod_wp { position:absolute; left:0; top:0; width:400px; height:289px; background:url(../images/vod_pattern.gif); padding:25px 22px 30px 22px; }
.m_vod_wp h5.vod_tl { position:relative; color:#fff; font-weight:400; font-size:1.4em }
.m_vod_wp .btn_more { position:absolute; right:22px; top:20px; width:27px; height:27px }
.m_vod_wp .btn_more a { display:block; width:100%; height:27px; background:url(../images/ico_more.png) no-repeat center center #f0464c; padding:5px; text-indent:-5000px; }
.m_vod_wp .vod_area { margin-top:15px; width:100%; height:200px; background:#fff }

.m_board_wp { position:absolute; left:400px; top:0; width:510px; height:289px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8 }
.m_board_wp .pr_tab { position:relative; width:510px; margin:0 0 0 0; overflow:hidden;}
.m_board_wp .pr_tab li { float:left; width:150px; margin-right:0;}
.m_board_wp .pr_tab li:last-child { margin-right:0; }
.m_board_wp .pr_tab li a { background:#eff3f7; color:#555; font-weight:normal;  height:60px; padding:20px; display:block; text-align:center; font-size:1.5em; transition:all 0.3s ease; border:1px solid #e8e8e8; border-top:none}
.m_board_wp .pr_tab li a:hover { color:#fff; font-weight:bold; background:#2f67d6; font-size:1.5em; padding:20px;}
.m_board_wp .pr_tab li a.tab_on { background:#fff; color:#2f67d6; font-weight:700; height:60px; padding:20px; display:block; text-align:center; font-size:1.6em; letter-spacing:-0.03em; border-bottom:none}
.m_board_wp .board_view { position:relative; margin-top:35px; background:#fff; padding:0 30px;}
.m_board_wp .board_view .btn_more { position:absolute; right:0; top:-95px; width:60px; height:60px; background:#fff }
.m_board_wp .board_view .btn_more a { display:block; width:60px; height:60px; text-indent:-5000px; background:url(../images/ico_more1.png) no-repeat center center }
.m_board_wp .board_view .bd_list { position:relative; }
.m_board_wp .board_view .bd_list li { position:relative; margin-bottom:13px; }
.m_board_wp .board_view .bd_list li a { tion:relative; display:block; font-size:1.3em; color:#333; line-height:1.3; letter-spacing:-0.03em; background:url(../images/bullet1.gif) no-repeat left center; padding-left:11px;}
.m_board_wp .board_view .bd_list li a:hover { color:#000; }
.m_board_wp .board_view .bd_list li a .bd_date { position:absolute; right:0; top:0; font-size:1.0em; color:#777; text-align:right }
.m_pop_wp { position:absolute; left:910px; top:0; width:290px; height:289px; background:#e8e8e8; }
.m_pop_wp .pop_contr { position:absolute; right:20px; top:20px; }
.m_pop_wp .pop_contr a.bt_prev { display:inline-block; width:33px; height:33px; background:url(../images/ar_prev1.png) no-repeat center center #fff; text-indent:-5000px; transition:all 0.2s ease; margin-right:1px}
.m_pop_wp .pop_contr a.bt_next { display:inline-block; width:33px; height:33px; background:url(../images/ar_next1.png) no-repeat center center #fff; text-indent:-5000px; transition:all 0.2s ease;}
.m_pop_wp .pop_contr a.bt_prev:hover { background:url(../images/ar_prev1_on.png) no-repeat center center #2f67d6;}
.m_pop_wp .pop_contr a.bt_next:hover { background:url(../images/ar_next1_on.png) no-repeat center center #2f67d6;}


.mct_02 { position:relative; width:100%; height:536px; margin-top:70px; }
.ad_venue { position:absolute; left:0; top:; width:360px; height:370px; background:url(../images/adVenue.jpg) no-repeat }
.ad_venue .btn_area { position:absolute; left:0; bottom:40px; width:100%; text-align:center;}
.ad_venue .btn_area a.sj_link1 { display:inline-block; padding:12px 20px; text-align:center; background:#10a4f4; color:#fff; font-size:1.25em; margin-right:5px; transition:all 0.3s ease;}
.ad_venue .btn_area a.sj_link2 { display:inline-block; padding:12px 20px; text-align:center; background:#f67515; color:#fff; font-size:1.25em; transition:all 0.3s ease;}
.ad_venue .btn_area a.sj_link1:hover { background:#0089d3 }
.ad_venue .btn_area a.sj_link2:hover { background:#f65a15 }
.m_sch_box { position:absolute; left:0; top:382px; width:360px; height:126px; background:url(../images/sch_bg.jpg) no-repeat center center; padding:48px 25px 0 25px; cursor:pointer}
.m_sch_box .msch_tl { color:#fff; font-size:1.6em; background:url(../images/sch_ar.png) no-repeat right center; padding-right:20px; display:inline-block }
.t_rank { position:absolute; left:400px; top:0; width:400px }
.t_rank .rank_tl { position:relative; width:100%; height:60px; padding:16px 20px; color:#fff; font-size:1.5em; font-weight:400; background:#2f67d6; }
.t_rank .rank_tl span { margin-left:8px; font-size:0.9em; opacity:.7; }
.t_rank .rk_more { position:absolute; right:0; top:0; width:60px; height:60px;  }
.t_rank .rk_more a { display:block; width:60px; height:60px; background:url(../images/ico_more2.png) no-repeat center center #1647a7; text-indent:-5000px; }
.t_medal { position:absolute; left:840px; top:0; width:359px }
.t_medal .medal_tl { position:relative; width:100%; height:60px; padding:16px 20px; color:#fff; font-size:1.5em; font-weight:400; background:#2f67d6; }
.t_medal .medal_tl span { margin-left:8px; font-size:0.9em; opacity:.7; }
.t_medal .medal_more { position:absolute; right:0; top:0; width:60px; height:60px;  }
.t_medal .medal_more a { display:block; width:60px; height:60px; background:url(../images/ico_more2.png) no-repeat center center #1647a7; text-indent:-5000px; }
.f_join_01 { position:relative; margin-top:40px; width:100%; height:105px; background:url(../images/ico_join1.png) no-repeat left center #2f67d6; padding:36px 60px 36px 100px; cursor:pointer; transition:all 0.2s ease;}
.f_join_01 .fj_tl { font-size:1.75em; color:#fff; letter-spacing:-0.05em; font-weight:300 }
.f_join_01 .fj_btn { position:absolute; right:25px; top:45px; background:url(../images/ico_more2.png) no-repeat center center; width:13px; height:13px; }
.f_join_01:hover { background:url(../images/ico_join1.png) no-repeat left center #1647a7;}
.f_join_01:hover .fj_btn {background:url(../images/ico_more2_on.png) no-repeat center center; }
.f_join_02 { position:relative; margin-top:12px; width:100%; height:105px; background:url(../images/ico_join2.png) no-repeat left center #25a17f; padding:36px 60px 36px 100px; cursor:pointer; transition:all 0.2s ease;}
.f_join_02 .fj_tl { font-size:1.75em; color:#fff; letter-spacing:-0.05em; font-weight:300 }
.f_join_02 .fj_btn { position:absolute; right:25px; top:45px; background:url(../images/ico_more2.png) no-repeat center center; width:13px; height:13px; }
.f_join_02:hover { background:url(../images/ico_join2.png) no-repeat left center #1a886a;}
.f_join_02:hover .fj_btn {background:url(../images/ico_more2_on.png) no-repeat center center; }
.banner_wp { position:relative; width:100%; height:90px; border-top:1px solid #e1e3e7; padding:20px 0 }
.banner_wp .banner_inner { position:relative; width:1200px; margin:0 auto; height:90px; }
.banner_wp .banner_inner .banner_area { position:relative; overflow:hidden }
.banner_wp .banner_inner .banner_area ul { position:relative; overflow:hidden; width:1100px }
.banner_wp .banner_inner .banner_area ul li { float:left; width:170px; margin-right:13px}
.banner_wp .banner_inner .banner_contr { position:absolute; right:0; top:6px; }
.banner_wp .banner_inner .banner_contr a.bt_prev { display:inline-block; width:38px; height:38px; border:1px solid #e8e8e8; background:url(../images/ar_prev1.png) no-repeat center center #fff; text-indent:-5000px; transition:all 0.2s ease;}
.banner_wp .banner_inner .banner_contr a.bt_next { display:inline-block; width:38px; height:38px; border:1px solid #e8e8e8; background:url(../images/ar_next1.png) no-repeat center center #fff; text-indent:-5000px; transition:all 0.2s ease;}
.banner_wp .banner_inner .banner_contr a.bt_prev:hover { border:1px solid #2f67d6; background:url(../images/ar_prev1_on.png) no-repeat center center #2f67d6;}
.banner_wp .banner_inner .banner_contr a.bt_next:hover { border:1px solid #2f67d6; background:url(../images/ar_next1_on.png) no-repeat center center #2f67d6;}

.sv { position:relative; width:100%; z-index:10; margin-top:0; height:600px; background:rgba(18,21,21,1); overflow:hidden}
.sbg1 { position:absolute; left:0; top:0; height:600px; width:100%; background: url(../images/sv1.jpg) no-repeat right center; z-index:4; background-size:cover; overflow:hidden}
.sbg2 { position:absolute; left:0; top:0; height:600px; width:100%; background: url(../images/sv2.jpg) no-repeat right center; z-index:4; background-size:cover; overflow:hidden}
.sbg3 { position:absolute; left:0; top:0; height:600px; width:100%; background: url(../images/sv3.jpg) no-repeat right center; z-index:4; background-size:cover; overflow:hidden}
.sv .sv_txt { position:relative; width:1400px; margin:0 auto; height:100%; z-index:5; display: flex; justify-content:center; align-items:flex-start; flex-direction: column; padding-top:80px;}

.sv .sv_txt .svt1_1 { color:#20BFE6; font-size:1.4em; font-weight:500; letter-spacing:2em; line-height:1.0}
.sv .sv_txt .svt1_2 { color:#fff; font-size:3.8em; font-weight:200; letter-spacing:0.0em; line-height:1.5; margin-top:40px;}
.sv .sv_txt .svt1_2 em { font-weight:600 }
.sv .sv_txt .svt2 { color:#8D8D8D; font-size:1.35em; margin-top:20px; font-weight:500; letter-spacing:0.0em; line-height:1.1 }

.sv .sv_txt01 { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:5; display: flex; justify-content:center; align-items:center; flex-direction: column; padding:0 2rem; animation:dl_01 1s cubic-bezier(0, 0.68, 0.25, 1) 1s 1 forwards;}
@keyframes dl_01 {
	 0% {
	opacity:0;

	}
	 100% {
	opacity:1;

	}
}
.pt_01 { position:relative; display:block; text-align:center; color:#fff; font-size:5.6em }
.pt_01 em { font-weight:700 }
.pt_01 .txt_ani01 { position:absolute; left:50%; top:0; width:360px; height:80px; margin:0 0 0 -180px; background:#FC5A15; z-index:9; animation:pr_txt_ani1 2.5s cubic-bezier(0, 0.68, 0.25, 1) 1.5s 1 forwards; }
@keyframes pr_txt_ani1 {
	 0% {
	opacity:1;
	width:360px;

	
	}
	 100% {
	opacity:1;
	width:0;
	left:100%;

	
	}
}
.pt_01 .txt_ani02 { position:absolute; left:0; top:80px; width:100%; height:85%; margin:0 0 0 0; background:#FC5A15; z-index:9; animation:pr_txt_ani2 2.0s cubic-bezier(0, 0.68, 0.25, 1) 1.5s 1 forwards; }
@keyframes pr_txt_ani2 {
	 0% {
	opacity:1;
	width:100%;

	
	}
	 99% {
	opacity:1;
	width:0;
	}
	100% { width:0; display:none }
}
.pt_02 { position:relative; display:block; text-align:center; color:#fff; font-size:1.6em; margin-top:50px; line-height:1.7}

.pr_top_bg { position:relative; width:0; height:800px; margin:0 auto; background:#FC5A15; animation:pr_top_ani 1.2s cubic-bezier(0, 0.68, 0.25, 1) 0.5s 1 forwards; }
@keyframes pr_top_ani {
	 0% {
	opacity:1;
	width:0;
	}
	 100% {
	opacity:1;
	width:100%;
	}
}

#containor { position:relative; width:100%;  margin:0 0 0 0; padding:100px 0 170px 0; z-index:20; background:#fff;}
#containor .cont_inner { position:relative; width:1400px; margin:0 auto; }
#containor .cont_inner.w100 { width:100% }

.block1 { position:relative; height:120px; }
.top_overv { position:absolute; left:0; top:-500px; height:379px; width:100%; z-index:1000}
.top_overv .to_inner { position:relative; margin:0 auto; width:1200px; z-index:5 }
.top_overv .to_inner .ov_box {position:absolute; right:0; top:199px; width:250px; height:240px; background:#25a07e; padding:30px; text-align:right }
.top_overv .to_inner .ov_box .ovb_char { position:absolute; left:-95px; top:-72px}
.top_overv .to_inner .ov_box .ovb_dday {}
.top_overv .to_inner .ov_box .ovb_dday .t1 { color:#fff; font-size:1.45em;}
.top_overv .to_inner .ov_box .ovb_dday .day_num { margin-top:12px}
.top_overv .to_inner .ov_box .ovb_dday .day_num p { display:inline-block; width:52px; height:54px; background:#fff; margin-left:2px; text-align:center; color:#262c2a; font-size:4.0em; font-family: 'Roboto', sans-serif; font-weight:bold; line-height:1.12}
.top_overv .to_inner .ov_box .ovb_dday .ovb_list { position:relative; margin-top:20px; color:#ffef3a }
.top_overv .to_inner .ov_box .ovb_dday .ovb_list li:nth-child( 1 ) { font-size:1.8em; }
.top_overv .to_inner .ov_box .ovb_dday .ovb_list li:nth-child( 2 ) { font-size:1.2em; margin-top:5px; letter-spacing:0.05em}
.top_overv .to_inner .ov_box .ovb_dday .ovb_list li:nth-child( 3 ) { font-size:1.3em; margin-top:8px; letter-spacing:-0.05em}

#footer { position:relative; width:100%; background:#121515; z-index:21; padding:0 100px; }
#footer .ft_inner { position:relative; width:100%; margin:0 auto; height:auto; display: flex; justify-content:space-between; align-items:flex-start; padding:80px 0 }
#footer .ft_inner .ft_left { position:relative; display:block; width:50%; }
#footer .ft_inner .ft_left .ft_logo { position:relative; display:block; width:163px; height:25px; background:url(../images/logo_m.png) no-repeat center center; text-indent:-5000px; background-size:cover; transition:none;}
#footer .ft_inner .ft_left .ft_logo img { width:80px; height:50px; }
#footer .ft_inner .ft_left .ft_menu { position:relative; display: flex; justify-content:flex-start; align-items:center; margin:40px 0 0 0; gap:28px }
#footer .ft_inner .ft_left .ft_menu li {  } 
#footer .ft_inner .ft_left .ft_menu li a { display:block; color:rgba(255,255,255,.8); font-size:1.15em; font-weight:500; } 
#footer .ft_inner .ft_left .ft_menu li a:hover { color:#20BFE5 }
/*#footer .ft_inner .ft_left .ft_menu li a:after { content:"|"; color:#ccc; margin-left:10px; padding-right:10px; vertical-align:middle; font-size:0.8em}
#footer .ft_inner .ft_left .ft_menu li:last-child a:after { content:""}*/
#footer .ft_inner .ft_left address { position:relative; margin:40px 0 0 0 }
#footer .ft_inner .ft_left address ul li { color:rgba(255,255,255,.7); font-weight:400; font-size:1.2em; margin:7px 0 0 }
#footer .ft_inner .ft_left address ul li:first-of-type { font-weight:700; color:rgba(255,255,255,1); }
#footer .ft_inner .ft_left .ft_copyr { position:relative; font-size:1.1em; color:rgba(255,255,255,.7); margin:40px 0 0 0 }
#footer .ft_inner .ft_right { position:relative; display:block; width:50%; margin-left:auto; background:url(../images/mail_bg.png) no-repeat 96% top; background-size:135px;}
#footer .ft_inner .ft_right .ft_partner_tx1 { width:60%; font-size:1.5em; font-weight:700; color:#22201F; opacity:.4; line-height:1.5rem }
#footer .ft_inner .ft_right .ft_partner_tx2 { width:60%; font-size:1.1em; font-weight:500; color:#22201F; line-height:1.4rem; margin:20px 0 0 0 }
.btn_top { position:fixed; right:3rem; bottom:3rem; width:65px; height:65px; display:none; z-index:999 }
.btn_top.topvi { display:block }
.btn_top button { display:block; width:65px; height:65px; background:#036F8B; border:none; font-weight:500; text-align:center; color:#fff; font-size:1.0em; letter-spacing:0.05em; padding:10px; transition:all 0.3s ease; cursor:pointer; opacity:.8}
.btn_top button:hover { background:#F14613; opacity:1; }


#footer .ft_inner .ft_down { position:relative; right:0; top:95px}
#footer .ft_inner .ft_down a { position:relative; display: flex; justify-content:flex-start; align-items:center; height:65px; padding:10px 150px 10px 20px; background:#0056a6; color:#fff; font-size:1.2em; font-weight:500; transition:all 0.3s ease;}
#footer .ft_inner .ft_down a:hover { background:#06437c; transition:all 0.3s ease; }
#footer .ft_inner .ft_down a:after { position:absolute; right:15px; top:17px; width:30px; height:30px; background:url(../images/pdf_icon.svg) no-repeat right center; background-size:30px; content:''; }

.pg_ptn_wp { display:block; width:100%; margin:120px 0 0 0}
.pg_ft_partner_field_wp { position:relative; display: flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:100%; margin:20px 0 0 0 } 
.pg_ft_partner_field_wp .pg_f_field { position:relative; width:48%; margin-right:4%; margin-top:40px; }
.pg_ft_partner_field_wp .pg_f_field:nth-of-type(2n), .pg_ft_partner_field_wp .pg_f_field.ta { margin-right:0;}
.pg_ft_partner_field_wp .pg_SelectBox { position:relative; width:48%; margin-top:40px;}
/*.pg_ft_partner_field_wp .pg_f_field:before { position:absolute; left:2px; top:3px; content: "*"; display:block; opacity: 1; font-size:1.3em; color:#FC4A15; font-weight:600 }
.pg_ft_partner_field_wp .pg_SelectBox:before { position:absolute; left:2px; top:3px; content: "*"; display:block; opacity: 1; font-size:1.3em; color:#FC4A15; font-weight:600 }*/
.pg_inp-s-c { display:block; color:#22201F; font-weight:700; font-size:1.2em; padding-left:2px; }
.pg_inp-s-c:after { content: "*"; display:inline-block; opacity: 1; font-size:1.3em; color:#FC4A15; font-weight:600; vertical-align:middle; margin-left:6px; }
.pg_inp-st1 {border:none; border-bottom:1px solid #BDBCBC; color:#22201F; border-radius:0; background:#fff; padding:14px 15px 14px 15px; font-weight:500; letter-spacing:-0.03em; font-size:1.2em; }
.pg_inp-st1.ta { border:1px solid #BDBCBC; margin-top:16px; }
.pg_inp-st1::placeholder { color:#C0B7B4; font-weight:500 }
.pg_inp-st1::-webkit-input-placeholder { color:#C0B7B4; font-weight:500}
.pg_inp-st1::-ms-input-placeholder { color:#C0B7B4; font-weight:500}
.pg_inp-st1:focus { background:#fff; border:none; color:#1e1e1e; border-bottom:1px solid #FC4A15; outline:none !important;}
.pg_inp-st1.ta:focus { border:1px solid #FC4A15; }
.pg_bt_send { width:20%; background:#2C2827; padding:35px 25px; color:#fff; border:none; cursor:pointer; font-size:1.1rem; font-weight:600; margin:0 auto; text-align:center}
.pg_bt_send:hover { background:#FC5A15; }
.pg_bt_send:active { background:#F14613; transform: translateY(1px); }

.pg_SelectBox::after {content: ''; width: 6px; height: 6px; border-top: 2px solid #121212; border-right: 2px solid #121212; display: inline-block; transform: rotate(135deg); position: absolute; top: 34px; right:17px;}
.pg_SelectBox .SelectBox__select { border:none; border-bottom:1px solid #BDBCBC; background:none; color:#FC4A15; padding:14px 15px 14px 15px; font-weight:500; letter-spacing:-0.01em; font-size:1.2em; cursor:pointer}
.pg_SelectBox .SelectBox__select option { background:#FC4A15; color:#fff; font-weight:600; }
.pg_SelectBox .SelectBox__select:focus { background:#fff; color:#1e1e1e; border-bottom:1px solid #FC4A15;}
.pg_SelectBox .SelectBox__select:selected { font-weight:500 !important; }
.pg_SelectBox .SelectBox__select:-moz-selected { font-weight:500 !important; }
.pg_SelectBox .SelectBox__select.h50 { height:50px }


.pg_check-terms { position:relative; margin-top:20px; font-size:1.0em; padding:0; width:100%}
.pg_check-terms .ch_left { width:100%; text-align:left; }
.pg_ch_ag {position: relative;} 
.pg_ch_ag input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.pg_ch_ag input[type="checkbox"] + label { display:block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:1.12em; color:#787776; letter-spacing:0; padding-left:0; font-weight:400; padding-left:40px; line-height:1.6} 
.pg_ch_ag input[type="checkbox"] + label:before { position:absolute; left:0; top:50%;content: ' '; display: block; width: 20px; height: 20px; line-height: 20px; margin: -12px 0 0 0; text-align: left; vertical-align: middle; background:url(../images/ic_check_off.png) no-repeat center center #ECEBEB; border:1px solid #ECEBEB; background-size:11px; border-radius : 3px; } 
.pg_ch_ag input[type="checkbox"]:checked + label {color: #FC4A15; }
.pg_ch_ag input[type="checkbox"]:checked + label:before { text-shadow: 1px 1px #fff; background:url(../images/ic_check.png) no-repeat center center #ECEBEB; border-color: #ECEBEB; background-size:11px 8px }

.ptn_wp { display: flex; justify-content:flex-start; align-items:flex-end; width:100%;}
.ft_partner_field_wp { position:relative; display: flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:75%; margin:20px 0 0 0 } 
.ft_partner_field_wp .f_field { position:relative; width:50%; padding-right:2.5% }
.ft_partner_field_wp .f_field:before { position:absolute; left:2px; top:17px; content: "*"; display:block; opacity: 1; font-size:1.3em; color:#FC4A15; font-weight:600 }
.ft_partner_field_wp .SelectBox { position:relative; width:50%; padding-right:2.5% }
.ft_partner_field_wp .SelectBox:before { position:absolute; left:2px; top:17px; content: "*"; display:block; opacity: 1; font-size:1.3em; color:#FC4A15; font-weight:600 }
.inp-s-c { display:none }
.inp-st1 {border:none; border:1px solid #BDBCBC; color:#22201F; border-radius:0; background:#fff; padding:14px 15px 13px 15px; font-weight:500; letter-spacing:-0.03em; font-size:1.2em; }
.inp-st1::placeholder { color:#999; font-weight:500 }
.inp-st1::-webkit-input-placeholder { color:#999; font-weight:500}
.inp-st1::-ms-input-placeholder { color:#999; font-weight:500}
.inp-st1::placeholder:after { position:relative; content: "*"; display:block; opacity: 1; }
.inp-st1::-webkit-input-placeholder:after { position:relative; content: "*"; display:block; opacity: 1; }
.inp-st1::-ms-input-placeholder:after { position:relative; content: "*"; display:block; opacity: 1; }
.inp-st1:focus { background:#fff; border:none; color:#1e1e1e; border:1px solid #036F8B; outline:none !important;}
.SelectBox { position:relative; border:none border-radius:0; overflow:hidden; background:#fff;}
.SelectBox::after {content: ''; width: 6px; height: 6px; border-top: 2px solid #121212; border-right: 2px solid #121212; display: inline-block; transform: rotate(135deg); position: absolute; top: 18px; right:25px;}
.SelectBox .SelectBox__select { border:none; border:1px solid #BDBCBC; background:none; color:#222; padding:14px 55px 14px 15px; font-weight:500; letter-spacing:-0.03em; font-size:1.2em; cursor:pointer}
.SelectBox .SelectBox__select option { background:#222; color:#fff; font-weight:600; }
.SelectBox .SelectBox__select:focus { background:#F0F9FB; color:#1e1e1e; border:1px solid #BDBCBC;}
.SelectBox .SelectBox__select:selected { font-weight:500 !important; }
.SelectBox .SelectBox__select:-moz-selected { font-weight:500 !important; }
.SelectBox .SelectBox__select.h50 { height:50px }

.bt_send { width:20%; background:#FC5A15; padding:23px 25px; color:#fff; border:none; cursor:pointer; font-size:1.0rem; font-weight:500; margin-left:auto; text-align:center}
.bt_send:active { background:#F14613; transform: translateY(1px); }
select {-webkit-appearance:none; -moz-appearance:none; appearance:none }
select:focus {outline:none;}

.check-terms { position:relative; margin-top:20px; font-size:1.0em; padding:0; width:70%}
.check-terms .ch_left { width:100%; text-align:left; }
.ch_ag {position: relative;} 
.ch_ag input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.ch_ag input[type="checkbox"] + label { display:block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:0.9em; color:#888; letter-spacing:-0.01em; padding-left:0; font-weight:500; padding-left:40px; line-height:1.5} 
.ch_ag input[type="checkbox"] + label:before { position:absolute; left:0; top:50%;content: ' '; display: block; width: 20px; height: 20px; line-height: 20px; margin: -12px 0 0 0; text-align: left; vertical-align: middle; background:url(../images/ic_check_off.png) no-repeat center center #ECEBEB; border:1px solid #ECEBEB; background-size:11px; border-radius : 3px; } 
.ch_ag input[type="checkbox"]:checked + label {color: #FC4A15; }
.ch_ag input[type="checkbox"]:checked + label:before { text-shadow: 1px 1px #fff; background:url(../images/ic_check.png) no-repeat center center #ECEBEB; border-color: #ECEBEB; background-size:11px 8px }


.agree_check { position:relative; margin-top:20px; font-size:0.9em; color:#666; display: flex; justify-content:left; align-items: center; width:70%}
.agree_check .checks {position: relative; display:inline-block; vertical-align:middle; margin-right:20px;}
.agree_check .checks.ml30 { margin-left:30px }
.agree_check .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.agree_check .checks input[type="radio"] + label { display: inline-block; vertical-align:middle; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height:1.4; font-size:1.1em; }
.agree_check .checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #828282; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.agree_check .checks input[type="radio"] + label:after { content: ''; position: absolute; top: 7px; left: 7px; width: 6px; height: 6px; background: #e8e5ed; border-radius: 100%; }
.agree_check .checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.agree_check .checks input[type="radio"]:checked + label { color:#222;}
.agree_check .checks input[type="radio"]:checked + label:before { background: #fff; border-color: #444; }
.agree_check .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 7px; left: 7px; width: 6px; height: 6px; background: #333; border-radius: 100%; }

.wid100p { width:100% !important }
.wid01 { width:1400px; margin:0 auto }
.h220 { height:220px; }

/* contents */
.ctn_tl { position:relative; padding-top:120px; text-align:center }
.ctn_tl h2 { color:#004ea6; font-size:3.0em; font-weight:700 !important; etter-spacing:-0.03em}
.ctn_tl .s_txt { padding-bottom:6px; color:#7aa3c9; font-size:0.8em; letter-spacing:0.05em; font-weight:700 }


.ct_top { position:relative; width:100%; display: flex; justify-content:space-between; align-items:center;}
.ct_top.mt { top:-80px; }
.ct_top .ct_top_inner { position:relative; margin:0 auto 0 auto;  height:150px; width:1300px; }
.ct_top .path_wp { display: flex; justify-content:flex-start; align-items:center; }
.ct_top .path_wp a.home { position:relative; display:block; width:50px; height:50px; background:url(../images/home_icon.svg) no-repeat center center #1180e7; background-size:15px; text-indent:-5000px;}
.ct_top .path_wp em { font-size:1.2em; color:#fff; font-weight:400; display: flex; justify-content:flex-start; align-items:center; }
.ct_top .path_wp em:nth-of-type(1) { color:rgba(255,255,255,.5); font-weight:300}
.ct_top .path_wp em:before { display:inline-block; margin:0 10px; background:url(../images/path-ar.svg) no-repeat center center; width:20px; height:20px; background-size:12px; content:''; opacity:.5}
.ct_top .top_2dep { position:relative; background:#fff; margin-top:20px; height:80px; }
.ct_top .top_2dep ul { display: flex; justify-content:space-between; align-items:center; }
.ct_top .top_2dep ul li { width:100%; height:80px; border-right:1px solid #d9e6f2;}
.ct_top .top_2dep ul li:last-of-type { border-right:none;}
.ct_top .top_2dep ul li a { display: flex; justify-content:center; align-items:center;width:100%; height:100%; background:#fff; color:#222; font-size:1.6em; font-weight:700; letter-spacing:0; transition:all 0.2s ease; letter-spacing:-0.01em;} 
.ct_top .top_2dep ul li a.active { background:#0056a6; color:#fff; font-size:1.73em; font-weight:600 }
.ct_top .top_2dep ul li a.active:hover { background:#0056a6; }
.ct_top .top_2dep ul li a:hover { background:#1a3066; color:#fff; transition:all 0.2s ease; }

.ct_top .s_title { position:relative; font-size:2.2em; font-weight:700; color:#1B1817; }
.ct_top .s_title:after { display:inline-block; width:60px; height:1px; background:#FC4A15; content:''; vertical-align:middle; margin-left:30px; }
.ct_top .sta { font-size:1.25em; color:#8D8480;}
.ct_top .sta em { font-weight:600; color:#1B1817 }

.s_title { position:relative; font-size:2.2em; font-weight:700; color:#1B1817; }
.s_title:after { display:inline-block; width:60px; height:1px; background:#FC4A15; content:''; vertical-align:middle; margin-left:30px; }
.s_title.mt { margin:150px 0 0 0 }


.ct_top_txt { position:relative; width:100%; margin:80px 0 0 0; color:#1B1817; font-size:1.65em; line-height:1.7; font-weight:500 }

/*///////////////제품/////////////////////////*/

.vision {margin:0 0 0 0; padding-top:210px; }

.mission {margin:0 0 0 0; padding-top:210px;}

.ab_ly { position:relative; display: flex; justify-content:flex-start; align-items: center;}
.ab_ly .ab_ly_l { position:relative; width:680px; margin-right:100px }
.ab_ly .ab_ly_l .tx1 { position:relative; font-size:4.5em; font-weight:800; color:#1A1C1C; display: flex; justify-content:flex-start; align-items: center;}
.ab_ly .ab_ly_l .tx1 em { font-size:0.5em; font-weight:600; margin-left:30px; padding-left:30px; border-left:1px dashed #dbe2e4; color:#bed0d4; }
.ab_ly .ab_ly_l .tx2 { position:relative; font-size:4.0em; font-weight:300; color:#1A1C1C; margin-top:30px; letter-spacing:-0.02em;}
.ab_ly .ab_ly_l .tx2 em { font-weight:700; color:#015971; }
.ab_ly .ab_ly_r { position:relative; width:620px; }

.ab_ly1 { position:relative; display: flex; justify-content:flex-start; align-items: center;}
.ab_ly1 .ab_ly_r { position:relative; width:680px; margin-left:100px }
.ab_ly1 .ab_ly_r .tx1 { position:relative; font-size:4.5em; font-weight:800; color:#1A1C1C; display: flex; justify-content:flex-start; align-items: center;}
.ab_ly1 .ab_ly_r .tx1 em { font-size:0.5em; font-weight:600; margin-left:30px; padding-left:30px; border-left:1px dashed #dbe2e4; color:#bed0d4; }
.ab_ly1 .ab_ly_r .tx2 { position:relative; font-size:4.0em; font-weight:300; color:#1A1C1C; margin-top:30px; letter-spacing:-0.02em;}
.ab_ly1 .ab_ly_r .tx2 em { font-weight:700; color:#015971; }
.ab_ly1 .ab_ly_r .list_mi { margin-top:30px; }
.ab_ly1 .ab_ly_r .list_mi li { position:relative; font-size:1.8em; font-weight:600; color:#1A1C1C; line-height:1.3; padding-left:30px;}
.ab_ly1 .ab_ly_r .list_mi li:before { position:absolute; left:2px; top:50%; width:8px; height:8px; margin:-8px 0 0 0; content:''; display:block; background:#fff; border:4px solid #016986; }
.ab_ly1 .ab_ly_l { position:relative; width:620px; }



.value { position:relative; margin:210px 0 0 0; display: flex; justify-content:space-between; align-items: center; height:800px;}
.value .value_left { background:#F4F7F8; width:60%; height:100%; padding: 2rem 0; display: flex; justify-content:center; align-items: center; }
.value .value_left .inner { position:relative; width:80%; margin:0 auto; }
.value .value_left .inner .prv_t1 { color:#006A83; font-size:1.5em; font-weight:700;}
.value .value_left .inner .prv_t1 em.co1 { color:#1B1817;}
.value .value_left .inner .prv_t1 em.co2 { color:#1B1817; font-size:3.1em; }
.value .value_left .inner .prv_t1_stxt { color:#FC5A15; font-size:1.4em; font-weight:600; margin:17px 0 0 }
.value .value_left .inner .prv_t1_comment { color:#1E1B1B; font-size:1.35em; font-weight:500; margin:45px 0 0; line-height:1.9}
.value .value_right { position:relative; background:#E1E1E1; width:40%; height:100%; display: flex; justify-content:center; align-items: center; overflow:hidden}
.value .value_right .pdv_box { position:relative; margin:0 auto; width:100%; }
.value .value_right .pdv_box .swiper-slide { width:100% }
.value .value_right .pdv_box .swiper-slide .pdv_one { width:100%; background:#E1E1E1; height:auto; }
.value .value_right .pdv_box .swiper-slide .pdv_one .pdv_img { background:#E1E1E1; width:100%; height:100%; display: block; justify-content:center; align-items: center; overflow:hidden}
.value .value_right .pdv_box .swiper-slide .pdv_one .pdv_img img { width:100%; height:auto }

.value .value_right .swiper-pagination {
    position:absolute;
	bottom:2rem;
    text-align: center;
    width: 200px;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    margin: 0 auto;
}
.value .value_right .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: .7;
	text-indent:-5000px;
	margin:0 12px;
	
}
.value_list { position:relative; margin:50px 0 0 0;}
.value_list li { position:relative; font-size:2.1em; font-weight:800; color:#1B1817; margin-top:30px;}
.value_list li em { font-weight:400; font-size:0.8em}
.value_list li ul { margin:10px 0 0 0 }
.value_list li ul li { position:relative; font-size:0.7em; font-weight:600; color:#575C5E; margin:3px 0 0 0; padding-left:23px;}
.value_list li ul li:before { position:absolute; left:2px; top:7px; width:8px; height:8px; background:#fff; border:3px solid #006A83; display:block; content:''; border-radius:0;}
.prod_view .prv_right .swiper-pagination .swiper-pagination-bullet-active {
	background:#FC5A15;
	opacity: 1;
}

.prod_view .prv_right .pdv_box .swiper-slide .swiper-button-prev { left:5%; background:rgba(255,255,255,.1); width:50px; height:50px; transition: all 0.25s ease;}
.prod_view .prv_right .pdv_box .swiper-slide .swiper-button-next { right:5%; background:rgba(255,255,255,.1); width:50px; height:50px; transition: all 0.25s ease;}
.prod_view .prv_right .pdv_box .swiper-slide .swiper-button-prev:after, #m_top .main_visual_wp .mv .swiper-button-next:after { font-size:1.5em; color:rgba(255,255,255,.6);}

.prod_view .prv_right .pdv_box .swiper-slide .swiper-button-prev:hover,
.prod_view .prv_right .pdv_box .swiper-slide .swiper-button-next:hover { background:#076dcb; transition: all 0.25s ease; }
.prod_view .prv_right .pdv_box .swiper-slide .swiper-button-prev:hover:after, #m_top .main_visual_wp .mv .swiper-button-next:hover:after {color:#fff;}



.prod_spec { position:relative; padding: 4rem 6.2%; border-bottom:1px solid #e0e0e0; display: flex; justify-content:flex-start; align-items: center;}
.prod_spec .sp_tl { font-size:1.6em; font-weight:800; color:#1E1B1B; line-height:1.6 }
.prod_spec .sp_list { position:relative; margin-left:5%; width:90%}
.prod_spec .sp_list li { position:relative; color:#1E1B1B; padding-left:185px; font-size:1.25em; line-height:1.7; margin:6px 0; font-weight:500; width:100%; }
.prod_spec .sp_list li:before { position:absolute; left:0; top:50%; width:6px; height:6px; background:#FC5A15; content:''; display:block; margin:-3px 0 0 0 }
.prod_spec .sp_list li span { position:absolute; left:16px; top:0; display:block; color:#9b9999;}


.pd_assay_kits { position:relative; padding:220px 0 0 }
.pd_assay_kits .prv_t2 { color:#1E1B1B; font-size:4.2em; text-align:center}
.pd_assay_kits .prv_t2 em.co1 { color:#FC5A15;}
.pd_assay_kits .prv_t2 em.co2 { font-weight:700; }
.kits_list_wp { position:relative; margin-top:80px; width:100%; overflow:hidden }
.kits_list_wp .kits_box { position:relative; margin:0 auto; width:100%; }
.kits_list_wp .kits_box .swiper-slide { width:45% }
.kits_list_wp .kits_box .swiper-slide .kits_one { width:100%; background:#F3EEEC; height:auto; padding:3rem 4.5rem }

.kits_list_wp .swiper-button-prev, .swiper-button-next { width:50px !important; height:50px !important; z-index:999 !important;}
.kits_list_wp .swiper-button-prev { left:5%; background:url(../images/pg_prev.png) no-repeat center center rgba(255,255,255,.7); background-size:6px 10px; border-radius:3px;}
.kits_list_wp .swiper-button-next { right:5%;background:url(../images/pg_next.png) no-repeat center center rgba(255,255,255,.7); background-size:6px 10px;}
.kits_list_wp .swiper-button-prev:hover { left:5%; background:url(../images/pg_prev_wh.png) no-repeat center center rgba(241,70,19,.8); background-size:6px 10px;}
.kits_list_wp .swiper-button-next:hover { right:5%;background:url(../images/pg_next_wh.png) no-repeat center center rgba(241,70,19,.8); background-size:6px 10px;}


.kit_title { color:#1E1B1B; font-size:2.4em; text-align:center; line-height:1.5}
.kit_title em.co1 { color:#FC5A15;}
.kit_title em.co2 { font-weight:700; }
.kit_title em.co3 { font-weight:700; color:#FC5A15;}

.kit_img { overflow:hidden; border-radius:100px; width:250px; height:250px; margin:35px auto 45px auto; }
.kit_disc { font-size:1.22em; line-height:1.7; text-align:center }
.kits_file { display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; padding:20px 0 20px 0; border-top:1px dashed #fff; margin-top:30px; gap:12px; width:100%; }
.kits_file a { display:block; color:#FC5A15 !important; font-weight:500 !important; font-size:1.25em; background:url(../images/clip_file_data_icon.svg) no-repeat 16px center #fff; background-size:18px; padding:15px 20px 15px 40px; transition: all 0.2s ease;}
.kits_file a:hover { transition: all 0.2s ease; background:url(../images/clip_file_data_icon_on.svg) no-repeat 16px center #302926; background-size:18px;}


/* ///////////////////////// 소개 /////////////////////////////////*/


.story_top { position:relative; width:100%; padding:18rem 5rem 19rem 5rem; text-align:center; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.story_top .st1 { position:relative; font-size:10.0em; color:#FC4A15; font-weight:700;  }
.story_top .st1_1 { position:relative; font-size:4.2em; color:#1B1817; font-weight:700; margin:20px 0 0 0}
.story_top .st1_2 { position:relative; font-size:1.4em; color:#1B1817; font-weight:400; line-height:1.7; margin:70px 0 0 }

.story_area1 { position:relative; background:url(../images/stroy_bg1.jpg) no-repeat center center; background-size:cover; padding:13rem 0 17rem 0; z-index:8}
.st2 { position:relative; font-size:4.4em; color:#1B1817; font-weight:700; margin:20px 0 0 0; text-align:center}
.st2 em { font-weight:300 }
.st2_1 { position:relative; font-size:1.4em; color:#1B1817; font-weight:400; line-height:1.7; margin:70px 0 0; text-align:center }
.st_img { position:relative; text-align:center; margin:90px 0 80px 0 }
.story_area2 { position:relative; background:#FBF4F2; padding:5rem 0 11rem 0; z-index:9; margin-bottom:-170px}
.story_area2 .inner_box { position:relative; background:url(../images/box_bg.png) repeat-y center top; top:-10rem}
.story_area2 .inner_box .mission { position:relative; width:1400px; margin:0 auto }
.story_area2 .inner_box .mission .mission_top { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; }
.story_area2 .inner_box .mission .mission_top .pic { position:relative; width:50%; }
.story_area2 .inner_box .mission .mission_top .cont { position:relative; width:50%; padding:9rem 0 0 5rem }
.story_area2 .inner_box .mission .mission_bottom { position:relative; padding:5rem 0 6rem 4rem; background:#fff; }
.ceo_name { }
.ceo_name .or { font-size:1.3em; font-weight:500; color:#666; }
.ceo_name .na { font-size:2.7em; font-weight:700; margin:7px 0 0; color:#1B1817; }
.mis_title { position:relative; margin:130px 0 100px 0; font-size:4.5em; font-weight:700; color:#1B1817; text-align:right }
.mis_title:before { position:absolute; left:-250px; top:50%; margin:-1px 0 0 0; width:400px; height:1px; background:#FC4A15; content:''; display:block; }
.mis_txt { position:relative; font-size:1.5em; color:#555; line-height:2.0}
.mis_list { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; width:100%; flex-wrap:wrap;}
.mis_list li { position:relative; font-size:1.7em; color:#1B1817; font-weight:500; line-height:1.7; margin:12px 0; width:50%; padding:0 0 0 40px; }
.mis_list li:before { position:absolute; left:0; top:5px; background:url(../images/bullet01.png) no-repeat center center; width:25px; height:25px; content:''; display:block; }
.mis_list li:nth-of-type(2n) { margin-left:3.5%; width:46.5%; }

/* team */
.team_top { position:relative; width:100%; padding:13rem 0 13rem 0; text-align:center; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.team_top .tt1 { position:relative; font-size:3.7em; color:#1B1817; font-weight:400;  }
.team_top .tt2 { position:relative; font-size:5.2em; color:#1B1817; font-weight:700;}
.team_top .tt3 { position:relative; font-size:1.3em; color:#1B1817; font-weight:400; line-height:1.7; margin:30px 0 0 }

.his_top { position:relative; margin:80px 0 0 0; }
.his_top .h_t1 { font-size:2.3em; font-weight:600; color:#778588; }
.his_top .h_t2 { font-size:1.6em; color:#036F8B; font-weight:500; letter-spacing:1.0em; margin-top:30px; }

.his_list_wp { position:relative; margin:40px 0 0 0; border-top:1px dashed rgba(0,0,0,.1) }
.his_list_wp .his_block { position:relative; margin:50px 0 0 0; display: flex; justify-content:flex-start; align-items: flex-start; padding-bottom:45px; border-bottom:1px dashed rgba(0,0,0,.1)}
.his_list_wp .his_block .year { font-size:5.0em; font-weight:700;color:#1B1817; margin:17px 100px 0 0; }
.his_list_wp .his_block .his_list { position:relative; }
.his_list_wp .his_block .his_list li { position:relative; display: flex; justify-content:flex-start; align-items: center; font-size:2.0em; font-weight:600; color:#1B1817; margin:20px 0; line-height:1.7}
.his_list_wp .his_block .his_list li span { color:#fff; font-weight:500; font-size:0.8em; width:70px; height:70px; border-radius:0; display: flex; justify-content:center; align-items: center; background:#036F8B; margin-right:30px; border:2px solid #036F8B;}
.his_list_wp .his_block .his_list li:nth-of-type(2n) span { /*color:#fff; background:#036F8B; border:2px solid #036F8B;*/}


.profile_wp { position:relative; widows:100%; display: flex; justify-content:flex-start; align-items: flex-start; margin:20px 0 0 0; flex-wrap:wrap }
.profile_wp .prof_one { position:relative; width:18%; margin:30px 3.5% 0 3.5%; cursor:pointer }
.profile_wp .prof_one .prof_pic { width:100%; z-index:0; overflow:hidden; border-radius:50%; }
.profile_wp .prof_one .prof_pic img { width:100%; height:auto; }
.profile_wp .prof_one .prof_name { position:relative; background:#fff; z-index:2; padding:1.5rem 1.0rem; text-align:center }
.profile_wp .prof_one .prof_name .or { font-size:1.3em; font-weight:500; color:#777; }
.profile_wp .prof_one .prof_name .na { font-size:1.9em; font-weight:700; margin:0 0 0 }
.profile_wp .prof_over { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; transition:ease all 0.3s; display: flex; justify-content:center; align-items: center; background:url(../images/ico_view.svg) no-repeat center center rgba(0,0,0,0); background-size:30px; opacity:0;}

.profile_wp .prof_over.active { transition:ease all 0.3s; background:url(../images/ico_view.svg) no-repeat center center rgba(0,0,0,.7); opacity:1;  background-size:30px;}

.team_bottom { position:relative; text-align:center; padding:20rem 4rem 10rem 4rem}
.team_bottom .txt { position:relative; font-size:7rem; color:#F3592B; font-weight:200; display:block; width:auto}
.team_bottom .txt em { font-weight:800 }
.team_bottom .txt .ico1 { position:absolute; right:18%; top:-19%; width:178px; height:231px; background:url(../images/dna_img.png) no-repeat center center; background-size:cover; }
.team_bottom .txt .ico2 { position:absolute; left:18%; top:40%; width:149px; height:132px; background:url(../images/heart_img.png) no-repeat center center; background-size:cover; }

.profiel_detail { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; overflow-y:auto; height:600px;}
.profiel_detail .pfdt_left { position:relative; width:300px; margin-right:80px; }
.profiel_detail .pfdt_left img { width:100% }
.profiel_detail .pfdt_right { position:relative; width:620px; color:#1E1B1B; }
.profiel_detail .pfdt_right .top .or { font-size:1.2em; font-weight:500; }
.profiel_detail .pfdt_right .top .na { font-size:2.1em; font-weight:700; margin:5px 0 0 }
.profiel_detail .pfdt_right .comment { font-size:1.2em; font-weight:400; margin:20px 0 0; line-height:1.7; color:#555 }
.profiel_detail .pfdt_right .career { position:relative; margin:30px 0 0 0 }
.profiel_detail .pfdt_right .career li { position:relative; font-weight:500; font-size:1.25em; line-height:1.5; margin:5px 0; padding-left:17px; }
.profiel_detail .pfdt_right .career li:before { content:''; display:block; width:4px; height:4px; background:#444; position:absolute; left:2px; top:8px; }
.profiel_detail .pfdt_right .link { display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap;  margin-top:40px; width:100%; }
.profiel_detail .pfdt_right .link .tl { position:relative; font-weight:700; font-size:1.1em; line-height:1.5; color:#1E1B1B; width:100%; }

.profiel_detail .pfdt_right .link a { display:block; color:#FC4A15 !important; font-weight:500 !important; font-size:1.1em; background:url(../images/clip_file_data_icon.svg) no-repeat left center; background-size:16px; padding:5px 5px 5px 20px; margin:10px 10px 10px 0}
.profiel_detail .pfdt_right .link a:hover { background:url(../images/clip_file_data_icon.svg) no-repeat left center; background-size:16px; text-decoration:underline}

/* /////////////////// modal ////////////////////// */
.modal-window {
  position: fixed;
  background-color: rgba(255, 255, 255, 1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  &:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  & > div {
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem;
    background: white;

  }
  header {
    font-weight: bold;
  }
  h1 {
    font-size: 150%;
    margin: 0 0 15px;
  }
}

.modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: -30px;
  text-align: center;
  top: -50px;
  width: 100px;
  height:100px;
  background:url(../images/close_icon.svg) no-repeat center center;
  background-size:40px;
  display:block;
  text-indent:-5000px;
  text-decoration: none;
  &:hover {
    color: #FC4A15;
  }
}
.modal-close:hover {
  background:url(../images/close_icon_on.svg) no-repeat center center;
  background-size:40px;
  
}
.modal-window {
  & > div {
    border-radius: 0;
  }
}

.modal-window div:not(:last-of-type) {
  margin-bottom: 15px;
}

.logo {
  max-width: 150px;
  display: block;
}

.btn {
  background-color: white;
  padding: 1em 1.5em;
  border-radius: 0.5rem;
  text-decoration: none;
  i {
    padding-right: 0.3em;
  }
}

/* ///////기술 //////// */
.tec_top { position:relative; width:100%; text-align:center; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; justify-content:flex-start; align-items: center; height:1000px;}
.tec_top .tec_t_pic { position:relative; width:50%; height:100%; }
.tec_top .tec_t_cont { position:relative; width:50%; height:100%; padding:14rem 6rem 8rem 6rem; text-align:left; background:#f2f2f2; }
.tec_top .tec_t_cont .tt1 { position:relative; font-size:5.2em; color:#1B1817; font-weight:700;  }
.tec_top .tec_t_cont .tt2 { position:relative; font-size:1.63em; color:#1B1817; font-weight:400; margin:50px 0 0; line-height:1.8;}
.tec_top .tec_t_cont .tt1 em.co1, .tec_top .tec_t_cont .tt2 em.co1 { color:#FC5A15;}

.pro_discription { position:relative; margin:100px auto 0 auto; width:1400px; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; padding-left:180px}
.pro_discription.app { align-items: center;}
.pro_discription.mt { margin:20px auto 0 auto; }
.pro_discription.reverse { flex-direction: row-reverse;}
.pro_discription .tec_d_left { width:100%; position:relative; display:block; padding-right:4rem; }
.pro_discription.app .tec_d_left { width:60%; }
.pro_discription.reverse.app .tec_d_left { width:60%; }
.pro_discription.reverse .tec_d_left { width:50%; position:relative; display:block; padding-right:0; padding-left:4rem }

.pro-top { position:relative; margin:140px auto 0 auto; width:1400px; display: block; padding-left:180px;}
.pro-top .pro_stx  { position:absolute; left:0; top:0; font-size:1.6em; color:#fff; font-weight:600; background:#178099; padding:36px 36px; display:block; width:120px; word-break:break-all;}
.pro-top .pro_disc { position:relative; margin-left:0;}
.pro-top .pro_disc .pro_tltx  { position:relative; font-size:3.9em; color:#1B1817; font-weight:700; margin:0 0 0; letter-spacing:-0.02em; line-height:1.4  }
.pro-top .pro_disc .pro_tltx em { color:#A2AEB1; font-weight:500 }
.pro-top .pro_disc .pro_tltx1 { color:#1B1817; font-weight:500; font-size:1.3em; opacity:.4}
.pro-top .pro_disc .pro_comment  { position:relative; font-size:1.5em; color:#1B1817; font-weight:500; margin:33px 0 0; line-height:1.8;opacity:.7 }
.pro-top .pro_disc .pro_comment.mt { margin:25px 0 0 }

.disc_top {position:relative; width:100%; color:#FF6928; font-size:1.3em; font-weight:500 }
.tec_stx  { position:relative; font-size:2.0em; color:#fff; font-weight:600; background:#178099; padding:20px 30px; display:inline-block;  }
.tec_tltx  { position:relative; font-size:3.9em; color:#1B1817; font-weight:700; margin:50px 0 0; letter-spacing:-0.02em; line-height:1.4  }
.tec_tltx1 { color:#1B1817; font-weight:500; font-size:1.3em; opacity:.4}
.tec_tltx em.co2 { color:#FC5A15; font-weight:500;}
.tec_comment  { position:relative; font-size:1.4em; color:#1B1817; font-weight:500; margin:33px 0 0; line-height:1.7;opacity:.7 }
.tec_comment.mt { margin:25px 0 0 }
.tec_spec { position:relative; margin:40px 0 0 }
.tec_spec li { position:relative; font-size:1.55em; color:#1A1C1C; font-weight:600; margin:20px 0 0; line-height:1.7; padding-left:30px; }
.tec_spec li:before { position:absolute; left:0; top:5px; background:url(../images/bullet.svg) no-repeat center center; background-size:cover; width:20px; height:20px; content:''; display:block; }
.tec_spec li ul li{ position:relative; font-size:0.9em; color:#1B1817; font-weight:500; margin:8px 0 20px 0; line-height:1.7; padding-left:0; }
.tec_spec li ul li:before { display:none }
.tec_spec1 { position:relative; margin:40px 0 0; font-size:1.55em; color:#1A1C1C; font-weight:600; margin:20px 0 0; line-height:1.7; }

.pro_discription .tec_d_right { width:100%; position:relative; display:block; overflow:hidden;}
.pro_discription.app .tec_d_right { width:40% }
.pro_discription.app .tec_d_right img { width:100% }
.pro_discription .tec_d_right .tec_detail, .tec_discription .tec_d_right .tec_detail.reverse { position:relative; width:100%; }
.pro_discription .tec_d_right .tec_detail .swiper-slide { width:100% }
.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one { position:relative; width:100%; height:auto; }
.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .tec_img { width:100%; height:auto; display: flex; justify-content:center; align-items: center; overflow:hidden}
.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .tec_img img { width:100%; }
.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .num { position:absolute; left:0; top:0; width:60px; height:60px; display: flex; justify-content:center; align-items: center; background:#fff; color:#1B1817; font-size:1.8em; font-weight:700; }
.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .txt_area { position:absolute; left:0; bottom:0; width:100%; height:auto; text-align:center; padding:0 3rem 3rem 3rem }
.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .txt_area .t1 { color:#FC4A15; font-size:3.2em; font-weight:700; line-height:1.0}
.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .txt_area .t2 { color:#2C2726; font-size:1.4em; font-weight:500; margin:17px 0 0 0; line-height:1.6}

.accordion {
   margin-top:20px;
  .accordion-item {
    border-bottom: 1px solid #e0e0e0;
	background: none;
    button[aria-expanded='true'] {
      border-bottom: none;
    }
  }
  
  .accordion-item:nth-of-type(2) { border-bottom:none }
  button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 0 0;
    color: $text;
    font-size: 1.2rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    &:hover, &:focus {
      cursor: pointer;
      color: $blue;
      &::after {
        cursor: pointer;
        color: $blue;
        border: 1px solid #e0e0e0;
      }
    }
    .accordion-title {
      padding: 1.5em 1.5em 1.5em 0;
	  color:#1B1817; font-weight:700;
    }
	.accordion-title em.co1 { font-weight:500; }
	.accordion-title em.co2 { color:#FC5A15; }
    .icon {
      display: inline-block;
      position: absolute;
      top: 22px;
      right: 0;
      width: 36px;
      height: 36px;
      border-radius: 0;
	  background:#F1E4E0;
      &::before {
        display: block;
        position: absolute;
        content: '';
        top: 17px;
        left: 13px;
        width: 10px;
        height: 2px;
        background:#FC5A15;
      }
      &::after {
        display: block;
        position: absolute;
        content: '';
        top: 13px;
        left: 17px;
        width: 2px;
        height: 10px;
        background:#FC5A15;
      }
    }
  }
  button[aria-expanded='true'] {
    color: $blue;
    .icon {
      &::after {
        width: 0;
      }
    }
    + .accordion-content {
      opacity: 1;
      max-height: 9em;
      transition: all 1.0s cubic-bezier(0, 0.92, 0.65, 1.02);
      will-change: opacity, max-height;
	  padding:0 0 11em 0;
    }
  }
  .accordion-content ul { padding:0 0 2em 1em; margin-top:-0.3em; }
  .accordion-content ul li { position:relative; font-size:1.2em; color:#1B1817; font-weight:500; margin:0px 0 8px 0; padding-left:12px; }
  .accordion-content ul li:before { position:absolute; left:0; top:7px; width:4px; height:4px; background:#FC5A15; content:''; display:block; }
  .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 1.0s cubic-bezier(0, 0.92, 0.65, 1.02), max-height 1.0s cubic-bezier(0, 0.92, 0.65, 1.02);
    will-change: opacity, max-height;
    p {
      font-size: 1rem;
      font-weight: 300;
      margin: 2em 0;
    }
   
  }
  
}


.ph_dep1 { position:relative; height:60px; background:none; z-index:100; box-sizing:border-box; }
.ph_dep1:after { content:""; display:block; }
.ph_dep1 .dep1-dropdown { position:relative; box-sizing:border-box; width:auto; display:inline-block; height:60px; color:#fff; font-size:1.4em; font-weight:400; padding:19px 20px 20px 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index:999; background:url(../images/path_ar2.png) no-repeat 95% center; background-size:5px 8px; letter-spacing:-0.02em; /*font-family: 'Montserrat', 'Nanum Square', sans-serif; */}

.ph_dep1 .dep1-dropdown .m_dropdown {/* Size & position */ position: absolute; top:60px; left:0; width:296px; right: 0; /* Styles */ background:none; list-style: none; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /* Hiding */ max-height:0; overflow: hidden;}

.ph_dep1 .dep1-dropdown .m_dropdown li a { display: block; font-size:0.95em; text-decoration: none; color:#fff; height:40px; box-sizing:border-box; padding: 10px 20px; transition: all 0.2s ease-out; background:url(../images/path_sel_at.png) no-repeat 92% center; /*font-family: 'Montserrat', 'Nanum Square', sans-serif; */}

.ph_dep1 .dep1-dropdown .m_dropdown li:hover a { color:#ffd33c; background:url(../images/path_sel_at_on.png) no-repeat 90% center}
.ph_dep1 .dep1-dropdown.active { box-shadow:none; color:#ffd33c; background:url(../images/path_sel_ar1.png) no-repeat 95% center; font-weight:400}
.ph_dep1 .dep1-dropdown.active .m_dropdown { max-height: 500px; padding-bottom:20px;}

.ph_dep2 { position:relative; height:60px; background:none; z-index:100; box-sizing:border-box; }
.ph_dep2:after { content:""; display:block; }
.ph_dep2 .dep1-dropdown1 { position:relative;  box-sizing:border-box; height:60px; color:#fff; font-size:1.4em; font-weight:400; padding:19px 20px 20px 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index:999; background:url(../images/path_ar2.png) no-repeat 95% center; background-size:5px 8px;letter-spacing:-0.02em; /*font-family: 'Montserrat', 'Nanum Square', sans-serif; */}

.ph_dep2 .dep1-dropdown1 .m_dropdown {/* Size & position */ position: absolute; top:60px; left:0; width:297px; right: 0; /* Styles */ background:#1647a7; list-style: none; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /* Hiding */ max-height:0; overflow: hidden;}

.ph_dep2 .dep1-dropdown1 .m_dropdown li a { display: block; font-size:0.95em; text-decoration: none; color:#fff; height:40px; box-sizing:border-box; padding: 10px 20px; transition: all 0.2s ease-out; background:url(../images/path_sel_at.png) no-repeat 92% center; /*font-family: 'Montserrat', 'Nanum Square', sans-serif; */}

.ph_dep2 .dep1-dropdown1 .m_dropdown li:hover a { color:#ffd33c; background:url(../images/path_sel_at_on.png) no-repeat 90% center}
.ph_dep2 .dep1-dropdown1.active { box-shadow:none; color:#ffd33c; background:url(../images/path_sel_ar1.png) no-repeat 95% center; font-weight:400}
.ph_dep2 .dep1-dropdown1.active .m_dropdown { max-height: 500px; padding-bottom:20px;}

.ph_dep3 { position:relative;height:60px; background:none; z-index:100; box-sizing:border-box; }
.ph_dep3:after { content:""; display:block; }
.ph_dep3 .dep1-dropdown2 {  position:relative; box-sizing:border-box; height:60px; color:#ffd33c; font-size:1.4em; padding:19px 25px 20px 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index:999; background:url(../images/path_ar3.png) no-repeat 95% center; background-size:8px 5px; letter-spacing:-0.02em; /*font-family: 'Montserrat', 'Nanum Square', sans-serif; */ font-weight:400;}

.ph_dep3 .dep1-dropdown2 .m_dropdown {/* Size & position */ position: absolute; top: 60px; left:0; width:297px; right: 0; /* Styles */ background:#2f67d6; list-style: none; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /* Hiding */ max-height:0; overflow: hidden; }

.ph_dep3 .dep1-dropdown2 .m_dropdown li a { display: block; font-size:0.95em; text-decoration: none; color:#fff; height:40px; box-sizing:border-box; padding: 10px 20px; transition: all 0.2s ease-out; background:url(../images/path_sel_at.png) no-repeat 92% center; /*font-family: 'Montserrat', 'Nanum Square', sans-serif; */}

.ph_dep3 .dep1-dropdown2 .m_dropdown li:hover a { color:#ffd33c; background:url(../images/path_sel_at_on.png) no-repeat 90% center}
.ph_dep3 .dep1-dropdown2.active { box-shadow: none; color:#fff; background:url(../images/path_sel_ar1.png) no-repeat 95% center #2f67d6; font-weight:400}
.ph_dep3 .dep1-dropdown2.active .m_dropdown { max-height:500px; padding-bottom:20px;}

#contents { position:relative; }
.news_wp { position:relative }
.news_wp .news_one { position:relative; width:100%; display: flex; justify-content:flex-start; align-items: center; margin-top:120px}
.news_one .news_pic { position:relative; width:33%; padding-bottom:22% }
.news_one .txt_block { position:relative; margin-left:auto; width:67%; padding:0.8rem 0 0.8rem 5rem}
.news_one .txt_block .tl { font-size:1.9rem; color:#1B1817; font-weight:600; line-height:2.5rem }
.news_one .txt_block .txt { font-size:1.0rem; color:#777; font-weight:500; margin-top:1.8rem; line-height:1.7rem}
.news_one .txt_block .date { font-size:0.8rem; color:#FC5A15; font-weight:500; margin-top:1.0rem; line-height:1.6rem}

.news_wp .news_one:nth-of-type(2n) {flex-direction: row-reverse;}
.news_wp .news_one:nth-of-type(2n) .txt_block {padding-left:0; padding-right:5rem;}
.news_wp .news_one:hover { cursor:pointer }
.news_wp .news_one:hover .txt_block .tl { text-decoration:underline }

.bd_view { position:relative; margin-top:80px; border-top:1px solid #d9d9d9 }
.bv_top { position:relative; margin-top:80px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:3rem 0; display: flex; justify-content:space-between; align-items: center; }
.bv_top .bv_title { position:relative; width:75%; color:#1B1817; font-size:2.8em; font-weight:600; line-height:1.6}
.bv_top .bv_date { position:relative; width:25%; margin-left:auto; display:block; text-align:right; color:#FC5A15; font-size:1.1em }
.bv_comment { padding:45px 0; font-size:1.3em; font-weight:400; color:#1B1817; line-height:1.7 }

.btn_block { position:relative; margin:40px 0 0 0; border-top:1px solid #d9d9d9; padding-top:40px; text-align:center}
.btn_block.nbr { border:none; margin:80px 0 0 0; padding:0;}
a.btn_st01 { position:relative; display:inline-block; padding:25px 55px; background:#2C2827; letter-spacing:0.03em; color:#fff !important; font-weight:500 !important; font-size:1.6em !important; transition: all 0.15s ease;}
a.btn_st01:hover { transition: all 0.2s ease; background:#F14613; color:#fff !important }


.gr_top { position:relative; margin:115px 0 0; text-align:center; font-size:5.7em; font-weight:200; color:#222; line-height:1.15 }
.gr_top em { font-weight:600 }
.gr_ct { display: flex; justify-content:space-between; align-items: flex-start; margin-top:140px;}
.gr_ct .gr_left { position:relative; padding-right:80px; }
.gr_ct .gr_left p { font-size:1.5em; color:#444; font-weight:400; line-height:2.0}
.gr_ct .gr_left p em { color:#0056a6; font-weight:700 }
.gr_ct .gr_left p.mt { margin-top:50px; }
.gr_ct .gr_right { position:relative; width:593px; height:542px}
.gr_ct .gr_right img { position:absolute; left:0; top:0; z-index:1 !important; width:100%;}
.gr_ct .gr_right .pic_bg { position:absolute; left:0; top:0; background:#fff; width:100%; height:65%; box-shadow: -35px 55px 50px 0 rgba(0,0,0,.1); }
.gr_ct .gr_right .ceo_txt { position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#222; font-size:1.3em; font-weight:400; display: flex; justify-content:center; align-items: center; }
.gr_ct .gr_right .ceo_txt em { font-family:'Diphylleia', 'Song Myung', serif; color:#000; font-size:2.25em; margin:-4px 0 0 30px; line-height:1.0; letter-spacing:0.25em;  }

.overview_top { position:relative; margin:115px auto 0 auto; text-align:center;}
.overview_top .ov_t {font-size:3.3em; font-weight:200; color:#292f35; letter-spacing:-0.05em; line-height:1.5 }
.overview_top .ov_t em { font-weight:700; color:#292f35; display:block; font-size:1.15em; letter-spacing:-0.03em;}
.overview_top .ov_pic { position:relative; margin-top:50px; z-index:0 }
.overview_top .ov_exp_wp { position:absolute; left:0; bottom:-45px; text-align:center; width:100%;}
.overview_top .ov_exp_wp .ov_exp { position:relative; margin:0 auto 0 auto; display: flex; justify-content:center; align-items: center; padding:40px 35px; background:#fff; width:800px;}
.overview_top .ov_exp_wp .ov_exp li { display: flex; justify-content:flex-start; align-items: center; font-size:1.4em; font-weight:600; color:#041c33; margin:0 20px;}
.overview_top .ov_exp_wp .ov_exp li em { display:block; width:30px; color:#fff; height:30px; background:#004ea6; margin:0 1px; font-size:0.8em; display: flex; justify-content:center; align-items: center;}
.overview_top .ov_exp_wp .ov_exp li em.bg { background:#1a3066}
.overview_top .ov_exp_wp .ov_exp li em:last-of-type { margin-right:12px; }

.philosophy_wp { position:relative; margin:130px auto 0 auto; text-align:center;}
.philosophy_wp .ph_tl {font-size:4.2em; font-weight:200; color:#041c33; letter-spacing:-0.02em; line-height:1.6 }
.philosophy_wp .ph_tl em { font-weight:600; color:#a2afb8; display:block; font-size:0.27em; letter-spacing:0.1em;}
.philosophy_wp .ph_ct { position:relative; margin:70px 0 0 0; display: flex; justify-content:center; align-items: center;}
.philosophy_wp .ph_ct .ph_box { position:relative; padding:0 20px; width:33.3333% }
.philosophy_wp .ph_ct .ph_box:before { position:relative; display:block; width:140px; height:140px; margin:0 auto; content:''; border-radius:50%;}
.philosophy_wp .ph_ct .ph_box.ph1:before {background:url(../images/ic-ph01.png) no-repeat center center #0056a6; background-size:40px;}
.philosophy_wp .ph_ct .ph_box.ph2:before {background:url(../images/ic-ph02.png) no-repeat center center #0056a6; background-size:51px;}
.philosophy_wp .ph_ct .ph_box.ph3:before {background:url(../images/ic-ph03.png) no-repeat center center #0056a6; background-size:59px;}
.philosophy_wp .ph_ct .ph_box .ph_ct_t1 { font-size:4.2em; font-weight:700; color:#0056a6; line-height:1.1; margin-top:20px;}
.philosophy_wp .ph_ct .ph_box .ph_ct_t1 em { display:block; margin-top:10px; font-size:0.5em; }
.philosophy_wp .ph_ct .ph_box .ph_ct_t2 { font-size:1.4em; font-weight:500; color:#041c33; margin-top:25px; line-height:1.7}

.history_wp { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; margin-top:100px; }
.history_wp .his_tl_e { position:relative; width:40%; padding-right:5%; font-size:5.3em; font-weight:700; color:#0056a6; line-height:1.4; padding-top:20px; }
.history_wp .his_tl_e em {  color:#d1dae3; }
.history_wp .his_his_list_wp { position:relative; width:65%; border-left:1px solid #1a3066; padding:40px 0 0 5%;}
.history_wp .his_his_list_wp .his_box { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; margin:0 0 40px 0 }
.history_wp .his_his_list_wp .his_box .his_year { font-size:2.5em; font-weight:700; margin-right:50px; }
.history_wp .his_his_list_wp .his_box .his_year:before { position:absolute; left:-73px; top:19px; width:15px; height:15px; margin:-5px 0 0 0; background:#0056a6; display:block; content:''; border-radius:50%; }
.history_wp .his_his_list_wp .his_box .his_list { margin-top:2px;}
.history_wp .his_his_list_wp .his_box .his_list li { position:relative; font-size:1.5em; color:#262c31; font-weight:500; padding-left:50px; margin:8px 0 }
.history_wp .his_his_list_wp .his_box .his_list li em.month { position:absolute; left:0; top:0; color:#0056a6; font-weight:700 }

.map_wp { position:relative; margin-top:80px; }
.map_wp .map_canvas { position:relative; width:100%; height:401px; overflow:hidden }
.map_wp .map_left .map_kakao { position:relative; height:421px; overflow:hidden }
.map_wp .map_right { position:relative; width:540px; height:421px; margin-left:10px;}
.map_info { position:relative; margin-top:70px; text-align:left }

.map_info ul { padding-left:30px; border-left:1px solid #036F8B;}
.map_info ul li { position:relative; font-size:1.5em; color:#1B1817; font-weight:500; letter-spacing:-0.03em; margin:10px 0 10px 0; padding-left:80px; }
.map_info ul li span { position:absolute; left:0; top:0; color:#0056a6; letter-spacing:0; font-weight:600; border-right:1px dashed rgba(0,0,0,.1); padding-right:20px; }

.certi_tab { position:relative; width:1300px; margin:80px auto 0; display: flex; justify-content:space-between; align-items: flex-top; gap:5px;}
.certi_tab a { width:100%; background:#f0f4f7; color:#84919d; font-weight:500; font-size:1.4em !important; display: flex; justify-content:center; align-items: center; padding:20px 15px; transition:all 0.4s ease;}
.certi_tab a em { font-size:0.9em; opacity:.5; margin-left:12px; letter-spacing:0.02em}
.certi_tab a.active { background:#0a2f51; color:#fff; transition:all 0.25s ease-out; }
.certi-ct-wrap { position:relative; margin-top:80px; }
.certi_top { position:relative; display: flex; justify-content:space-between; align-items: flex-top; padding:70px 60px; background:#f7f7f7; margin-top:80px; }
.certi_top .certi_top_l { width:50%; display: flex; justify-content:flex-end; align-items: flex-top; }
.certi_top .certi_top_r { width:50%; display: flex; justify-content:flex-start; align-items: flex-top; }
.cert_t_box { position:relative; text-align:center; width:650px; }
.cert_t_box div.cert_pic img { height:400px; box-shadow: 0 40px 45px rgba(0,0,0,0.1);}
.cert_t_box p.certi_tl { margin-top:30px; color:#222; font-weight:600; font-size:1.5em; }
.cert_t_box .certi_info { margin-top:40px; }
.cert_t_box .certi_info li { position:relative; font-size:1.45em; color:#222; margin:5px 0; font-weight:500}
.cert_t_box .certi_info li em { color:#0056a6; letter-spacing:0; font-weight:600; margin-right:12px; }

.certi_ctn { position:relative; width:1300px; margin:80px auto 0; display: flex; justify-content:space-between; align-items: flex-top;}
.certi_ctn .cert_t_box div.cert_pic img { height:550px;}
.certi_ctn .cert_t_box:nth-of-type(1) { border-right:1px solid #dce5eb;}

.nt_top { position:relative; margin-top:70px; display: flex; justify-content:flex-start; align-items: center; }
.nt_top.mt { margin-top:110px; }
.cst_top { position:relative; text-align:left; margin-top:80px; letter-spacing:-0.03em;}
.cst_top .t1 { font-size:2.5em; font-weight:700; color:#222 }
.cst_top .t1 em { font-size:1.3em; }
.cst_top .t2 { font-size:1.4em; font-weight:400; color:#777; margin-top:15px; }

.perf_top { position:relative; margin-top:110px; text-align:center; font-size:1.35em; font-weight:600; color:#96aabc; letter-spacing:-0.03em; }
.perf_top p:nth-of-type(1) { font-weight:700; color:#222; letter-spacing:0; font-size:3.2em; display:block; line-height:1.2; margin-top:10px; }
.perf_top p:nth-of-type(1) em { font-weight:300 }
.perf_top p:nth-of-type(2) { font-weight:300; color:#222; letter-spacing:0; font-size:3.2em; display:block; line-height:1.2 }

.perf_wp { display: flex; justify-content: flex-start; align-items: flex-start; width:100%; flex-wrap:wrap; gap:5%; margin-top:0; padding-bottom:35px;}
.perf_wp .perf_box { position:relative; width:30%; margin-top:55px; border-bottom: 1px solid #e2eaf1; cursor:pointer; }
.perf_wp .perf_box .view { position:absolute; left:50%; top:50%; width:80px; height:60px; margin:-30px 0 0 -40px; background:#fff; border-radius:0; opacity:0; transition:all ease-out 0.2s; z-index:2; display: flex; justify-content:center; align-items: center; font-size:1.1em; font-weight:700;}
.perf_wp .perf_box .bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all ease 0.3s; background:#004e97; z-index:1; border-radius:4px;}
.perf_wp .perf_box .perf_pic { position:relative; width:100%; height:220px; border-radius:4px; overflow:hidden; transition:all ease 0.5s}
.perf_wp .perf_box .perf_info { position:relative; padding:30px 0 30px 0; background:#fff; transition:all ease 0.5s}
.perf_wp .perf_box .perf_info p.title { position:relative; font-size:1.55em; font-weight:600; letter-spacing:-0.03em; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; }
.perf_wp .perf_box .perf_info ul { margin-top:10px; }
.perf_wp .perf_box .perf_info ul li { position:relative; padding-left:50px; color:#222; font-weight:500; font-size:1.22em; margin:5px 0; color:#0056a6;}
.perf_wp .perf_box .perf_info ul li span { position:absolute; left:0; top:2px; color:#96aabc; font-size:0.9em;}
.perf_wp .perf_box:hover .perf_pic { }
.perf_wp .perf_box:hover .perf_info { transition:all ease 0.3s; padding:30px 20px;}
.perf_wp .perf_box:hover .bg { opacity:.85; transition:all ease 0.26s;}
.perf_wp .perf_box:hover .view { transition:all ease 0.36s; -webkit-transform: scale(1.2); transform: scale(1.2); opacity:1;}

.perf_view_wp { position:relative; margin:60px 0 0 0 }
.perf_view_wp .perf_top p.title { position:relative; font-size:1.7em; font-weight:700; letter-spacing:-0.03em; word-break:keep-all; }
.perf_view_wp .perf_top p.s_txt { position:relative; font-size:0.95em; font-weight:500; color:#999; margin-top:10px; letter-spacing:-0.03em; word-break:keep-all; }
.perf_view_wp .perf_top p.s_txt em { border-right:1px solid #e5ebf1; padding:0 15px }
.perf_view_wp .perf_top p.s_txt em:last-of-type { border:none; padding-right:0; }
.perf_view_wp .perf_ctn { margin-top:60px; padding-bottom:100px; border-bottom: 1px solid #e2eaf1;  }
.perf_view_wp .perf_ctn .perf_pic img { width:100% }
.perf_view_wp .perf_ctn .perf_comment { margin:60px auto 0 auto; width:70%; font-size:1.4em; font-weight:400; color:#222; line-height:1.8;  }

.business_top {  width:100%; background:#f7f7f7; height:auto; padding:70px 0; margin-top:0; display: flex; justify-content:flex-start; align-items: center;}
.business_top .bt_left { position:relative; width:50%; height:100%; background:#f7f7f7; display: flex; justify-content:flex-end; align-items: center;}
.business_top .bt_right { position:relative; width:50%; height:100%;  display: flex; justify-content:flex-start; align-items: center; }
.business_top > div .pic_wp { width:650px; text-align:center; display: flex; justify-content:center; align-items: center; flex-direction: column }
.business_top > div .pic_wp p.tl_t  { font-size:1.65em; font-weight:700; letter-spacing:-0.03em; color:#0056a6; padding-bottom:6px; border-bottom:1px solid #0056a6; display:inline-block; margin-bottom:40px;}
.business_top > div .pic_wp img {  }

.business_ly01 { width:1300px; margin:120px auto 0 auto;}
.business_ly01 .tl { font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#041c33; }
.business_ly01 .tl.mt { margin-top:100px; }
.business_ly01 .tl em { font-weight:300; font-size:0.8em; display:inline-block; letter-spacing:0}

.reserch_top {  width:100%; background:#f7f7f7; height:500px; margin-top:120px; display: flex; justify-content:flex-start; align-items: center;}
.reserch_top .rt_left { position:relative; width:50%; height:100%; background:#f7f7f7; display: flex; justify-content:center; align-items: center;}
.reserch_top .rt_right { position:relative; width:50%; height:100%; background:#fff; padding:40px 30px 30px 5%; }
.reserch_top .rt_right .feature_tl { font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#041c33; }
.reserch_top .rt_right .feature_tl em { display:block; font-size:0.29em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; }
.reserch_top .rt_right .feature_tl span { font-weight:300; }
.reserch_top .rt_right .feature_list { margin-top:40px; }
.reserch_top .rt_right .feature_list li { position:relative; font-size:1.39em; font-weight:600; letter-spacing:-0.02em; color:#49545b; margin:15px 0; padding-left:17px; }
.reserch_top .rt_right .feature_list li:before { position:absolute; left:5px; top:11px; display:block; content:''; width:3px; height:3px; border-radius:50%; background:#004ea6 }
.res_certificate { position:relative; text-align:center; margin-top:130px; width:100%; }
.res_certificate .tl { font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#041c33; }
.res_certificate .tl em { display:block; font-size:0.29em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; }
.res_certificate .cert_info { margin-top:30px; }
.res_certificate .cert_info li { position:relative; font-size:1.2em; color:#222; margin:5px 0 }
.res_certificate .cert_info li span { color:#0056a6; margin-right:15px; }
.res_certificate .ceti_pic { margin-top:30px; text-align:center}
.res_certificate .ceti_pic img { border:2px solid #292e35; box-shadow: 45pxpx 45px 45px rgba(0,0,0,0.1); }
.res_movie { position:relative; text-align:center; margin-top:150px; width:100%; }
.res_movie .tl { font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#111; }
.res_movie .tl em { display:block; font-size:0.29em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; }
.res_movie .movie_wp {  width:1100px; height:619px; margin:40px auto 0 auto; background:#222; box-shadow: 30px 40px 40px rgba(0,0,0,0.08);}
.res_movie .movie_wp iframe {width:1100px; height:619px; }


.reserch_ly01 {  width:100%; padding:50px 0; margin:120px auto 0 auto; display: flex; justify-content:flex-start; align-items: flex-end;}
.reserch_ly01.al01 {align-items: flex-end;}
.reserch_ly01 .rly_left { position:relative; width:50%; display: flex; justify-content:flex-end; align-items: flex-start; }
.reserch_ly01 .rly_left .certificate { position:relative; text-align:left; width:650px; }
.reserch_ly01 .rly_left .certificate .cert_info { position:absolute; left:180px; top:30px; }
.reserch_ly01 .rly_left .certificate .cert_info li { position:relative; font-size:1.2em; color:#222; padding-left:60px; margin:5px 0 }
.reserch_ly01 .rly_left .certificate .cert_info li span { position:absolute; left:0; top:0; color:#0056a6; }
.reserch_ly01 .rly_left .certificate .tl { font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#111; }
.reserch_ly01 .rly_left .certificate .tl em { display:block; font-size:0.29em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; }
.reserch_ly01 .rly_left .certificate .ceti_pic { margin-top:30px}
.reserch_ly01 .rly_left .certificate .ceti_pic img { border:2px solid #292e35; box-shadow: 45px 45px 45px rgba(0,0,0,0.08); }
.reserch_ly01 .rly_right { position:relative; width:50%; height:569px; background:#f7f7f7;}
.reserch_ly01 .rly_right.al { display: flex; justify-content:center; align-items: center;}
.reserch_ly01 .rly_right.al1 { display: flex; justify-content:flex-start; align-items: center; padding-left:100px;}
.reserch_ly01.al01 .rly_right { background:#f7f7f7; height:569px; padding-left:100px;}
.reserch_ly01.al01 .rly_right .movie_area {  width:550px; height:569px; display: flex; justify-content:center; align-items: flex-start;  flex-direction: column;}
.reserch_ly01.al01 .rly_right .movie_area .tl { font-size:1.65em; font-weight:600; letter-spacing:-0.05em; color:#0056a6; margin-bottom:30px; }
.reserch_ly01.al01 .rly_right .movie_area .tl em { display:block; font-size:0.29em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; }
.reserch_ly01.al01 .rly_right .movie_area iframe {width:550px; height:310px; box-shadow: 30px 40px 40px rgba(0,0,0,0.08); }

.reserch_ly02 {  width:1300px; margin:120px auto 0 auto;}
.reserch_ly02 .tl { font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#041c33; }
.reserch_ly02 .tl span { font-weight:300; }

.zg_box { position:relative; margin-top:40px; border: 1px solid #e2eaf1; display: flex; justify-content:space-between; align-items: flex-start;}
.zg_box.mt { margin-top:20px; }
.zg_box.pad { padding:50px }
.zg_box.pad img { width:100%;}
.zg_box .pic_l { width:50%; border-right: 1px solid #e2eaf1; padding:50px; }
.zg_box .pic_m { width:50%; border-right: 1px solid #e2eaf1; padding:50px; }
.zg_box .pic_r { width:50%; padding:50px; }
.zg_box > div { text-align:center }
.zg_box > div .tl { font-size:1.65em; font-weight:700; letter-spacing:-0.03em; color:#0056a6; padding-bottom:6px; border-bottom:1px solid #0056a6; display:inline-block;}
.zg_box > div div.pic { margin-top:40px; }
.zg_box > div div.pic.mt { margin-top:0; }

.reserch_ly02_1 {  width:1300px; margin:120px auto 0 auto; display: flex; justify-content:space-between; align-items: center;}
.reserch_ly02_1 .tl { font-size:4.13em; font-weight:200; letter-spacing:-0.02em; color:#041c33; line-height:1.0}
.reserch_ly02_1 .tl span { font-weight:300; display:block;}
.reserch_ly02_1 .tl em { display:block; font-weight:300; font-size:0.6em; margin-top:30px; }
.reserch_ly02_1 .pic01 { background:#f7f7f7; padding:90px 80px; }
.reserch_ly02_1 .pic01 img { border: 0 solid #e2eaf1;box-shadow: 0px 25px 30px rgba(0,0,0,0.1); width:400px}
.reserch_ly02_1 .pic01 img:last-of-type { margin-left:6px }

.pc_pro_wp { position:relative; width:100%; margin-top:80px; }
.pc_pro_wp .pcp_tab { position:relative; width:1300px; margin:0 auto; display: flex; justify-content:space-between; align-items: flex-top; gap:5px;}
.pc_pro_wp .pcp_tab a { display:block; width:100%; background:#f0f4f7; color:#84919d; font-weight:500; font-size:1.33em; display: flex; justify-content:center; align-items: center; padding:20px 15px; flex-direction: column; transition:all 0.4s ease;}

.pc_pro_wp .pcp_tab a em { display:block; font-size:0.8em; opacity:.5}
.pc_pro_wp .pcp_tab a.active { background:#0a2f51; color:#fff; transition:all 0.25s ease-out; }
.pc_pro_wp .pcp_view_wp { position:relative; margin-top:50px; }
.pc_pro_wp .pcp_view_wp .pcp_view { position:relative; }

.cons_ls { position:relative; margin:60px 0 0 0;}
.cons_ls .cons_box { width:100%; height:auto; margin-right:20px; margin-top:0; padding:0 0}
.cons_ls .cons_box .img { width:100%;}
.cons_ls .cons_box .img img { width:100%;z-index:0; }
.cons_ls .swiper-button-next { right:10% }
.cons_ls .swiper-button-prev { left:10% }
.cons_ls .swiper-button-next, .cons_ls .swiper-button-prev {
	position: absolute;
    top: 50%;
	width:60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000;
	background:rgba(255,255,255,.8);
	border:1px solid #3b83c5;
	box-shadow: 10px 15px 20px rgba(0,0,0,0.1);
	border-radius:10px;
}
.cons_ls .swiper-button-next:hover, .cons_ls .swiper-button-prev:hover { background:rgba(7,39,70,.9); border:1px solid #072746;}
.cons_ls .swiper-button-next {box-shadow: -10px 15px 20px rgba(0,0,0,0.1)}
.cons_ls .swiper-button-next:after, .cons_ls .swiper-button-prev:after { font-size:1.3em; font-weight:800; color:#000}
.cons_ls .swiper-button-next:hover:after, .cons_ls .swiper-button-prev:hover:after { color:#fff }
.cons_ls .cons_box .disc { font-weight:400; letter-spacing:-0.05em; color:#333; margin-top:18px; font-size:1.0em; padding:0 18px; text-align:center }

.ct_txt { position:relative; font-size:1.5em; font-weight:400; line-height:1.8; }
.ct_txt em { color:#0056a6; font-weight:600 }
.t_alc { text-align: }

.pc_process { position:relative; margin-top:60px; }
.pc_process ul { display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; width:100%;}
.pc_process ul li { position:relative; width:30%; margin:80px 3% 0 0; padding-left:175px;}
.pc_process ul li .num { position:absolute; left:135px; top:17px; font-size:2.5em; font-weight:600; color:#b1bcc7; line-height:1.0 }
.pc_process ul li .k_t { font-size:3.0em; font-weight:400; color:#0056a6; line-height:2.0;}
.pc_process ul li .e_t { font-size:1.37em; font-weight:700; color:#262c31; letter-spacing:-0.03em; margin-top:8px}
.pc_process ul li:nth-of-type(3), .pc_process ul li:nth-of-type(6) { margin-right:0}
.pc_process ul li:nth-of-type(1):before { position:absolute; left:0; top:-5px; width:100px; height:100px; background:url(../images/pc-ic1.png) no-repeat center center #0056a6; background-size:41px; border-radius:7%; display:block; content:''; }
.pc_process ul li:nth-of-type(2):before { position:absolute; left:0; top:-5px; width:100px; height:100px; background:url(../images/pc-ic2.png) no-repeat center center #0d3152; background-size:31px; border-radius:7%; display:block; content:''; }
.pc_process ul li:nth-of-type(3):before { position:absolute; left:0; top:-5px; width:100px; height:100px; background:url(../images/pc-ic3.png) no-repeat center center #0056a6; background-size:41px; border-radius:7%; display:block; content:''; }
.pc_process ul li:nth-of-type(4):before { position:absolute; left:0; top:-5px; width:100px; height:100px; background:url(../images/pc-ic4.png) no-repeat center center #0d3152; background-size:36px; border-radius:7%; display:block; content:''; }
.pc_process ul li:nth-of-type(5):before { position:absolute; left:0; top:-5px; width:100px; height:100px; background:url(../images/pc-ic5.png) no-repeat center center #0056a6; background-size:35px; border-radius:7%; display:block; content:''; }
.pc_process ul li:nth-of-type(6):before { position:absolute; left:0; top:-5px; width:100px; height:100px; background:url(../images/pc-ic6.png) no-repeat center center #0d3152; background-size:39px; border-radius:7%; display:block; content:''; }

.pc_exp_pic { position:relative; margin-top:150px; background:#f7f7f7; padding:80px 80px 80px 60px; display: flex; justify-content:space-between; align-items: flex-start;}
.pc_exp_pic .tl { position:relative; font-size:2.05em; font-weight:700; color:#262c31; letter-spacing:-0.03em;}
.pc_exp_pic .tl em { font-size:0.6em; color:#b1bcc7; display:block; font-weight:600; letter-spacing:0.1em; margin-top:2px; }
.pc_exp_pic .tl:after { position:absolute; left:0; bottom:-40px; width:40px; height:3px; background:#0056a6; content:''; display:block }
.pc_exp_pic .pc_pic { margin-left:auto }

.pc_discp { position:relative; margin-top:110px; }
.pc_discp.wid { position:relative; width:1300px; margin:0 auto }
.pc_discp .tl { display: flex; justify-content:flex-start; align-items:center; z-index:1; background:url(../images/dot.jpg) repeat-x left center; }
.pc_discp .tl em.m_t { position:relative; font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#041c33; background:#fff; }
.pc_discp .tl em.s_t { display:block; font-size:1.2em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; padding:0 30px 0 25px; background:#fff;}

.pc_discp1 .tl { display: flex; justify-content:flex-start; align-items:center; z-index:1; background:url(../images/dot.jpg) repeat-x left center; }
.pc_discp1 .tl em.m_t { position:relative; font-size:4.2em; font-weight:200; letter-spacing:-0.05em; color:#041c33; background:#fff; padding-right:30px; }
.pc_discp1 .tl em.s_t { display:block; font-size:1.2em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; padding:0 30px 0 25px; background:#fff; text-indent:-5000px;}

/*.pc_discp .tl:after { position:absolute; right:0; top:50%; width:30%; height:1px; margin:0; content:''; display:block; background:#0056a6; z-index:0 }*/
.pc_discp .pcd_list { position:relative; margin-top:10px;  display: flex; justify-content:flex-start; align-items: center; flex-wrap:wrap; padding:0 0 0 20px;}
.pc_discp .pcd_list li { position:relative; width:26.66666%; margin:25px 10% 0 0; padding-left:30px; background:url(../images/ic-check.png) no-repeat 3px center; background-size:16px; font-size:1.5em; font-weight:500; color:#262c31;}
.pc_discp .pcd_list li em { font-weight:600; color:#0056a6}
.pc_discp .pcd_list li:nth-of-type(3), .pc_discp .pcd_list li:nth-of-type(6), .pc_discp .pcd_list li:nth-of-type(9) { margin-right:0}



.min-w400 { min-width:400px }
button.btn_search { background:url(../images/ic-search-wh.svg) no-repeat center center #333; background-size:20px; border-radius:2px; border:none; width:60px; height:52px; cursor:pointer}
button.btn_search:hover { background:url(../images/ic-search-wh.svg) no-repeat center center #111; background-size:20px; }

.nt_list { position:relative; margin-top:35px; border-top:1px solid #e2eaf1; }
.nt_list .nt_one { display: flex; justify-content:flex-start; align-items: center;  border-bottom:1px dashed #e2eaf1; padding:30px 20px; cursor:pointer; transition:all 0.2s ease;}
.nt_list .nt_one:hover { transition:all 0.3s ease; background:#f5f8fa; padding:30px; }
.nt_list .nt_one .num { font-size:1.25em; color:#999; font-weight:600; width:80px; text-align:left}
.nt_list .nt_one .nt_suj { font-size:1.75em; color:#333; font-weight:600; letter-spacing:-0.03em; width:80%; }
.nt_list .nt_one .nt_date { margin-left:auto; font-size:1.35em; color:#999; font-weight:400; padding-left:20px; text-align:right;}
.nt_list .nt_one.nodata { font-size:1.5em; color:rgba(0,0,0,1) }

.faq_cate { position:relative; margin:70px 0 40px 0; display: flex; justify-content:flex-left; align-items: center; gap:4px;}
.faq_cate a { border:1px solid #ced7de; font-size:1.3em !important; font-weight:500 !important; color:#909da8 !important; padding:14px 20px; border-radius:2px; }
.faq_cate a.active, .faq_cate a.active:hover { border:1px solid #004f99; background:#0056a6; color:#fff !important }
.faq_cate a:hover { background:#f5f8fa; color:#1a3066 !important; }
.faq_cate .faq_search { margin-left:auto }
#faq { border-top:1px solid #e2eaf1}
#faq .t_f {display: flex; justify-content:flex-start; align-items: flex-start; padding:20px 20px; border-bottom:1px dashed #e2eaf1; transition: all 0.2s ease;}
#faq .t_f a { position:relative; font-size:1.75em; font-weight:600; color:#111; letter-spacing:-0.03em; padding:7px 0; display:block; display: flex; justify-content: left; align-items: center;}
#faq .t_f a:before { content:'Q.'; display:block; font-weight:700; font-size:1.0em; width:60px; color:#0056a6; }
#faq .t_f.nodata a { display:block; text-align:center; width:100%; color:#555; font-weight:400 !important; font-size:1.4em !important }
#faq .t_f.nodata a:before { content:'' !important;}
#faq .t_f.open { background:#f5f8fa; transition: all 0.3s ease; }
#faq .t_f.open a { color:#004280; font-weight:600 }
#faq .t_f + div.t_a {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  display: block !important;
  
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
	-moz-transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
	-o-transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
	-ms-transition:all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
	transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
}

#faq .t_f.open + div.t_a {
  height:auto ;
  background:none;
  overflow: hidden;
  display: block !important;
}
#faq .t_a { font-size:1.4em; font-weight:400; color:#000; letter-spacing:-0.03em; padding:0 0; }
#faq .t_a .an_txt { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; padding:30px 30px 30px 80px; border-bottom:1px dashed #e2eaf1; line-height:1.8; }
#faq .t_a .an_txt:before { position:absolute; left:20px; top:27px; content:'A.'; display:block; font-weight:700; font-size:1.2em; color:#0056a6; color:#222; }

.request_wp  { position:relative; margin:70px 0 0 0; border-top:1px solid #e2eaf1; border-bottom:1px dashed #e2eaf1; padding:50px 0}

.req_field_block, .req_field_block_one { position:relative;  display: flex; justify-content:flex-start; align-items: center; width:100%; gap:1.5%; margin-top:1%; }
.req_field_block .set_block { position:relative;  display: flex; justify-content:flex-start; align-items: center; width:50% }
.req_field_block .set_block label, .req_field_block_one label { display:none }
.field_select { width:100% }
.field_select::after { content: ''; width: 7px; height: 7px; border-top: 2px solid #121212; border-right: 2px solid #121212; display: inline-block; transform: rotate(135deg); position: absolute; top: 23px; right: 20px;}
.sel-cate { background:#f4f4f4; border:none; width:100%; height:60px; padding:10px 20px; font-size:1.3em; letter-spacing:-0.03em; font-weight:500; color:#222;}
.set-field-input { background:#f4f4f4; border:none; width:100%; height:60px; padding:10px 20px; font-size:1.3em; letter-spacing:-0.03em; font-weight:500; color:#222;}
.set-field-input.file { padding:16px 20px; }
.set-field-textarea { background:#f4f4f4; border:none; width:100%; height:200px; padding:20px 20px; font-size:1.3em; letter-spacing:-0.03em; font-weight:500; color:#222;}
.set-field-input::placeholder, .set-field-textarea::placeholder { color:#999; font-weight:400 }
.set-field-input::-webkit-input-placeholder, .set-field-textarea::-webkit-input-placeholder { color:#999; font-weight:400}
.set-field-input:-ms-input-placeholder, .set-field-textarea:-ms-input-placeholder { color:#999; font-weight:400}

.terms_wp { position:relative; margin-top:2%; background:#f4f4f4; height:250px; overflow-y:scroll; padding:35px 30px; }
.term_tl { font-size:1.35em; font-weight:600; color:#222; }
.term_tl.mt { margin-top:30px; }
.term_txt { position:relative; margin:12px 10px 0 11px; font-size:1.2em; font-weight:400; color:#666; }
.term_txt.mt { margin-top:30px; }
.term_list { margin-top:12px; }
.term_list.mt { margin-top:5px; }
.term_list li { position:relative; font-size:1.2em; font-weight:400; color:#666; margin:6px 10px; padding-left:11px; }
.term_list li span { position:absolute; left:0; top:-2px; }


.btn_alc { position:relative; margin-top:35px; text-align:center }
a.bd_btn_st { position:relative; display:inline-block; padding:20px 50px; background:#fff; color:#111 !important; font-weight:500 !important; font-size:1.4em !important; border:1px solid #03495B; border-radius:0; transition: all 0.15s ease;}
a.bd_btn_st:hover { transition: all 0.2s ease; background:#03495B; border-color:#03495B; color:#fff !important }
.paging { position:relative; margin:120px 0 0 0; padding-top:40px; display: flex; justify-content:center; align-items: center; border-top:1px solid rgba(0,0,0,.15)}
.paging a.go { display: block; width: 43px; height: 43px; margin: 0 3px; padding: 12px; background-color: #fff; border: #BEC9D7 1px solid; border-radius: 0; font-size: 1.1em; font-weight: 500; text-align: center; transition: all 0.15s ease; vertical-align: middle; color:#899097; font-family:'Pretendard', sans-serif;}
.paging a.go.active { color: #fff; background-color: #2C2827; border-color: #2C2827; box-shadow: 0 2px 6px 0 rgba(108,117,125,.5);}
.paging a.go:hover { background-color: #FC5A15; border-color: #FC5A15; color: #fff;box-shadow: 0 2px 6px 0 rgba(108,117,125,.5);}
.paging a.go.active:hover { color: #fff; background-color: #2C2827; border-color: #2C2827; box-shadow: 0 2px 6px 0 rgba(108,117,125,.5);}
.paging a.cont { position: relative; width:auto; height: 45px; margin: 0; display: flex; align-items: center; color:#888; font-size:1.2em;}
.paging a.cont:hover { color:#0056a6; font-weight:600 }
.paging a.cont.prev { margin-right:30px; background:url(../images/pg_prev.png) no-repeat center center; background-size:6px 10px; height: 45px; width:30px; text-indent:-5000px; display:block}
.paging a.cont.first { margin-right:10px; background:url(../images/pg_first.png) no-repeat center center; background-size:12px 10px; height: 45px; width:30px; text-indent:-5000px; display:block}
.paging a.cont.next { margin-left:30px; background:url(../images/pg_next.png) no-repeat center center; background-size:6px 10px; height: 45px; width:30px; text-indent:-5000px; display:block}
.paging a.cont.last { margin-left:10px; background:url(../images/pg_last.png) no-repeat center center; background-size:12px 10px; height: 45px; width:30px; text-indent:-5000px; display:block}

/* table (표) */
table{ border:0; border-spacing:0 }
table .br_none{ border-right:none!important}
table .bl_none{ border-left:none!important}
table .br_left{ border-color:#d3d3d3; border-style:none none solid solid; border-width:0 0 1px 1px!important}
table .bg_none{ background:none!important}

/* Table List*/
.tb_wp { position:relative; margin-top:80px;}
.tb_wp.mt01 { margin-top:35px; }
.tb_wp.mt02 { margin-top:80px; }
.tb_st { width:100%;border-collapse:collapse; border-top:1px solid #0056a6; border-spacing:0; border-right:none; border-left:none;}
.tb_st th { background:#e4edf5; padding:18px; color:#042c51; font-weight:600; font-size:1.33em; border-right: #c3d6e8 1px solid; border-bottom: #c3d6e8 1px solid;}
.tb_st th.br_line { border-right: #c3d6e8 1px solid !important; } 
.tb_st td { border-right: #dae4ed 1px solid; font-weight:500; color:#30373e; font-size:1.37em; border-bottom: #dae4ed 1px solid; vertical-align:middle; text-align: center; padding:19px }
.tb_st th:last-child, .tbl td:last-child { border-right:none }
.tb_st td.td_bg { background:#f6f6f6; color:#0056a6; font-weight:700; text-align:left; padding-left:30px;}
.tb_st td.col { color:#f15d23 }

.tb_st td.al_l { text-align:left}


.bd_wp { position:relative; margin:40px auto 0 auto }
.board_view_wp { position:relative; border-bottom:1px solid #e2eaf1; border-top:1px solid #1A1B1D; padding:35px 0; word-break:keep-all; margin:60px 0 0 0 }
.board_view_wp .bv_suj { position:relative; font-size:1.8em; color:#1A1B1D; padding:0 20px; font-weight:700; letter-spacing:-0.03em}
.board_view_wp .bv_field { position:relative; font-size:1.2em; color:#777; margin-top:14px; padding:0 20px 30px 20px; word-break:keep-all; line-height:1.7; }
.board_view_wp .bv_field span { padding-right:12px; word-break:keep-all;}
.board_view_wp .bv_field span:after { content:"|"; font-size:1.0em; color:#aeaeae; margin-left:12px; }
.board_view_wp .bv_field span.date { color:#777; }
.board_view_wp .bv_field span:last-child:after { content:"" } 
.board_view_wp .bv_stl { position:relative; font-size:1.3em; color:#2763ba; padding:0 20px; font-weight:bold; margin-top:30px; padding-top:30px; border-top:1px solid #e8e8e8;}
.board_view_wp .bv_ctn1 { position:relative; font-size:1.3em; color:#777; margin-top:10px; padding:0 20px; word-break:keep-all; line-height:1.7; }
.board_view_wp .bv_file_wp { position:relative; border-top:1px solid #e8e8e8; margin-top:0; display: flex; justify-content:flex-start; align-items: center; background:#fafafc; }
.board_view_wp .bv_file_wp .bv_file { position:relative; padding:17px 20px; display: flex; justify-content:flex-start; align-items: center; }
.board_view_wp .bv_file_wp .bv_file a { display:block; background:url(../images/ico_file.gif) no-repeat left center; padding-left:20px; font-size:1.2em; color:#036F8B; }
.board_view_wp .bv_file_wp .bv_file a:hover { color:#002b53; }
.board_view_wp .bv_file_wp .bv_file p.btn_file_down { position:relative; margin:0 0 0 10px; }
.board_view_wp .bv_file_wp .bv_file p.btn_file_down a { display:block; padding:8px 10px; background:#fff; border:1px solid #d7d7d7; text-align:center; color:#444; font-size:1.0em; transition:all 0.3s ease;}
.board_view_wp .bv_file_wp .bv_file p.btn_file_down a:hover { background:#444; color:#fff; border-color:#444; }
.board_view_wp .bv_comment { position:relative; padding:40px 20px 0 20px; color:#222; font-size:1.4em; line-height:1.9; border-top:1px solid #e8e8e8; }
.board_view_wp .bv_comment .bv_pic { text-align:center; }
.board_view_wp .bv_comment .bv_mov { text-align:center; }
.board_view_wp .bv_date_wp { position:relative; border-top:1px solid #e8e8e8; margin-top:30px; }
.board_view_wp .bv_date_wp .bv_date { position:relative; padding:17px 20px 17px 100px; background:#fafafc; border-bottom:1px solid #e8e8e8; color:#ee4040; font-size:1.3em; }
.board_view_wp .bv_date_wp .bv_date .date_tl {position:absolute; left:20px; top:10px; display:block; padding:8px 10px; background:#fff; border:1px solid #d7d7d7; text-align:center; color:#444; font-size:0.8em; }
.board_view_wp .bv_info_wp { position:relative; border-top:1px solid #e8e8e8; margin-top:40px; padding:30px 0 0 0; }
.board_view_wp .bv_info_wp .bv_info_list li { position:relative; color:#777; font-size:1.20em; padding:0 0 0 140px; margin-bottom:20px; }
.board_view_wp .bv_info_wp .bv_info_list li .ct {position:absolute; left:20px; top:0; display:block; text-align:left; color:#0857a4; width:90px;  }
.board_view_wp .bv_info_wp .bv_info_list li .ct i { margin-right:6px; color:#999; vertical-align:middle }
.board_view_wp .bv_info_wp .bv_info_list li span.col1 { color:#f73a8d }
.board_view_wp .bv_info_wp .bv_info_list li a { display:block; color:#777; }
.board_view_wp .bv_info_wp .bv_info_list li a:hover { color:#222; }

.np_list_wp { position:relative; margin:40px 0 0 0; border-top:1px solid #e2eaf1; }
.np_list_wp .prev_b { position:relative; border-bottom:1px solid #e2eaf1; background:#fff; display: flex; justify-content:flex-start; align-items: center; padding:0 20px; }
.np_list_wp .next_b { position:relative; border-bottom:1px solid #e2eaf1; background:#fff; display: flex; justify-content:flex-start; align-items: center; padding:0 20px; }
.np_list_wp .prev_b span { color:#999; font-size:1.15em; font-weight:500;}
.np_list_wp .next_b span { color:#999; font-size:1.15em; font-weight:500;}
.np_list_wp .prev_b a, .np_list_wp .next_b a { position:relative; display:block; padding:20px 20px 20px 80px; color:#222; font-size:1.4em !important; font-weight:500 }
.np_list_wp .prev_b a:hover, .np_list_wp .next_b a:hover { color:#1a3066; font-weight:600 }
.np_list_wp .prev_b p.np_date, .np_list_wp .next_b p.np_date { margin-left:auto; color:#999; font-size:1.25em; }

.ly_st1 { position:relative; overflow:hidden; margin-top:60px; }
.ly_st1 .lyst1_left { position:relative; background:#e8e8e8; width:100%; height:647px; margin-right:70px; background:url(../images/ov_pic.jpg) no-repeat center center}
.ly_st1 .lyst1_right { width:100%; }
.ly_st1 .lyst1_right .ov_list { position:relative; }
.ly_st1 .lyst1_right .ov_list li { position:relative; background:url(../images/bullet2.gif) no-repeat left 5px; padding-left:100px; font-size:1.4em; color:#444; font-weight:400; margin-bottom:20px }
.ly_st1 .lyst1_right .ov_list li span { position:absolute; left:22px; top:0; color:#2f67d6 }
.ly_st1 .lyst1_right .ov_list li ul { position:relative; margin:0; display:block }
.ly_st1 .lyst1_right .ov_list li ul li { background:url(../images/bullet3.gif) no-repeat left 9px; padding-left:12px; font-size:1.0em; color:#666; margin-bottom:8px }
.ly_st1 .lyst1_right .ov_list li ul li span { position:relative; color:#158a6a; left:inherit; top:inherit }

.ov_top { position:relative; background:#e8e8e8; width:100%; height:400px; background:url(../images/ov_pic.jpg) no-repeat center center; margin-top:60px}
.ov_top_m { display:none }
.ov_list { position:relative; }
.ov_list li { position:relative; background:url(../images/bullet2.gif) no-repeat left 5px; padding-left:100px; font-size:1.4em; color:#444; font-weight:400; margin-bottom:20px }
.ov_list li span { position:absolute; left:22px; top:0; color:#2f67d6 }
.ov_list li ul { position:relative; margin:0; display:block }
.ov_list li ul li { background:url(../images/bullet3.gif) no-repeat left 9px; padding-left:12px; font-size:1.0em; color:#666; margin-bottom:8px }
.ov_list li ul li span { position:relative; color:#158a6a; left:inherit; top:inherit }

.ly_st2 { position:relative; overflow:hidden; margin-top:60px; }
.ly_st2 .lyst2_left { position:relative; float:left; width:210px; margin-right:40px; background:url(../images/bg_line.gif) no-repeat left 25px; padding-top:10px;}
.ly_st2 .lyst2_left h5 { color:#1647a7; font-size:1.8em; font-weight:700; letter-spacing:-0.03em; background:#fff; padding-right:40px; display:inline-block}
.ly_st2 .lyst2_left .date_t { color:#ff6600; font-weight:500; font-size:1.4em; margin-top:3px}
.ly_st2 .lyst2_left .s_txt { color:#999; font-weight:400; font-size:1.1em; margin-top:3px}
.ly_st2 .lyst2_right { float:left; width:950px; padding-top:12px; overflow:hidden }

.ly_st2_1 { position:relative; overflow:hidden; margin-top:30px; }
.ly_st2_1 .lyst2_left { position:relative; float:left; width:210px; margin-right:40px; background:url(../images/bg_line.gif) no-repeat left 25px; padding-top:10px;}
.ly_st2_1 .lyst2_left h5 { color:#1647a7; font-size:1.8em; font-weight:700; letter-spacing:-0.03em; background:#fff; padding-right:40px; display:inline-block}
.ly_st2_1 .lyst2_left .date_t { color:#ff6600; font-weight:500; font-size:1.4em; margin-top:3px}
.ly_st2_1 .lyst2_right { float:left; width:950px; padding-top:12px; overflow:hidden }

.lystr_pic { position:relative; float:left; width:314px; margin-right:35px; }
.lystr_exp { position:relative; float:left; width:601px; font-size:1.4em; color:#444; line-height:1.7 }
.lystr_pic1 { position:relative; float:left; width:472px; margin-right:35px; }
.lystr_exp1 { position:relative; float:left; width:443px; font-size:1.4em; color:#444; line-height:1.7 }

.ct_list { position:relative; }
.ct_list li { position:relative; background:url(../images/bullet2.gif) no-repeat left 5px; padding-left:22px; font-size:1.4em; color:#333; font-weight:400; margin-bottom:15px; line-height:1.6 }
.ct_list li span { color:#2f67d6 }
.ct_list li span.col2 { color:#ff6600 }
.ct_list li span.col3 { color:#000 }
.ct_list li ul { position:relative; margin:12px 0 0 0; display:block; padding-left:0; }
.ct_list li ul li { background:url(../images/bullet3.gif) no-repeat left 9px; padding-left:12px; font-size:0.9em; color:#555; margin-bottom:8px }
.ct_list li ul li span { position:relative; color:#158a6a; left:inherit; top:inherit }

ul.tb_list li { background:url(../images/bullet5.gif) no-repeat left 9px; padding-left:12px; font-size:0.9em; color:#555; margin-bottom:8px }

.event_list_box { position:relative; background:#f1f4f3; padding:25px }
.event_list_box h5 { color:#333; font-size:1.3em }
.event_list_box .ev_txt { color:#555; font-size:1.3em; margin-top:5px; line-height:1.6 }

.organi_pc { position:relative; margin-top:50px; display:block }
.organi_m { display:none }

.guide_txt { position:relative; margin-top:12px; color:#ff6600; font-size:1.3em }
.guide_txt1 { position:relative; margin-top:12px; color:#ff6600; font-size:0.9em; line-height:1.6 }
.top_guide { position:relative; margin-top:50px; color:#444; font-size:1.3em }

/* tab */
.tab_st { position:relative; width:100%; margin:0 0 0 0; overflow:hidden; margin-top:50px; border-right:1px solid #cacadb}
.tab_st li { float:left; margin-right:0; width:7.692307692307692307%; /* 14개 종목 width:7.1439735889434818%; */ /* 15개 종목 width:6.66666666%;*/ text-align:center }
.tab_st li a { background:#fff; color:#222; font-weight:400; font-size:1.05em; padding:20px 10px 20px 10px; display:block; border-color:#cacadb; border-style:solid none solid solid; border-width:1px 0 1px 1px; text-decoration:none; letter-spacing:-0.1em; background:#f0f3f7; transition: all 0.2s ease-out; }
.tab_st li a:hover { color:#fff; background:#2f67d6; font-weight:400; text-decoration:none; border:1px solid #2f67d6; }
.tab_st li a.tab_on { padding:20px 10px 20px 10px; color:#2f67d6; background:#fff; border-color:#2f67d6; border-style:solid; border-width:1px ; font-weight:700 }

.tab_st_game { position:relative; width:100%; margin:0 0 0 0; overflow:hidden; margin-top:50px;}
.tab_st_game li { float:left; margin-right:0; width:13.717446%; text-align:center; margin-right:0.57%; margin-top:6px}
.tab_st_game li a { background:#fff; color:#222; font-weight:400; font-size:1.4em; padding:30px 10px 30px 10px; display:block; border:2px solid #e8e8e8; text-decoration:none; letter-spacing:-0.1em; background:#fff; }
.tab_st_game li a:hover { color:#fff; background:#2f67d6; font-weight:400; text-decoration:none; border:2px solid #2f67d6; }
.tab_st_game li a.tab_on { font-size:1.4em; padding:30px 10px 30px 10px; background:#fff; border:2px solid #2f67d6; color:#2f67d6; font-weight:700 }
.tab_st_game li a.tab_on:hover { background:#fff; text-indent:0; color:#2f67d6; }

.tab_st_ev { position:relative; width:100%; margin:0 0 0 0; overflow:hidden; margin-top:50px;}
.tab_st_ev li { float:left; margin-right:0; width:12%; text-align:center; margin-right:0.57%; margin-top:6px}
.tab_st_ev li:nth-child( 8 ) { margin-right:0 }
.tab_st_ev li:nth-child( 15 ) { margin-right:0 }
.tab_st_ev li a { background:#fff; color:#222; font-weight:400; font-size:1.4em; padding:30px 10px 30px 10px; display:block; border:2px solid #e8e8e8; text-decoration:none; letter-spacing:-0.1em; background:#fff; }
.tab_st_ev li a:hover { color:#fff; background:#2f67d6; font-weight:400; text-decoration:none; border:2px solid #2f67d6; text-indent:-5000px; }
.tab_st_ev li:nth-child( 1 ) a:hover { background:url(../images/evch1.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 2 ) a:hover { background:url(../images/evch15.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 3 ) a:hover { background:url(../images/evch12.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 4 ) a:hover { background:url(../images/evch13.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 5 ) a:hover { background:url(../images/evch2.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 6 ) a:hover { background:url(../images/evch3.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 7 ) a:hover { background:url(../images/evch4.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 8 ) a:hover { background:url(../images/evch5.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 9 ) a:hover { background:url(../images/evch6.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 10 ) a:hover { background:url(../images/evch7.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 11 ) a:hover { background:url(../images/evch14.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 12 ) a:hover { background:url(../images/evch8.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 13 ) a:hover { background:url(../images/evch9.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 14 ) a:hover { background:url(../images/evch10.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li:nth-child( 15 ) a:hover { background:url(../images/evch15.jpg) no-repeat center center #2f67d6;}
.tab_st_ev li a.tab_on { font-size:1.4em; padding:30px 10px 30px 10px; background:#fff; border:2px solid #2f67d6; color:#2f67d6; font-weight:700 }
.tab_st_ev li a.tab_on:hover { background:#fff; text-indent:0 }

.ev_top { position:relative; margin-top:80px; overflow:hidden }
.ev_top .ev_left { position:relative; float:left; width:33.33333%; padding-top:30px }
.ev_top .ev_left .ev_tl { position:relative; margin-top:70px; font-size:5.0em; color:#222; text-align:center; line-height:1.2; width:100%; }
.ev_top .ev_left .ev_setxt { position:relative; margin-top:5px; font-size:2.0em; color:#444; text-align:center; line-height:1.2; font-weight:300; width:100%; }
.ev_top .ev_pic { position:relative; float:left; width:33.33333%; text-align:center }
.ev_top .ev_right { position:relative; float:left; width:33.33333%; text-align:center; padding-top:110px }
.ev_top .ev_right a.ev_link { display:inline-block; padding:25px 20px 25px 70px; text-align:center; font-size:1.4em; color:#27958f; background:url(../images/ico_home1.png) no-repeat 20px center #f3f3f3; border:1px solid #e7e7e7; transition: all 0.2s ease-out; }
.ev_top .ev_right a.ev_link:hover { color:#fff; background:url(../images/ico_home1_on.png) no-repeat 20px center #27958f; border:1px solid #27958f;  }

.ev_exp { position:relative; margin-top:50px; }
.ev_exp .exp_t1 { font-size:1.45em; color:#333; line-height:1.8 }
.ev_exp .exp_t2 { font-size:1.45em; color:#333; line-height:1.8; margin-top:20px }
.exp_list { margin-top:30px; }
.exp_list li { font-size:1.35em; color:#555; line-height:1.75; margin-bottom:14px; padding-left:13px; background:url(../images/bullet4.jpg) no-repeat 2px 11px }
.exp_list li span { font-weight:700; color:#2f67d6; }
.ev_photo { position:relative; margin-top:40px; background:url(../images/evpic_bg.gif) no-repeat center center; height:353px; padding:48px 50px }
.ev_photo img { margin-right:19px }
.ev_photo img:last-child { margin-right:0 }
.ev_photo2 { position:relative; margin-top:40px; background:url(../images/evpic_bg.gif) no-repeat center center; height:353px; padding:48px 50px }
.ev_photo2 img { margin-right:19px }
.ev_photo2 img:last-child { margin-right:0 }


.ev_sch_top_tl { position:relative; margin:50px 0 -20px 0; text-align:center; }
.ev_sch_top_tl h4 { position:relative; font-size:2.6em; color:#2f67d6; font-weight:700; text-align:center; display:inline-block; padding-bottom:6px; border-bottom:1px solid #2f67d6 }

.tab_st_pop { position:relative; width:100%; margin:0 0 0 0; overflow:hidden; margin-top:40px; background:url(../images/tab_line_bg.gif) repeat-x}
.tab_st_pop li { float:left; margin-right:0; width:50%; text-align:center }
.tab_st_pop li a { background:#fff; color:#868691; font-weight:400; font-size:1.3em; padding:12px 30px 12px 30px; display:block; border-color:#cacadb; border-style:solid solid none solid; border-width:1px 1px 0 1px; text-decoration:none }
.tab_st_pop li a:hover { color:#2f67d6; font-weight:400; text-decoration:none }
.tab_st_pop li.on { padding:12px 20px 13px 20px; background:#fff; border-color:#2f67d6; border-style:solid solid none solid; border-width:1px 1px 0 1px; color:#2f67d6; font-weight:400 }
.tab_st_pop li a.tab_on { padding:12px 30px 13px 30px; background:#fff; border-color:#2f67d6; border-style:solid solid none solid; border-width:1px 1px 0 1px; color:#2f67d6; font-weight:700 }


.i-opt  {height:38px; padding:10px 8px 8px 8px; font-size:13px; color:#333; border:#CCC 1px solid; }

.ct_search_box { position:relative; border:1px solid #dcdcdc; background:#f3f3f3; border-right:none; border-left:none; padding:20px 25px; margin-top:60px;}
.ct_search_box .sel_la { background:url(../images/bullet1.gif) no-repeat left center; padding:0 0 0 9px; font-size:1.2em; font-weight:400; color:#1647a7;}

.sr_top_txt { position:relative; margin-top:60px; background:url(../images/ico_p.png) no-repeat; font-size:1.3em; color:#444; padding:2px 0 7px 36px; }
.sr_top_txt1_1 { position:relative; margin-top:60px; background:url(../images/ico_p.png) no-repeat; font-size:1.3em; color:#444; padding:2px 0 7px 36px; }
.sr_top_txt1 { position:relative; margin-top:60px; background:url(../images/ico_t.png) no-repeat left 10px; font-size:1.3em; color:#444; padding:2px 0 7px 36px; }
.sr_top_txt2 { position:relative; margin-top:60px; background:url(../images/ico_r.png) no-repeat left 10px; font-size:1.3em; color:#444; padding:2px 0 7px 36px; }
.sr_top_txt2_1 { position:relative; margin-top:60px; background:url(../images/ico_l.png) no-repeat; font-size:1.3em; color:#444; padding:2px 0 7px 36px; }
.sr_top_txt span, .sr_top_txt1 span, .sr_top_txt1_1 span, .sr_top_txt2 span, .sr_top_txt2_1 span { color:#1647a7; font-weight:500; font-size:0.85em }
.sr_top_txt select.sel, .sr_top_txt1 select.sel, .sr_top_txt1_1 select.sel, .sr_top_txt2 select.sel { height: 40px;padding:0 25px 0 10px; border:1px solid #7b7b7b; color: #333; font-size:0.9em;}
.sr_top_txt select.sel, .sr_top_txt1 select.sel, .sr_top_txt1_1 select.sel, .sr_top_txt2 select.sel { background:url(../images/sel_ar1.png) right 50% no-repeat #fff; -webkit-appearance:none;-moz-appearance: none;appearance: none;}
.sr_top_txt select.sel::-ms-expand, .sr_top_txt1 select.sel::-ms-expand, .sr_top_txt1_1 select.sel::-ms-expand, .sr_top_txt2 select.sel::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/ }
.top_ref { font-size:1.1em }

.ct_tl_wp { position:relative; width:100%; display:flex; align-items: center; justify-content: flex-start;}
.ct_tl_wp .ct_tl { position:relative; margin-top:0; font-size:5.5em; font-weight:700; color:#1A1C1C; display:flex; align-items: center; justify-content: center; background:#fff; padding-right:40px; z-index:1 }
.ct_tl_wp .ct_tl em { font-size:0.35em; margin-left:30px; opacity:.4 }
.ct_tl_wp:after { position:absolute; left:0; top:50px; margin-top:-2px; background:#fff; width:100%; height:1px; border-bottom:1px dashed #1A1C1C; display:block; content:''; z-index:0}
.ct_tl01 { position:relative; margin-top:80px; font-size:2.55em; font-weight:700; color:#1A1C1C; }


.vs_result_top { position:relative; margin-top:60px; text-align:center; color:#444; font-size:1.8em; letter-spacing:-0.05em; padding:50px 40px; border:1px solid #e8e8e8; font-weight:300 }
.vs_result_top span { color:#1647a7; font-weight:700 }
.vs_result_top .vs_d_btn { position:absolute; right:30px; top:33px; height:50px }
.vs_table_area { position:relative; margin-top:40px; background:#f6f6f6; text-align:center; min-height:400px; font-size:1.3em; color:#555; }

.std_wp { position:relative; width:1200px; overflow:hidden; margin-top:60px}
.std_wp1 { position:relative; width:1200px; overflow:hidden; margin-top:80px}
.std_wp1 .std_map_left { position:relative; float:left; width:590px; margin-right:20px; }
.std_wp1 .std_map_right { position:relative; float:left; width:590px; }
.std_map { position:relative; width:1200px; height:361px; overflow:hidden }
.std_map1 { position:relative; width:100%; height:361px; overflow:hidden }




.tb_wp_t_rank { margin-top:15px; overflow-y:scroll; height:433px; border-bottom:1px solid #d7d7d7; }
.tb_wp_t_rank02 { margin-top:15px; overflow-y:scroll; height:170px; border-bottom:1px solid #d7d7d7; }
.tbl_m {width:100%;border-collapse:collapse;border-spacing:0;border-top: #333 2px solid; border-right:none; border-left:none;}
.tbl_m th, .tbl_m td { border-right: #d7d7d7 1px solid; border-bottom: #d7d7d7 1px solid; vertical-align:middle;text-align: center; }
.tbl_m th:last-child, .tbl_m td:last-child { border-right:none }
.tbl_m th {background-color:#f0f0f0; color:#000; text-align:center; padding:10px 8px; font-weight:400; font-size:1.15em; letter-spacing:-0.05em}
.tbl_m td {padding:8px 5px 8px 5px; color:#444; font-size:1.15em; letter-spacing:-0.05em}
.tbl_m th.medal img, .tbl_m td.medal img { width:22px; height:26px; }
.tbl_m td.t_score { color:#222; font-weight:600 }
.tbl_m td.medal_c1 { color:#fe4b0d; font-weight:600 }
.tbl_m td.medal_c2 { color:#878b8f; font-weight:600 }
.tbl_m td.medal_c3 { color:#9c7659; font-weight:600 }
.guide_mt { position:relative; margin-top:10px; font-size:1.0em; font-weight:300; color:#666; letter-spacing:-0.03em}

.top_sel { position:relative; margin-top:50px; text-align:right }
.top_sel label { display:none }
.top_sel1 { position:absolute; right:0; top:-5px;text-align:right }
.top_sel1 label { display:none }

.top_left { float:left; font-size:1.25em; padding-top:10px; }


/* 2018.11.13 */
.bd_latest_wp { position:relative; overflow:hidden; margin-top:50px}
.bd_latest_wp .latest_news { position:relative; float:left; width:590px; margin-right:20px; padding:30px; border:1px solid #ebebeb; background:#f3f6f8; }
.bd_latest_wp .latest_news:last-child { margin-right:0 }
.bd_latest_wp .latest_news .bd_s_tl { position:relative; padding-bottom:15px; border-bottom:1px solid #e3e3e3; padding-left:32px; background:url(../images/l_nt_bullet.png) no-repeat left 0}
.bd_latest_wp .latest_news .bd_s_tl span.st1 { color:#008fe9; font-size:1.4em; display:inline-block; margin-right:12px; vertical-align:middle; font-weight:400}
.bd_latest_wp .latest_news .bd_s_tl span.st2 { color:#999; font-size:1.0em; display:inline-block; vertical-align:middle}
.bd_latest_wp .latest_news .bd_l_suj a { display:block; font-size:1.6em; color:#333; line-height:1.3; margin-top:12px; padding:10px 0; letter-spacing:-0.03em; }
.bd_latest_wp .latest_news .bd_l_suj a:hover { color:#111; text-decoration:underline }
.bd_latest_wp .latest_news .bd_li_bt { margin-top:20px }
.bd_latest_wp .latest_news .bd_li_bt .bd_l_date { color:#666; font-size:1.0em; display:inline-block; vertical-align:middle;}
.bd_latest_wp .latest_news .bd_li_bt .bd_l_date:after { padding-left:12px; margin-right:12px; content:"|"; color:#c6c6c6 }
.bd_latest_wp .latest_news .bd_li_bt .bd_l_hit { color:#666; font-size:1.0em; display:inline-block; vertical-align:middle}

/* BBS - TOP */
.bd_top { position:relative; width:100%; height:40px; margin-top:40px; }
.bd_top .bd_state { position:absolute; right:0; top:12px; color:#888891; font-size:1.1em; }
.bd_top .bd_state span { color:#15397f }
div#select_box { position: relative; width: 100px; height: 40px; background: url(../images/sel_ar1.png) right center no-repeat; /* 화살표 이미지 */ border: 1px solid #7b7b7b; display:inline-block; vertical-align:top;}
div#select_box label { position: absolute; font-size: 1.15em; color: #333; top: 9px; left: 10px; letter-spacing:-0.05em;;}
div#select_box select#color { width: 100%; height: 40px; min-height: 40px; line-height: 40px; padding: 0 10px; opacity: 0;filter: alpha(opacity=0); /* IE 8 */ font-size:1.15em;}
.bd_top .search_field { position:relative; display:inline-block; vertical-align:top; padding:11px 5px; border:1px solid #7b7b7b; background:#fff; font-size:1.1em; height:40px;}
.bd_top .search_field::placeholder { color:#999; }
.bd_top .search_field::-webkit-input-placeholder { color:#999;}
.bd_top .search_field:-ms-input-placeholder { color:#999;}
.bd_top .search_btn { position:absolute; left:288px; top:0 }
button.search_bd { position:relative; display:inline-block; vertical-align:top; cursor:pointer; width:60px; height:40px; padding:5px; border:none; background:#444; transition:all 0.3s ease; color:#fff; font-size:1.2em; font-weight:400;}
button.search_bd:hover { background:#222; color:#fff }
.src { position:relative; margin-top:20px; z-index:2; *zoom:1; }
.src:after { content:""; display:block; clear:both}
.src span { display:inline-block; float:left; margin-right:3px;}
.src .hit { position:absolute; top:2px; right:0; font-size: 1.1em; color:#888;}
.inp_st1 { height:22px; padding:2px 10px; font-size: 1.0em; border: 1px solid #d5d5d5; }
.inp_st2 { height:36px; padding:2px 10px; font-size: 1.0em; border: 1px solid #d5d5d5; }

.tb_top {position:relative; width:100%; height:40px; margin-top:50px; }
.tb_top .src_wrap {position:absolute; top:0; right:0}
.lab {position:absolute; left:-9999px}
.tb_top .list_num { position:relative; color:#666; font-size:1.1em; padding-top:0; display:block }
.tb_top .list_num span.bnum { color:#163970; font-weight:400 }

.i-src-fld { display:inline-block; vertical-align:top; height: 40px;padding:0 30px 0 12px; background-color: #fff;border:1px solid #7b7b7b; font-size:1.2em }
.i-src-fld::placeholder { color:#777; font-size:1.0em }
.i-src-fld::-webkit-input-placeholder { color:#777; font-size:1.0em}
.i-src-fld:-ms-input-placeholder { color:#777; font-size:1.0em}

/* 게시판 list table */
.board_list_wrap { width:100%; margin-top:20px; border-top:1px solid #004e57; border-right:1px solid #e8e8e8 }
.table_board { width:100%; letter-spacing:0; font-size:0.95em; }
.table_board th { padding:20px; text-align:left; background:#f0f0f0; color:#333; border-color:#e8e8e8; border-style:solid; border-width:0 1px 1px 1px; font-weight:bold; }
.table_board td { padding:20px; border-color:#e8e8e8; border-style:solid; border-width:0 0 1px 0; text-align:left; color:#666; }

.board_list_wrap1 { margin:20px 0 0 0; border-top:1px solid #2f67d6 }
.table_board1 { width:100%; letter-spacing:0; }
.table_board1 th { padding:13px 0 14px 0; background:#ebeff3; text-align:center; color:#163970; border-color:#d4d7de; border-style:none none solid none; border-width:0 0 1px 0; font-size:1.3em; font-weight:400; }
.table_board1 td { padding:15px 0; border-color:#e5e5e5; border-style:none none solid none; border-width:0 0 1px 0; text-align:center; color:#666; font-size:1.3em }
.table_board1 tbody tr:hover { background:#f5f7f9; }
.table_board1 td.num { color:#555; }
.table_board1 td.suj { text-align:left; padding-left:10px; line-height:1.3; }
.table_board1 td.suj a { color:#333; text-decoration:none; font-size:1.05em; transition:all 0.4s ease;}
.table_board1 td.suj a:hover { color:#000; font-weight:400; }

.board_gallery_wrap { width:100%; margin-top:22px; padding-bottom:35px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.gallery_wp  { position:relative; padding:0; overflow:hidden }
.gallery_wp .gallery { position:relative; float:left; width:290px; height:310px; margin-right:13px; background:#fff; border:1px solid #dedede; padding:9px; margin-top:35px }
.gallery_wp .gallery:nth-child( 4 ), .gallery_wp .gallery:nth-child( 8 ), .gallery_wp .gallery:nth-child( 12 ) { margin-right:0 }
.gallery_wp .gallery .ga_pic { width:100%; overflow:hidden; background:#000}
.gallery_wp .gallery .ga_pic:hover img { opacity:.5 }
.gallery_wp .gallery .ga_pic:hover .view_wp { display:block }
.gallery_wp .gallery .ga_pic img { width:100%; transition:all 0.3s ease; height:200px}
/*.gallery_wp .gallery .ga_pic .view_wp { position:absolute; left:9px; top:9px; width:270px; height:130px; display:none; }
.gallery_wp .gallery .ga_pic .view_wp a { display:block; padding:35% 0 40px 0; height:130px; color:#fff; text-align:center; font-size:1.0em; font-weight:500 }*/
.gallery_wp .gallery .ga_suj a { margin-top:8px; display:block; font-size:1.3em; color:#333; padding:10px; line-height:1.3 }
.gallery_wp .gallery .ga_date { margin-top:0; color:#999; font-size:1.1em; padding:0 10px }
.gallery_wp .gallery .ga_date span { color:#3297f5 }
.gallery_wp .gallery .ga_date span:after { color:#999; content:"|"; font-size:0.8em; vertical-align:middle; margin:0 10px}



/* button select input */
.btn_al { position:relative; margin:40px 0 0 0; text-align:center; overflow:hidden }
.btn_al1 { position:relative; margin:60px 0 0 0; text-align:center; overflow:hidden }

select.sel { height: 40px;padding:0 25px 0 10px; border:1px solid #7b7b7b; color: #333; font-size:1.1em;}
select.sel { background:url(../images/sel_ar1.png) right 50% no-repeat #fff; -webkit-appearance:none;-moz-appearance: none;appearance: none;}
select.sel::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/ }

.tsrc_inp { display:inline-block; height:40px; padding:0 10px 0 10px; border:1px solid #7b7b7b; color: #333; font-size:1.1em;}
.tsrc_inp::placeholder { color:#999; }
.tsrc_inp::-webkit-input-placeholder { color:#999;}
.tsrc_inp:-ms-input-placeholder { color:#999;}

.ctn_result_view_tl { position:relative; margin-top:50px; font-size:2.2em; color:#222; text-align:center; padding-bottom:20px; background:url(../images/tl_bullet1.gif) no-repeat center bottom}
.btn_down { position:absolute; right:20px; top:10px; }
a.bt_down { display:block; padding:8px 10px !important; background:#fff !important; border:1px solid #d7d7d7; text-align:center; color:#444; font-size:0.9em !important; transition:all 0.3s ease;}
a.bt_down:hover { background:#3297f5 !important; color:#fff !important; border-color:#3297f5; }

button.search { position:relative; cursor:pointer; width:220px; padding:20px 15px; border:none; background:#2f67d6; transition:all 0.3s ease; color:#fff; font-size:1.5em; font-weight:400;}
button.search:hover { background:#141a25; color:#fff }
button.search1 { position:relative; cursor:pointer; width:60px; height:40px; padding:5px; border:none; background:#444; transition:all 0.3s ease; color:#fff; font-size:1.2em; font-weight:400;}
button.search1:hover { background:#222; color:#fff }


a.btn_list { position:relative; display:inline-block; margin:0 auto; width:180px; color:#333 !important; font-size:1.35em !important; padding:16px 20px; background:url(../images/ico_list.png) no-repeat 20px center #fff; padding-right:20px; text-align:right; transition:all 0.3s ease; border:1px solid #555; font-weight:400; transition:all 0.3s ease; }
a.btn_list:hover { background:url(../images/ico_list_on.png) no-repeat 20px center #555; color:#fff !important }

a.btn_xls { position:relative; display:inline-block; margin:0 auto; width:250px; color:#333 !important; font-size:1.45em !important; padding:20px 20px; background:url(../images/ico_xlx.png) no-repeat 20px center #fff; padding-right:20px; text-align:right; transition:all 0.3s ease; border:1px solid #555; font-weight:400; transition:all 0.3s ease; }
a.btn_xls:hover { background:url(../images/ico_xlx_on.png) no-repeat 20px center #555; color:#fff !important }

a.btn_print { position:relative; display:inline-block; margin:0 auto; width:250px; color:#333 !important; font-size:1.45em !important; padding:20px 20px; background:url(../images/ico_print.png) no-repeat 20px center #fff; padding-right:20px; text-align:right; transition:all 0.3s ease; border:1px solid #555; font-weight:400; transition:all 0.3s ease; }
a.btn_print:hover { background:url(../images/ico_print_on.png) no-repeat 20px center #555; color:#fff !important }


a.tb_btn { position:relative; display:inline-block; padding:5px 8px; background:#666; border:1px solid #666; color:#fff !important; text-align:center; border-radius:3px }
a.tb_btn:hover { background:#333; color:#fff !important; border:1px solid #333 }
a.tb_btn_t { position:relative; display:inline-block; padding:5px 8px 5px 30px; background:url(../images/ico_t1.png) no-repeat 10px center #666; border:1px solid #666; color:#fff !important; text-align:center; border-radius:3px; transition:all 0.3s ease;}
a.tb_btn_t:hover { background:url(../images/ico_t1.png) no-repeat 10px center #2f67d6; border:1px solid #2f67d6; color:#fff !important }
a.tb_btn_r { position:relative; display:inline-block; padding:5px 8px 5px 30px; background:url(../images/ico_t2.png) no-repeat 10px center #666; border:1px solid #666; color:#fff !important; text-align:center; border-radius:3px; transition:all 0.3s ease;}
a.tb_btn_r:hover { background:url(../images/ico_t2.png) no-repeat 10px center #2f67d6; border:1px solid #2f67d6; color:#fff !important }
a.tb_btn_s { position:relative; display:inline-block; padding:5px 8px 5px 30px; background:url(../images/ico_t3.png) no-repeat 10px center #666; border:1px solid #666; color:#fff !important; text-align:center; border-radius:3px; transition:all 0.3s ease;}
a.tb_btn_s:hover { background:url(../images/ico_t3.png) no-repeat 10px center #2f67d6; border:1px solid #2f67d6; color:#fff !important }
a.btn_down { position:relative; display:inline-block; padding:10px 10px 10px 45px; background:url(../images/ico_down.png) no-repeat 10px center #f0464c; border:1px solid #f0464c; color:#fff !important; text-align:center; border-radius:3px; transition:all 0.3s ease; font-size:0.7em !important;}
a.btn_down:hover { background:url(../images/ico_down.png) no-repeat 10px center #d12f34; border:1px solid #d12f34; color:#fff !important }

.w100 { width:100px }
.w120 { width:120px }
.w180 { width:180px }
.w250 { width:250px }
.w300 { width:300px }
.ml8 { margin-left:8px }
.ml18 { margin-left:18px }

.ready { text-align:center; color:#394755; font-size:1.55em; padding:250px; background:#eff3f7; margin-top:90px; font-weight:600; letter-spacing:-0.03em;}

#modalLayer{ display:none; position:fixed; left:0; top:0; z-index:99999; width:100%; height:100%; background:url(../images/pop_bg.png); opacity:1}
#modalLayer .modalContent { position:relative; padding:40px 10px 60px 10px;  }
#modalLayer .modal_close { position:relative; text-align:center; padding-top:100px; width:100%; z-index:9999}
#modalLayer .modal_close_m { display:none }
#modalLayer .modal_close .btn_pop_close { position:relative; text-align:center; padding-top:50px; width:100%; z-index:9999}
.pop_menu_wp { position:relative; width:950px; background:#fff; margin:60px auto 0 auto; padding:40px; height:600px; overflow-y:scroll }
.game_tl { position:relative; text-align:center; font-size:2.2em; color:#333; font-weight:400 }
.pageScroll{
	position: fixed !important;
	top: 30%;
	right: 25px;
	margin-top: 0;
	width: 60px;
	height:99px;
	z-index:9999;
}


.scrollNav a{
	display: block;
	color: #666;
	font-weight: normal;
	padding:10px 8px;
	color:#c9ced1;
	font-size:0.75em;
	letter-spacing:-0.03em;
	line-height:1.3;
	width:60px;
	background:#fff;
	border:1px solid #e5ded8;
	text-align:center;
	margin:2px 0;
	transition:all 0.3s ease;
}


.scrollNav a:hover{
	color: #fff;
	background:#9d7157;
	border:1px solid #9d7157;
	text-decoration: none;
}

li.scrollNav.active a{
	background:#9d7157;
	border:1px solid #9d7157;
	color: #fff;
}



/*-- 블록 설정 색상 start--*/
::-moz-selection{
          background: #21B7DA;
          color: #1A1B1D;
}
::selection{
          background: #21B7DA;
          color: #1A1B1D;
}


.img_pc { display:block}
.img_mo { display:none }
	
@media all and (max-width:1400px) {
.wid01 { width:100%; margin:0 auto; padding:0 3rem; }
}
	
@media all and (max-width:1000px) {
	
	
	.jbFixed #header { position:relative; width:100%; height:60px; background: rgba(18, 21, 21, .92); z-index:100; border-bottom:none}
	.jbFixed #header .header_inner { position:relative; width:100%; height:60px; margin:0 auto; }
	.jbFixed #header .header_inner h1 { position:absolute; left:15px; top:19px; width:130px; height:20px; background-size:cover }
	.jbFixed #header .header_inner h1 a { display:block; width:130px; height:20px; background:url(../images/logo_m.png) no-repeat; text-indent:-5000px; background-size:cover; }
	.jbFixed #header .header_inner nav { display:none }
	.jbFixed #header .header_inner .top_btn_news { position:absolute; right:70px; top:10px; width:auto; height:auto; background:none; background-size:15px 19px; display: block; justify-content:flex-end; align-items: center; transition: all 0.4s ease;}
	
	
	
	.jbFixed #cd-menu-trigger .cd-menu-icon { background:#fff }
	.overflow-hidden .jbFixed #header { opacity:1 }
	.overflow-hidden .jbFixed #header .header_inner h1 a { display:block; width:100px; height:30px; background:url(../images/logo.png) no-repeat; text-indent:-5000px; background-size:cover; }
	
	#header { position:fixed; left:0; top:0; width:100%; height:60px; z-index:999; background:none}
	#header .header_inner { position:relative; width:100%; height:60px; margin:0 auto; }
	#header .header_inner h1 { position:absolute; left:15px; top:19px; width:130px; height:20px }
	#header .header_inner h1 a { display:block; width:130px; height:20px; background:url(../images/logo_m.png) no-repeat; text-indent:-5000px; background-size:cover; }
	#header .header_inner nav { display:none;}
	#header .header_inner .nav_pc { display:none;}
	#header .header_inner .top_btn_news { position:absolute; right:70px; top:10px; width:auto; height:auto; background:none; background-size:15px 19px; display: block; justify-content:flex-end; align-items: center; transition: all 0.4s ease;}
	#header .header_inner .top_btn_news a { display:block; padding:10px 10px; color:#fff; font-size:1.0em !important; font-weight:600; padding-right:0; }
	#header .header_inner .top_btn_news:hover { background:none; transition: all 0.15s ease; }
	#header .header_inner .top_btn_news:hover a { color:#fff;}

	#header .header_inner nav ul li ul li ul.dep2 { position:absolute; left:190px; top:0; width:196px; background:#15397f; margin:0 0 0 0; display: none; padding:0}
	#header .header_inner nav ul li ul li ul.dep2 li { position:relative; float:none; border-bottom:1px solid #214386; width:100%; text-indent:0; }
	#header .header_inner nav ul li ul li ul.dep2 li:last-child { border-bottom:none; }
	#header .header_inner nav ul li ul li ul.dep2 li a { display:block; color:#fff; text-align:center; padding:12px 10px; letter-spacing:-0.03em; font-size:1.25em; font-weight:400; line-height:1.4;}
	#header .header_inner nav ul li ul li ul.dep2 li a:hover { background:#0e2b62; color:#ffd33c;}
	#header .header_inner nav ul li ul li ul.dep2 li:last-child a { padding:12px 15px }
	.t_menu { display:none }
	#header .header_inner .ham_menu { display:block }
	.main_wrap { display:none  }
	.main_wrap_mo{ position:absolute; left:0; top:-400px; height:550px; width:100%; background:#171819; z-index:0; display:block  }
	.mv_txt { position:absolute; left:0; top:45px; z-index:9 ; width:100%;}
	.mv_txt .mv_txt_inner { position:relative; width:100%; margin:0 auto; }
	.mv_txt .mv_txt_inner .mv_t_top { position:relative; width:100%; text-align:center; font-size:2.5em; color:#fff; font-weight:700; }
	.mv_txt .mv_txt_inner .mv_t_top1 { text-align:center; font-size:1.3em; color:#fff; margin-top:3px; font-weight:300 }
	.mv_txt .mv_txt_inner .mv_t_middle { text-align:center; margin-top:30px; }
	.mv_txt .mv_txt_inner .mv_t_middle .mvtm_t1 { color:#ffe952; font-size:1.2em; letter-spacing:-0.03em; font-weight:400 }
	.mv_txt .mv_txt_inner .mv_t_middle .mvtm_t1_1 { margin-top:8px }
	.mv_txt .mv_txt_inner .mv_t_middle .mvtm_t1_1 img { width:120px; height:inherit }
	.mv_txt .mv_txt_inner .mv_t_middle .mvtm_t2 { color:#ffb33c; font-size:1.25em; letter-spacing:-0.03em; margin-top:15px; }
	.mv_txt .mv_txt_inner .mv_t_middle .mvtm_t3 { color:#ffb33c; font-size:1.0em; letter-spacing:-0.03em }
	.mv_txt .mv_txt_inner .mv_t_middle .mvtm_t4 { color:#ffb33c; font-size:1.0em; letter-spacing:-0.03em; margin-top:6px; }
	.mv_txt .mv_txt_inner .mvt_ch { position:absolute; left:60px; top:180px; display:none }
	.mv_txt .mv_txt_inner .mvt_dday { position:relative; right:inherit; top:inherit; text-align:center; width:170px; margin:20px auto 0 auto;}
	.mv_txt .mv_txt_inner .mvt_dday .dd_t { font-size:1.2em; color:#ffd33c; line-height:1.2 }
	.mv_txt .mv_txt_inner .mvt_dday .dd_t br { display:none }
	.mv_txt .mv_txt_inner .mvt_dday .day_num { margin-top:10px }
	.mv_txt .mv_txt_inner .mvt_dday .day_num p { display:inline-block; width:38px; height:40px; background:#fff; margin-left:2px; text-align:center; color:#262c2a; font-size:2.5em; font-family: 'Roboto', sans-serif; font-weight:bold; line-height:1.4; border-radius:8px}
	.huham-main .col { height: 550px}
	.huham-main .slick-slide p.slider-txt {font-size: 28px;}
	.huham-main .slick-slide img {animation:fadeOut 1s both; width:100%;}
	.huham-main .slick-active img {animation:Bigshow 1s both; animation-duration: 2s; width:100%;}
	
	.mv_mobile { display:block }
	.mv_pc { display:none }


	.main_visual_wp { position:relative; width:100%; height:450px; margin-top:0; overflow:hidden}
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide { margin-top:0 }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv1 { width:100%; height:500px; background:url(../images/mv1_mo.jpg) no-repeat center top #090d0e; background-size:100% }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv2 { width:100%; height:500px; background:url(../images/mv2_mo.jpg) no-repeat center top #090d0e; background-size:100% }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv3 { width:100%; height:500px; background:url(../images/mv3_mo.jpg) no-repeat center top #090d0e; background-size:100% }
.swiper-container {
  height:500px;

}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 500px;
  left: 0;
  top: 0;
  background-size: 100%;
  background-position: center;
}

.swiper-slide .slide-inner .txt { position:relative; opacity:0; width:100%; height:auto; animation:txt_ani_none 0.8s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards; padding:110px 30px 0 30px; width:77%;}
.swiper-slide .slide-inner .txt br { display:none }
@keyframes txt_ani_none {
	 0% {
		 opacity:1;
         margin-top:0; 
	}
	 100% {
		 opacity:0;
		margin-top:60px; 
	}
}

@-webkit-keyframes txt_ani_none {
	 0% {
		 opacity:1;
		margin-top:10px; 
	}
	 100% {
		 opacity:0;
		margin-top:60px; 
	}
}
.swiper-slide .slide-inner .txt .t1 { position:relative; color:#fff; text-align:left; font-size:2.0em; font-weight:200; letter-spacing:-0.02em; line-height:1.3}
.swiper-slide .slide-inner .txt .t1 em { font-weight:600; color:#fff; }
.swiper-slide .slide-inner .txt .t1 em.co1 { font-weight:700; font-size:1.3em}
.swiper-slide .slide-inner .txt .t2 { position:relative; color:#20BFE6; text-align:left; font-size:1.2em; font-weight:400; letter-spacing:0.02em; margin-top:30px; line-height:1.7;}
.swiper-slide .slide-inner .txt .t2 em { color:#20BFE6; font-weight:600;}
.swiper-slide .slide-inner .txt .btn { position:absolute; left:10%; bottom:0; border-radius:0; background:url(../images/pg_next.png) no-repeat 90% center #FFF; background-size:6px 10px; transition:all 0.2s ease;}
.swiper-slide .slide-inner .txt .btn a { border-radius:0; color:#22201F !important; font-size:1.25em; font-weight:800; padding:19px 0 19px 0; display:block; letter-spacing:0; transition:all 0.2s ease;}
.swiper-slide .slide-inner .txt .btn a:after { position:relative; display:inline-block; width:50px; height:1px; background:#FC4A15; content:''; margin:-2px 0 0 30px; vertical-align:middle;}
.swiper-slide .slide-inner .txt .btn:hover { transition:all 0.2s ease; background:url(../images/pg_next_wh.png) no-repeat 90% center #FC4A15; background-size:6px 10px;}
.swiper-slide .slide-inner .txt .btn:hover a { color:#fff !important; }
.swiper-slide .slide-inner .txt .btn:hover a:after { background:#22201F;}
.swiper-slide-active .slide-inner .txt { position:relative; opacity:0; animation:txt_ani 1.2s cubic-bezier(.51, .01, 0, 1) 0.75s 1 forwards; width:77%;}
@keyframes txt_ani {
	 0% {
		 opacity:0;
		 margin-top:60px; 
	}
	 100% {
		 opacity:1;
		 margin-top:0; 
	}
}

@-webkit-keyframes txt_ani {
	 0% {
		 opacity:0;
		margin-top:60px; 
	}
	 100% {
		 opacity:1;
		margin-top:0; 
	}
}

.swiper-slide-active .slide-inner .txt .t1 {}
.swiper-slide-active .slide-inner .txt .t2 { margin-top:70px; line-height:1.7; opacity:0; animation:txt_ani_t2 1.3s cubic-bezier(.51, .01, 0, 1) 1.0s 1 forwards;}
@keyframes txt_ani_t2 {
	 0% {
		 opacity:0;
		 margin-top:70px;
	}
	 100% {
		 opacity:1;
		 margin-top:30px; 
	}
}

@-webkit-keyframes txt_ani_t2 {
	 0% {
		 opacity:0;
		 margin-top:70px;
	}
	 100% {
		 opacity:1;
		 margin-top:30px; 
	}
}

.swiper-slide-active .slide-inner .txt .btn { opacity:0; animation:txt_ani_bt 1.6s cubic-bezier(.51, .01, 0, 1) 1s 1 forwards}
@keyframes txt_ani_bt {
	 0% {
		 opacity:0;
		 bottom:-100px;
	}
	 100% {
		 opacity:1; 
		 bottom:0;
	}
}

@-webkit-keyframes txt_ani_bt {
	 0% {

		 opacity:0;
		 bottom:-100px;
	}

	 100% {
		 opacity:1; 
		 bottom:0;
	}
}

.swiper-slide-active .slide-inner .txt .btn a { opacity:0; animation:txt_ani_logo 1.6s cubic-bezier(.51, .01, 0, 1) 2s 1 forwards}
@keyframes txt_ani_logo {
	 0% {
		 opacity:0;
		 padding:19px 0 19px 0; 
	}
	 100% {
		 opacity:1; 
		 padding:19px 66px 19px 25px; 
	}
}

@-webkit-keyframes txt_ani_logo {
	 0% {
		 opacity:0;
		 padding:19px 0 19px 0; 
	}
	 100% {
		 opacity:1; 
		 padding:19px 66px 19px 25px; 
	}
}
.swiper-slide.bg1 { background:url(../images/mv1_bg.jpg) repeat-x center center }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv1 { background:url(../images/mv1_mo.jpg) no-repeat center top #090d0e; opacity:1; background-size:cover;}
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv1 { background:url(../images/mv1_mo.jpg) no-repeat center top #090d0e; animation:mv_scale 5.5s cubic-bezier(0.5, 0.46, 0, 1) 0s 1 forwards; transition:all .2s ease; background-size:150%;}

.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv2 { background:url(../images/mv3_mo.jpg) no-repeat center top #090d0e; opacity:1; background-size:cover;}
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv2 { background:url(../images/mv3_mo.jpg) no-repeat center top #090d0e; animation:mv_scale 5.5s cubic-bezier(0.5, 0.46, 0, 1) 0s 1 forwards; background-size:150%;}

.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv3 { background:url(../images/mv2_mo.jpg) no-repeat center top #090d0e; opacity:1; background-size:cover;}
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv3 { background:url(../images/mv2_mo.jpg) no-repeat center top #090d0e; animation:mv_scale 5.5s cubic-bezier(0.5, 0.46, 0, 1) 0s 1 forwards; background-size:150%;}

.swiper-slide .slide-inner.mv4 { background:url(../images/m_visual4.jpg) no-repeat center center; opacity:1; background-size:cover;}
.swiper-slide-active .slide-inner.mv4 { background:url(../images/m_visual4.jpg) no-repeat center center; animation:mv_scale 6s cubic-bezier(0, 0.32, 0.58, 1) 0s 1 forwards; }

@keyframes mv_scale {
	 0% {
		 opacity:1;
		 background-size:150%;
		 /*transform:scale(1.2, 1.2);*/
	}
	 100% {
		 opacity:1;
		 background-size:100%;
		 /*transform:scale(1.0, 1.0);*/
	}
	/*90% 100% {
		 opacity:1;


	}*/
}

@-webkit-keyframes mv_scale {
	 0% {
		 opacity:1;
		 background-size:150%;
		 /*transform:scale(1.2, 1.2);*/
	}
	 100% {
		 opacity:1;
		 background-size:100%;
		 /*transform:scale(1.0, 1.0);*/
	}
	/*90% 100% {
		 opacity:1;


	}*/
}

.swiper-container .ctr { position:absolute; left:30px; bottom:80px; display: flex; justify-content:flex-start; align-items: center; z-index:1; width:100%; }
.swiper-container .ctr .slidectr1 {position:relative;  z-index:1;  display: flex; justify-content:flex-start; align-items: center; width:100px;} 
.slidectr1 .sprev1 {position:relative; display:block; width:37px; height:37px; font-size:0; text-indent:-4000px; background:url(../images/pg_prev_wh.png) no-repeat center center; cursor:pointer;  background-size:6px 10px; margin-right:0; transition:all 0.2s ease;}
.slidectr1 .sprev1:after { position:absolute; right:-4px; top:0; content:''; width:1px; height:100%; background:none; border-left:1px dashed rgba(255,255,255,0.8); display:block; margin:0 2px 0 2px;}
.slidectr1 .snext1  {position:relative; display:block; width:37px; height:37px; font-size:0; text-indent:-4000px;  background:url(../images/pg_next_wh.png) no-repeat center center; cursor:pointer;  background-size:6px 10px; transition:all 0.2s ease; margin-left:1px;}
.slidectr1 .sprev1:hover{ background:url(../images/pg_prev.png) no-repeat center center rgba(255,255,255,0.8); animation-timing-function:ease-in-out; animation-delay:.1s; background-size:6px 10px; transition:all 0.2s ease;}
.slidectr1 .snext1:hover{ background:url(../images/pg_next.png) no-repeat center center rgba(255,255,255,0.8); animation-timing-function:ease-in-out; animation-delay:.1s; background-size:6px 10px; transition:all 0.2s ease;}
.slidectr1 .swiper-button-play {position:relative; display:block; width:43px; height:43px; font-size:0; text-indent:-4000px; background:url(../images/arrow-narrow-left.svg)no-repeat center center rgba(0,0,0,0.3); cursor:pointer;  background-size:40%; border:radius}
.slidectr1 .swiper-button-pause {position:relative; display:block; width:43px; height:43px; font-size:0; text-indent:-4000px; background:url(../images/arrow-narrow-left.svg)no-repeat center center rgba(0,0,0,0.3); cursor:pointer;  background-size:40%; border:radius}
.swiper-container .ctr .swiper-pagination { position:relative;}
.swiper-container .ctr .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; background:#fff; margin-right:15px; border-radius:0; transition:all ease 0.3s}
.swiper-container .ctr .swiper-pagination .swiper-pagination-bullet-active { width:40px; background:#22D5FF; transition:all ease 0.3s }



#mcontainor { position:relative; width:100%;  margin:0 0 0 0; padding-bottom:0; z-index:20; background:#fff; padding-top:0; }
	#mcontainor .mcont_inner { position:relative; width:100%; margin:0 auto; padding:0 12px; }
	
	.m_about { position:relative; width:100%; padding:80px 0 80px 0; background:url(../images/m_ab_bg_mo.jpg) no-repeat center center #F2F6F9; background-size:cover;}
.m_about .mab_inner { position:relative; width:100%; margin:0 auto; }
.m_about .mab_inner .mab_txt1 { position:relative; text-align:center; font-size:1.65em; color:#1B1817; font-weight:300; line-height:1.4; padding:0 10%; }
.m_about .mab_inner .mab_txt1 br { display:none }
.m_about .mab_inner .mab_txt1 em { font-weight:700 }
.m_about .mab_inner .mab_txt2 { position:relative; text-align:center; font-size:1.2em; color:#036F8B; font-weight:600; line-height:1.6; margin-top:15px; padding:0 10%;}
.m_about .mab_inner .mab_list_pic { position:relative; text-align:center; margin-top:50px; display:block; justify-content:center; align-items: center; padding:0 10%;}
.m_about .mab_inner .mab_list_pic li { position:relative; width:100%; height:150px; overflow:hidden; margin:0 0; cursor:pointer; transition:all ease 0.3s}
.m_about .mab_inner .mab_list_pic li:nth-of-type(1) .pic { position:absolute; left:0; top:0; width:100%; height:150px; background:url(../images/ab01.jpg) no-repeat center center; background-size:cover; z-index:0; transition:all ease 0.2s;}
.m_about .mab_inner .mab_list_pic li:nth-of-type(2) .pic { position:absolute; left:0; top:0; width:100%; height:150px; background:url(../images/ab02.jpg) no-repeat center center; background-size:cover; z-index:0; transition:all ease 0.2s}
.m_about .mab_inner .mab_list_pic li:nth-of-type(3) .pic { position:absolute; left:0; top:0; width:100%; height:150px; background:url(../images/ab03.jpg) no-repeat center center; background-size:cover; z-index:0; transition:all ease 0.2s}
.m_about .mab_inner .mab_list_pic li .bk { position:absolute; left:0; top:0; width:100%; height:150px; background:rgba(0,0,0,0); z-index:1 }
.m_about .mab_inner .mab_list_pic li .tx { position:absolute; left:0; top:0; width:100%; height:150px; z-index:2; display: flex; justify-content:center; align-items: center; font-size:1.4em; font-weight:600; color:#fff; transition:all ease 0.3s}
.m_about .mab_inner .mab_list_pic li:hover .tx { color:#20BFE6; transition:all ease 0.3s }
.m_about .mab_inner .mab_list_pic li:hover .bk { background:rgba(0,0,0,.7); transition:all ease 0.3s }
.m_about .mab_inner .mab_list_pic li:hover .pic { -webkit-transform: scale(1.2); transform: scale(1.2); transition:all ease 0.7s }


.m_product { position:relative; width:100%; padding:60px 0 50px 0; background:url(../images/mpro_bg.jpg) no-repeat center center; background-size:cover; z-index:9}
.m_product .mpro_inner { position:relative; width:100%; margin:0 auto; padding:0 3%; }
.m_product .mpro_inner .mpro_tl { position:relative; text-align:center; font-size:1.6em; color:#fff; font-weight:600; line-height:1.4; letter-spacing:0.2em }
.m_product .mpro_inner .mpro_tl em { font-weight:400; font-size:0.6em; display:block; letter-spacing:0.3em; color:rgba(255,255,255,.5) }


.tab-slider {
  position: relative; margin-top:30px;
}

.tabs {
	position:relative; right:inherit; bottom:inherit; z-index:10; display: flex; justify-content:space-between; align-items: center; }

.tab {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 10px 0;
  font-size:1.2em;
  font-weight:600;
  letter-spacing:0.03em;
  margin: 0 4px;
  color:rgba(255,255,255,.6);
  border-top:1px solid rgba(255,255,255,.6);
  border-bottom:1px solid rgba(255,255,255,.6);
  display:block;
  position:relative;
  transition:all ease 0.3s
}
.tab:after { display:none; position:absolute; left:-250px; top:50%; width:0; height:2px; background:#20BFE6;  content:''; margin:-1px 0 0 0; transition:all ease 0.3s }

.tab.active {
  color: #fff;
  font-weight:600;
  padding: 10px 15px;
  background:#036F8B;
  border:none;
  transition:all ease 0.3s
}
.tab.active:after { display:none; position:absolute; left:-250px; top:50%; width:200px; height:2px; background:#20BFE6;  content:''; margin:-1px 0 0 0; transition:all 0.5s cubic-bezier(.51, .01, 0, 1); }

.tab-content { position:relative; width:100%;}

.tab-pane {
  display: none;
  padding: 10px;
  
}
.tab-pane .pro_cont { position:relative; text-align:center; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; flex-direction: column-reverse; margin-top:12px;}
.tab-pane .pro_cont .pro_pic { margin-bottom:0; width:100%; }
.tab-pane .pro_cont .pro_pic img {border:0px solid #20BFE6;  width:100%; }
.tab-pane .pro_cont .pro_exp { position:relative; left:inherit; top:inherit; color:#fff; text-align:left; width:100%; font-size:1.2em; margin-top:20px; font-weight:400; letter-spacing:-0.00em; animation:ani001 2s ease 0s 1 forwards; opacity:0;}
@keyframes ani001 {
	 0% {
	opacity:0;

	}
	 100% {
	opacity:1;

	}
}
.tab-pane .pro_cont .pro_exp1 { position:relative; left:inherit; top:inherit; color:#fff; margin-top:20px;  text-align:left; font-size:1.2em; font-weight:400; letter-spacing:0;animation:ani002 2s ease 0s 1 forwards; opacity:0;}
@keyframes ani002 {
	 0% {
	opacity:0;

	}
	 100% {
	opacity:1;

	}
}
.tab-pane .pro_cont .pro_exp em { display:block; font-weight:600; margin-bottom:12px; font-size:1.5em;  }
.tab-pane .pro_cont .pro_exp .tx1 { position:absolute; left:90px; top:8px; margin:0 0 0 0; font-size:0.85em; letter-spacing:0; opacity:.6; font-weight:500;}
.tab-pane .pro_cont .pro_exp br { display:none }
.tab-pane .pro_cont .pro_exp1 em { display:block; font-weight:600; margin-bottom:12px; font-size:1.4em; line-height:1.2 }
.tab-pane .pro_cont .pro_exp1 .tx1 { margin:-30px 0 30px 0; font-size:0.6em; letter-spacing:0; opacity:.6 }
.tab-pane .pro_cont .pro_exp br, .tab-pane .pro_cont .pro_exp1 br { display:none }

.tab-pane .pro_cont .pro_exp .go_pro { display:block; margin:20px 0 0 0; }
.tab-pane .pro_cont .pro_exp .go_pro a { font-size:0.9em; color:#20BFE6; font-weight:500; padding:5px 30px 5px 0; background:url(../images/ar-go1.svg) no-repeat right center; background-size:6px 10px; }

.tab-pane .pro_cont .pro_exp1 .go_pro { display:block; margin:20px 0 0 0; }
.tab-pane .pro_cont .pro_exp1 .go_pro a { font-size:0.9em; color:#20BFE6; font-weight:500; padding:5px 30px 5px 0; background:url(../images/ar-go1.svg) no-repeat right center; background-size:6px 10px; }
.tab-pane .pro_cont .pro_exp .go_pro a:hover, .tab-pane .pro_cont .pro_exp1 .go_pro a:hover {text-decoration:underline }

.tab-pane.active {display: block;}


.arrow {
  position: absolute;
  top: 10px;
  cursor: pointer;
  font-size: 25px;
  color: #666;
}

.left-arrow {
  left: 0;
}

.right-arrow {
  right: 0;
}

.tab-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.tab-dot {
	display:none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 5px;
  cursor: pointer;
}

.tab-dot.active {
  background-color: #666;
}


.m_member { position:relative; width:100%; padding:140px 0 130px 0; background:url(../images/m_mem_bg_mo.jpg) no-repeat center center #F2F6F9; z-index:8; background-size:cover}
.m_member .mmem_inner { position:relative; width:100%; margin:0 auto; }
.m_member .mmem_inner .mmb_txt1 { position:relative; text-align:center; font-size:1.7em; color:#1B1817; font-weight:300; line-height:1.4 }
.m_member .mmem_inner .mmb_txt1 em { font-weight:700 }
.m_member .mmem_inner .mmb_txt2 { position:relative; text-align:center; font-size:1.1em; color:#b1b4b7; font-weight:600; line-height:1.3; letter-spacing:0.1em; margin-top:90px; }
.m_member .mmem_inner .mmb_txt2 em {font-size:1.7em; letter-spacing:0.3em; display:block }
.m_member .mmem_inner .mmb_list_pic { position:relative; text-align:center; margin-top:100px; display: flex; justify-content:center; align-items: center; gap:50px }
.m_member .mmem_inner .mab_btn { position:relative; text-align:center; margin-top:100px;}
.m_member .mmem_inner .mab_btn a { position:relative; display:inline-block; padding:24px 36px; background:#036F8B; color:#fff; font-size:1.35em; font-weight:600 }
.m_member .mmem_inner .mab_btn a:hover { background:#004f64; padding:24px 60px;}

	
	.m_bottom_ctn .m_certi { background:url(../images/m_certi_bg.jpg) no-repeat 35px center #0056a6; background-size:107px 150px; width:100%; height:100%; padding:50px 40px 50px 190px; }
	.m_bottom_ctn .m_certi .tl_e { color:rgba(255,255,255,.5); font-size:0.9em; font-weight:600; letter-spacing:0.15em}
	.m_bottom_ctn .m_certi .tl_k { color:rgba(255,255,255,1); font-size:1.4em; font-weight:500; margin-top:5px;}
	.m_bottom_ctn .m_certi a.go { margin-top:20px;position:relative; display:inline-block; background:#fff; padding:12px 20px; color:#0056a6; font-size:1.1em; font-weight:600; transition:all 0.2s ease; }
	.m_bottom_ctn .m_certi a.go:hover { background:#062644; color:#fff; transition:all 0.3s ease; }
	.m_bottom_ctn .m_link { width:100%; height:100%; padding:35px 25px;  }
	.m_bottom_ctn .m_link .m_map { position:relative; cursor:pointer}
	.m_bottom_ctn .m_link .m_qna { position:relative; margin-top:20px; padding-top:20px; border-top:1px dashed #0056a6; cursor:pointer}
	.m_bottom_ctn .m_link .m_lk_tl { position:relative; font-weight:700; color:#222; font-size:1.3em; letter-spacing:-0.03em;}
	.m_bottom_ctn .m_link .m_lk_txt { position:relative; font-weight:400; color:#6c90c1; font-size:1.15em; letter-spacing:-0.03em; margin-top:5px;}
	.m_bottom_ctn .m_link .m_lk_go { position:absolute; right:0; top:50%; width:32px; height:32px; margin:-16px 0 0 0; background:url(../images/ar-go.png) no-repeat center center #0056a6; background-size:7px; box-shadow: 10px 15px 15px 0 rgba(0,0,0,.1); }
	.m_bottom_ctn .m_link .m_map:hover .m_lk_go,
	.m_bottom_ctn .m_link .m_qna:hover .m_lk_go {background:url(../images/ar-go.png) no-repeat center center #062644; background-size:7px;}
	.m_bottom_ctn .m_link .m_qna .m_lk_go { margin:-4px 0 0 0 }
	
	.wid01 { width:100%; margin:0 auto; padding:0 3rem; }
	/*//소개 //*/
	.profile_wp { position:relative; widows:100%; display: flex; justify-content:flex-start; align-items: flex-start; margin:10px 0 0 0; flex-wrap:wrap }
	.profile_wp .prof_one { position:relative; width:28%; margin:20px 2.5% 0 2.5%; cursor:pointer }
	.profile_wp .prof_one .prof_pic { width:100%; z-index:0; overflow:hidden; border-radius:50%; }
	.profile_wp .prof_one .prof_pic img { width:100%; height:auto; }
	.profile_wp .prof_one .prof_name { position:relative; background:#fff; z-index:2; padding:0.5rem 0.5rem; text-align:center }
	.profile_wp .prof_one .prof_name .or { font-size:1.0em; font-weight:400; color:#777; }
	.profile_wp .prof_one .prof_name .na { font-size:1.25em; font-weight:700; margin:0 0 0 }
	.profile_wp .prof_over { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; transition:ease all 0.3s; display: flex; justify-content:center; align-items: center; background:url(../images/ico_view.svg) no-repeat center center rgba(0,0,0,0); background-size:30px; opacity:0;}
	
	.profile_wp .prof_over.active { transition:ease all 0.3s; background:url(../images/ico_view.svg) no-repeat center center rgba(0,0,0,.7); opacity:1;  background-size:30px;}

	
	.m_menu_wp { position:relative;}
	.mm_e_tl { color:#f78353;  font-size:1.0em; letter-spacing:0.03em; text-align:center; font-weight:600}
	.mm_k_tl { color:#363636;  font-size:2.2em; letter-spacing:-0.05em; text-align:center; margin-top:2px }
	.mm_list_wp { margin-top:20px; }
	.mm_tab { position:relative; overflow:hidden; width:100%; text-align:center }
	.mm_tab a { display:inline-block; padding:12px 12px; height:45px; margin:0 2px; font-size:1.1em !important; font-weight:600; color:#666; border:1px solid #d5cdc7; background:#fff; vertical-align:middle; transition:all 0.3s ease;}
	.mm_tab a.mm_on { color:#222 !important; font-weight:700; border:2px solid #f78353; background:#fff; }
	.mm_tab a:hover.mm_on { color:#222 !important; font-weight:700; border:2px solid #f78353; background:#fff; }
	.mm_tab a:hover { color:#222 !important; font-weight:700; border:1px solid #333; background:#fff; }
	.menu_view { position:relative; width:100%; overflow:hidden; padding:0 10px }
	.mmenu_list { position:relative; float:none; width:100%; padding-right:0; border-right:none; border-bottom:1px dashed #555; margin:30px 0 0 0; padding-bottom:30px; display:block; overflow:hidden}
	.mmenu_list:nth-child( 2 ) { padding-right:0; padding-left:0; border-right:none }
	.mmenu_list:nth-child( 4 ) { padding-right:0; padding-left:0; border-right:none }
	.mmenu_list .mme_left { position:relative; float:left; width:55%; margin-right:5% }
	.mmenu_list .mme_left .mmtl { font-size:1.35em; color:#302f2f; letter-spacing:-0.07em; line-height:1.2 }
	.mmenu_list .mme_left .mmtl span { font-weight:bold }
	.mmenu_list .mme_left .mm_ico { margin-top:12px; text-align:left }
	.mmenu_list .mme_left .mm_ico img { margin:0 2px; width:20px; height:20px}
	.mmenu_list .mme_left .mt_comm { color:#444; font-size:0.95em; line-height:1.5; margin:8px 0 0 0; letter-spacing:-0.03em }
	.mmenu_list .mme_right { position:relative; float:left; width:40%; background:#fff; text-align:right }
	.mmenu_list .mme_right img { width:100% }

	.m-menu { display:block;}
	#sv { position:relative; height:250px; width:100%; background:#000; z-index:10; overflow:hidden }
	.sbg1 { position:absolute; left:0; top:0; height:250px; width:100%; background: url(../images/sv1.jpg) 50% 0 no-repeat #151617; z-index:0; background-size:cover}
	.sbg2 { position:absolute; left:0; top:0; height:250px; width:100%; background: url(../images/sv2.jpg) 50% 0 no-repeat #151617; z-index:0; background-size:cover}
	.sbg3 { position:absolute; left:0; top:0; height:250px; width:100%; background: url(../images/sv3.jpg) 50% 0 no-repeat #151617; z-index:0; background-size:cover}
	.sbg4 { position:absolute; left:0; top:0; height:250px; width:100%; background: url(../images/sv4.jpg) 50% 0 no-repeat #151617; z-index:0; background-size:cover}
	.sbg5 { position:absolute; left:0; top:0; height:250px; width:100%; background: url(../images/sv5.jpg) 50% 0 no-repeat #151617; z-index:0; background-size:cover}
	.sbg6 { position:absolute; left:0; top:0; height:250px; width:100%; background: url(../images/sv6.jpg) 50% 0 no-repeat #151617; z-index:0; background-size:cover}
	#sv .sv_txt { position:relative; margin:0 auto; width:100%; padding:110px 0 20px; z-index:5; text-align:center }
	#sv .sv_txt .svt1 .svt1_1, #sv .sv_txt .svt1 .svt1_2 { color:#fff; font-size:1.8em; font-weight:600; letter-spacing:0.1em; line-height:1.0}
	#sv .sv_txt .svt1 .svt1_2 { margin-top:5px;}
	#sv .sv_txt .svt2 { color:#fff; font-size:1.15em; margin-top:20px; font-weight:300; letter-spacing:0.15em; line-height:1.1 }

	.ct_tl_wp { position:relative; width:100%; display:flex; align-items: center; justify-content: flex-start;}
	.ct_tl_wp .ct_tl { position:relative; margin-top:0; font-size:2.5em; font-weight:700; color:#1A1C1C; display:flex; align-items: center; justify-content: center; background:#fff; padding-right:40px; z-index:1 }
	.ct_tl_wp .ct_tl em { font-size:0.45em; margin-left:20px; opacity:.4 }
	.ct_tl_wp:after { position:absolute; left:0; top:50px; margin-top:-2px; background:#fff; width:100%; height:1px; border-bottom:1px dashed #1A1C1C; display:block; content:''; z-index:0}
	.ct_tl01 { position:relative; margin-top:50px; font-size:1.45em; font-weight:700; color:#1A1C1C; }

	.his_top { position:relative; margin:50px 0 0 0; }
	.his_top .h_t1 { font-size:1.3em; font-weight:600; color:#778588; }
	.his_top .h_t2 { font-size:1.15em; color:#036F8B; font-weight:500; letter-spacing:1.0em; margin-top:20px; }
	
	.his_list_wp { position:relative; margin:40px 0 0 0; border-top:1px dashed rgba(0,0,0,.1) }
	.his_list_wp .his_block { position:relative; margin:40px 0 0 0; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; padding-bottom:35px; border-bottom:1px dashed rgba(0,0,0,.1)}
	.his_list_wp .his_block .year { font-size:2.5em; font-weight:700;color:#1B1817; margin:0 0 0 0; width:100%; }
	.his_list_wp .his_block .his_list { position:relative; }
	.his_list_wp .his_block .his_list li { position:relative; display: block; padding-left:70px; font-size:1.4em; font-weight:600; color:#1B1817; margin:20px 0; line-height:1.5}
	.his_list_wp .his_block .his_list li span { position:absolute; left:0; top:50%; color:#fff; font-weight:500; font-size:0.8em; width:40px; height:40px; border-radius:0; display: flex; justify-content:center; align-items: center; background:#036F8B; margin:-20px 0 0 0; border:2px solid #036F8B;}
	.his_list_wp .his_block .his_list li:nth-of-type(2n) span { /*color:#fff; background:#036F8B; border:2px solid #036F8B;*/}

	
	#mv { position:absolute; left:0; top:0; height:400px; width:100%; background:#000; z-index:0  }
	
	#containor { position:relative; width:100%;  margin:0 0 0 0; padding-bottom:80px; z-index:20; background:#fff; padding-top:0; overflow:hidden }
	#containor .cont_inner { position:relative; width:100%; margin:0 auto; }
	
	.tab_st { position:relative; width:100%; margin:0 0 0 0; overflow:hidden; margin-top:40px; border-right:none; border-top:1px solid #cacadb;}
	.tab_st li { float:left; margin-right:0; width:20%; text-align:center; margin-top:-1px; }
	.tab_st li a { background:#fff; color:#222; font-weight:400; font-size:0.95em; padding:12px 8px; display:block; border-color:#cacadb; border-style:solid none solid solid; border-width:1px 0 1px 1px; text-decoration:none; letter-spacing:-0.1em; background:#f0f3f7; transition: all 0.2s ease-out; }
	.tab_st li:nth-child( 5 ), .tab_st li:nth-child( 10 ), .tab_st li:nth-child( 15 ) { border-right:1px solid #cacadb;}
	.tab_st li a:hover { color:#fff; background:#2f67d6; font-weight:400; text-decoration:none; border:1px solid #2f67d6; }
	.tab_st li a.tab_on { padding:12px 8px; background:#2f67d6; border-color:#2f67d6; border-style:solid; border-width:1px ; color:#fff; font-weight:700 }
	
	.tab_st_ev { position:relative; width:100%; margin:0 0 0 0; overflow:hidden; margin-top:40px; border-top:1px solid #cacadb;}
	.tab_st_ev li { float:left; margin-right:0; width:20%; text-align:center; margin-right:0; margin-top:-1px}
	.tab_st_ev li:nth-child( 8 ) { margin-right:0 }
	.tab_st_ev li:nth-child( 15 ) { margin-right:0 }
	.tab_st_ev li a { background:#fff; color:#222; font-weight:400; font-size:0.95em; padding:12px 8px; display:block; border:1px solid #cacadb; border-right:none; text-decoration:none; letter-spacing:-0.1em; background:#fff; }
	.tab_st_ev li a:hover { color:#fff; background:#2f67d6; font-weight:400; text-decoration:none; border:1px solid #2f67d6; text-indent:0; }
	.tab_st_ev li:nth-child( 5 ) a, .tab_st_ev li:nth-child( 10 ) a, .tab_st_ev li:nth-child( 15 ) a { border-right:1px solid #cacadb;}
	.tab_st_ev li:nth-child( 1 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 2 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 3 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 4 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 5 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 6 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 7 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 8 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 9 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 10 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 11 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 12 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 13 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 14 ) a:hover { background:#2f67d6;}
	.tab_st_ev li:nth-child( 15 ) a:hover { background:#2f67d6;}
	.tab_st_ev li a.tab_on { font-size:0.95em; padding:12px 8px; background:#1647a7; border:1px solid #1647a7; color:#fff; font-weight:700 }
	.tab_st_ev li a.tab_on:hover { background:#fff; text-indent:0 }

	.ev_top { position:relative; margin-top:40px; overflow:hidden }
	.ev_top .ev_left { position:relative; float:none; width:100%; padding-top:0 }
	.ev_top .ev_left .ev_tl { position:relative; margin-top:0; font-size:2.2em; color:#222; text-align:center; line-height:1.2; width:100%; }
	.ev_top .ev_left .ev_setxt { position:relative; margin-top:5px; font-size:1.1em; color:#444; text-align:center; line-height:1.2; font-weight:400; width:100%; }
	.ev_top .ev_pic { position:relative; float:none; width:100%; text-align:center; padding-top:30px}
	.ev_top .ev_pic img { width:50%; height:inherit }
	.ev_top .ev_right { position:relative; float:none; width:100%; text-align:center; padding-top:25px }
	.ev_top .ev_right a.ev_link { display:inline-block; padding:20px 30px 20px 80px; text-align:center; font-size:1.25em; color:#27958f; background:url(../images/ico_home1_m.png) no-repeat 20px center #f3f3f3; background-size:18px; border:1px solid #e7e7e7; transition: all 0.2s ease-out; }
	.ev_top .ev_right a.ev_link:hover { color:#fff; background:url(../images/ico_home1_on.png) no-repeat 20px center #27958f; border:1px solid #27958f;  }

	.ev_exp { position:relative; margin-top:50px; }
	.ev_exp .exp_t1 { font-size:1.2em; color:#333; line-height:1.6 }
	.ev_exp .exp_t2 { font-size:1.2em; color:#333; line-height:1.6; margin-top:20px }
	.exp_list { margin-top:30px; }
	.exp_list li { font-size:1.18em; color:#555; line-height:1.7; margin-bottom:11px; padding-left:12px; background:url(../images/bullet4.jpg) no-repeat 2px 11px }
	.exp_list li span { font-weight:700; color:#2f67d6; }
	.ev_photo { position:relative; margin-top:20px; background:url(../images/evpic_bg.gif) no-repeat center center; background-size:cover; height:inherit; padding:15px 12px }
	.ev_photo img { margin-right:0; display:block; margin-top:10px; width:100%; height:inherit}
	.ev_photo img:first-child { margin-top:0 }

	.ev_sch_top_tl { position:relative; margin:40px 0 -20px 0; text-align:center; }
	.ev_sch_top_tl h4 { position:relative; font-size:1.8em; color:#2f67d6; font-weight:700; text-align:center; display:inline-block; padding-bottom:6px; border-bottom:1px solid #2f67d6 }
	
	.sv { position:relative; width:100%; z-index:10; margin-top:0; height:220px; background:rgba(18,21,21,1); overflow:hidden}
	.sbg1 { position:absolute; left:0; top:0; height:220px; width:100%; background: url(../images/sv1.jpg) no-repeat right center; z-index:4; background-size:cover; overflow:hidden}
	.sbg2 { position:absolute; left:0; top:0; height:220px; width:100%; background: url(../images/sv2.jpg) no-repeat right center; z-index:4; background-size:cover; overflow:hidden}
	.sbg3 { position:absolute; left:0; top:0; height:220px; width:100%; background: url(../images/sv3.jpg) no-repeat right center; z-index:4; background-size:cover; overflow:hidden}
	.sv .sv_txt { position:relative; width:100%; margin:0 auto; height:100%; z-index:5; display: flex; justify-content:center; align-items:flex-start; flex-direction: column; padding:80px 15px 0 15px;}
	
	.sv .sv_txt .svt1_1 { color:#20BFE6; font-size:0.9em; font-weight:500; letter-spacing:2em; line-height:1.0}
	.sv .sv_txt .svt1_2 { color:#fff; font-size:1.35em; font-weight:200; letter-spacing:0.0em; line-height:1.4; margin-top:15px;}
	.sv .sv_txt .svt1_2 em { font-weight:500 }
	.sv .sv_txt .svt2 { color:#8D8D8D; font-size:1.0em; margin-top:20px; font-weight:500; letter-spacing:0.0em; line-height:1.1 }
	
	.sv .sv_txt01 { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:5; display: flex; justify-content:center; align-items:center; flex-direction: column; padding:0 2rem; animation:dl_01 1s cubic-bezier(0, 0.68, 0.25, 1) 1s 1 forwards;}
	@keyframes dl_01 {
		 0% {
		opacity:0;
	
		}
		 100% {
		opacity:1;
	
		}
	}

	.ct_list { position:relative; }
	.ct_list li { position:relative; background:url(../images/bullet2.gif) no-repeat left 7px; background-size:7px; padding-left:13px; font-size:1.2em; color:#333; font-weight:400; margin-bottom:10px; line-height:1.6 }
	.ct_list li span { color:#2f67d6 }
	.ct_list li span.col2 { color:#ff6600 }
	.ct_list li span.col3 { color:#000 }
	.ct_list li ul { position:relative; margin:12px 0 0 0; display:block; padding-left:0; }
	.ct_list li ul li { background:url(../images/bullet3.gif) no-repeat left 7px; padding-left:10px; background-size:4px; font-size:0.9em; color:#555; margin-bottom:6px }
	.ct_list li ul li span { position:relative; color:#158a6a; left:inherit; top:inherit }
	
	.ov_list { position:relative; }
	.ov_list li { position:relative; background:url(../images/bullet2.gif) no-repeat 2px 7px; background-size:7px; padding-left:90px; font-size:1.2em; color:#444; font-weight:400; margin-bottom:10px; line-height:1.6 }
	.ov_list li span { position:absolute; left:14px; top:0; color:#2f67d6 }
	.ov_list li ul { position:relative; margin:0; display:block }
	.ov_list li ul li { background:url(../images/bullet3.gif) no-repeat left 9px; padding-left:12px; font-size:1.0em; color:#666; margin-bottom:8px }
	.ov_list li ul li span { position:relative; color:#158a6a; left:inherit; top:inherit }
	
	.guide_txt { position:relative; margin-top:12px; color:#ff6600; font-size:1.0em }
	.guide_txt1 { position:relative; margin-top:12px; color:#ff6600; font-size:0.9em; line-height:1.6 }
	.top_guide { position:relative; margin-top:50px; color:#444; font-size:1.0em }
	
	.event_list_box { position:relative; background:#f1f4f3; padding:15px }
	.event_list_box h5 { color:#333; font-size:1.1em }
	.event_list_box .ev_txt { color:#555; font-size:1.0em; margin-top:7px; line-height:1.6 }

	.ready { text-align:center; color:#444; font-size:1.2em; padding:100px 60px; background:#f0f0f0; margin-top:40px; width:100%;}
	
	.vision_m_top { position:relative; margin-top:50px; display:block }
	.vision_top { display:none }
	.ov_top_m { position:relative; margin-top:50px; display:block }
	.ov_top { display:none }
    .ov_top_p { margin-top:50px; display:none }

	.top_overv { position:relative; left:inherit; top:inherit; height:130px; width:100%; z-index:1000}
	.top_overv .to_inner { position:relative; margin:0 auto; width:100%; z-index:5 }
	.top_overv .to_inner .ov_box {position:absolute; right:0; top:0; width:100%; height:130px; background:url(../images/m_sv.png) no-repeat center center #25a07e; background-size:cover; padding:0; text-align:left }
	.top_overv .to_inner .ov_box .ovb_char { position:absolute; left:10px; top:25px;}
	.top_overv .to_inner .ov_box .ovb_char img { width:50px; height:79px}
	.top_overv .to_inner .ov_box .ovb_dday { position:relative; width:100%; padding:33px 10px 30px 80px;}
	.top_overv .to_inner .ov_box .ovb_dday .t1 { position:absolute; right:10px; top:32px; text-align:left; color:#fff; font-size:1.2em;}
	.top_overv .to_inner .ov_box .ovb_dday .day_num { position:absolute; right:10px; top:55px; text-align:left; margin-top:0}
	.top_overv .to_inner .ov_box .ovb_dday .day_num p { display:inline-block; width:38px; height:40px; background:#fff; margin-left:2px; text-align:center; color:#262c2a; font-size:2.5em; font-family: 'Roboto', sans-serif; font-weight:bold; line-height:1.4; border-radius:8px}
	.top_overv .to_inner .ov_box .ovb_dday .ovb_list { position:relative; margin-top:0; color:#ffef3a }
	.top_overv .to_inner .ov_box .ovb_dday .ovb_list li:nth-child( 1 ) { font-size:1.45em; }
	.top_overv .to_inner .ov_box .ovb_dday .ovb_list li:nth-child( 2 ) { font-size:0.95em; margin-top:0px; letter-spacing:0.05em}
	.top_overv .to_inner .ov_box .ovb_dday .ovb_list li:nth-child( 3 ) { font-size:1.05em; margin-top:6px; letter-spacing:-0.05em}
	
	.ctn_tl { position:relative; padding-top:80px; text-align:center }
	.ctn_tl h2 { color:#004ea6; font-size:2.3em; font-weight:700 !important; etter-spacing:-0.03em}
	.ctn_tl .s_txt { padding-bottom:1px; color:#7aa3c9; font-size:0.8em; letter-spacing:0.05em; font-weight:600 }

	
	#contents { position:relative; margin:30px 0 0 0; background:#fff; padding:0 15px; }
	
	.gr_top { position:relative; margin:60px 0 0; text-align:center; font-size:2.3em; font-weight:200; color:#222; line-height:1.15 }
	.gr_top em { font-weight:600 }
	.gr_ct { display: flex; justify-content:space-between; align-items: flex-start; margin-top:40px; flex-direction: column;}
	.gr_ct .gr_left { position:relative; padding-right:0; }
	.gr_ct .gr_left p { font-size:1.3em; color:#444; font-weight:400; line-height:1.7}
	.gr_ct .gr_left p br { display:none }
	.gr_ct .gr_left p em { color:#0056a6; font-weight:700 }
	.gr_ct .gr_left p.mt { margin-top:30px; }
	.gr_ct .gr_right { position:relative; width:100%; height:inherit; text-align:center; margin-top:40px;}
	.gr_ct .gr_right img { position:relative; left:inherit; top:inherit; z-index:1 !important; width:80%; }
	.gr_ct .gr_right .pic_bg { display:none}
	.gr_ct .gr_right .ceo_txt { position:relative; left:inherit; bottom:inherit; width:100%; text-align:center; color:#222; font-size:1.0em; font-weight:400; display: flex; justify-content:center; align-items: center; }
	.gr_ct .gr_right .ceo_txt em { font-family:'Diphylleia', 'Song Myung', serif; color:#000; font-size:2.3em; margin:-4px 0 0 30px; line-height:1.0; letter-spacing:0.25em;  }

	.overview_top { position:relative; margin:60px auto 0 auto; text-align:center;}
	.overview_top .ov_t {font-size:1.55em; font-weight:300; color:#292f35; letter-spacing:-0.05em; line-height:1.5 }
	.overview_top .ov_t em { font-weight:600; color:#292f35; display:block; font-size:1.0em; letter-spacing:-0.05em;}
	.overview_top .ov_pic { position:relative; margin-top:30px; z-index:0 }
	.overview_top .ov_pic img { width:100% }
	.overview_top .ov_exp_wp { position:relative; left:inherit; bottom:inherit; text-align:center; width:100%;}
	.overview_top .ov_exp_wp .ov_exp { position:relative; margin:0 auto 0 auto; display: flex; justify-content:center; align-items: center; padding:15px 0; background:#fff; width:100%;}
	.overview_top .ov_exp_wp .ov_exp li { display: flex; justify-content:flex-start; align-items: center; font-size:1.0em; font-weight:600; color:#041c33; margin:0 6px;}
	.overview_top .ov_exp_wp .ov_exp li em { display:block; width:18px; color:#fff; height:18px; background:#004ea6; margin:0 1px; font-size:0.85em; display: flex; justify-content:center; align-items: center;}
	.overview_top .ov_exp_wp .ov_exp li em.bg { background:#1a3066}
	.overview_top .ov_exp_wp .ov_exp li em:last-of-type { margin-right:6px; }
	
	
	.philosophy_wp { position:relative; margin:90px auto 0 auto; text-align:center;}
	.philosophy_wp .ph_tl {font-size:3.0em; font-weight:200; color:#041c33; letter-spacing:-0.02em; line-height:1.6 }
	.philosophy_wp .ph_tl em { font-weight:600; color:#a2afb8; display:block; font-size:0.35em; letter-spacing:0.05em;}
	.philosophy_wp .ph_ct { position:relative; margin:10px 0 0 0; display: block; justify-content:center; align-items: center;}
	.philosophy_wp .ph_ct .ph_box { position:relative; padding:0 20px; width:100%; margin-top:50px; }
	.philosophy_wp .ph_ct .ph_box:before { position:relative; display:block; width:110px; height:110px; margin:0 auto; content:''; border-radius:50%;}
	.philosophy_wp .ph_ct .ph_box.ph1:before {background:url(../images/ic-ph01.png) no-repeat center center #0056a6; background-size:30px;}
	.philosophy_wp .ph_ct .ph_box.ph2:before {background:url(../images/ic-ph02.png) no-repeat center center #0056a6; background-size:41px;}
	.philosophy_wp .ph_ct .ph_box.ph3:before {background:url(../images/ic-ph03.png) no-repeat center center #0056a6; background-size:49px;}
	.philosophy_wp .ph_ct .ph_box .ph_ct_t1 { font-size:2.3em; font-weight:700; color:#0056a6; line-height:1.1; margin-top:20px;}
	.philosophy_wp .ph_ct .ph_box .ph_ct_t1 em { display:block; margin-top:5px; font-size:0.85em; font-weight:300;}
	.philosophy_wp .ph_ct .ph_box .ph_ct_t2 { font-size:1.2em; font-weight:400; color:#041c33; margin-top:15px; line-height:1.7}
	
	.history_wp { position:relative; display: block; justify-content:flex-start; align-items: flex-start; margin-top:70px; }
	.history_wp .his_tl_e { position:relative; width:100%; padding-right:5%; font-size:2.75em; font-weight:700; color:#0056a6; line-height:1.4; padding-top:0; }
	.history_wp .his_tl_e br:nth-of-type(2) { display:none }
	.history_wp .his_tl_e em {  color:#d1dae3; }
	.history_wp .his_his_list_wp { position:relative; width:100%; border-left:1px solid #d6dde4; padding:20px 0 10px 5%; margin-top:40px;}
	.history_wp .his_his_list_wp .his_box { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; margin:0 0 30px 0 }
	.history_wp .his_his_list_wp .his_box .his_year { position:relative; font-size:1.65em; font-weight:700; margin-right:35px; }
	.history_wp .his_his_list_wp .his_box .his_year:before { position:absolute; left:-23px; top:50%; width:10px; height:10px; margin:-5px 0 0 0; background:#0056a6; display:block; content:''; border-radius:50%; }
	.history_wp .his_his_list_wp .his_box .his_list { margin-top:0;}
	.history_wp .his_his_list_wp .his_box .his_list li { position:relative; font-size:1.2em; color:#262c31; font-weight:500; padding-left:30px; margin:5px 0 8px 0 }
	.history_wp .his_his_list_wp .his_box .his_list li em.month { position:absolute; left:0; top:0; color:#0056a6; font-weight:700 }
	
	.map_wp { position:relative; display: block; justify-content:space-between; align-items: flex-start; margin-top:40px; flex-direction: column;}
	.map_wp .map_canvas { position:relative; height:200px; overflow:hidden }
	.map_wp .map_canvas #daumRoughmapContainer1744621838428 .wrap_map,
	.map_wp .map_canvas .root_daum_roughmap, .map_wp .map_canvas .root_daum_roughmap_landing { height:200px !important; width:100% !important;}
	.map_wp .map_right { position:relative; width:100%; height:inherit; margin-left:0;}
	.map_wp .map_right img { width:100% }
	.map_info { position:relative; margin-top:30px; text-align:center }
	.map_info ul { padding-left:20px; border-left:1px solid #036F8B;}
	.map_info ul li { position:relative; font-size:1.2em; color:#1B1817; font-weight:500; letter-spacing:-0.03em; margin:10px 0 10px 0; padding-left:60px; text-align:left;}
	.map_info ul li span { position:absolute; left:0; top:0; color:#0056a6; letter-spacing:0; font-weight:600; border-right:none; padding-right:0; }

	
	.pro-top { position:relative; margin:60px auto 0 auto; width:100%; display: block; padding-left:0;}
	.pro-top .pro_stx  { position:absolute; left:0; top:-3px; font-size:1.1em; color:#fff; font-weight:600; background:#178099; padding:10px 10px; display:block; width:55px; word-break:break-all; text-align:center}
	.pro-top .pro_disc { position:relative; margin-left:0;}
	.pro-top .pro_disc .pro_tltx  { position:relative; font-size:2.0em; color:#216a83; font-weight:700; margin:0 0 0; letter-spacing:-0.02em; line-height:1.4; padding-left:70px;  }
	.pro-top .pro_disc .pro_tltx em { color:#A2AEB1; font-weight:500 }
	.pro-top .pro_disc .pro_tltx1 { color:#1B1817; font-weight:500; font-size:1.0em; opacity:.4; margin-top:15px;}
	.pro-top .pro_disc .pro_comment  { position:relative; font-size:1.2em; color:#1B1817; font-weight:500; margin:30px 0 0; line-height:1.8;opacity:.7 }
	.pro-top .pro_disc .pro_comment.mt { margin:25px 0 0; }
	
	.pro_discription { position:relative; margin:40px auto 0 auto; width:100%; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; padding-left:0}
	
	.disc_top {position:relative; width:100%; color:#FF6928; font-size:1.1em; font-weight:500 }	
	.pro_discription .tec_d_left { width:100%; position:relative; display:block; padding-right:0; }
	
	.tec_stx  { position:relative; font-size:2.0em; color:#fff; font-weight:600; background:#178099; padding:20px 30px; display:inline-block;  }
	.tec_tltx  { position:relative; font-size:3.9em; color:#1B1817; font-weight:700; margin:50px 0 0; letter-spacing:-0.02em; line-height:1.4  }
	.tec_tltx1 { color:#1B1817; font-weight:500; font-size:1.3em; opacity:.4}
	.tec_tltx em.co2 { color:#FC5A15; font-weight:500;}
	.tec_comment  { position:relative; font-size:1.4em; color:#1B1817; font-weight:500; margin:33px 0 0; line-height:1.7;opacity:.7 }
	.tec_comment.mt { margin:25px 0 0 }
	.tec_spec { position:relative; margin:30px 0 0 }
	.tec_spec li { position:relative; font-size:1.2em; color:#1A1C1C; font-weight:600; margin:20px 0 0; line-height:1.6; padding-left:19px; }
	.tec_spec li:before { position:absolute; left:0; top:6px; background:url(../images/bullet.svg) no-repeat center center; background-size:cover; width:12px; height:12px; content:''; display:block; }
	.tec_spec li ul li{ position:relative; font-size:0.9em; color:#1B1817; font-weight:500; margin:8px 0 20px 0; line-height:1.7; padding-left:0; }
	.tec_spec li ul li:before { display:none }
	.tec_spec1 { position:relative; margin:40px 0 0; font-size:1.25em; color:#1A1C1C; font-weight:600; margin:20px 0 0; line-height:1.6; }
	
	.pro_discription .tec_d_right { width:100%; position:relative; display:block; overflow:hidden;}
	.pro_discription.app .tec_d_right { width:40% }
	.pro_discription.app .tec_d_right img { width:100% }
	.pro_discription .tec_d_right .tec_detail, .tec_discription .tec_d_right .tec_detail.reverse { position:relative; width:100%; }
	.pro_discription .tec_d_right .tec_detail .swiper-slide { width:100% }
	.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one { position:relative; width:100%; height:auto; }
	.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .tec_img { width:100%; height:auto; display: flex; justify-content:center; align-items: center; overflow:hidden}
	.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .tec_img img { width:100%; }
	.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .num { position:absolute; left:0; top:0; width:60px; height:60px; display: flex; justify-content:center; align-items: center; background:#fff; color:#1B1817; font-size:1.8em; font-weight:700; }
	.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .txt_area { position:absolute; left:0; bottom:0; width:100%; height:auto; text-align:center; padding:0 3rem 3rem 3rem }
	.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .txt_area .t1 { color:#FC4A15; font-size:3.2em; font-weight:700; line-height:1.0}
	.pro_discription .tec_d_right .tec_detail .swiper-slide .tec_spec_one .txt_area .t2 { color:#2C2726; font-size:1.4em; font-weight:500; margin:17px 0 0 0; line-height:1.6}


	.vision {margin:0 0 0 0; padding-top:50px; }

.mission {margin:0 0 0 0; padding-top:100px; }

.ab_ly { position:relative; display: block; justify-content:flex-start; align-items: center;}
.ab_ly .ab_ly_l { position:relative; width:100%; margin-right:0 }
.ab_ly .ab_ly_l .tx1 { position:relative; font-size:2.5em; font-weight:800; color:#1A1C1C; display: flex; justify-content:flex-start; align-items: center;}
.ab_ly .ab_ly_l .tx1 em { font-size:0.5em; font-weight:600; margin-left:20px; padding-left:20px; border-left:1px dashed #dbe2e4; color:#bed0d4; }
.ab_ly .ab_ly_l .tx2 { position:relative; font-size:1.55em; font-weight:300; color:#1A1C1C; margin-top:15px; letter-spacing:-0.02em;}
.ab_ly .ab_ly_l .tx2 em { font-weight:700; color:#015971; }
.ab_ly .ab_ly_r { position:relative; width:100%; margin-top:30px; }

.ab_ly1 { position:relative; display: block; justify-content:flex-start; align-items: center;}
.ab_ly1 .ab_ly_r { position:relative; width:100%; margin-left:0 }
.ab_ly1 .ab_ly_r .tx1 { position:relative; font-size:2.5em; font-weight:800; color:#1A1C1C; display: flex; justify-content:flex-start; align-items: center;}
.ab_ly1 .ab_ly_r .tx1 em { font-size:0.5em; font-weight:600; margin-left:20px; padding-left:20px; border-left:1px dashed #dbe2e4; color:#bed0d4; }
.ab_ly1 .ab_ly_r .tx2 { position:relative; font-size:1.55em; font-weight:300; color:#1A1C1C; margin-top:15px; letter-spacing:-0.02em;}
.ab_ly1 .ab_ly_r .tx2 em { font-weight:700; color:#015971; }
.ab_ly1 .ab_ly_r .list_mi { margin-top:22px; }
.ab_ly1 .ab_ly_r .list_mi li { position:relative; font-size:1.2em; font-weight:600; color:#1A1C1C; line-height:1.3; padding-left:22px; margin:5px 0}
.ab_ly1 .ab_ly_r .list_mi li:before { position:absolute; left:2px; top:2px; width:6px; height:6px; margin:0 0 0 0; content:''; display:block; background:#fff; border:3px solid #016986; }
.ab_ly1 .ab_ly_l { position:relative; width:100%; }



.value { position:relative; margin:100px 0 0 0; display: block; justify-content:space-between; align-items: center; height:800px;}
.value .value_left { background:#fff; width:100%; height:auto; padding: 0 0; display: block; justify-content:center; align-items: flex; }
.value .value_left .inner { position:relative; width:100%; margin:0 auto; }
.value .value_left .inner .prv_t1 { color:#bed0d4; font-size:1.1em; font-weight:600; display: flex; justify-content:flex-start; align-items: center;}
.value .value_left .inner .prv_t1 br { display:none }
.value .value_left .inner .prv_t1 em.co1 { font-size:0.5em; font-weight:600; margin-left:20px; padding-left:20px; border-left:1px dashed #dbe2e4; color:#bed0d4; }
.value .value_left .inner .prv_t1 em.co2 { color:#1A1C1C; font-size:2.2em; font-weight:800; margin-right:20px; padding-right:20px; border-right:1px dashed #dbe2e4;}
.value .value_left .inner .prv_t1_stxt { color:#FC5A15; font-size:1.2em; font-weight:600; margin:17px 0 0 }
.value .value_left .inner .prv_t1_comment { color:#1E1B1B; font-size:1.35em; font-weight:500; margin:45px 0 0; line-height:1.9}
.value .value_right { position:relative; background:#fff; width:100%; height:220px; display: block; justify-content:center; align-items: center; overflow:hidden; margin-top:30px;}
.value .value_right .pdv_box { position:relative; margin:0 auto 0 auto; width:100%; }
.value .value_right .pdv_box .swiper-slide { width:100% }
.value .value_right .pdv_box .swiper-slide .pdv_one { width:100%; background:#E1E1E1; height:auto; }
.value .value_right .pdv_box .swiper-slide .pdv_one .pdv_img { background:#E1E1E1; width:100%; height:100%; display: block; justify-content:center; align-items: center; overflow:hidden}
.value .value_right .pdv_box .swiper-slide .pdv_one .pdv_img img { width:100%; height:auto }

.value .value_right .swiper-pagination {
    position:absolute;
	bottom:2rem;
    text-align: center;
    width: 200px;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    margin: 0 auto;
}
.value .value_right .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: .7;
	text-indent:-5000px;
	margin:0 12px;
	
}
.value_list { position:relative; margin:20px 0 0 0;}
.value_list li { position:relative; font-size:1.5em; font-weight:800; color:#1B1817; margin-top:20px;}
.value_list li em { font-weight:400; font-size:0.8em}
.value_list li ul { margin:10px 0 0 0 }
.value_list li ul li { position:relative; font-size:0.8em; font-weight:600; color:#575C5E; margin:3px 0 0 0; padding-left:20px;}
.value_list li ul li:before { position:absolute; left:2px; top:4px; width:6px; height:6px; background:#fff; border:3px solid #006A83; display:block; content:''; border-radius:0;}




	.certi_tab { position:relative; width:100%; margin:60px auto 0; display: flex; justify-content:space-between; align-items: flex-top; gap:5px;}
	.certi_tab a { width:100%; background:#f0f4f7; color:#84919d; font-weight:600 !important; font-size:1.25em !important; display: flex; justify-content:center; align-items: center; flex-direction: column; padding:18px 15px; transition:all 0.4s ease;}
	.certi_tab a em { font-size:0.9em; opacity:.5; margin-left:0; letter-spacing:0.02em; display:block; font-weight:400}
	.certi_tab a.active { background:#0a2f51; color:#fff; transition:all 0.25s ease-out; }
	.certi-ct-wrap { position:relative; margin-top:40px; }
	.certi_top { position:relative; display: flex; justify-content:space-between; align-items: flex-top; flex-direction: column; padding:50px 30px; background:#f7f7f7; margin-bottom:40px; }
	.certi_top .certi_top_l { width:100%; display: flex; justify-content:flex-end; align-items: flex-top; }
	.certi_top .certi_top_r { width:100%; display: flex; justify-content:flex-start; align-items: flex-top; margin-top:30px; }
	.cert_t_box { position:relative; text-align:center; width:inherit; }
	.cert_t_box div.cert_pic img { width:75%; height:inherit; box-shadow: 0 40px 45px rgba(0,0,0,0.1);}
	.cert_t_box p.certi_tl { margin-top:12px; color:#222; font-weight:600; font-size:1.2em; }
	.cert_t_box .certi_info { margin-top:20px; }
	.cert_t_box .certi_info li { position:relative; font-size:1.17em; color:#222; margin:2px 0; font-weight:500; letter-spacing:-0.02em}
	.cert_t_box .certi_info li em { color:#0056a6; letter-spacing:0; font-weight:600; margin-right:8px; }
	
	.certi_ctn { position:relative; width:100%; margin:0 auto 0; display: flex; justify-content:space-between; align-items: flex-top; flex-direction: column}
	.certi_ctn .cert_t_box { margin-top:30px;}
	.certi_ctn .cert_t_box div.cert_pic img { height:inherit; width:65%;}
	.certi_ctn .cert_t_box:nth-of-type(1) { border-right:1px solid #dce5eb;}
	
	.tb_wp { position:relative; margin-top:40px;}
	.tb_wp.mt01 { margin-top:20px; }
	.tb_wp.mt02 { margin-top:40px; }
	.tb_st { width:100%;border-collapse:collapse; border-top:1px solid #0056a6; border-spacing:0; border-right:none; border-left:none;}
	.tb_st th { background:#e4edf5; padding:10px 10px; color:#042c51; font-weight:600; font-size:1.15em; border-right: #c3d6e8 1px solid; border-bottom: #c3d6e8 1px solid;}
	.tb_st th.br_line { border-right: #c3d6e8 1px solid !important; } 
	.tb_st td { border-right: #dae4ed 1px solid; font-weight:500; color:#30373e; font-size:1.15em; border-bottom: #dae4ed 1px solid; vertical-align:middle; text-align: center; padding:10px 10px }
	.tb_st th:last-child, .tbl td:last-child { border-right:none }
	.tb_st td.td_bg { background:#f6f6f6; color:#0056a6; font-weight:700; text-align:left; padding-left:15px;}
	
	.tb_st td.al_l { text-align:left}
	
	.pc_pro_wp { position:relative; width:100%; margin-top:60px; }
	.pc_pro_wp .pcp_tab { position:relative; width:100%; margin:0 auto; display: flex; justify-content:space-between; align-items: flex-start; gap:0.5%; flex-wrap:wrap;}
	.pc_pro_wp .pcp_tab a { display:block; width:33%; margin-bottom:0.7%; background:#f0f4f7; color:#84919d; font-weight:500; font-size:1.1em; display: flex; justify-content:center; align-items:center ; padding:10px 10px; flex-direction: column; transition:all 0.4s ease; height:65px; text-align:center; line-height:1.2}
	.pc_pro_wp .pcp_tab.perf a { display:block; width:49%; margin-bottom:1%; background:#f0f4f7; color:#84919d; font-weight:500; font-size:1.1em; display: flex; justify-content:center; align-items:center ; padding:10px 10px; flex-direction: column; transition:all 0.4s ease; height:65px; text-align:center; line-height:1.2}
	
	.pc_pro_wp .pcp_tab a em { display:block; font-size:0.8em; opacity:.5}
	.pc_pro_wp .pcp_tab a.active { background:#0a2f51; color:#fff; transition:all 0.25s ease-out; }
	.pc_pro_wp .pcp_view_wp { position:relative; margin-top:0; }
	.pc_pro_wp .pcp_view_wp .pcp_view { position:relative; overflow:hidden}
	
	
	.nt_top { position:relative; margin-top:40px; display: flex; justify-content:flex-start; align-items: center; }
	.nt_top.mt { margin-top:40px; }
	.cst_top { position:relative; text-align:left; margin-top:50px; letter-spacing:-0.02em;}
	.cst_top .t1 { font-size:1.3em; font-weight:700; color:#222 }
	.cst_top .t1 em { font-size:1.2em; }
	.cst_top .t2 { font-size:1.1em; font-weight:400; color:#777; margin-top:8px; width:75% }
	
	.SelectBox { position:relative; border:1px solid #d7d9dc; border-radius:2px; overflow:hidden; background:#fff;}
	.SelectBox::after {content: ''; width: 4px; height: 4px; border-top: 2px solid #121212; border-right: 2px solid #121212; display: inline-block; transform: rotate(135deg); position: absolute; top: 15px; right: 10px;}
	.SelectBox .SelectBox__select { border:none; background:none; padding:11px 45px 12px 10px; color:#3e3e3e; font-weight:500; letter-spacing:-0.03em; font-size:1.0em; cursor:pointer; -webkit-appearance: none}
	.SelectBox .SelectBox__select:focus { background:#f5f6f7; color:#1e1e1e; border:none}
	select {-webkit-appearance:none; -moz-appearance:none; appearance:none }
	select:focus {outline:none;}
	
	.SelectBox .SelectBox__select.h50 { height:50px }
	
	.inp-st1 { border:1px solid #d7d9dc; border-radius:2px; background:#fff; padding:11px 0 11px 10px; font-weight:500; letter-spacing:-0.03em; font-size:1.0em; }
	.inp-st1::placeholder { color:#999; font-weight:400 }
	.inp-st1::-webkit-input-placeholder { color:#999; font-weight:400}
	.inp-st1:-ms-input-placeholder { color:#999; font-weight:400}
	.min-w400 { min-width:100px }
	button.btn_search { background:url(../images/ic-search-wh.svg) no-repeat center center #333; background-size:13px; border-radius:2px; border:none; width:50px; height:41px; cursor:pointer}
	button.btn_search:hover { background:url(../images/ic-search-wh.svg) no-repeat center center #111; background-size:13px; }

	
	.nt_list { position:relative; margin-top:30px; border-top:1px solid #e2eaf1; }
	.nt_list .nt_one { display: flex; justify-content:flex-start; align-items: center;  border-bottom:1px dashed #e2eaf1; padding:17px 10px; cursor:pointer; transition:all 0.2s ease;}
	.nt_list .nt_one:hover { transition:all 0.3s ease; background:#f5f8fa; padding:17px 15px; }
	.nt_list .nt_one .num { display:none}
	.nt_list .nt_one .nt_suj { font-size:1.35em; color:#333; font-weight:600; letter-spacing:-0.03em; width:70%; }
	.nt_list .nt_one .nt_date { margin-left:auto; font-size:0.95em; color:#999; font-weight:400; padding-left:12px; text-align:right;}
	
	.faq_cate { position:relative; margin:32px 0 20px 0; display: flex; justify-content:flex-left; align-items: center; gap:1px; flex-wrap:wrap}
	.faq_cate a { border:1px solid #ced7de; font-size:1.0em !important; font-weight:400 !important; color:#909da8 !important; padding:10px 22px; border-radius:2px; }
	.faq_cate a.active, .faq_cate a.active:hover { border:1px solid #004f99; background:#0056a6; color:#fff !important; font-weight:500}
	.faq_cate a:hover { background:#f5f8fa; color:#1a3066 !important; }
	.faq_cate .faq_search { margin-left:0; margin-top:15px; width:100%;}
	.faq_cate .faq_search .inp-st1 { width:83% !important; }
	.faq_cate .faq_search .btn_search { width:15% }
	.faq_cate .faq_search .inp-st1, .faq_cate .faq_search .btn_search { margin-left:0; }
	#faq { border-top:1px solid #e2eaf1}
	#faq .t_f {display: flex; justify-content:flex-start; align-items: flex-start; padding:15px 12px; border-bottom:1px dashed #e2eaf1; transition: all 0.2s ease;}
	#faq .t_f a { position:relative; font-size:1.35em; font-weight:600; color:#111; letter-spacing:-0.03em; padding:7px 0; display:block; display: flex; justify-content: left; align-items: center;}
	#faq .t_f a:before { content:'Q.'; display:block; font-weight:700; font-size:0.95em; width:35px; color:#0056a6; }
	#faq .t_f.nodata a { display:block; text-align:center; width:100%; color:#555; font-weight:400 !important; font-size:1.25em !important }
	#faq .t_f.nodata a:before { content:'' !important;}
	#faq .t_f.open { background:#f5f8fa; transition: all 0.3s ease; }
	#faq .t_f.open a { color:#004280; font-weight:600 }
	#faq .t_f + div.t_a {
	  height: 0px;
	  padding: 0px;
	  overflow: hidden;
	  display: block !important;
	  
	  -webkit-transform: translateZ(0);
	  -webkit-transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
		-moz-transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
		-o-transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
		-ms-transition:all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
		transition: all 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);;
	}
	
	#faq .t_f.open + div.t_a {
	  height:auto ;
	  background:none;
	  overflow: hidden;
	  display: block !important;
	}
	#faq .t_a { font-size:1.25em; font-weight:400; color:#000; letter-spacing:-0.03em; padding:0 0; }
	#faq .t_a .an_txt { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; padding:20px 20px 20px 50px; border-bottom:1px dashed #e2eaf1; line-height:1.8; }
	#faq .t_a .an_txt:before { position:absolute; left:12px; top:20px; content:'A.'; display:block; font-weight:700; font-size:1.0em; color:#0056a6; color:#222; }
	
	.request_wp  { position:relative; margin:40px 0 0 0; border-top:1px solid #e2eaf1; border-bottom:1px dashed #e2eaf1; padding:30px 0}
	
	.req_field_block, .req_field_block_one { position:relative;  display: flex; justify-content:flex-start; align-items: center; width:100%; gap:1.0%; margin-top:2%; }
	.req_field_block .set_block { position:relative;  display: flex; justify-content:flex-start; align-items: center; width:50% }
	.req_field_block .set_block label, .req_field_block_one label { display:none }
	.field_select { width:100% }
	.field_select::after { content: ''; width: 5px; height: 5px; border-top: 2px solid #121212; border-right: 2px solid #121212; display: inline-block; transform: rotate(135deg); position: absolute; top: 23px; right: 15px;}
	.sel-cate { background:#f4f4f4; border:none; width:100%; height:50px; padding:5px 12px; font-size:1.1em; letter-spacing:-0.03em; font-weight:500; color:#222;}
	.set-field-input { background:#f4f4f4; border:none; width:100%; height:50px; padding:5px 12px; font-size:1.1em; letter-spacing:-0.03em; font-weight:500; color:#222;}
	.set-field-input.file { padding:12px 12px; }
	.set-field-textarea { background:#f4f4f4; border:none; width:100%; height:170px; padding:15px 12px; font-size:1.1em; letter-spacing:-0.03em; font-weight:500; color:#222;}
	.set-field-input::placeholder, .set-field-textarea::placeholder { color:#999; font-weight:400 }
	.set-field-input::-webkit-input-placeholder, .set-field-textarea::-webkit-input-placeholder { color:#999; font-weight:400}
	.set-field-input:-ms-input-placeholder, .set-field-textarea:-ms-input-placeholder { color:#999; font-weight:400}
	
	.terms_wp { position:relative; margin-top:2%; background:#f4f4f4; height:180px; overflow-y:scroll; padding:28px 18px; }
	.term_tl { font-size:1.1em; font-weight:600; color:#222; }
	.term_tl.mt { margin-top:20px; }
	.term_txt { position:relative; margin:10px 10px 0 11px; font-size:1.0em; font-weight:400; color:#666; }
	.term_txt.mt { margin-top:20px; }
	.term_list { margin-top:10px; }
	.term_list.mt { margin-top:3px; }
	.term_list li { position:relative; font-size:1.0em; font-weight:400; color:#666; margin:4px 9px; padding-left:11px; }
	.term_list li span { position:absolute; left:0; top:-2px; }
	
	.agree_check { position:relative; margin-top:20px; font-size:1.1em; color:#666; display: flex; justify-content:left; align-items: center; flex-wrap:wrap}
	.agree_check .checks {position: relative; display:inline-block; vertical-align:middle; margin-left:0; margin-top:10px;}
	.agree_check .checks.ml30 { margin-left:30px }
	.agree_check .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
	.agree_check .checks input[type="radio"] + label { display: inline-block; vertical-align:middle; position: relative; margin-top:-3px; padding-left: 26px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
	.agree_check .checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #828282; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
	.agree_check .checks input[type="radio"] + label:after { content: ''; position: absolute; top: 6px; left: 7px; width: 6px; height: 6px; background: #e8e5ed; border-radius: 100%; }
	.agree_check .checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
	.agree_check .checks input[type="radio"]:checked + label { color:#222; }
	.agree_check .checks input[type="radio"]:checked + label:before { background: #fff; border-color: #444; }
	.agree_check .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 6px; left: 7px; width: 6px; height: 6px; background: #333; border-radius: 100%; }



	.m_bottom { position:relative; width:100%; background:#121F22;}
.m_bottom .mb_inner { position:relative; width:100%; margin:0 auto; height:auto; padding-left:0;}
.m_bottom .mb_inner .mbb_map { position:relative; left:inherit; top:inherit; width:100%; height:80px; background:url(../images/map_bg.jpg) no-repeat center center; backgroundsize:cover; padding:32px 15px 30px 15px; cursor:pointer }
.m_bottom .mb_inner .mbb_map .mmap_t1 { position:relative; font-size:0.9em; color:#fff; font-weight:500; letter-spacing:0.1em}
.m_bottom .mb_inner .mbb_map .mmap_t2 { position:absolute; left:85px; bottom:27px; font-size:1.4em; color:#fff; font-weight:600}
.m_bottom .mb_inner .mbb_map .ico { position:absolute; right:25px; top:25px; width:22px; height:27px; background:url(../images/spot.svg) no-repeat center center ; background-size:cover;}
.m_bottom .mb_inner .mbb_notice { position:relative; display: flex; justify-content:flex-start; align-items: center;  height:auto; width:100%; flex-wrap:wrap; padding:45px 15px 42px 15px;}
.m_bottom .mb_inner .mbb_notice a.nt_more { position:absolute; right:15px; top:38px;margin-left:auto; background:#fff; padding:8px 15px; font-size:0.9em; color:#256A7B !important; font-weight:500 !important }
.m_bottom .mb_inner .mbb_notice .nt_txt { position:relative; padding-left:0; font-size:1.2em; font-weight:400; color:rgba(255,255,255,.5); width:100%; }
.m_bottom .mb_inner .mbb_notice .nt_txt br { display:none }
.m_bottom .mb_inner .mbb_notice .mnt_list { position:relative; padding-left:0; margin-top:15px;}
.m_bottom .mb_inner .mbb_notice .mnt_list li { position:relative; padding:0 85px 0 17px;}
.m_bottom .mb_inner .mbb_notice .mnt_list li:before { position:absolute; left:0; top:50%; margin:-4px 0 0 0; width:8px; height:8px; background:url(../images/nt_bullet.svg) no-repeat center center; content:''; display:block; background-size:cover; }
.m_bottom .mb_inner .mbb_notice .mnt_list li a { font-size:1.35em; font-weight:400; color:rgba(255,255,255,1)}
.m_bottom .mb_inner .mbb_notice .mnt_list li a:hover { color:rgba(255,255,255,1)}
.m_bottom .mb_inner .mbb_notice .mnt_list li:after { position:relative; display:none; margin:0 30px; width:80px; height:1px; background:none; border-top:1px dashed rgba(255,255,255,.6); content:''; vertical-align:middle}
.m_bottom .mb_inner .mbb_notice .mnt_list li a span { position:absolute; right:0; top:5px; font-size:0.7em; font-weight:400; color:rgba(255,255,255,.5)}
	
	.reserch_ly02_1 {  width:100%; margin:60px auto 0 auto; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction: column;}
	.reserch_ly02_1 .tl { font-size:2.5em; font-weight:200; letter-spacing:-0.02em; color:#041c33; line-height:1.0}
	.reserch_ly02_1 .tl span { font-weight:300; display:inline-block;}
	.reserch_ly02_1 .tl em { display:inline-block; font-weight:200; font-size:1.0em; margin-top:0; }
	.reserch_ly02_1 .pic01 { background:#f7f7f7; padding:50px 35px; margin-top:20px; }
	.reserch_ly02_1 .pic01 img { border: 0 solid #e2eaf1;box-shadow: 0px 25px 30px rgba(0,0,0,0.1); width:100%; display:block;}
	.reserch_ly02_1 .pic01 img:last-of-type { margin-left:0; margin-top:5px;}

	.img_pc { display:none }
	.img_mo { display:block }
	
	.ct_txt { position:relative; font-size:1.3em; font-weight:400; line-height:1.8; }
	.ct_txt em { color:#0056a6; font-weight:600 }
	.mt_100 { margin-top:60px !important }
	
	.pc_process { position:relative; margin-top:40px; }
	.pc_process ul { display: flex; justify-content:space-between; align-items: flex-start; flex-wrap:wrap; width:100%;}
	.pc_process ul li { position:relative; width:47%; margin:30px 3% 0 0; padding:0 0 0 70px;}
	.pc_process ul li .num { position:absolute; left:60px; top:1px; font-size:1.5em; font-weight:600; color:#b1bcc7; line-height:1.0 }
	.pc_process ul li .k_t { font-size:1.55em; font-weight:500; color:#0056a6; line-height:1.1; padding-left:10px; letter-spacing:-0.05em}
	.pc_process ul li .e_t { font-size:1.0em; font-weight:700; color:#262c31; letter-spacing:-0.03em; margin:5px 0 0 -7px;}
	.pc_process ul li:nth-of-type(3), .pc_process ul li:nth-of-type(6) { margin-right:3%}
	.pc_process ul li:nth-of-type(1):before { position:absolute; left:0; top:-5px; width:55px; height:55px; background:url(../images/pc-ic1.png) no-repeat center center #0056a6; background-size:26px; border-radius:7%; display:block; content:''; }
	.pc_process ul li:nth-of-type(2):before { position:absolute; left:0; top:-5px; width:55px; height:55px; background:url(../images/pc-ic2.png) no-repeat center center #0d3152; background-size:17px; border-radius:7%; display:block; content:''; }
	.pc_process ul li:nth-of-type(3):before { position:absolute; left:0; top:-5px; width:55px; height:55px; background:url(../images/pc-ic3.png) no-repeat center center #0056a6; background-size:26px; border-radius:7%; display:block; content:''; }
	.pc_process ul li:nth-of-type(4):before { position:absolute; left:0; top:-5px; width:55px; height:55px; background:url(../images/pc-ic4.png) no-repeat center center #0d3152; background-size:21px; border-radius:7%; display:block; content:''; }
	.pc_process ul li:nth-of-type(5):before { position:absolute; left:0; top:-5px; width:55px; height:55px; background:url(../images/pc-ic5.png) no-repeat center center #0056a6; background-size:20px; border-radius:7%; display:block; content:''; }
	.pc_process ul li:nth-of-type(6):before { position:absolute; left:0; top:-5px; width:55px; height:55px; background:url(../images/pc-ic6.png) no-repeat center center #0d3152; background-size:23px; border-radius:7%; display:block; content:''; }
	
	.pc_exp_pic { position:relative; margin-top:70px; background:#f7f7f7; padding:50px 30px 60px 30px; display: flex; justify-content:space-between; align-items: flex-start; flex-direction: column;}
	.pc_exp_pic .tl { position:relative; font-size:1.7em; font-weight:700; color:#262c31; letter-spacing:-0.03em;}
	.pc_exp_pic .tl em { font-size:0.6em; color:#b1bcc7; display:block; font-weight:600; letter-spacing:0.1em; margin-top:2px; }
	.pc_exp_pic .tl:after { position:absolute; left:0; bottom:-40px; width:40px; height:3px; background:#0056a6; content:''; display:block }
	.pc_exp_pic .pc_pic { margin-left:auto; margin-top:30px; }
	.pc_exp_pic .pc_pic img { width:100% }
	
	.pc_discp { position:relative; margin-top:70px; }
	.pc_discp.wid { position:relative; width:100%; margin:0 auto }
	.pc_discp .tl { display: flex; justify-content:flex-start; align-items:center; z-index:1; background:url(../images/dot.jpg) repeat-x left center; }
	.pc_discp .tl em.m_t { position:relative; font-size:2.5em; font-weight:200; letter-spacing:-0.05em; color:#041c33; background:#fff; }
	.pc_discp .tl em.s_t { display:block; font-size:1.0em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; padding:0 20px 0 15px; background:#fff;}
	/*.pc_discp .tl:after { position:absolute; right:0; top:50%; width:30%; height:1px; margin:0; content:''; display:block; background:#0056a6; z-index:0 }*/
	.pc_discp .pcd_list { position:relative; margin-top:10px;  display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; padding:0 0 0 5px;}
	.pc_discp .pcd_list li { position:relative; width:100%; margin:15px 0 0 0; padding-left:25px; background:url(../images/ic-check.png) no-repeat 3px center; background-size:12px; font-size:1.25em; font-weight:500; color:#262c31;}
	.pc_discp .pcd_list li em { font-weight:600; color:#0056a6}
	.pc_discp .pcd_list li:nth-of-type(3), .pc_discp .pcd_list li:nth-of-type(6), .pc_discp .pcd_list li:nth-of-type(9) { margin-right:0}

	.pc_discp1 .tl { display: flex; justify-content:flex-start; align-items:center; z-index:1; background:url(../images/dot.jpg) repeat-x left center; }
.pc_discp1 .tl em.m_t { position:relative; font-size:2.5em; font-weight:200; letter-spacing:-0.05em; color:#041c33; background:#fff; padding-right:30px; }
.pc_discp1 .tl em.s_t { display:block; font-size:1.2em; letter-spacing:0.05em; font-weight:600; color:#a2afb8; padding:0 30px 0 25px; background:#fff; text-indent:-5000px;}



	.ct_search_box { position:relative; border:1px solid #dcdcdc; background:#f3f3f3; border-right:none; border-left:none; padding:15px 12px; margin-top:35px;}
	.ct_search_box .sel_la { background:url(../images/bullet1.gif) no-repeat left center; padding:0 0 0 9px; font-size:1.05em; font-weight:400; color:#1647a7; display:none}
	.ml8_m { margin-left:0 !important }
	.ml18 { margin-left:6px !important }
	.mt4_m { margin-top:4px !important }
	.w50_m { width:80px !important}
	
	#printArea { margin-top:-15px !important }
	
	.vs_result_top { position:relative; margin-top:30px; text-align:center; color:#444; font-size:1.6em; letter-spacing:-0.05em; padding:35px 15px; border:1px solid #e8e8e8; font-weight:300 }
	.vs_result_top span { color:#1647a7; font-weight:700 }
	.vs_result_top .vs_d_btn { position:relative; display:block; right:inherit; top:inherit; height:inherit; padding-top:10px; text-align:center }
	.vs_table_area { position:relative; margin-top:40px; background:#f6f6f6; text-align:center; min-height:400px; font-size:1.3em; color:#555; }
	
	.btn_down { position:relative; right:inherit; top:inherit; }
	a.btn_down { position:relative; display:inline-block; padding:10px 10px 10px 45px; background:url(../images/ico_print_m_on.png) no-repeat 10px center #f0464c; border:1px solid #f0464c; color:#fff !important; text-align:center; border-radius:3px; transition:all 0.3s ease; font-size:0.7em !important; background-size:17px 17px }
	a.btn_down:hover { background:url(../images/ico_print_m_on.png) no-repeat 10px center #d12f34; border:1px solid #d12f34; color:#fff !important; background-size:17px 17px }
	
	.top_sel { position:relative; margin-top:25px; text-align:right; }
	.top_sel1 { position:absolute; right:0; top:0;text-align:right; font-size:0.9em; }
	.mtb_m10 { margin-bottom:-10px !important }
	.top_left { position:absolute; left:0; top:0; float:none; font-size:1.0em; padding-top:10px; }
	.top_left:nth-child( 2 ) img, .top_left:nth-child( 3 ) img { margin-left:10px;}
	.top_left img { width:15px; height:18px}

	.sr_top_txt { position:relative; margin-top:30px; background:url(../images/ico_p.png) no-repeat left 13px; font-size:1.0em; color:#666; padding:4px 0 7px 25px; background-size:18px; }
	.sr_top_txt1_1 { position:relative; margin-top:30px; background:url(../images/ico_p.png) no-repeat left 9px; font-size:1.0em; color:#666; padding:11px 0 4px 25px; background-size:18px;}
	.sr_top_txt1 { position:relative; margin-top:30px; background:url(../images/ico_t.png) no-repeat left 13px; font-size:1.0em; color:#666; padding:4px 0 7px 25px; background-size:18px;}
	.sr_top_txt2 { position:relative; margin-top:30px; background:url(../images/ico_r.png) no-repeat left 13px; font-size:1.0em; color:#666; padding:4px 0 7px 25px; background-size:18px; }
	.sr_top_txt span, .sr_top_txt1 span, .sr_top_txt1_1 span, .sr_top_txt2 span, .sr_top_txt2_1 span { color:#1647a7; font-weight:500 }
	.sr_top_txt select.sel, .sr_top_txt1 select.sel, .sr_top_txt1_1 select.sel, .sr_top_txt2 select.sel { height: 40px;padding:0 25px 0 10px; border:1px solid #7b7b7b; color: #333; font-size:0.9em;}
	.sr_top_txt select.sel, .sr_top_txt1 select.sel, .sr_top_txt1_1 select.sel, .sr_top_txt2 select.sel { background:url(../images/sel_ar1.png) right 50% no-repeat #fff; -webkit-appearance:none;-moz-appearance: none;appearance: none;}
	.sr_top_txt select.sel::-ms-expand, .sr_top_txt1 select.sel::-ms-expand, .sr_top_txt1_1 select.sel::-ms-expand, .sr_top_txt2 select.sel::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/ }

	
	button.search { position:relative; cursor:pointer; width:100%; padding:18px 20px; border:none; background:#2f67d6; transition:all 0.3s ease; color:#fff; font-size:1.3em; font-weight:400;}
	button.search:hover { background:#141a25; color:#fff }
	button.search1 { position:relative; cursor:pointer; width:60px; height:40px; padding:5px; border:none; background:#444; transition:all 0.3s ease; color:#fff; font-size:1.2em; font-weight:400;}
	button.search1:hover { background:#222; color:#fff }
	.organi_pc { display:none }
	.organi_m { position:relative; margin-top:0px; display:block }

	
	.tbl {width:100%;border-collapse:collapse;border-spacing:0;border-top: #333 2px solid; border-right:none; border-left:none;}
	.tbl th, .tbl td { border-right: #d7d7d7 1px solid; border-bottom: #d7d7d7 1px solid; vertical-align:middle;text-align: center; }
	.tbl th:last-child, .tbl td:last-child { border-right:none }
	.tbl th {background-color:#f0f0f0; color:#000; text-align:center; padding:7px; font-weight:400; font-size:1.1em; letter-spacing:-0.03em}
	.tbl th img { width:15px; height:18px}
	.tbl td img { width:15px; height:18px}
	.tbl td {padding:7px; color:#444; font-size:1.1em; letter-spacing:-0.03em}
	.tbl td.al_l { text-align:left}
	.tbl td .pres { color:#3297f5 }
	.tbl td .ev { color:#1647a7; font-weight:700 }
	.tbl td .ev1 { color:#25a07e; font-weight:700 }
	.tbl td.num1 { color:#ff6600 }
	.tbl td.gold { color:#e08f34 }
	.tbl td.silver { color:#878787 }
	.tbl td.bronze { color:#aa521a }
	.tbl th.bor, .tbl td.bor { border-right: #d7d7d7 1px solid; }
	.tbl td a.tb_lk { font-size:0.95em; color:#333 }
	.tbl tfoot td { background-color: #e8ecf3; color: #1c427b; }



	.paging { position:relative; margin:25px 0 0 0; padding-top:0; display: flex; justify-content:center; align-items: center; border-top:none}
	.paging a.go { display: block; width: 35px; height: 35px; margin: 0 2px; padding: 10px; background-color: #fff; border: #BEC9D7 1px solid; border-radius: 0; font-size: 0.9em; font-weight: 500; text-align: center; transition: all 0.15s ease; vertical-align: middle; color:#899097; font-family:'Pretendard', sans-serif;}
	.paging a.go.active { color: #fff; background-color: #2C2827; border-color: #2C2827; box-shadow: 0 2px 6px 0 rgba(108,117,125,.5);}
	.paging a.go:hover { background-color: #FC5A15; border-color: #FC5A15; color: #fff;box-shadow: 0 2px 6px 0 rgba(108,117,125,.5);}
	.paging a.go.active:hover { color: #fff; background-color: #2C2827; border-color: #2C2827; box-shadow: 0 2px 6px 0 rgba(108,117,125,.5);}
	.paging a.cont { position: relative; width:auto; height: 35px; margin: 0; display: flex; align-items: center; color:#888; font-size:1.0em;}
	.paging a.cont:hover { color:#0056a6; font-weight:600 }
	.paging a.cont.prev { margin-right:20px; background:url(../images/pg_prev.png) no-repeat center center; background-size:6px 10px; height: 35px; width:30px; text-indent:-5000px; display:block}
	.paging a.cont.first { margin-right:5px; background:url(../images/pg_first.png) no-repeat center center; background-size:12px 10px; height: 35px; width:30px; text-indent:-5000px; display:block}
	.paging a.cont.next { margin-left:20px; background:url(../images/pg_next.png) no-repeat center center; background-size:6px 10px; height: 35px; width:30px; text-indent:-5000px; display:block}
	.paging a.cont.last { margin-left:5px; background:url(../images/pg_last.png) no-repeat center center; background-size:12px 10px; height: 35px; width:30px; text-indent:-5000px; display:block}

	.gt_01_box { position:relative; overflow:hidden; margin-top:20px }
	.gt_01_box .gt_01_left { position:relative; float:none; width:100%; font-size:1.65em; color:#2f67d6; font-weight:400; line-height:1.4; letter-spacing:-0.03em }
	.gt_01_box .gt_01_left br { display:none }
	.gt_01_box .gt_01_right { position:relative; float:none; width:100%;  }
	.gt_01_box .gt_01_right p { font-size:1.2em; color:#555; line-height:1.9; background:#fff; display:block; margin-top:24px; letter-spacing:-0.03em}
	.gt_01_box .gt_01_right p:nth-child( 3 ), .gt_01_box .gt_01_right p:nth-child( 4 ), .gt_01_box .gt_01_right p:nth-child( 5 ), .gt_01_box .gt_01_right p:nth-child( 6 ), .gt_01_box .gt_01_right p:nth-child( 7 ) { margin-top:20px }
	.gt_01_box .gt_01_right p:nth-child( 8 ) { margin-top:25px; color:#333}
	.gt_01_box .gt_01_right .gt_pic1 { position:relative; left:inherit; top:inherit; width:100%; text-align:center; display:none }
	.gt_01_box .gt_01_right .gt_pic1 img { width:45%; margin:20px auto 0 auto; }
	
	.gt_bt_area { position:relative; margin-top:30px; background:url(../images/lee_pic_m.jpg) no-repeat left center; height:180px; padding:20px 0 0 165px; background-size:136px 180px; }
	.gt_bt_area .gb_txt1 { position:relative; color:#222 !important; line-height:1.3 !important; font-size:1.2em !important }
	.gt_bt_area .gb_txt2 { position:relative; color:#000 !important; line-height:1.3 !important; margin-top:0; font-size:1.6em !important; }
	.gt_bt_area1 { position:relative; margin-top:30px; background:url(../images/im_pic_m.jpg) no-repeat left center; height:180px; padding:20px 0 0 165px;background-size:136px 180px; }
	.gt_bt_area1 .gb_txt1_1 { position:relative; color:#222 !important; line-height:1.3 !important; font-size:1.2em !important }
	.gt_bt_area1 .gb_txt2_1 { position:relative; color:#000 !important; line-height:1.3 !important; margin-top:0; font-size:1.6em !important; }
	.gt_bt_area2 { position:relative; margin-top:30px; background:url(../images/kim_pic_m.jpg) no-repeat left center; height:180px; padding:20px 0 0 165px;background-size:136px 180px; }
	.gt_bt_area2 .gb_txt1_2 { position:relative; color:#222 !important; line-height:1.3 !important; font-size:1.2em !important }
	.gt_bt_area2 .gb_txt2_2 { position:relative; color:#000 !important; line-height:1.3 !important; margin-top:0; font-size:1.6em !important; }
	.gt_bt_area3 { position:relative; margin-top:30px; background:url(../images/lee_pic_m1.jpg) no-repeat left center; height:180px; padding:20px 0 0 165px;background-size:136px 180px; }
	.gt_bt_area3 .gb_txt1_3 { position:relative; color:#222 !important; line-height:1.3 !important; font-size:1.2em !important }
	.gt_bt_area3 .gb_txt2_3 { position:relative; color:#000 !important; line-height:1.3 !important; margin-top:0; font-size:1.6em !important; }
	.gt_bt_area4 { position:relative; margin-top:30px; background:url(../images/zang_pic_m.jpg) no-repeat left center; height:180px; padding:20px 0 0 165px;background-size:136px 180px; }
	.gt_bt_area4 .gb_txt1_4 { position:relative; color:#222 !important; line-height:1.3 !important; font-size:1.2em !important }
	.gt_bt_area4 .gb_txt2_4 { position:relative; color:#000 !important; line-height:1.3 !important; margin-top:0; font-size:1.6em !important; }


	.btn_al { position:relative; margin:35px 0 0 0; text-align:center; overflow:hidden }
	.btn_al_m { position:relative; margin:12px 0 0 0 !important; text-align:center; overflow:hidden }
	.btn_al1 { position:relative; margin:55px 0 0 0; text-align:center; overflow:hidden }

	a.tb_btn { position:relative; display:inline-block; padding:5px 5px; background:#666; border:1px solid #666; color:#fff !important; text-align:center; border-radius:3px; font-size:0.8em;}
	a.tb_btn:hover { background:#333; color:#fff !important; border:1px solid #333 }

	a.btn_list { position:relative; display:block; margin:0 auto; width:70%; color:#333 !important; font-size:1.3em !important; padding:16px 20px; background:url(../images/ico_list.png) no-repeat 20px center #fff; padding-right:20px; text-align:right; transition:all 0.3s ease; border:1px solid #555; font-weight:400; transition:all 0.3s ease; }
	a.btn_list:hover { background:url(../images/ico_list_on.png) no-repeat 20px center #555; color:#fff !important }
	
	a.btn_xls { position:relative; display:block; margin:5px auto 0 auto; width:70%; color:#333 !important; font-size:1.3em !important; padding:20px 20px; background:url(../images/ico_xlx_m.png) no-repeat 20px center #fff; padding-right:20px; text-align:right; transition:all 0.3s ease; border:1px solid #555; font-weight:400; transition:all 0.3s ease; background-size:20px 23px }
	a.btn_xls:hover { background:url(../images/ico_xlx_m_on.png) no-repeat 20px center #555; color:#fff !important; background-size:20px 23px }
	
	a.btn_print { position:relative; display:block; margin:5px auto 0 auto; width:70%; color:#333 !important; font-size:1.3em !important; padding:20px 20px; background:url(../images/ico_print_m.png) no-repeat 20px center #fff; padding-right:20px; text-align:right; transition:all 0.3s ease; border:1px solid #555; font-weight:400; transition:all 0.3s ease; background-size:23px 23px }
	a.btn_print:hover { background:url(../images/ico_print_m_on.png) no-repeat 20px center #555; color:#fff !important; background-size:23px 23px }

	
	/* div_svg */
	.div_svg .doub_tb .boxs {margin-top:0; float:right; width:48%;}
	.div_svg .doub_tb .boxs:first-child {float:left;}
	
	#footer { position:relative; width:100%; background:#121515; z-index:21; padding:0 15px; }
	#footer .ft_inner { position:relative; width:100%; margin:0 auto; height:auto; display: block; justify-content:space-between; align-items:flex-start; padding:40px 0 }
	#footer .ft_inner .ft_left { position:relative; display:block; width:100%; }
	#footer .ft_inner .ft_left .ft_logo { position:relative; display:block; width:111px; height:17px; background:url(../images/logo_m.png) no-repeat; text-indent:-5000px; background-size:cover;}
	#footer .ft_inner .ft_left .ft_logo img { width:80px; height:30px; }
	#footer .ft_inner .ft_left .ft_menu { position:relative; display: flex; justify-content:flex-start; align-items:center; margin:25px 0 0 0; gap:0; flex-wrap:wrap; }
	#footer .ft_inner .ft_left .ft_menu li { margin:5px 18px 0 0  } 
	#footer .ft_inner .ft_left .ft_menu li a { display:block; color:rgba(255,255,255,.5); font-size:1.0em; font-weight:300; } 
	#footer .ft_inner .ft_left .ft_menu li a:hover { color:#20BFE5 }
	/*#footer .ft_inner .ft_left .ft_menu li a:after { content:"|"; color:#ccc; margin-left:10px; padding-right:10px; vertical-align:middle; font-size:0.8em}
	#footer .ft_inner .ft_left .ft_menu li:last-child a:after { content:""}*/
	#footer .ft_inner .ft_left address { position:relative; margin:20px 0 0 0 }
	#footer .ft_inner .ft_left address ul li { color:rgba(255,255,255,.7); font-weight:400; font-size:0.9em; margin:5px 0 0 }
	#footer .ft_inner .ft_left address ul li:first-of-type { font-weight:600; color:rgba(255,255,255,1); }
	#footer .ft_inner .ft_left .ft_copyr { position:relative; font-size:0.9em; color:rgba(255,255,255,.5); margin:20px 0 0 0 }
	.btn_top { position:fixed; right:15px; bottom:30px; width:46px; height:46px; display:none; z-index:999 }
	.btn_top.topvi { display:block }
	.btn_top button { display:block; width:46px; height:46px; background:#036F8B; border:none; font-weight:500; text-align:center; color:#fff; font-size:1.0em; letter-spacing:0.05em; padding:10px; transition:all 0.3s ease; cursor:pointer; opacity:.8}
	.btn_top button:hover { background:#004f64; opacity:1; }


	#modalLayer{ display:none; position:fixed; left:0; top:0; z-index:99999; width:100%; height:100%; background:url(../images/pop_bg.png); opacity:1}
	#modalLayer .modalContent { position:relative; padding:10px 10px 10px 10px;  }
	#modalLayer .modal_close { display:none}
	#modalLayer .modal_close_m { display:block; position:relative; text-align:center; padding-top:15px; width:100%; z-index:9999; background:#fff}
	#modalLayer .modal_close .btn_pop_close { position:relative; text-align:center; padding-top:50px; width:100%; z-index:9999}
	.pop_menu_wp { position:relative; width:100%; background:#fff; margin:0 auto 0 auto; padding:20px 12px; height:100%; overflow-y:scroll }
	.game_tl { position:relative; text-align:center; font-size:1.6em; color:#333; font-weight:400; padding-top:0; }
	
	.std_wp { position:relative; width:100%; overflow:hidden; margin-top:30px}
	.std_wp1 { position:relative; width:100%; overflow:hidden; margin-top:40px}
	.std_wp1 .std_map_left { position:relative; float:none; width:100%; height:260opx; margin-right:0; }
	.std_wp1 .std_map_right { position:relative; float:none; width:100%; height:260opx; }
	.std_map { position:relative; width:100%; height:250px !important; overflow:hidden }
	.std_map1 { position:relative; width:100%; height:250px !important; overflow:hidden }
	
	.bd_latest_wp { position:relative; overflow:hidden; margin-top:20px}
	.bd_latest_wp .latest_news { position:relative; float:none; width:100%; margin-right:0; padding:15px 12px; border:1px solid #ebebeb; background:#f3f6f8; margin-top:5px; }
	.bd_latest_wp .latest_news:last-child { margin-right:0 }
	.bd_latest_wp .latest_news .bd_s_tl { position:relative; padding-bottom:12px; border-bottom:1px solid #e3e3e3; padding-left:20px; background:url(../images/l_nt_bullet.png) no-repeat left 2px; background-size:15px;}
	.bd_latest_wp .latest_news .bd_s_tl span.st1 { color:#008fe9; font-size:1.2em; display:inline-block; margin-right:12px; vertical-align:middle; font-weight:400}
	.bd_latest_wp .latest_news .bd_s_tl span.st2 { color:#999; font-size:1.0em; display:inline-block; vertical-align:middle}
	.bd_latest_wp .latest_news .bd_l_suj a { display:block; font-size:1.2em; color:#333; line-height:1.3; margin-top:8px; padding:10px 0; letter-spacing:-0.03em; }
	.bd_latest_wp .latest_news .bd_l_suj a:hover { color:#111; text-decoration:underline }
	.bd_latest_wp .latest_news .bd_li_bt { margin-top:8px }
	.bd_latest_wp .latest_news .bd_li_bt .bd_l_date { color:#666; font-size:1.0em; display:inline-block; vertical-align:middle;}
	.bd_latest_wp .latest_news .bd_li_bt .bd_l_date:after { padding-left:12px; margin-right:12px; content:"|"; color:#c6c6c6 }
	.bd_latest_wp .latest_news .bd_li_bt .bd_l_hit { color:#666; font-size:1.0em; display:inline-block; vertical-align:middle}

	.board_list_wrap1 { margin:20px 0 0 0; border-top:1px solid #2f67d6 }
	.table_board1 { width:100%; letter-spacing:0; }
	.table_board1 th { display:none }
	.table_board1 td { padding:15px 0; border-color:#e5e5e5; border-style:none none solid none; border-width:0 0 1px 0; text-align:center; color:#666; font-size:1.15em }
	.table_board1 tbody tr:hover { background:#f5f7f9; }
	.table_board1 td.num, .table_board1 td.wr { display:none }
	.table_board1 td.bdate { color:#777; width:20% !important; font-size:0.95em; }
	.table_board1 td.suj { text-align:left; padding-left:10px; line-height:1.3; width:80% !important }
	.table_board1 td.suj a { color:#333; text-decoration:none; font-size:1.05em; transition:all 0.4s ease;}
	.table_board1 td.suj a:hover { color:#000; font-weight:400; }

	.tb_top {position:relative; width:100%; height:inherit; margin-top:30px; }
	.tb_top .src_wrap {position:relative; top:inherit; right:inherit; margin-top:10px}
	.lab {position:absolute; left:-9999px}
	.tb_top .list_num { position:relative; color:#333; font-size:0.9em; padding-top:0; display:block }
	.tb_top .list_num span.bnum { color:#163970; font-weight:400 }
	
	.bd_top { position:relative; width:100%; height:inherit; margin-top:30px; }
	.bd_top .bd_state { position:relative; right:inherit; top:inherit; color:#333; font-size:1.0em; width:100%; margin-bottom:10px}
	.bd_top .bd_state span { color:#15397f }
	div#select_box { position: relative; width: 80px; height: 40px; background: url(../images/sel_ar1.png) right center no-repeat; /* 화살표 이미지 */ border: 1px solid #7b7b7b; display:inline-block; vertical-align:top;}
	div#select_box label { position: absolute; font-size: 1.1em; color: #333; top: 9px; left: 10px; letter-spacing:-0.05em;;}
	div#select_box select#color { width: 100%; height: 40px; min-height: 40px; line-height: 40px; padding: 0 10px; opacity: 0;filter: alpha(opacity=0); /* IE 8 */ font-size:1.15em;}
	.bd_top .search_field { position:relative; display:inline-block; vertical-align:top; padding:11px 5px; border:1px solid #7b7b7b; background:#fff; font-size:1.0em; height:40px;}
	.bd_top .search_field::placeholder { color:#999; }
	.bd_top .search_field::-webkit-input-placeholder { color:#999;}
	.bd_top .search_field:-ms-input-placeholder { color:#999;}
	.bd_top .search_btn { position:absolute; left:288px; top:0 }
	button.search_bd { position:relative; display:inline-block; vertical-align:top; cursor:pointer; width:60px; height:40px; padding:5px; border:none; background:#444; transition:all 0.3s ease; color:#fff; font-size:1.2em; font-weight:400;}
	button.search_bd:hover { background:#222; color:#fff }
	.w_140_m { width:120px !important }

	
	.i-src-fld { display:inline-block; vertical-align:top; height: 40px;padding:0 12px 0 12px; background-color:#fff; border:1px solid #7b7b7b; font-size:1.0em }
	.i-src-fld::placeholder { color:#777; font-size:1.0em }
	.i-src-fld::-webkit-input-placeholder { color:#777; font-size:1.0em}
	.i-src-fld:-ms-input-placeholder { color:#777; font-size:1.0em}
	.w80_m { width:80px !important}
	
	.board_gallery_wrap { width:100%; margin-top:22px; padding-bottom:30px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
	.gallery_wp  { position:relative; padding:0; overflow:hidden }
	.gallery_wp .gallery { position:relative; float:none; width:100%; height:310px; margin-right:0; background:#fff; border:1px solid #dedede; padding:8px; margin-top:30px }
	.gallery_wp .gallery:nth-child( 4 ), .gallery_wp .gallery:nth-child( 8 ), .gallery_wp .gallery:nth-child( 12 ) { margin-right:0 }
	.gallery_wp .gallery .ga_pic { width:100%; overflow:hidden; background:#000}
	.gallery_wp .gallery .ga_pic:hover img { opacity:.5 }
	.gallery_wp .gallery .ga_pic:hover .view_wp { display:block }
	.gallery_wp .gallery .ga_pic img { width:100%; transition:all 0.3s ease; height:220px}
	/*.gallery_wp .gallery .ga_pic .view_wp { position:absolute; left:9px; top:9px; width:270px; height:130px; display:none; }
	.gallery_wp .gallery .ga_pic .view_wp a { display:block; padding:35% 0 40px 0; height:130px; color:#fff; text-align:center; font-size:1.0em; font-weight:500 }*/
	.gallery_wp .gallery .ga_suj a { margin-top:8px; display:block; font-size:1.3em; color:#333; padding:10px; line-height:1.3 }
	.gallery_wp .gallery .ga_date { margin-top:0; color:#999; font-size:1.1em; padding:0 10px }
	.gallery_wp .gallery .ga_date span { color:#3297f5 }
	.gallery_wp .gallery .ga_date span:after { color:#999; content:"|"; font-size:0.8em; vertical-align:middle; margin:0 10px}

	#daumRoughmapContainer1551939869533 { width:100% !important; height:250px !important}
	#daumRoughmapContainer1551940422725 { width:100% !important; height:250px !important}
	#daumRoughmapContainer1551940482062 { width:100% !important; height:250px !important; margin-top:5px;}
	#daumRoughmapContainer1551940953640 { width:100% !important; height:250px !important}
	#daumRoughmapContainer1551941280257 { width:100% !important; height:250px !important}
	#daumRoughmapContainer1551941391840 { width:100% !important; height:250px !important; margin-top:5px;}
	
	.bd_wp { position:relative; margin:30px auto 0 auto }
	.board_view_wp { position:relative; border-top:1px solid #e8e8e8; padding:20px 0 0 0; word-break:keep-all; margin-top:30px; }
	.board_view_wp .bv_suj { position:relative; font-size:1.55em; color:#222; padding:0 0; }
	.board_view_wp .bv_field { position:relative; font-size:1.05em; color:#777; margin-top:3px; padding:0 0 20px 0; word-break:keep-all; line-height:1.7; }
	.board_view_wp .bv_field span { padding-right:10px; word-break:keep-all;}
	.board_view_wp .bv_field span:after { content:"|"; font-size:1.0em; color:#aeaeae; margin-left:12px; }
	.board_view_wp .bv_field span.date { color:#777; }
	.board_view_wp .bv_field span:last-child:after { content:"" } 
	.board_view_wp .bv_file_wp { position:relative; border-top:1px solid #e8e8e8; margin-top:0; flex-direction: column; align-items: flex-start; padding:5px 0}
	.board_view_wp .bv_file_wp .bv_file { position:relative; padding:10px 10px 10px 10px; background:#fafafc; border-bottom:1px solid #e8e8e8; width:100%;}
	.board_view_wp .bv_file_wp .bv_file:last-of-type { border-bottom:none }
	.board_view_wp .bv_file_wp .bv_file a { display:block; background:url(../images/ico_file.gif) no-repeat left center; background-size:10px 14px; padding-left:18px; font-size:1.1em; color:#036F8B; margin-bottom:0;}
	.board_view_wp .bv_file_wp .bv_file p.btn_file_down a { margin:0; padding:6px 10px}
	
	.board_view_wp .bv_file_wp .bv_file a:hover { color:#3297f5; }
	.board_view_wp .bv_comment { position:relative; padding:28px 5px; color:#444; font-size:1.20em; line-height:1.6; border-bottom:0px solid #e6e6e6; }
	.board_view_wp .bv_comment .bv_pic { text-align:center; }
	.board_view_wp .bv_comment .bv_mov { text-align:center; }
	.board_view_wp .bv_comment img, .board_view_wp .bv_comment .bv_pic img { width:100%; height:inherit; margin:0 auto !important }
	.board_view_wp .bv_comment p, .board_view_wp .bv_comment p strong, .board_view_wp .bv_comment div, .board_view_wp .bv_comment span { font-family:'Jost', 'Pretendard', 'notokr-regular', sans-serif !important;}
	.np_list_wp { position:relative; margin:35px 0 0 0; border-top:1px solid #e2eaf1; }
	.np_list_wp .prev_b { position:relative; border-bottom:1px solid #e2eaf1; background:#fff; display: flex; justify-content:flex-start; align-items: center; padding:0 10px; }
	.np_list_wp .next_b { position:relative; border-bottom:1px solid #e2eaf1; background:#fff; display: flex; justify-content:flex-start; align-items: center; padding:0 10px; }
	.np_list_wp .prev_b span { color:#999; font-size:1.0em; font-weight:500;}
	.np_list_wp .next_b span { color:#999; font-size:1.0em; font-weight:500;}
	.np_list_wp .prev_b a, .np_list_wp .next_b a { position:relative; display:block; padding:20px 20px 20px 30px; color:#222; font-size:1.3em !important; font-weight:500 }
	.np_list_wp .prev_b a:hover, .np_list_wp .next_b a:hover { color:#1a3066; font-weight:600 }
	.np_list_wp .prev_b p.np_date, .np_list_wp .next_b p.np_date { margin-left:auto; color:#999; font-size:1.0em; }

}

@media screen and (max-width: 480px) {
	/* Top */
	.main_wrap_mo {/* height: 350px */}
	.huham-main .col {/* height: 350px */}
	.huham-main .slick-slide p.slider-eng {top: 45%;font-size: 10px;}
	.huham-main .slick-slide p.slider-txt {font-size: 18px;text-align: center;width: 100%;left: 0;top: 55%;padding: 0 10px;}
	.huham-main .slick-slide p.slider-txt br {display: none;}
	.huham-main .slick-dots {display: none !important;}

}

a.btn_write { position:relative; display:inline-block; margin:0 auto; width:120px; color:#fff !important; font-size:1.35em !important; padding:15px 20px; background:url(../images/ico_write.png) no-repeat 20px center #9d7157; padding-right:20px; text-align:right; transition:all 0.3s ease; }
a.btn_write:hover { background:url(../images/ico_write.png) no-repeat 20px center #9d7157; }

a.btn_send { position:relative; display:inline-block; margin:0 auto; color:#fff !important; font-size:1.35em !important; font-weight:600 !important; padding:15px 30px; background:#9d7157; text-align:right; transition:all 0.3s ease; }
a.btn_send:hover { background:#9d7157; }

a.btn_cancel { position:relative; display:inline-block; margin:0 auto; color:#fff !important; font-size:1.35em !important; font-weight:600 !important; padding:15px 30px; background:#0b415c; text-align:right; transition:all 0.3s ease; }
a.btn_cancel:hover { background:#042b3f; }

.male	{  }
.female	{  }
.tmale	{  }