@charset "utf-8";

#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:5%; top:20px; width:73px; height:29px; transition:all ease .3s;}
.jbFixed #header .header_inner h1 a { display:block; width:73px; height:29px; background:url(../images/logo_t1.png) no-repeat left center; text-indent:-5000px; background-size:cover;}
.jbFixed #header.active .header_inner h1 { width:73px; overflow:hidden; transition:all ease .3s;}
.jbFixed #header.active .header_inner h1 a { display:block; width:73px; height:29px; background:url(../images/logo_t1.png) no-repeat left center; text-indent:-5000px; background-size:cover;}

.jbFixed #header .header_inner .top_gnb { position:absolute; right:5%; top:0; 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:100%; height:70px; margin:0 auto;}
.jbFixed #header .header_inner .nav_pc li.has-dropdown a { position:relative; display:block; font-size:1.7em; color:#fff; font-weight:500; padding:19px 0; z-index:9; display: flex; justify-content:center; align-items: center; transition:all ease 0.6s}
.jbFixed #header.active .header_inner .nav_pc { padding-top:20px; }

.jbFixed #header .header_inner .nav_pc li.has-dropdown .links-list { position:absolute; left:0; top:48px; padding:23px 0 0 0; width:100%; text-align:center;}


#header { position:fixed; top:0; width:100%; height:135px; z-index:10; overflow:hidden; background:none; transition:all 0.6s ease;}
#header .header_inner { position:relative; width:100%; height:135px; 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:5%; top:70px; width:270px; height:35px; z-index:999; transition:all ease .5s;}
#header .header_inner h1 a { display:block; width:270px; height:35px; background:url(../images/logo.png) no-repeat left center; text-indent:-5000px; transition:none; }
#header .header_inner h1.active a { display:block; width:270px; height:35px; background:url(../images/logo.png) no-repeat center center; text-indent:-5000px; background-size:cover; transition:none;}
#header .header_inner .top_gnb { position:absolute; right:5%; top:50px; display: flex; justify-content:flex-end; align-items: center; transition: all 0.4s ease; gap:20px; z-index:99}
#header .header_inner .top_gnb a { display:block; padding:23px 25px; color:#fff; font-size:1.3em !important; font-weight:500; background:var(--color-brand); letter-spacing:0.01em; }
#header .header_inner .top_gnb a.lang { background:url(../images/ar-01.svg) no-repeat right center; }

#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:100%; height:135px; margin:0 auto; display: flex; justify-content:center; align-items: flex-start; padding-left:0; transition: all 0.6s 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 20px; 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.7em; color:#fff; font-weight:500; padding:70px 0 30px 0; z-index:9; display: flex; justify-content:center; align-items: center; transition:all ease 0.5s; white-space:nowrap;}
#header .header_inner .nav_pc li.has-dropdown a:hover { color: var(--color-default); }
#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 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:103px; 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.4s cubic-bezier(.51,.01,0,1)}
#header.active { height:460px; overflow:hidden; transition: all 0.7s cubic-bezier(.51,.01,0,1); background:rgba(18,18,20,1);}
#header.active .header_inner { position:relative; width:100%; margin:0 auto; height:440px; overflow:hidden; transition: all 0.5s cubic-bezier(.51,.01,0,1)}
#header.active .header_inner h1 { width:95px; overflow:hidden; transition:all ease .3s;}
#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 36px; transition: all 0.7s 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; z-index:9999 !important }

#header.active .header_inner .nav_pc li.has-dropdown.active a { color:var(--color-default) !important; z-index:99 !important; font-weight:700 }
#header .header_inner .nav_pc li.has-dropdown.active a:hover { color:var(--color-default); 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:400 !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:var(--color-default) !important; 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; padding-top:0; }
#mcontainor .mcont_inner { position:relative; width:100%; margin:0 auto; padding:0 0 80px 0 }


.main_visual_wp { position:relative; width:100%; height:920px; margin-top:0; overflow:hidden; background:#fff; z-index:0}
.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:920px; /* background:url(../images/mv1.png) no-repeat center top var(--sbg-bg-color); background-size:120% */ }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv2 { width:100%; height:920px; /* background:url(../images/mv2.png) no-repeat center top var(--sbg-bg-color); background-size:120% */ }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv3 { width:100%; height:920px; /* background:url(../images/mv3.jpg) no-repeat center top var(--sbg-bg-color); background-size:120% */ }
.swiper-container {
  height:920px;

}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 920px;
  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:240px 12% 0 12%; display: flex; justify-content:flex-start; align-items: center;}
@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:var(--color-default); text-align:left; font-size:7.7em; font-weight:800; letter-spacing:0; line-height:1.5} */
.swiper-slide .slide-inner .txt .t1 { position:relative; color:var(--color-default); text-align:left; font-size:5.5em; font-weight:500; letter-spacing:0; line-height:1.5}
.swiper-slide .slide-inner .txt .t1 .t_line { position:absolute; left:330px; bottom:34px; width:0; height:2px; display:block; background:var(--color-default); }
.swiper-slide .slide-inner .txt .t1 .t_line1 { position:absolute; left:460px; top:80px; width:0; height:2px; display:block; background:var(--color-default); }
.swiper-slide .slide-inner .txt .t1 .t_line2 { position:absolute; left:230px; top:34px; width:0; height:2px; display:block; background:var(--color-default); }
.swiper-slide .slide-inner .txt .t1 em { font-weight:400; color:var(--color-default); font-size:0.75em; display:block; line-height:1.0}
.swiper-slide .slide-inner .txt .t1 em.co1 { font-weight:700; font-size:1.5em}
.swiper-slide .slide-inner .txt .t2 { color:#fff; text-align:left; font-size:1.6em; font-weight:400; letter-spacing:0.02em; margin:170px 0 0 80px; line-height:1.9}
.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 4s cubic-bezier(0, 0.68, 0.25, 1) 1s 1 forwards;}
@keyframes txt_ani {
	 0% {
		 opacity:0;
		 transform: translateY(30px);
	}
	 100% {
		 opacity:1;
		 transform: translateY(0);
	}
}

@-webkit-keyframes txt_ani {
	 0% {
		 opacity:0;
		 -webkit-transform: translateY(30px);
		 transform: translateY(30px);
	}
	 100% {
		 opacity:1;
		 -webkit-transform: translateY(0);
		 transform: translateY(0);
	}
}

.swiper-slide-active .slide-inner .txt .t1 {}
.swiper-slide-active .slide-inner .txt .t1 .t_line { width:0; animation:line_ani_01 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;}
@keyframes line_ani_01 {
	 0% {
		 opacity:0;
		 width:0;
	}
	 100% {
		 opacity:1;
		 width:150px;
	}
}
.swiper-slide-active .slide-inner .txt .t1 .t_line1 { width:0; animation:line_ani_02 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;}
@keyframes line_ani_02 {
	 0% {
		 opacity:0;
		 width:0;
	}
	 100% {
		 opacity:1;
		 width:310px;
	}
}

.swiper-slide-active .slide-inner .txt .t1 .t_line2 { width:0; animation:line_ani_03 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;}
@keyframes line_ani_03 {
	 0% {
		 opacity:0;
		 width:0;
	}
	 100% {
		 opacity:1;
		 width:400px;
	}
}
.swiper-slide-active .slide-inner .txt .t2 { margin-top:170px; line-height:1.8; opacity:0; animation:txt_ani_t2 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;}
@keyframes txt_ani_t2 {
	 0% {
		 opacity:0;
		 transform: translateX(-150px);
	}
	 100% {
		 opacity:1;
		 transform: translateX(0);
	}
}

@-webkit-keyframes txt_ani_t2 {
	 0% {
		 opacity:0;
		 -webkit-transform: translateX(-150px);
		 transform: translateX(-150px);
	}
	 100% {
		 opacity:1;
		 -webkit-transform: translateX(0);
		 transform: translateX(0);
	}
}

.swiper-slide-active .slide-inner .txt .btn { opacity:0; animation:txt_ani_bt 2s cubic-bezier(0, 0.68, 0.25, 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 1s cubic-bezier(0, 0.68, 0.25, 1) 1s 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; 
	}
}
/* background-image version (disabled: using <img> now)
.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.png) no-repeat center top var(--sbg-bg-color); opacity:1;}
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv1 { background:url(../images/mv1.png) no-repeat center top #fff; animation:mv_scale 5.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 forwards; transition:all .2s ease; background-size:120%;}

.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv2 { background:url(../images/mv3.jpg) no-repeat center top var(--sbg-bg-color); opacity:1; }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv2 { background:url(../images/mv3.jpg) no-repeat center top #fff; animation:mv_scale 5.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 forwards; background-size:120%;}

.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv3 { background:url(../images/mv2.png) no-repeat center top var(--sbg-bg-color); opacity:1; }
.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv3 { background:url(../images/mv2.png) no-repeat center top #fff; animation:mv_scale 5.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 forwards; background-size:120%;}
*/

.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.25, 0.46, 0.45, 0.94) 0s 1 forwards; }

@keyframes mv_scale {
	 0% {
		 opacity:1;
		 background-size:120%;
		 /*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:120%;
		 /*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.3%; bottom:27%; display: flex; justify-content:flex-start; align-items: center; z-index:99; width:100%; }
.swiper-container .slidectr1 { position:absolute; right:12.3%; bottom:27%; z-index:99;  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 var(--color-default); cursor:pointer;  background-size:6px 10px; margin-right:0; transition:all 0.2s ease;}
.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 var(--color-default); 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:20px; border-radius:0; transition:all ease 0.3s; opacity:1}
.swiper-container .ctr .swiper-pagination .swiper-pagination-bullet-active { width:80px; background:var(--color-default); transition:all ease 0.3s }


.section.mt { margin-top:100px }
.section .inner { position:relative; width:100%; height:100% }
.section .inner.al { display: flex; justify-content:center; align-items:flex-start; flex-direction: column; }
.section.active {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease;
}

.section {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease;
  position:relative; margin-top:200px; padding:0 10%
}

.m_about { position:relative; margin-top:-50px; z-index:99 }
.mabout_ct { display: flex; justify-content:flex-start; align-items: flex-start; gap:5%; margin-top:100px;}
.mabout_ct .ab_box { position:relative; width:480px; height:480px; cursor:pointer;}
.mabout_ct .ab_box .title { position:absolute; left:40px; top:40px; font-size:2.9em; font-weight:600; color:#fff; z-index:9 }
.mabout_ct .ab_box:nth-of-type(2) { margin-top:130px }
.mabout_ct .ab_box:nth-of-type(3) { margin-top:-170px }
.mabout_ct .ab_box .bg { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:0; background-size:cover; transition:all ease 0.4s;}
.mabout_ct .ab_box.ab1 .bg { background:url(../images/mab01.png) no-repeat center; background-size:cover; }
.mabout_ct .ab_box.ab2 .bg { background:url(../images/mab02.png) no-repeat center top;}
.mabout_ct .ab_box.ab3 .bg { background:url(../images/mab03.png) no-repeat center center; background-size:cover; }
.mabout_ct .ab_box:hover .btn_go { background:url(../images/ar001.svg) no-repeat center center #fff; transition:all ease 0.4s; z-index:1; background-size:18px;}
.mabout_ct .ab_box:hover .bg { opacity:.8; transition:all ease 0.4s; -webkit-transform: scale(1.032); transform: scale(1.032);}
.btn_go { position:absolute; left:40px; bottom:40px; background:url(../images/ar001-wh.svg) no-repeat center center var(--color-default); width:80px; height:80px; display:block; transition:all ease 0.4s; z-index:1}


.m_recurit { position:relative; }


.m_news { position:relative; width:100%; }

.en_tl {  position:relative; font-size:1.3em; color:#828488; font-weight:600 }
.en_tl:after { position:relative; display:inline-block; vertical-align:middle; width:1px; height:40px; background:var(--color-brand); content:''; margin-left:30px;}
.sec_tl_stxt { margin-top:60px; font-size:1.9em; font-weight:500; line-height:1.5 }
.sec_tl_stxt em { color:var(--color-brand); }
.sec_tl_txt { margin-top:60px; font-size:3.9em; font-weight:600; line-height:1.4; letter-spacing:-0.02em }
.sec_tl_txt.mt { margin-top:20px; }
.sec_tl_txt span.co1 { color:var(--color-brand); font-weight:700 }
.sec_tl_txt em.tl_line { width:100px; height:3px; display:inline-block; vertical-align:middle; background:#212224; margin:-5px 18px 0 18px; }
.sec_tl_txt.rnd, 
.en_tl.rnd { color:#fff }
a.nt_more { position:absolute; right:0; top:130px; font-size:1.2em !important; font-weight:500 !important; text-decoration:underline !important}
a.nt_more:hover { color:var(--color-default);  }

.m_esg { position:relative; height:850px; background:url(../images/m_esg_bg.png) no-repeat left bottom; z-index:10}
.m_esg .mesg_list_m { position:absolute; right:0; top:60px; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; width:660px;}
.m_esg .mesg_list_m .esg_mbox { position:relative; width:200px; min-height:160px; display:block; border-bottom:1px solid #BCBDBD; cursor:pointer; background: linear-gradient(to top, var(--color-default) 0%, var(--color-default) 100%) no-repeat; background-size:100% 0; margin-right:30px; transition: background-size 0.3s ease, border-color 0.3s ease; background-position: top bottom;}
.m_esg .mesg_list_m .esg_mbox .num { position:absolute; left:22px; top:30px; font-weight:600; font-size:1.4em; }
.m_esg .mesg_list_m .esg_mbox .t_me { position:absolute; left:22px; bottom:40px; font-weight:600; font-size:1.8em; line-height:1.3 }
.m_esg .mesg_list_m .esg_mbox:nth-of-type(3), .m_esg .mesg_list_m .esg_mbox:nth-of-type(6), .m_esg .mesg_list_m .esg_mbox:nth-of-type(9) { margin-right:0 }
.m_esg .mesg_list_m .esg_mbox:hover { background: linear-gradient(to bottom, var(--color-default) 100%, var(--color-default) 0%) no-repeat; border-bottom:1px solid var(--color-default); transition: background-size 0.5s ease, border-color 0.5s ease; background-size:100% 100%;}
.m_esg .mesg_list_m .esg_mbox:hover .num { color:#fff; }
.m_esg .mesg_list_m .esg_mbox:hover .t_me { color:#fff; }
.m_esg .mesg_img { position:absolute; left:20%; bottom:-80px }

.mesg_s_t { position:relative; margin-top:100px; font-size:1.6em; line-height:1.7 }

.m_rnd { position:relative; width:100%; height:900px; background:url(../images/m_rnd_bg.jpg) no-repeat center center; display: flex; justify-content:flex-start; align-items: center; margin-top:0; z-index:0}
.m_rnd .mrnd_m { display: flex; justify-content:space-between; align-items: center; gap:5%; width:100%; margin-top:110px;}
.m_rnd .mrnd_m li { position:relative; width:100%; }
.m_rnd .mrnd_m li a { display:block; color:#fff; font-size:1.5em; font-weight:400; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.2); background:url(../images/ar001-wh.svg) no-repeat right 5px; background-size:20px;}
.m_rnd .mrnd_m li a:before { position:absolute; left:0; bottom:0; width:0; height:1px; background:#fff; display:block; content:''; transition:all .4s ease}
.m_rnd .mrnd_m li a:hover:before {width:100%; transition:all .4s cubic-bezier(0, 0.92, 0.65, 1.02)}
.rnd_discrip { position:absolute; right:10%; top:370px; font-size:1.7em; font-weight:400; color:#fff; line-height:1.9 }

.mpro-info-view { margin-top:80px }
.mpro-info-view img { width:100% }


.contents_wp { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; gap:27px}
.contents_wp .mbct_box { background:url(../images/ar001.svg) no-repeat 88% center var(--color-card-bg); background-size:18px; width:100%; height:200px; display: flex; justify-content:center; align-items: flex-start;  flex-direction: column; padding:10px 30px; cursor:pointer; font-size:1.75em; font-weight:600; transition:all .3s ease }
.contents_wp .mbct_box em { display:block; margin-top:5px; font-size:0.7em; color:#71747A; font-weight:500}
.contents_wp .mbct_box:hover { background-position: 92% center; transition:all .5s cubic-bezier(0, 0.92, 0.65, 1.02); background-color:var(--color-card-bg-hover); }
.contents_wp .mbct_box.baecha { background:url(../images/m_bae_img.png) no-repeat right center var(--color-default); color:#fff; transition:all .6s ease}
.contents_wp .mbct_box.baecha:hover { background-position: 115% center; transition:all .5s cubic-bezier(0, 0.92, 0.65, 1.02); background-color:var(--color-default-hover); }
.contents_wp .mbct_box.pr { background:url(../images/m_broch.png) no-repeat 105% 40px var(--color-default); transition:all .6s ease}
.contents_wp .mbct_box.pr:hover { background-position: right 40px; transition:all .5s cubic-bezier(0, 0.92, 0.65, 1.02); background-color:var(--color-default-hover);}
.contents_wp .mbct_box.pr span {
	font-weight: 600;
	color:var(--color-grayscale-0);
}
.contents_wp .mbct_box.pr em {
	font-weight: 500;
	color:var(--color-grayscale-10);
}

.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:850px; background:var(--sbg-bg-color); overflow:hidden}
.sv_wh_gra { position:absolute; left:0; bottom:0; width:100%; height:500px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 1) 75%); z-index:8 }
.mv_wh_gra { position:absolute; left:0; bottom:0; width:100%; height:240px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%); z-index:8 }
.sbg1 { position:absolute; left:0; top:0; height:850px; width:100%; background: url(../images/sv1.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; overflow:hidden; z-index:7; background-size:cover;}
.sbg2 { position:absolute; left:0; top:0; height:850px; width:100%; background: url(../images/sv2.png) no-repeat right center var(--sbg-bg-color); z-index:4; overflow:hidden; z-index:7; background-size:cover;}
.sbg3 { position:absolute; left:0; top:0; height:850px; width:100%; background: url(../images/sv3.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; overflow:hidden; z-index:7; background-size:cover;}
.sbg4 { position:absolute; left:0; top:0; height:850px; width:100%; background: url(../images/sv4.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; overflow:hidden; z-index:7; background-size:cover;}
.sbg5 { position:absolute; left:0; top:0; height:850px; width:100%; background: url(../images/sv5.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; overflow:hidden; z-index:7; background-size:cover;}
.sbg6 { position:absolute; left:0; top:0; height:850px; width:100%; background: url(../images/sv6.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; overflow:hidden; z-index:7; background-size:cover;}
.sbg7 { position:absolute; left:0; top:0; height:850px; width:100%; background: url(../images/sv7.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; overflow:hidden; z-index:7; background-size:cover;}
.sv .sv_txt { position:relative; width:80%; margin:-50px auto; height:100%; z-index:5; display: flex; justify-content:center; align-items:flex-start; flex-direction: column; padding-top:0; z-index:9}

.sv .sv_txt .svt1_1 { color:var(--color-default); font-size:2.35em; font-weight:600; letter-spacing:0.02em; line-height:1.3}
.sv .sv_txt .svt2 { display: flex; justify-content:flex-start; align-items:center; margin:20px 0 0 0; gap:50px; }
/* .sv .sv_txt .svt1_2 { color:var(--color-default); font-size:7.6em; font-weight:700; letter-spacing:0; line-height:1.0; margin:0 0 0 0} */
.sv .sv_txt .svt1_2 { color:var(--color-default); font-size:5.5em; font-weight:500; letter-spacing:0; line-height:1.0; margin:0 0 0 0}
.sv .sv_txt .svt1_3 { color:#fff; font-size:1.9em; font-weight:500; letter-spacing:0.0em; line-height:1.4;}
.sv .sv_txt .svt1_3.sv1 { }
.sv .sv_txt .svt_line { width:0; height:1px; background:var(--color-default); animation:sv_line_ani 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 0.8s 1 forwards;}
@keyframes sv_line_ani {
	0% {
		width:0;
		opacity: 0;
	}
	100% {
		width:200px;
		opacity: 1;
	}
}


#containor { position:relative; width:100%;  margin:-150px 0 0 0; padding:0 0 100px 0; z-index:20;}
#containor .cont_inner { position:relative; width:100%; margin:0 auto; padding:0 10% }
#containor .cont_inner.w100 { width:100% }

/* 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 }

.path_wp { display: flex; justify-content:flex-start; align-items:center; }
.path_wp a.home { position:relative; display:block; background:url(../images/ic-home.svg) no-repeat left center; background-size:12px; padding:4px 0 3px 20px; }
.path_wp a { font-size:1.2em !important; color:rgba(33,34,36,.6) !important; font-weight:400; display: flex; justify-content:flex-start; align-items:center; padding:4px 0}
.path_wp a:last-of-type { color:rgba(33,34,36,1) !important;}
.path_wp a:after { display:inline-block; margin:0 8px; background:url(../images/ic-path-ar.svg) no-repeat center center; width:10px; height:10px; background-size:4px 6px; content:'';}
.path_wp a:last-of-type:after { display:none }

.ct_top { position:relative; display: flex; justify-content:space-between; align-items: flex-start; margin:30px 0 0 0; border-bottom:1px solid #E3E3E3;}
.ct_top h4.title { font-size:3.63em; font-weight:600; line-height:1.0 }
.ct_top h4.title em { font-weight:200; }

.esg_top { position:relative; padding:80px 0; border-bottom:1px solid #E3E3E3; min-height:500px; display: flex; justify-content:center; align-items:flex-start; flex-direction: column}
.esg_top.bg1 { background:url(../images/esg_01.jpg) no-repeat right center; background-size:cover;}
.esg_top.bg2 { background:url(../images/esg_02.jpg) no-repeat right center; background-size:cover;}
.esg_top.bg3 { background:url(../images/esg_03.jpg) no-repeat right center; background-size:cover;}
.esg_top.bg4 { background:url(../images/esg_04.jpg) no-repeat right center; background-size:cover;}
.esg_top.bg5 { background:url(../images/esg_05.png) no-repeat right center; background-size:cover;}
.esg_top.bg6 { background:url(../images/esg_06.jpg) no-repeat right center; background-size:cover;}
.esg_top.bg7 { background:url(../images/esg_07.jpg) no-repeat right center; background-size:cover;}
.esg_top .tx { position:relative; font-size:2.0em; font-weight:400 }
.esg_top .tx:after { position:absolute; left:45%; top:50%; width:10%; height:1px; content:''; display:none; background:var(--color-brand);box-shadow: 0px 4px 5px rgba(0,0,0,0.1) }
.esg_top .tx em { font-weight:600 }
.esg_bg3 { position:absolute; right:0; top:0; background:url(../images/esg03.jpg) no-repeat right top; background-size:134px 150px; width:200px; height:200px;}
.esg_bg5 { position:absolute; right:0; top:0; background:url(../images/esg05.jpg) no-repeat right top; background-size:134px 150px; width:200px; height:200px;}

.esg_txt { position:relative; font-size:1.45em; font-weight:400; margin-top:30px; line-height:1.7; color:#777; }
.esg_txt em { font-weight:600; color:var(--color-brand); }
.esg_txt1 { position:relative; font-size:1.4em; font-weight:400; margin-top:30px; line-height:1.7; color:#777; }
.esg_txt1 em { font-weight:600; color:var(--color-brand); }
.esg_txt2 { position:relative; font-size:1.4em;  line-height:1.8; margin-top:110px; font-weight:300 }
.esg_txt2 em { font-weight:600; }
.esg_img { position:relative;margin-top:60px; }
.esg_img.padb { padding-bottom:60px; border-bottom:1px solid #E3E3E3; }
.esg_img img { width:100% }
.esg_stl { position:relative; margin-top:120px; font-weight:600; font-size:1.65em;}
.esg_stl em { color:#888; font-size:0.7em}
.esg_stl:after { position:absolute; left:5px; top:50px; width:2px; height:50px; content:''; display:block; background:var(--color-brand);box-shadow: 0px 4px 5px rgba(0,0,0,0.1) }

.esg_ls_dep1 { position:relative; margin-top:140px; font-size:1.8em; font-weight:600; color:var(--color-brand); display: flex; justify-content:flex-start; align-items:center;}
.esg_ls_dep1 div.exp { color:#212224; font-size:1.4em; margin-left:30px; }
.esg_ls_dep1 div.exp em { padding-bottom:3px; border-bottom:1px solid #212224 }
.esg_ls_dep2 { position:relative; margin-top:110px; font-size:2.6em; font-weight:600; color:#212224;}

.esg_ls_dep3 { position:relative; margin-top:100px; font-size:2.0em; font-weight:600;}


.img_ty { position:relative; padding:130px 0 60px 0; border-bottom:1px solid #E3E3E3; display: flex; justify-content:space-between; align-items:flex-start;}
.img_ty .lt { position:relative; width:60%; }
.img_ty .lt p.t01 { position:relative; font-size:1.4em;  line-height:1.8; margin-top:30px; font-weight:300}
.img_ty .lt p.t01:nth-of-type(1) { margin-top:0 }
.img_ty .lt p.t01 em { font-weight:bold }
.img_ty .rt { position:relative; width:40%; padding-left:5% }
.img_ty .rt img { width:100% }
.img_ty_dep2 { position:relative; margin-top:0; font-size:2.6em; font-weight:600; color:#212224;}
.img_ty_esg_list { position:relative; margin-top:40px;  }
.esg_list { position:relative; margin-top:30px; padding-bottom:60px; border-bottom:1px solid #E3E3E3; }
.esg_list li, .img_ty_esg_list li { position:relative; margin:10px 0; font-size:1.45em; padding-left:25px; font-weight:400 }
.esg_list li:after, .img_ty_esg_list li:after { position:absolute; left:0; top:6px; width:10px; height:10px; background:#fff; border:2px solid var(--color-brand); box-shadow: 0px 4px 5px rgba(0,0,0,0.1); content:''; display:block }
.esg_list li em, .img_ty_esg_list li em { font-weight:800; }

.finacial_wp { display: flex; justify-content:flex-start; align-items:flex-start; margin-top:50px; gap:4.5% }
.finacial_wp .fin_box { position:relative; width:100%;}
.fb_tl { position:relative; padding:10px 0; border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; font-size:1.35em}
.fb_tl em { position:absolute; right:0; top:13px; color:#999; font-size:0.8em }
.fb_list { position:relative; padding:10px 0; z-index:9}
.fb_list li { position:relative; font-size:1.35em; font-weight:500; margin:8px 0; color:#888; font-size:1.2em}
.fb_list li.col,
.fb_list li.col span { color:#212224; }
.fb_list li span { position:absolute; right:0; top:0;  }
.fin_total { position:relative; padding:20px 0; border-top:1px solid var(--color-brand); border-bottom:1px solid #E3E3E3; font-size:1.35em; font-weight:600}

.patent_wp { position:relative; margin-top:100px; display: flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.patent_wp.mt { margin-top:0; }
.patent_wp .pat_box { position:relative; width:19.75%; margin:5% 7% 0 0}
.patent_wp .pat_box:nth-of-type(4), .patent_wp .pat_box:nth-of-type(8) { margin-right:0 }
.patent_wp .pat_box .pat_img { position:relative; width:100%; border:1px solid #e5e5e5; box-shadow: 0px 30px 40px rgba(0,0,0,0.1) }
.patent_wp .pat_box .pat_img.tec { padding:25px; min-height:250px; display: flex; justify-content:center; align-items:center;}
.patent_wp .pat_box .pat_img img { width:100% }
.patent_wp .pat_box .pat_title { position:relative; margin-top:25px; font-size:1.43em; font-weight:600; letter-spacing:-0.03em }
.patent_wp .pat_box .pat_info { position:relative; margin-top:12px;}
.patent_wp .pat_box .pat_info li { position:relative; margin:5px 0; font-size:1.1em; padding-left:60px;}
.patent_wp .pat_box .pat_info li em { position:absolute; left:0; top:0; color:#777;}

.line { position:relative; margin:80px 0; width:100%; background:#E3E3E3; height:1px }

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

.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:var(--color-footer-bg); z-index:21; padding:0 5%; }
#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:100%; }
#footer .ft_inner .ft_left .ft_logo { position:relative; display:block; width:223px; height:29px; background:url(../images/logo.png) no-repeat left center; text-indent:-5000px; background-size:cover; transition:none;}
#footer .ft_inner .ft_left .ft_menu { position:absolute; right:0px; top:6px; display: flex; justify-content:flex-start; align-items:center; gap:28px }
#footer .ft_inner .ft_left .ft_menu li {  } 
#footer .ft_inner .ft_left .ft_menu li a { display:block; color:rgba(33,34,36,.7); font-size:1.15em; font-weight:500; } 
#footer .ft_inner .ft_left .ft_menu li a:hover { color:#222 }
#footer .ft_inner .ft_left .ft_menu li:last-of-type a { color:var(--color-brand)}
#footer .ft_inner .ft_left .ft_menu li:last-of-type a:hover { color:#1D306D}
/*#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:30px 0 0 0 }
#footer .ft_inner .ft_left address ul { display: flex; justify-content:flex-start; align-items:center; flex-wrap:wrap}
#footer .ft_inner .ft_left address ul li { color:rgba(33,34,36,.9); font-weight:500; font-size:1.2em; margin:0 18px 0 0 }
#footer .ft_inner .ft_left address ul li em { font-weight:300;} 
#footer .ft_inner .ft_left address ul li:first-of-type { font-weight:700; color:rgba(33,34,36,1); width:100%; margin:0 0 5px 0 }
#footer .ft_inner .ft_left .ft_copyr { position:relative; font-size:1.1em; color:rgba(33,34,36,.5); margin:10px 0 0 0 }
#footer .ft_inner .ft_right { position:relative; display:block; width:00%; 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 {
	z-index:999;
	position:fixed;
	right:5%;
	bottom:5%;
	display:flex;
	flex-direction: column;
	gap: 10px;
	opacity: 0;
	pointer-events: none;
	transition: bottom 0.3s ease-out, opacity 0.3s ease-out;
}
.btn_top.topvi {
	opacity: 1;
	pointer-events: auto;
}
.btn_top button {
	opacity: 0.9;
	display:block;
	width:65px;
	height:65px;
	background: var(--color-grayscale-100-primary-text); border:none;
	padding: 9px;
	font-size: 1.05em;
	font-weight:500;
	letter-spacing: 0.05em;
	text-align:center;
	color:var(--color-grayscale-0);
	transition:all 0.3s ease;
	cursor:pointer;
}
.btn_top button:hover {
	background: var(--color-grayscale-100-hover);
}
.btn_top button.contact {
	padding: 2.5px;
	background: var(--color-brand);

	display: none;
}
.btn_top button.contact .contact-text {
	display: inline-block;
	color: var(--color-grayscale-0);

	display: none;
}
.btn_top button.contact .contact-icon {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}
.btn_top button.contact:hover {
	background: var(--color-default-hover);
}
.btn_top button.emergency {
	padding: 2.5px;
	background: var(--color-default);
	line-height: 1.0;
}

.btn_top button.emergency:hover {
	background: var(--color-default-hover);
}


#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:0 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.p100 { width:100% }
.pg_ft_partner_field_wp .pg_SelectBox { position:relative; width:48%; 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_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 { display:block; color:#212224; font-weight:500; font-size:1.4em; padding-left:2px; }
.pg_inp:after { content: "*"; display:inline-block; opacity: 0; font-size:1.3em; color:var(--color-brand); font-weight:600; vertical-align:middle; margin-left:6px; }
.pg_inp-s-c { display:block; color:#212224; font-weight:500; font-size:1.4em; padding-left:2px; }
.pg_inp-s-c:after { content: "*"; display:inline-block; opacity: 1; font-size:1.3em; color:var(--color-brand); 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.4em; }
.pg_inp-st1.ta { border:1px solid #BDBCBC; margin-top:0px; }
.pg_inp-st1::placeholder { color:#A6A9AE; font-weight:400; font-size:1.0em }
.pg_inp-st1::-webkit-input-placeholder { color:#A6A9AE; font-weight:400; font-size:1.0em}
.pg_inp-st1::-ms-input-placeholder { color:#A6A9AE; font-weight:400; font-size:1.0em}
.pg_inp-st1:focus { background:#fff; border:none; color:#1e1e1e; border-bottom:1px solid var(--color-brand); outline:none !important;}
.pg_inp-st1.ta:focus { border:1px solid var(--color-brand); }
.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:10px;}
.pg_SelectBox .SelectBox__select { border:none; border-bottom:1px solid #BDBCBC; background:none; color:var(--color-default); padding:14px 15px 14px 15px; font-weight:500; letter-spacing:-0.01em; font-size:1.2em; cursor:pointer}
.pg_SelectBox .SelectBox__select option { background:var(--color-default); color:#fff; font-weight:600; }
.pg_SelectBox .SelectBox__select:focus { background:#fff; color:#1e1e1e; border-bottom:1px solid var(--color-default);}
.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; flex-shrink: 0; min-width: 120px;}
.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:15px;}
.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; width: 100%;}
select[name="sfield"], select#sfield {
	min-width: 120px;
}
.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; }



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

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

.mission {margin:170px 0 0 0 }

.ab_ly { position:relative; display: flex; justify-content:space-between; align-items: flex-start; margin-top:40px;}
.ab_ly .ab_ly_l { position:relative; width:100%;}

.ab_ly .ab_ly_r { position:relative; width:100%; padding-left:8%}
.ab_ly .ab_ly_r .tx1 { position:relative; font-size:1.7em; font-weight:400; line-height:1.8}
.ab_ly .ab_ly_r .tx1.mt { margin-top:35px }

.ab_ly1 { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; margin-top:50px;}
.ab_ly1.mt { margin-top:90px }
.ab_ly1 .ab_ly_l { position:relative; width:auto;}

.ab_ly1 .ab_ly_r { position:relative; width:auto; padding-left:8%}
.ab_ly1 .ab_ly_r .tec_tl_tx { position:relative; font-size:1.8em; font-weight:600;}
.ab_ly1 .ab_ly_r .tec_li { margin-top:20px }
.ab_ly1 .ab_ly_r .tec_li li { position:relative; font-size:1.5em; font-weight:400; line-height:1.8; padding-left:15px;}
.ab_ly1 .ab_ly_r .tec_li li:before { position:absolute; left:2px; top:14px; width:4px; height:4px; background:#2265F5; display:block; content:'' }
.ab_ly1 .ab_ly_r .tec_li li ul { margin:7px 0 12px 0;}
.ab_ly1 .ab_ly_r .tec_li li ul li{ position:relative; font-size:0.8em; color:#777; font-weight:500; padding-left:0 }
.ab_ly1 .ab_ly_r .tec_li li ul li:before { display:none }




.value { position:relative; margin:170px 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-info-view { position:relative; margin:40px 0 0 0; border-top:1px dashed rgba(0,0,0,.1) }
.his_block { position:relative; margin:0 0 0 0; display: flex; justify-content:flex-start; align-items: flex-start; padding:50px 0 45px 0; border-bottom:1px dashed rgba(0,0,0,.1); background-size:0}
.his_block .year { position:absolute; left:3%; top:50%; font-size:4.0em; font-weight:300; margin-top:-36px; }
.his_block .his_list { position:relative; padding-left:15%;}
.his_block .his_list li { position:relative; display: flex; justify-content:flex-start; align-items: center; font-size:1.7em; font-weight:600; color:#1B1817; margin:20px 0; line-height:1.7}
.his_block .his_list li span { color:var(--color-brand); font-weight:600; font-size:0.8em; width:60px; height:60px; border-radius:0; display: flex; justify-content:center; align-items: center; background:#fff; margin-right:30px;  transition: all 0.5s ease}
.his_block {
  position: relative;
  overflow: hidden;
}

.his_block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #F3F3FA;
  transition: width 1.2s cubic-bezier(0, 0.92, 0.65, 1.02);
  z-index: -1;
}

.his_block.active::before {
  width: 100%;
}
.his_block.active {border-bottom:1px dashed #D1D2DD;}

.his_block .month {
  transition: background 0.5s cubic-bezier(0, 0.92, 0.65, 1.02), color 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);
  
}

.his_block.active .his_list li {
  color: var(--color-brand);

}
.his_block.active .month {
  background: var(--color-brand) !important;
  color: #fff;

}




.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; margin-top:80px; }
.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:0; width:100%; height:401px; overflow:hidden}
.map_wp #daumRoughmapContainer1760682659782,
.map_wp .root_daum_roughmap, .map_wp .root_daum_roughmap_landing { height:401px !important; width:100% !important;}
.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 var(--color-brand);}
.map_info ul li { position:relative; font-size:1.5em; color:#212224; font-weight:500; letter-spacing:-0.03em; margin:10px 0 10px 0; display:flex; align-items:center; }
.map_info ul li span { color:var(--color-brand); letter-spacing:0; font-weight:600; border-right:1px dashed rgba(0,0,0,.1); padding-right:20px; margin-right:20px; display:inline-block; min-width:100px; }

.ct_dep_tab { position:relative; width:auto; display: flex; justify-content:flex-end; align-items:center; gap:40px;}
.ct_dep_tab li a { position:relative; width:100%; background:#fff; color:#909091 !important; font-weight:600 !important; font-size:1.45em !important; padding:16px 0 35px 0; transition:all 0.4s ease; display:block;}
.ct_dep_tab li a:after { background:var(--color-brand); content:''; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; transition:all 0.25s ease;}
.ct_dep_tab li a.active { color:var(--color-brand) !important; transition:all 0.25s ease-out; font-weight:700 !important}
.ct_dep_tab li a.active:after { height:5px; transition:all 0.25s ease; bottom:-3px;}
.ct_dep_tab li a:hover { color:var(--color-default) !important; transition:all 0.25s ease; }
.ct_dep_tab li a:hover:after { height:5px; transition:all 0.25s ease; bottom:-3px;}


.tab-his-st { position:absolute; right:0; top:22px; width:auto; display: flex; justify-content:flex-end; align-items:center;}
.tab-his-st a { position:relative; background:#212224; color:#fff !important; border:1px solid #212224;font-weight:600 !important; font-size:1.55em !important; padding:18px 30px; transition:all 0.4s ease; display:block;}
.tab-his-st a.active { background:var(--color-default); color:#fff !important; border:1px solid var(--color-default); transition:all 0.25s ease-out; font-weight:700 !important}
.tab-his-st a:hover { background:var(--color-default); color:#fff !important; border:1px solid var(--color-default); transition:all 0.25s ease; }

.mpro_tab { position:absolute; right:0; top:130px; width:auto; display: flex; justify-content:flex-end; align-items:center;}
.mpro_tab a { position:relative; background:url(../images/ar002-blue.svg) no-repeat 88% center #fff; color:#909091 !important; border:1px solid #828488;font-weight:600 !important; font-size:1.45em !important; padding:16px 30px; transition:all 0.4s ease; display:block; background-size:0;}
.mpro_tab a.active { background:url(../images/ar002-blue.svg) no-repeat 88% center #fff; color:var(--color-brand) !important; border:1px solid var(--color-brand); font-weight:700 !important; background-size:14px; padding:16px 80px 16px 30px;}
.mpro_tab a:hover { background:url(../images/ar002-white.svg) no-repeat 88% center var(--color-default); color:#fff !important; border:1px solid var(--color-default); transition:all 0.25s ease; }


.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; letter-spacing:-0.03em;}
.cst_top .t1 { font-size:2.3em; font-weight:500;}
.cst_top .t1 span { font-size:1.4em; font-weight:700;}
.cst_top .t2 { font-size:1.4em; font-weight:400; color:#777; margin-top:15px; }

.pr_top { position:relative;  background:url(../images/pr-ijs.png) no-repeat 95% 26px var(--color-card-bg); padding:55px 42px}
.pr_top .t1 { font-size:2.0em; font-weight:600; color:#212224; letter-spacing:-0.03em;}
.pr_top .t2 { font-size:1.4em; font-weight:400; color:#71747A; margin-top:10px; }


.cont_top { position:relative;  background:url(../images/txt01_1.svg) no-repeat right 30px; background-size:120px auto; display: flex; justify-content:flex-start; align-items: center; padding:30px 0 80px 0; gap:5%}
.cont_top .t0 { font-size:1.6em; font-weight:700; color:#2265F5; line-height:1.1}
.cont_top .t0 em { font-size:0.8em; color:#2265F5;}
.cont_top .t1 { font-size:3.2em; font-weight:400; color:#212224; letter-spacing:-0.03em; line-height:1.4}
.cont_top .t1 em { font-weight:700 }
.cont_top .t2 { font-size:1.33em; font-weight:400; color:#71747A; line-height:1.7 }
.cont_top .t2 a { color:#212224; font-size:1.0em; text-decoration:underline; font-weight:500}
.cont_top .t2 a:hover { color:var(--color-default)}
.cont_top .t2 em { color:#212224; text-decoration:underline; font-weight:500}


.contact_info { display: flex; justify-content:space-between; align-items: center; padding:50px 0}
.contact_info .ct_info { font-size:1.5em; color:#71747A }
.contact_info .ct_info em { position:relative; font-weight:600; color:#212224; margin-right:25px; padding-right:25px;}
.contact_info .ct_info em:after { position:absolute; right:0; top:50%; width:1px; height:50px; content:''; display:block; background:var(--color-default); margin:-25px 0 0 0}

.rec_top { position:Frelative;  background:url(../images/recruit.png) no-repeat right center; background-size:cover; display: flex; justify-content:flex-start; align-items: center; padding:0 40px; min-height:180px}
.rec_top .t1 { font-size:2.2em; font-weight:600; color:#212224; letter-spacing:-0.03em; line-height:1.4; display: flex; justify-content:flex-start; align-items: center;}
.rec_top .t1 em { color:#fff; margin-left:15px; font-size:0.6em; letter-spacing:0}
.rec_top .t2 { font-size:1.45em; font-weight:400; color:#444548; line-height:1.7; margin-left:8% }
.rec_top a { position:absolute; right:40px; top:50%; padding:14px 60px 12px 20px; height:52px; margin:-26px 0 0 0; background:url(../images/ar001.svg) no-repeat 90% center #fff; font-weight:600 !important; font-size:1.3em !important; color:#212224 !important; letter-spacing:-0.02em}
.rec_top a:hover { background:url(../images/ar001-wh.svg) no-repeat 90% center #212224; font-weight:500 !important; color:#fff !important;}

.ly_ty01 { display: flex; justify-content:flex-start; align-items: flex-start; padding:80px 0; color:#212224;}
.ly_ty01 .l_tl { position:relative; font-size:2.6em; font-weight:600; width:20%}
.ly_ty01 .l_tl:after { position:absolute; right:0; top:50%; width:25%; height:2px; content:''; display:block; background:var(--color-brand); box-shadow: 10px 5px 12px rgba(0,0,0,.2);}
.ly_ty01 .r_comm { position:relative; width:80%; display: flex; justify-content:flex-start; align-items: flex-start; padding-left:10%}
.ly_ty01 .r_comm .r_area { position:relative; width:50%; }
.ly_ty01 .r_comm .r_area:nth-of-type(2) { padding-left:5% }
.ly_ty01 .r_comm .r_area .t_tl { position:relative; font-size:1.8em; font-weight:600;}
.ly_ty01 .r_comm .r_area .t_txt { font-size:1.4em; font-weight:400; color:#71747A; line-height:1.6; margin-top:15px}
.ly_ty01 .r_comm .r_process { position:relative; width:100%; display: flex; justify-content:flex-start; align-items: flex-start; gap:2%}
.ly_ty01 .r_comm .r_process img { width:100%;}

.ov_area { position:relative; width:100%; height:650px; background:url(../images/ov_img.png) no-repeat left center; background-size:cover; display: flex; justify-content:flex-end; align-items: center; padding:100px; }
.ov_area .ov_top_txt { position:relative; text-align:left; font-weight:600;}
.ov_area .ov_top_txt .ov_t1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 55.44px;
	letter-spacing: -0.03em;
	color: var(--color-grayscale-100-primary-text);
}
.ov_area .ov_top_txt .ov_t2 {
	margin-top: 50px;
	font-size: 30px;
	font-weight: 500;
	line-height: 45px;
	letter-spacing: -0.09em;
	color: var(--color-grayscale-100-primary-text);
}
.ov_area1 { display: flex; justify-content:flex-start; align-items: flex-start; margin-top:80px; padding:40px 0; flex-wrap:wrap; background:url(../images/ov_img2.jpg) no-repeat right 0; background-size:18%;}
.ov_area1 .ova_lt { position:relative; width:100% }

.ov_area1 .ova_lt .ov_ct_txt { position:relative; font-size:2.0em; font-weight:300; line-height:1.9; }
.ov_area1 .ova_lt .ov_ct_txt em { font-weight:600; padding-bottom:2px; border-bottom:1px solid #212224 }
.ov_area1 .ova_lt .ov_ct_txt1 { position:relative; margin-top:30px; font-size:1.35em; font-weight:500; line-height:1.9; color:#71747A }
.ov_area1 .ova_lt .ov_ct_txt1 em { color:var(--color-brand)}
.ov_area1 .ova_lt .ov_ct_txt1 em.text-primary { font-weight:700; color:var(--color-grayscale-100-primary-text)}
.ov_area1 .ova_rt { position:relative; width:100%; padding-top:120px; display: flex; justify-content:space-between; align-items: flex-start;}
.ov_area1 .ova_rt .tt { font-size:24px; font-weight:700; color:var(--color-brand); line-height:1.2; padding:0 5% 0 3%; border-left:1px solid var(--color-brand);}
.ov_area1 .ova_rt .ovlist { position:relative; }
.ov_area1 .ova_rt .ovlist ul { display: flex; justify-content:flex-start; align-items: flex-start; width:100%; flex-wrap:wrap}
.ov_area1 .ova_rt .ovlist ul li {
	position:relative;
	display:flex;
	align-items:center;
	width:50%;
	margin:6px 0;
	padding:0 0 0 20.84px;
	border-left:1px solid var(--color-brand);
	font-size: 18px;
	font-weight: 600;
	line-height: 24.3px;
	letter-spacing: 0.03em;
	color:#71747A;
}
.ov_area1 .ova_rt .ovlist ul li:before { position:absolute; left:0; top:50%; width:4px; height:4px; background:var(--color-default); margin-top:-2px; display:none; content:''; }
.ov_area1 .ova_rt .ovlist ul li .ovlist-label {
	display:inline-block;
	min-width:74px;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	letter-spacing: inherit;
	color: #71747A;
}
html[lang=en] .ov_area1 .ova_rt .ovlist ul li .ovlist-label {
	min-width: 150px;
}
.ov_area1 .ova_rt .ovlist ul li em { font-weight:600; margin-left:20px; }

.ceo_wrap { position:relative; width:100%; display: flex; justify-content:flex-start; align-items: flex-start; }
.ceo_wrap .lt { position:relative; width:45% }
.ceo_wrap .lt img { width:100% }
.ceo_wrap .rt { position:relative; width:55%; padding:2% 0 0 8% }
.gr_t1 { font-size:4.5em; font-weight:700; color:var(--color-brand); }
.gr_t2 { font-size:2.5em; font-weight:300; margin-top:30px; }
.gr_t3 { font-size:1.6em; font-weight:500; margin-top:60px; line-height:1.7 }
.gr_t3 em { color:var(--color-brand);}
.ceo_sign { font-size:1.45em; font-weight:500; margin-top:60px; line-height:1.7; display: flex; justify-content:flex-start; align-items: center; color:#71747A}
.ceo_sign em { font-size:1.6em; font-weight:700; margin-left:30px;}

.ov_t1 { font-size:3.3em; line-height:1.4; font-weight:300;}
.ov_t1 em { font-weight:700 }
.ov_t1 em.t1 { font-size:0.65em; font-weight:300; line-height:1.2 }

a.file_down {border:1px solid #207245; background:#fff; transition: all.15s ease; color:#207245 !important; padding:15px 30px; display:inline-block; font-size:1.35em !important; font-weight:500 !important;}
a.file_down:hover { color:#FFF !important; background: #207245;}
.fileinputs { position:relative; margin-top:12px}
.fileinputs .file { position:absolute; left:0; top:0; width:100%; height:50px; line-height:50px; cursor:pointer; background:#f2f2f2; opacity:0}
.fileinputs .fakefile { width:100%; cursor:pointer }
.fileinputs .fakefile input { width:75%; background:#fff; border:1px solid #212224; padding:11px 10px 12px 10px; font-size:1.35em}
.fileinputs .fakefile button { background:#f2f2f2; font-size:1.2em; border:1px solid #212224; padding:11px 18px; color:#212224; margin-left:2%; width:23%; border-radius:4px; }

button.send_file { background:#212224; font-size:1.35em; border:1px solid #212224; padding:11px 18px; color:#fff; border-radius:4px; margin-top:15px; cursor:pointer } 
button.send_file:active { background:#000 }

.faq_wp { position:relative; margin-top:35px }
#pay_mo_one { border-top:1px solid var(--color-card-bg)}
	#pay_mo_one .t_f {display: flex; justify-content:flex-start; align-items: flex-start;  border-bottom:1px solid var(--color-card-bg); transition: all 0.2s ease;}
	#pay_mo_one .t_f a { position:relative; font-size:1.7em; font-weight:500; color:#212224; display:block; padding:25px 0; width:100%;}
	#pay_mo_one .t_f a:after { position:absolute; right:20px; top:50%; width:14px; height:14px; background:url(../images/ic-pl.svg) no-repeat center center; background-size:14px; display:block; content:''; margin-top:-7px;}
	#pay_mo_one .t_f.open { }
	#pay_mo_one .t_f.open a { color:var(--color-default); font-weight:500 }
	#pay_mo_one .t_f.open a:after { position:absolute; right:20px; top:50%; width:14px; height:14px; background:url(../images/ic-mi.svg) no-repeat center center; background-size:14px; display:block; content:''; margin-top:-7px;}
	#pay_mo_one .t_f + div.t_a {
	  height: 0px;
	  padding:0 0;
	  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);;
	}
	
	#pay_mo_one .t_f.open + div.t_a {
	  height:auto ;
	  background:none;
	  overflow: hidden;
	  display: block !important;
	  border-bottom:1px dashed #e2eaf1;
	  
	}
	#pay_mo_one .t_a { }
	#pay_mo_one .t_a .pay_info { position:relative; width:100%; margin-top:0; padding:30px 25px; font-size:1.45em; font-weight:400; color:#212224; background:var(--color-card-bg); line-height:1.6}
	#pay_mo_one .t_a .pay_info li { position:relative; margin:0 15px 0 0; font-size:1.1em; padding-left:8px; line-height:1.7}
	#pay_mo_one .t_a .pay_info li span { position:absolute; left:150px; margin:0 0 0 0; font-weight:var(--font-weight-800); }
	#pay_mo_one .t_a .pay_info li:before { position:absolute; display:block; left:0; top:50%; width:4px; height:4px; background:var(--color-bg7); border-radius:2px; content:''; margin-top:-2px; }
	
	#pay_mo_one .t_a .pay_info li span.ftco_o { color:var(--color-co6); }
	#pay_mo_one .t_a .pay_info li span.ftco_r { color:var(--color-co7); }
	#pay_mo_one .t_a .pay_info li span.ftco_sb { color:var(--color-co8); }
	#pay_mo_one .t_a .pay_info li span.ftco_b { color:var(--color-co2); }
	
.b_cate_tl { position:relative; font-size:2.43em; font-weight:600;  display: flex; justify-content: flex-start; align-items: center;}
.b_cate_tl em { margin-left:30px; position:relative; font-size:0.6em; font-weight:400; color:#71747A; padding-left:110px; }
.b_cate_tl em:before { position:absolute; left:0; top:50%; width:80px; height:1px; background:var(--color-brand);  content:''; display:block;  }

.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:18px; border-radius:2px; border:none; width:56px; height:50px; 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:var(--color-grayscale-0-hover); 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%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.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_box_wp { margin-top:0; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; width:100%; gap:4%;}
.nt_box_wp.mnews { margin-top:20px }
.nt_box_wp .nt_box { position:relative; border:1px solid #212224; padding:32px 25px; cursor:pointer; transition:all 0.2s ease; width:22%; min-height:230px; margin:3% 0 0 0}
.nt_box_wp .nt_box:hover { transition:all 0.3s ease; background:var(--color-grayscale-0-hover); }

.nt_box_wp .nt_box .nt_txt { font-size:1.3em; color:#888; font-weight:400; margin:12px 0 0 0;}
.nt_box_wp .nt_box .nt_suj { font-size:1.75em; color:#333; font-weight:600; }
.nt_box_wp .nt_box .nt_date { position:absolute; left:25px; bottom:30px; font-size:1.1em; color:#999; font-weight:400;}

.pr_box { position:relative; cursor:pointer; transition:all 0.2s ease; width:22%; margin:3% 0 0 0}
.pr_box .pr_thum { min-height:200px; transition:all 0.2s ease;}
.pr_box .pr_thum:hover { opacity:.75; transition:all 0.2s ease;}
.pr_box .nt_suj { font-size:1.75em; color:#212224; font-weight:600; margin:16px 0 0 0 }

.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:var(--color-grayscale-0-hover); 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:var(--color-grayscale-0-hover); 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:var(--color-default); border-color:var(--color-default); color:#fff !important }

button.bd_btn_st { position:relative; display:inline-block; padding:18px 50px; background:#fff; color:#111 !important; font-weight:500 !important; font-size:1.5em !important; border:1px solid #21232A; border-radius:0; transition: all 0.15s ease; cursor:pointer}
button.bd_btn_st:hover {transition: all 0.2s ease; background:var(--color-default-hover); border-color:var(--color-default-hover); color:#fff !important }
button.bd_btn_st:active { background:#143EC8; transform: translateY(1px); }


.paging { position:relative; margin:50px 0 0 0; display: flex; justify-content:center; align-items: center;}
.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: var(--color-default); border-color: var(--color-default); 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:var(--color-default); font-weight:500 }
.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 #143EC8; border-spacing:0; border-right:none; border-left:none;}
.tb_st th { background:var(--color-card-bg-pink); padding:16px 20px; color:#212224; font-weight:400; font-size:1.33em; border-right: #E0E5EF 1px solid; border-bottom: #E0E5EF 1px solid; text-align:left}
.tb_st th.br_line { border-right: #c3d6e8 1px solid !important; } 
.tb_st td { border-right: #E0E5EF 1px solid; font-weight:600; color:#212224; font-size:1.37em; border-bottom: #E0E5EF 1px solid; vertical-align:middle; text-align: left; padding:16px 20px }
.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:2.0em; color:#212224; padding:0 20px; font-weight:500; 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:#2265F5; }
.board_view_wp .bv_file_wp .bv_file a:hover { color:var(--color-default); }
.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:#212224; font-size:1.45em; line-height:2.0; border-top:1px solid #e8e8e8; font-weight:400 }
.board_view_wp .bv_comment .bv_video { text-align:center; margin-bottom:40px; }
.board_view_wp .bv_comment .bv_video video {
	width: 100%;
	max-width: 1920px;
	aspect-ratio: 16/9;
}
.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; display:block; margin-top:80px; }
.org_img { position:relative; text-align:center; }
.org_img img { width:100%; margin:0 auto; height:inherit }
.organi_m { display:n }
.org_block { position:relative; display:flex; align-items: flex-start; justify-content: center; margin-top:60px;}
.org_block.mt { margin-top:90px; } 
.org_block .org01 { position:relative; display:block; padding:24px 60px; color:#fff; background:var(--color-default); font-size:2.0em; font-weight:600; box-shadow: 0px 15px 20px rgba(0,0,0,0.1) }
.org_block .org02 { position:relative; display:block; padding:24px 60px; color:var(--color-default); background:#fff; border:1px solid var(--color-default); font-size:2.0em; font-weight:600; box-shadow: 0px 15px 20px rgba(0,0,0,0.1) }
.org_block1 { position:relative; display:flex; align-items: flex-start; justify-content: flex-end; margin-top:30px; padding-right:10%}
.org_block1 .org03 { position:relative; display:block; padding:24px 60px; color:#fff; background:#21232A; font-size:1.6em; font-weight:600; box-shadow: 0px 15px 20px rgba(0,0,0,0.1); z-index:9 }
.org_block .org04 { position:relative; display:block; padding:24px 60px; color:#fff; background:#21232A; font-size:1.6em; font-weight:600; box-shadow: 0px 15px 20px rgba(0,0,0,0.1); margin:0 2%; text-align:center; z-index:9 }
.org_block .org04 em { display:block; font-size:0.8em; color:rgba(255,255,255,.5); font-weight:400; margin-top:5px; }
.org_block .line1 { position:absolute; left:50%; bottom:-60px; width:2px; height:60px; margin:0 0 0 -1px; background:var(--color-brand); }
.org_block .line2 { position:absolute; left:50%; bottom:-170px; width:2px; height:170px; margin:0 0 0 -1px; background:var(--color-brand); }
.org_block .line3 { position:absolute; left:50%; bottom:-90px; width:2px; height:90px; margin:0 0 0 -1px; background:var(--color-brand); }
.org_block1 .line4 { position:absolute; left:50%; top:50%; width:30%; height:1px; background:var(--color-brand); margin:0 0 0 0; z-index:1 }
.org_block .org04:nth-of-type(1):after { position:absolute; right:-40%; top:50%; width:40%; height:1px; background:var(--color-brand); margin:0 0 0 0; z-index:1; content:''; display:block; }
.org_block .org04:nth-of-type(2):after { position:absolute; right:-40%; top:50%; width:40%; height:1px; background:var(--color-brand); margin:0 0 0 0; z-index:1; content:''; display:block; }
.org_block .org04:nth-of-type(3):after { position:absolute; right:-40%; top:50%; width:40%; height:1px; background:var(--color-brand); margin:0 0 0 0; z-index:1; content:''; display:block; }
.org_block .org04:nth-of-type(4):after { position:absolute; right:-40%; top:50%; width:40%; height:1px; background:var(--color-brand); margin:0 0 0 0; z-index:1; content:''; 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 }

.pro_top { position:relative; display:flex; align-items:center; justify-content: space-between; gap: 40px; }
.pro_top .lt { font-size:3.3em; line-height:1.4; font-weight:300; }
.pro_top .lt em { font-weight:600 }
.pro_top .rt { font-size:1.45em; line-height:1.7; font-weight:500; color:#7b7b7b; padding:20px 0; padding-left:5%; border-left:1px solid var(--color-brand)}
.pro_img { position:relative; margin-top:100px; }
.pro_img img { width:100% }


/* 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: var(--color-card-bg-pink-hover);
	color: var(--color-grayscale-100-primary-text);
}
::selection{
	background: var(--color-card-bg-pink-hover);
	color: var(--color-grayscale-100-primary-text);
}


.img_pc { display:block}
.img_mo { display:none }
	
@media all and (max-width:1400px) and (min-width:1001px){
	#containor .cont_inner { position:relative; width:100%; margin:0 auto; padding:0 4% }
	.organi_pc { position:relative; display:block; margin-top:80px; }
	.org_img img { width:100%; margin:0 auto; height:inherit }

	#header .header_inner { padding:0 4%; height:120px; }
	#header .header_inner h1 { left:4%; top:60px; width:210px; height:32px; }
	#header .header_inner h1 a { width:180px; height:32px; background-size:contain; }
	#header .header_inner .nav_pc { width:calc(100% - 430px); padding:0; box-sizing:border-box; }
	#header .header_inner .nav_pc li.has-dropdown { padding:0 14px; }
	#header .header_inner .nav_pc li.has-dropdown a { font-size:1.4em; padding:60px 0 20px 0; }
	#header .header_inner .top_gnb { top:30px; right:4%; gap:12px; }
	#header .header_inner .top_gnb a { padding:18px 20px; font-size:1.05em !important; }

	.jbFixed #header .header_inner .nav_pc { width:auto; margin:0 210px 0 230px; padding:0; }
	.jbFixed #header .header_inner .nav_pc li.has-dropdown a { font-size:1.35em; padding:22px 0; }
	.jbFixed #header .header_inner .top_gnb { top:15px; right:4%; gap:10px; }
	.jbFixed #header .header_inner .top_gnb a { padding:12px 15px; font-size:0.95em !important; }

	#header.active .header_inner h1 { width:210px !important; opacity:0; visibility:hidden; transition:none !important; }
	#header.active .header_inner .top_gnb { opacity:0; visibility:hidden; }
}

@media all and (max-width:1200px) {
	#containor .cont_inner { position:relative; width:100%; margin:0 auto; padding:0 2%; }
}

/* 중간 사이즈 (577px ~ 1000px): PC 이미지 사용 */
@media all and (max-width:1000px) and (min-width:577px) {
	/* background-image version (disabled: using <img> now)
	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv1 {
		background:url(../images/mv1.png) no-repeat center top #090d0e !important;
		background-size: auto 600px !important;
	}
	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv1 {
		background:url(../images/mv1.png) no-repeat center top #090d0e !important;
		background-size: auto 600px !important;
	}

	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv2 {
		background:url(../images/mv3.jpg) no-repeat center top #090d0e !important;
		background-size: auto 600px !important;
	}
	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv2 {
		background:url(../images/mv3.jpg) no-repeat center top #090d0e !important;
		background-size: auto 600px !important;
	}

	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv3 {
		background:url(../images/mv2.png) no-repeat center top #090d0e !important;
		background-size: auto 600px !important;
	}
	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide-active .slide-inner.mv3 {
		background:url(../images/mv2.png) no-repeat center top #090d0e !important;
		background-size: auto 600px !important;
	}
	*/
}

@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:154px; height:20px; background-size:cover }
	.jbFixed #header .header_inner h1 a { display:block; width:154px; height:20px; background:url(../images/logo.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 #header .header_inner .top_gnb { right:60px; }
	
	
	.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:154px; height:20px }
	#header .header_inner h1 a { display:block; width:154px; height:20px; background:url(../images/logo.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 }
	
	#header .header_inner .top_gnb { position:absolute; right:60px; top:0; display: flex; justify-content:flex-end; align-items: center; transition: all 0.4s ease; gap:0; z-index:99}
	#header .header_inner .top_gnb a { display:block; padding:21px 20px; color:#fff; font-size:1.0em !important; font-weight:500; background:none; letter-spacing:0.01em; }
	#header .header_inner .top_gnb a.lang { background:url(../images/ar-01.svg) no-repeat right center; }


	.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:550px; 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:600px;
		/* background:url(../images/mv1_mo.png) no-repeat center top #090d0e;
		background-size:100%; */
	}
	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv2 { 
		width:100%;
		height:600px;
		/* background:url(../images/mv2_mo.png) no-repeat center top #090d0e;
		background-size:100%; */
	}
	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .mv3 { 
		width:100%;
		height:600px;
		/* background:url(../images/mv3_mo.jpg) no-repeat center top #090d0e;
		background-size:100%; */
	}
	.swiper-container {
	height:550px;

	}

	.swiper-slide {
	overflow: hidden;
	}

	.slide-inner {
	position: absolute;
	width: 100%;
	height: 550px;
	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:100px 6% 0 6%; display: block; justify-content:flex-start; align-items: center;}
	@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:var(--color-default); text-align:left; font-size:3.7em; font-weight:800; letter-spacing:0; line-height:1.0}
	.swiper-slide .slide-inner .txt .t1 .t_line { position:absolute; left:330px; bottom:34px; width:0; height:2px; display:none; background:var(--color-default); }
	.swiper-slide .slide-inner .txt .t1 .t_line1 { position:absolute; left:460px; top:80px; width:0; height:2px; display:none; background:var(--color-default); }
	.swiper-slide .slide-inner .txt .t1 .t_line2 { position:absolute; left:230px; top:34px; width:0; height:2px; display:none; background:var(--color-default); }
	.swiper-slide .slide-inner .txt .t1 em { font-weight:400; color:var(--color-default); font-size:0.5em; display:block; line-height:1.0; margin:10px 0}
	.swiper-slide .slide-inner .txt .t1 em.co1 { font-weight:700; font-size:1.5em}
	.swiper-slide .slide-inner .txt .t2 { color:#fff; text-align:left; font-size:1.3em; font-weight:400; letter-spacing:0.02em; margin:50px 0 0 0; line-height:1.9}
	.swiper-slide .slide-inner .txt .t2 em { color:#20BFE6; font-weight:600;}
	.swiper-slide .slide-inner.mv2 .txt .t2 br { display:none }
	.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 4s cubic-bezier(0, 0.68, 0.25, 1) 0s 1 forwards;}
	@keyframes txt_ani {
		0% {
			opacity:0;
			transform: translateY(30px);
		}
		100% {
			opacity:1;
			transform: translateY(0);
		}
	}

	@-webkit-keyframes txt_ani {
		0% {
			opacity:0;
			--webkit-transform: translateY(30px);
			transform: translateY(30px);
		}
		100% {
			opacity:1;
			--webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

	.swiper-slide-active .slide-inner .txt .t1 {}
	.swiper-slide-active .slide-inner .txt .t1 .t_line { width:0; animation:line_ani_01 1.7s cubic-bezier(.51, .01, 0, 1) 1.3s 1 forwards;}
	@keyframes line_ani_01 {
		0% {
			opacity:0;
			width:0;
		}
		100% {
			opacity:1;
			width:150px;
		}
	}
	.swiper-slide-active .slide-inner .txt .t1 .t_line1 { width:0; animation:line_ani_02 1.7s cubic-bezier(.51, .01, 0, 1) 1.3s 1 forwards;}
	@keyframes line_ani_02 {
		0% {
			opacity:0;
			width:0;
		}
		100% {
			opacity:1;
			width:310px;
		}
	}

	.swiper-slide-active .slide-inner .txt .t1 .t_line2 { width:0; animation:line_ani_03 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 1s 1 forwards;}
	@keyframes line_ani_03 {
		0% {
			opacity:0;
			width:0;
		}
		100% {
			opacity:1;
			width:400px;
		}
	}
	.swiper-slide-active .slide-inner .txt .t2 { margin-top:0; line-height:1.8; opacity:0; animation:txt_ani_t2 1.8s cubic-bezier(0.25, 0.46, 0.55, 1.04) 0.5s 1 forwards;}
	@keyframes txt_ani_t2 {
		0% {
			opacity:0;
			transform: translateY(70px);
		}
		100% {
			opacity:1;
			transform: translateY(30px);
		}
	}

	@-webkit-keyframes txt_ani_t2 {
		0% {
			opacity:0;
			-webkit-transform: translateY(70px);
			transform: translateY(70px);
		}
		100% {
			opacity:1;
			-webkit-transform: translateY(30px);
			transform: translateY(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; 
		}
	}
	/* background-image version (disabled: using <img> now)
	.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.png) 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.png) no-repeat center top #090d0e; animation:mv_scale 4.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 1  forwards; transition:all .2s ease; background-size:cover;}

	.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 4.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 1 1 forwards; background-size:cover;}

	.main_visual_wp .swiper-container .swiper-wrapper .swiper-slide .slide-inner.mv3 { background:url(../images/mv2_mo.png) 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.png) no-repeat center top #090d0e; animation:mv_scale 4.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 1 1 forwards; background-size:cover;}
	*/

	.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 5s cubic-bezier(0, 0.32, 0.58, 1) 0s 1 forwards; }

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

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

	.swiper-container .ctr { position:absolute; left:6%; bottom:22%; display: flex; justify-content:flex-start; align-items: center; z-index:99; width:100%; }
	.swiper-container .slidectr1 { position:absolute; right:0; bottom:22%; z-index:99;  display: flex; justify-content:flex-start; align-items: center; width:100px;} 
	.slidectr1 .sprev1 {position:relative; display:block; width:33px; height:33px; font-size:0; text-indent:-4000px; background:url(../images/pg_prev_wh.png) no-repeat center center var(--color-default); cursor:pointer;  background-size:4px auto; margin-right:0; transition:all 0.2s ease;}
	.slidectr1 .snext1  {position:relative; display:block; width:33px; height:33px; font-size:0; text-indent:-4000px;  background:url(../images/pg_next_wh.png) no-repeat center center var(--color-default); cursor:pointer;  background-size:4px auto; 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:4px auto; 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:4px auto; transition:all 0.2s ease;}
	.slidectr1 .swiper-button-play {position:relative; display:block; width:33px; height:33px; 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:33px; height:33px; 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:5px; height:5px; background:#fff; margin-right:10px; border-radius:0; transition:all ease 0.3s; opacity:1}
	.swiper-container .ctr .swiper-pagination .swiper-pagination-bullet-active { width:80px; background:var(--color-brand); transition:all ease 0.3s }


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

	.section.mt { margin-top:30px }
	.section .inner { position:relative; width:100%; height:100% }
	.section .inner.al { display: flex; justify-content:center; align-items:flex-start; flex-direction: column; }
	.section.active {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.6s ease;
	}

	.section {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.6s ease;
	position:relative; margin-top:80px; padding:0 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; }
	
	
	.en_tl {  position:relative; font-size:1.1em; color:#828488; font-weight:600 }
	.en_tl:after { position:relative; display:inline-block; vertical-align:middle; width:1px; height:20px; background:var(--color-default); content:''; margin-left:20px;}
	.sec_tl_stxt { margin-top:50px; font-size:1.3em; font-weight:500; line-height:1.5 }
	.sec_tl_stxt em { color:var(--color-default); }
	.sec_tl_txt { margin-top:40px; font-size:1.9em; font-weight:600; line-height:1.4; letter-spacing:-0.02em; width:50% }
	.sec_tl_txt.mt { margin-top:15px; }
	.sec_tl_txt span.co1 { color:var(--color-default); font-weight:700 }
	.sec_tl_txt em.tl_line { width:100px; height:3px; display:inline-block; vertical-align:middle; background:#212224; margin:-5px 18px 0 18px; }
	.sec_tl_txt.rnd, 
	.en_tl.rnd { color:#fff }
	a.nt_more { position:absolute; right:0; top:2px; font-size:1.1em !important; font-weight:500 !important; text-decoration:underline !important}
	a.nt_more:hover { color:var(--color-default);  }
	.m_product .sec_tl_txt { width:100% }
	.m_news .sec_tl_txt { width:100% }
	.m_news .sec_tl_txt br {}
	
	.mpro_tab { position:relative; right:inherit; top:inherit; width:auto; display: flex; justify-content:flex-end; align-items:center; margin-top:35px}
	.mpro_tab a { position:relative; background:url(../images/ar002-blue.svg) no-repeat 88% center #fff; color:#909091 !important; border:1px solid #828488;font-weight:600 !important; font-size:1.2em !important; padding:14px 20px; transition:all 0.4s ease; display:block; background-size:0; width:50%}
	.mpro_tab a.active { background:url(../images/ar002-blue.svg) no-repeat 88% center #fff; color:var(--color-default) !important; border:1px solid var(--color-default); font-weight:700 !important; background-size:14px; padding:14px 40px 14px 20px;}
	.mpro_tab a:focus { background:url(../images/ar002-blue.svg) no-repeat 88% center var(--color-default); color:#fff !important; border:1px solid var(--color-default); transition:all 0.25s ease; }

	.mpro-info-view { margin-top:20px }
	.mpro-info-view img { width:100% }
	
	.m_about { position:relative; margin-top:-50px; z-index:99 }
	.mabout_ct { display: flex; justify-content:flex-start; align-items: flex-start; gap:0; margin-top:50px; padding-bottom:100px;}
	.mabout_ct .ab_box { position:relative; width:150px; height:150px; cursor:pointer;}
	.mabout_ct .ab_box .title { position:absolute; left:20px; top:20px; font-size:1.35em; font-weight:500; color:#fff; z-index:9 }
	.mabout_ct .ab_box:nth-of-type(2) { margin-top:inherit; position:absolute; left:180px; top:287px; }
	.mabout_ct .ab_box:nth-of-type(3) { margin-top:inherit; position:absolute; right:0; top:100px }
	.mabout_ct .ab_box .bg { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:0; background-size:cover; transition:all ease 0.4s;}
	.mabout_ct .ab_box.ab1 .bg { background:url(../images/mab01.png) no-repeat center center; background-size:cover; }
	.mabout_ct .ab_box.ab2 .bg { background:url(../images/mab02.png) no-repeat center top; background-size:cover;}
	.mabout_ct .ab_box.ab3 .bg { background:url(../images/mab03.png) no-repeat center center; background-size:cover; }
	.mabout_ct .ab_box:hover .btn_go { background:url(../images/ar001.svg) no-repeat center center #fff; transition:all ease 0.4s; z-index:1; background-size:18px;}
	.mabout_ct .ab_box:hover .bg { opacity:.8; transition:all ease 0.4s; -webkit-transform: scale(1.032); transform: scale(1.032);}
	.btn_go { position:absolute; left:20px; bottom:20px; background:url(../images/ar001-wh.svg) no-repeat center center var(--color-default); background-size:16px auto; width:40px; height:40px; display:block; transition:all ease 0.4s; z-index:1}	
	
	.m_esg { position:relative; height:inherit; background:url(../images/m_esg_bg.png) no-repeat right bottom; background-size:90%; z-index:10}
	.m_esg .mesg_list_m { position:relative; right:inherit; top:inherit; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; width:100%; gap:5%; margin-top:30px; align-items: stretch;}
	.m_esg .mesg_list_m .esg_mbox { position:relative; width: 100%; height: 100%; min-height:70px; display:flex; flex-direction: column; justify-content: space-between; border-bottom:1px solid #BCBDBD; cursor:pointer; background: linear-gradient(to top, var(--color-default) 0%, var(--color-default) 100%) no-repeat; background-size:100% 0; margin-right:0; transition: background-size 0.3s ease, border-color 0.3s ease; background-position: top bottom; padding:15px 0}
	.m_esg .mesg_list_m .esg_mbox .num { position:relative; left:inherit; top:inherit; font-weight:600; font-size:1.0em; }
	.m_esg .mesg_list_m .esg_mbox .t_me { position:relative; left:inherit; bottom:inherit; font-weight:600; font-size:1.3em; line-height:1.3; margin-top:15px; word-break: break-all; overflow-wrap: break-word; white-space: normal; }
	.m_esg .mesg_list_m .esg_mbox:last-of-type .t_me br { display:none }
	.m_esg .mesg_list_m .esg_mbox:nth-of-type(3), .m_esg .mesg_list_m .esg_mbox:nth-of-type(6), .m_esg .mesg_list_m .esg_mbox:nth-of-type(9) { margin-right:0 }
	.m_esg .mesg_list_m .esg_mbox:hover { background: linear-gradient(to bottom, var(--color-default) 100%, var(--color-default) 0%) no-repeat; border-bottom:1px solid var(--color-default); transition: background-size 0.5s ease, border-color 0.5s ease; background-size:100% 100%; padding:15px 10px}
	.m_esg .mesg_list_m .esg_mbox:hover .num, .m_esg .mesg_list_m .esg_mbox:focus .num { color:#fff; }
	.m_esg .mesg_list_m .esg_mbox:hover .t_me, .m_esg .mesg_list_m .esg_mbox:focus .t_me { color:#fff; }
	.m_esg .mesg_img { position: absolute; left: auto; bottom: auto; right: 0; top: 45px; }
	.m_esg .mesg_img img { width:120px; height:auto }
	
	.mesg_s_t { position:relative; margin-top:20px; font-size:1.2em; line-height:1.7 }
	
	
	.m_rnd { position:relative; width:100%; height:inherit; background:url(../images/m_rnd_bg-mo.jpg) no-repeat right top; padding:60px 5%; background-size:cover; display: flex; justify-content:flex-start; align-items: center; margin-top:80px; z-index:0}
	.m_rnd .mrnd_m { display: flex; justify-content:space-between; align-items: center; gap:10%; width:100%; margin-top:40px; flex-wrap:wrap}
	.m_rnd .mrnd_m li { position:relative; width:45%; }
	.m_rnd .mrnd_m li:last-of-type { position:relative; width:100%; }
	.m_rnd .mrnd_m li a { display:block; color:#fff; font-size:1.2em; font-weight:400; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.2); background:url(../images/ar001-wh.svg) no-repeat right 15px; background-size:15px auto;}
	.m_rnd .mrnd_m li a:before { position:absolute; left:0; bottom:0; width:0; height:1px; background:#fff; display:block; content:''; transition:all .4s ease}
	.m_rnd .mrnd_m li a:hover:before {width:100%; transition:all .4s cubic-bezier(0, 0.92, 0.65, 1.02)}
	.rnd_discrip { position:relative; right:inherit; top:inherit; font-size:1.2em; font-weight:400; color:#fff; line-height:1.8; margin-top:20px;}

	
	
	.contents_wp { position:relative; display: flex; justify-content:flex-start; align-items: flex-start; gap:10px; flex-wrap:wrap; padding-bottom:70px;}
	.contents_wp .mbct_box { background:url(../images/ar001.svg) no-repeat 88% center var(--color-card-bg); background-size:18px; width:100%; height:100px; display: flex; justify-content:center; align-items: flex-start;  flex-direction: column; padding:10px 30px; cursor:pointer; font-size:1.4em; font-weight:600; transition:all .3s ease }
	.contents_wp .mbct_box:nth-of-type(1), .contents_wp .mbct_box:nth-of-type(2) {width:100% }
	
	.contents_wp .mbct_box em { display:block; margin-top:5px; font-size:0.7em; color:#71747A; font-weight:500}
	.contents_wp .mbct_box:hover { background-position: 92% center; transition:all .5s cubic-bezier(0, 0.92, 0.65, 1.02); background-color:#DDE2EB; }
	.contents_wp .mbct_box.baecha { background:url(../images/m_bae_img.png) no-repeat right center var(--color-default); color:#fff; transition:all .6s ease; background-size:auto 60px;}
	.contents_wp .mbct_box.baecha:focus { background-position: 115% center; transition:all .5s cubic-bezier(0, 0.92, 0.65, 1.02); background-color:#0E3BD0; }
	.contents_wp .mbct_box.pr { background:url(../images/m_broch.png) no-repeat 105% 15px var(--color-card-bg); transition:all .6s ease; background-size:auto 80px;}
	.contents_wp .mbct_box.pr:hover, .contents_wp .mbct_box.pr:focus { background-position: right 15px; transition:all .5s cubic-bezier(0, 0.92, 0.65, 1.02); background-color:#DDE2EB;}





	/*//소개 //*/
	.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:350px; width:100%; background:#000; z-index:10; overflow:hidden }
	.sbg1 { position:absolute; left:0; top:0; height:350px; width:100%; background: url(../images/sv1.jpg) 50% 0 no-repeat var(--sbg-bg-color); z-index:0; background-size:cover}
	.sbg2 { position:absolute; left:0; top:0; height:350px; width:100%; background: url(../images/sv2.png) 50% 0 no-repeat var(--sbg-bg-color); z-index:0; background-size:cover}
	.sbg3 { position:absolute; left:0; top:0; height:350px; width:100%; background: url(../images/sv3.jpg) 50% 0 no-repeat var(--sbg-bg-color); z-index:0; background-size:cover}
	.sbg4 { position:absolute; left:0; top:0; height:350px; width:100%; background: url(../images/sv4.jpg) 50% 0 no-repeat var(--sbg-bg-color); z-index:0; background-size:cover}
	.sbg5 { position:absolute; left:0; top:0; height:350px; width:100%; background: url(../images/sv5.jpg) 50% 0 no-repeat var(--sbg-bg-color); 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 var(--sbg-bg-color); z-index:0; background-size:cover}
	#sv .sv_txt { position:relative; margin:0 auto; width:90%; padding:80px 0 20px 0; 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-info-view { position:relative; margin:0 0 0 0; border-top:none }
	.his_block { position:relative; margin:0 0 0 0; display: block; justify-content:flex-start; align-items: flex-start; padding:30px 0 30px 0; border-bottom:1px dashed rgba(0,0,0,.1); background-size:0}
	.his_block .year { position:relative; left:inherit; top:inherit; font-size:2.8em; font-weight:600; margin-top:0; }
	.his_block .his_list { position:relative; padding-left:0;}
	.his_block .his_list li { position:relative; display: flex; justify-content:flex-start; align-items: center; font-size:1.45em; font-weight:600; color:#1B1817; margin:15px 0; line-height:1.7; width:100%;}
	.his_block .his_list li span { color:var(--color-brand); font-weight:600; font-size:0.8em; width:46px !important; height:46px !important; border-radius:0; display: flex; justify-content:center; align-items: center; background:#fff; margin-right:20px;  transition: all 0.5s ease}
	.his_block {
	  position: relative;
	  overflow: hidden;
	}
	
	.his_block::before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 100%;
	  background: #F3F3FA;
	  transition: width 1.2s cubic-bezier(0, 0.92, 0.65, 1.02);
	  z-index: -1;
	}
	
	.his_block.active::before {
	  width: 100%;
	}
	.his_block.active {border-bottom:1px dashed #D1D2DD;}
	
	.his_block .month {
	  transition: background 0.5s cubic-bezier(0, 0.92, 0.65, 1.02), color 0.5s cubic-bezier(0, 0.92, 0.65, 1.02);
	  
	}
	
	.his_block.active .his_list li {
	  color: var(--color-brand);
	
	}
	.his_block.active .month {
	  background: var(--color-brand) !important;
	  color: #fff;
	}
	
	.pro_top { position:relative; display:block; align-items:center; justify-content: space-between; }
	.pro_top .lt { font-size:1.9em; line-height:1.5; font-weight:400; }
	.pro_top .lt em { font-weight:600 }

	.pro_top .rt { font-size:1.3em; line-height:1.7; font-weight:500; color:#7b7b7b; padding:5px 0; padding-left:5%; border-left:1px solid var(--color-brand); margin-top:20px;}
	.pro_img { position:relative; margin-top:50px; }
	.pro_img img { width:100% }

	.esg_top { position:relative; padding:0 0 200px 0; border-bottom:1px solid #ffffff; min-height:auto; display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: column}
	.esg_top.bg1 { background:url(../images/esg_01-mo.jpg) no-repeat left bottom; background-size:auto 180px;}
	.esg_top.bg2 { background:url(../images/esg_02-mo.jpg) no-repeat left bottom; background-size:auto 180px;}
	.esg_top.bg3 { background:url(../images/esg_03-mo.jpg) no-repeat left bottom; background-size:auto 180px;}
	.esg_top.bg4 { background:url(../images/esg_04-mo.jpg) no-repeat left bottom; background-size:auto 180px;}
	.esg_top.bg5 { background:url(../images/esg_05-mo.png) no-repeat left bottom; background-size:auto 180px;}
	.esg_top.bg6 { background:url(../images/esg_06-mo.jpg) no-repeat left bottom; background-size:auto 180px;}
	.esg_top.bg7 { background:url(../images/esg_07-mo.jpg) no-repeat left bottom; background-size:auto 180px;}
	.esg_top .tx { position:relative; font-size:1.5em; font-weight:400 }
	.esg_top .tx:after { position:absolute; left:45%; top:50%; width:10%; height:1px; content:''; display:none; background:var(--color-brand);box-shadow: 0px 4px 5px rgba(0,0,0,0.1) }
	.esg_top .tx em { font-weight:600 }
	.esg_top .tx br { display:none }
	.esg_bg3 { position:absolute; right:0; top:0; background:url(../images/esg03.jpg) no-repeat right top; background-size:134px 150px; width:200px; height:200px;}
	.esg_bg5 { position:absolute; right:0; top:0; background:url(../images/esg05.jpg) no-repeat right top; background-size:134px 150px; width:200px; height:200px;}
	
	.esg_txt { position:relative; font-size:1.1em; font-weight:400; margin-top:20px; line-height:1.6; color:#777; }
	.esg_txt em { font-weight:600; color:var(--color-brand); }
	.esg_txt br { display:none }
	.esg_txt1 { position:relative; font-size:1.4em; font-weight:400; margin-top:30px; line-height:1.7; color:#777; }
	.esg_txt1 em { font-weight:600; color:var(--color-brand); }
	.esg_txt2 { position:relative; font-size:1.3em;  line-height:1.8; margin-top:60px; font-weight:400 }
	.esg_txt2 em { font-weight:600; }
	.esg_img { position:relative;margin-top:30px; }
	.esg_img.padb { padding-bottom:60px; border-bottom:1px solid #E3E3E3; }
	.esg_img img { width:100% }
	.esg_stl { position:relative; margin-top:70px; font-weight:600; font-size:1.5em;}
	.esg_stl em { color:#888; font-size:0.7em; font-weight:500;}
	.esg_stl:after { position:absolute; left:5px; top:40px; width:2px; height:30px; content:''; display:block; background:var(--color-brand);box-shadow: 0px 4px 5px rgba(0,0,0,0.1) }
	
	.esg_ls_dep1 { position:relative; margin-top:70px; font-size:1.4em; font-weight:600; color:var(--color-brand); display: flex; justify-content:flex-start; align-items:center;}
	.esg_ls_dep1 div.exp { color:#212224; font-size:1.0em; margin-left:30px; }
	.esg_ls_dep1 div.exp em { padding-bottom:0px; border-bottom:1px solid #212224 }
	.esg_ls_dep2 { position:relative; margin-top:50px; font-size:1.7em; font-weight:600; color:#212224;}
	
	.esg_ls_dep3 { position:relative; margin-top:70px; font-size:1.7em; font-weight:600;}
	
	.img_ty { position:relative; padding:60px 0 60px 0; border-bottom:1px solid #E3E3E3; display: block; justify-content:space-between; align-items:flex-start;}
	.img_ty .lt { position:relative; width:100%; }
	.img_ty .lt p.t01 { position:relative; font-size:1.4em;  line-height:1.8; margin-top:30px; font-weight:300}
	.img_ty .lt p.t01:nth-of-type(1) { margin-top:0 }
	.img_ty .lt p.t01 em { font-weight:bold }
	.img_ty .rt { position:relative; width:100%; padding-left:0; margin-top:40px }
	.img_ty .rt img { width:100% }
	.img_ty_dep2 { position:relative; margin-top:0; font-size:2.6em; font-weight:600; color:#212224;}
	.img_ty_esg_list { position:relative; margin-top:40px;  }

	.esg_list { position:relative; margin-top:30px; padding-bottom:60px; border-bottom:1px solid #E3E3E3; }
	.esg_list li, .img_ty_esg_list li { position:relative; margin:10px 0; font-size:1.3em; padding-left:25px; font-weight:400; line-height:1.6 }
	.esg_list li:after, .img_ty_esg_list li:after { position:absolute; left:0; top:7px; width:7px; height:7px; background:#fff; border:2px solid var(--color-brand); box-shadow: 0px 4px 5px rgba(0,0,0,0.1); content:''; display:block }
	.esg_list li em, .img_ty_esg_list li em { font-weight:600; }

	.finacial_wp { display: flex; justify-content:flex-start; align-items:flex-start; margin-top:10px; gap:0; flex-wrap:wrap; }
	.finacial_wp .fin_box { position:relative; width:100%; margin-top:25px;}
	.fb_tl { position:relative; padding:10px 0; border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; font-size:1.2em}
	.fb_tl em { position:absolute; right:0; top:13px; color:#999; font-size:0.8em }
	.fb_list { position:relative; padding:10px 0; z-index:9}
	.fb_list li { position:relative; font-size:1.15em; font-weight:500; margin:8px 0; color:#888;}
	.fb_list li.col,
	.fb_list li.col span { color:#212224; }
	.fb_list li span { position:absolute; right:0; top:0;  }
	.fin_total { position:relative; padding:20px 0; border-top:1px solid var(--color-brand); border-bottom:1px solid #E3E3E3; font-size:1.2em; font-weight:600}

	.line { position:relative; margin:40px 0; width:100%; background:#E3E3E3; height:1px }
	
	#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:none; padding-top:0; overflow:hidden }
	#containor .cont_inner { position:relative; width:100%; margin:0 auto; padding:0 4%}
	
	.ct_top { position:relative; display: block; justify-content:space-between; align-items: flex-start; margin:30px 0 0 0; border-bottom:none}
	.ct_top h4.title { font-size:2.3em; font-weight:700; line-height:1.0 }
	.ct_top h4.title em { font-weight:200; }
	
	.ct_dep_tab { position:relative; width:auto; display: flex; justify-content:flex-start; align-items:center; gap:0; flex-wrap:wrap; margin-top:25px;}
	.ct_dep_tab li { width:inherit; margin:10px 20px 0 0}
	.ct_dep_tab li a { position:relative; width:100%; background:#fff; color:#909091 !important; font-weight:600 !important; font-size:1.33em !important; padding:2px 0 6px 0; transition:all 0.4s ease; display:inline-block;}
	.ct_dep_tab li a:after { background:transparent; content:''; width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; transition:all 0.25s ease;}
	.ct_dep_tab li a.active { color:var(--color-brand) !important; transition:all 0.25s ease-out; font-weight:700 !important}
	.ct_dep_tab li a.active:after { height:2px; transition:all 0.25s ease; bottom:-1px; background:var(--color-brand);}
	.ct_dep_tab li a:hover { color:var(--color-default) !important; transition:all 0.25s ease; }
	.ct_dep_tab li a:hover:after { height:2px; transition:all 0.25s ease; bottom:-1px; background:var(--color-default);}


	.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:380px; background:rgba(18,21,21,1); overflow:hidden}
	.sv_wh_gra { position:absolute; left:0; bottom:0; width:100%; height:140px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 1) 75%); z-index:8 }
	.mv_wh_gra { position:absolute; left:0; bottom:0; width:100%; height:140px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); z-index:8; pointer-events: none; }
	.sbg1 { position:absolute; left:0; top:0; height:380px; width:100%; background: url(../images/sv1.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; background-size:cover; overflow:hidden}
	.sbg2 { position:absolute; left:0; top:0; height:380px; width:100%; background: url(../images/sv2.png) no-repeat right center var(--sbg-bg-color); z-index:4; background-size:cover; overflow:hidden}
	.sbg3 { position:absolute; left:0; top:0; height:380px; width:100%; background: url(../images/sv3.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; background-size:cover; overflow:hidden}
	.sbg4 { position:absolute; left:0; top:0; height:380px; width:100%; background: url(../images/sv4.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; background-size:cover; overflow:hidden}
	.sbg5 { position:absolute; left:0; top:0; height:380px; width:100%; background: url(../images/sv5.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; background-size:cover; overflow:hidden}
	.sbg6 { position:absolute; left:0; top:0; height:380px; width:100%; background: url(../images/sv6.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; background-size:cover; overflow:hidden}
	.sbg7 { position:absolute; left:0; top:0; height:380px; width:100%; background: url(../images/sv7.jpg) no-repeat right center var(--sbg-bg-color); z-index:4; background-size:cover; overflow:hidden}
	.sv .sv_txt { position:relative; width:90%; margin:0 auto; height:100%; z-index:5; display: flex; justify-content:center; align-items:flex-start; flex-direction: column; padding:0 0 0 0;}
	
	.sv .sv_txt .svt1_1 { font-size:1.4em; font-weight:500; letter-spacing:0.02em; line-height:1.4}
	.sv .sv_txt .svt1_2 {font-size:2.9em; font-weight:700; letter-spacing:0.0em; line-height:1.4; margin-top:0;}
	.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; gap:20px; display:block}
	.sv .sv_txt .svt1_3 { font-size: 1.4em; font-weight: 500; letter-spacing: 0.0em; line-height: 1.7; margin-top:7px;}
	.sv .sv_txt .svt_line { display:none}
	@keyframes sv_line_ani {
		0% {
		width:0;

		}
		100% {
		width:60px;

		}
	}
	
	.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:60px 0 0 0; background:#fff; padding:0 0; }
	.about_container #contents {
		margin-top: 40px;
	}
	
	.ov_area { position:relative; width:100%; height:240px; background:url(../images/ov_img.png) no-repeat 60% center; background-size:cover; display: flex; justify-content:flex-end; align-items: flex-start; padding:30px 20px; }
	.ov_area .ov_top_txt { position:relative; text-align:left; font-weight:600;}
	.ov_area .ov_top_txt .ov_t1 {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0;
		text-align: right;
	}
	.ov_area .ov_top_txt .ov_t2 {
		margin-top: 16px;
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 0;
		text-align: right;
	}
	.ov_area1 { display: flex; justify-content:flex-start; align-items: flex-start; margin-top:50px; padding:20px 0; flex-wrap:wrap; background:url(../images/ov_img2.jpg) no-repeat center 45%; background-size:80%;}
	.about_container .ov_area1 {
		margin-top: 20px;
	}
	.ov_area1 .ova_lt { position:relative; width:100% }
	
	.ov_area1 .ova_lt .ov_ct_txt { position:relative; font-size:16px; font-weight:400; line-height:24px; letter-spacing: -0.04em; }
	.ov_area1 .ova_lt .ov_ct_txt em { font-weight:600; border-bottom: unset; text-decoration: underline; }
	.ov_area1 .ova_lt .ov_ct_txt br { display:none }
	.about_container .ov_area1 .ova_lt .ov_ct_txt br { display: block; }
	.ov_area1 .ova_lt .ov_ct_txt1 { position:relative; margin-top:30px; font-size:16px; font-weight:500; line-height:24px; letter-spacing: -0.04em; color:#71747A }
	.ov_area1 .ova_lt .ov_ct_txt1 em { color:var(--color-brand)}
	.ov_area1 .ova_lt .ov_ct_txt1 br { display:none }
	.ov_area1 .ova_rt { position:relative; width:100%; padding-top:250px; display: block; justify-content:space-between; align-items: flex-start;}
	.about_container .ov_area1 .ova_rt { padding-top: 40px; }
	.about_container .ov_area1 .ova_rt .tt {
		padding: 0 5% 0 25px;
		border-left: 1px solid var(--color-brand);
		font-size: 18px;
		line-height: 1.5;
		letter-spacing: 0em;
	}
	.ov_area1 .ova_rt .tt { font-size:2.6em; font-weight:700; color:var(--color-brand); line-height:1.2; padding:0 0 0 0; border-left:none;}
	.ov_area1 .ova_rt .ovlist { position:relative; margin-top:16px; }
	.ov_area1 .ova_rt .ovlist ul { display: flex; flex-direction: column; justify-content:flex-start; align-items: flex-start; width:100%; flex-wrap:wrap}
	.ov_area1 .ova_rt .ovlist ul li {
		width:100%;
		margin:4px 0;
		padding:0 0 0 17px;
		font-size:16px;
		font-weight: 500;
		line-height: 24px;
	}
	.ov_area1 .ova_rt .ovlist ul li:before { position:absolute; left:0; top:50%; width:4px; height:4px; background:var(--color-default); margin-top:-2px; display:none; content:''; }
	.ov_area1 .ova_rt .ovlist ul li .ovlist-label {
		display: inline-block;
		min-width: 60px;
	}
	.ov_area1 .ova_rt .ovlist ul li em {
		margin-left: 16px;
		word-break: break-all;
		overflow-wrap: break-word;
		white-space: normal;
	}
	
	.ceo_wrap { position:relative; width:100%; display: block; justify-content:flex-start; align-items: flex-start; }
	.ceo_wrap .lt { position:relative; width:80%; margin:0 auto }
	.ceo_wrap .lt img { width:100% }
	.ceo_wrap .rt { position:relative; width:100%; padding:5% 0 0 0 }
	.gr_t1 { font-size:2.5em; font-weight:700; color:var(--color-brand); }
	.gr_t2 { font-size:1.7em; font-weight:300; margin-top:25px; }
	.gr_t3 { font-size:1.3em; font-weight:500; margin-top:30px; line-height:1.7 }
	.gr_t3 em { color:var(--color-brand);}
	.ceo_sign { font-size:1.2em; font-weight:500; margin-top:60px; line-height:1.7; display: flex; justify-content:flex-start; align-items: center; color:#71747A}
	.ceo_sign em { font-size:1.6em; font-weight:700; margin-left:30px;}
	
	.ov_t1 { font-size:1.7em; line-height:1.4; font-weight:300;}
	.ov_t1 em { font-weight:700 }
	.ov_t1 em.t1 { font-size:0.65em; font-weight:300; line-height:1.2 }
	
	.tab-his-st { position:relative; right:inherit; top:inherit; width:100%; display: flex; justify-content:flex-end; align-items:center; margin-top:25px;}
	.tab-his-st a { width:100%; position:relative; background:#212224; color:#fff !important; border:1px solid #212224;font-weight:600 !important; font-size:1.3em !important; padding:15px 20px; transition:all 0.4s ease; display:block; text-align:center}
	.tab-his-st a.active { background:var(--color-default); color:#fff !important; border:1px solid var(--color-default); transition:all 0.25s ease-out; font-weight:700 !important}
	.tab-his-st a:hover { background:var(--color-default); color:#fff !important; border:1px solid var(--color-default); transition:all 0.25s ease; }

	
	.patent_wp { position:relative; margin-top:30px; display: flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
	.patent_wp.mt { margin-top:0; }
	.patent_wp .pat_box { position:relative; width:48%; margin:5% 4% 0 0}
	.patent_wp .pat_box:nth-of-type(2n) { margin-right:0 }
	.patent_wp .pat_box .pat_img { position:relative; width:100%; border:1px solid #e5e5e5; box-shadow: 0px 20px 20px rgba(0,0,0,0.1) }
	.patent_wp .pat_box .pat_img.tec { padding:25px; min-height:150px; display: flex; justify-content:center; align-items:center;}
	.patent_wp .pat_box .pat_img img { width:100% }
	.patent_wp .pat_box .pat_title { position:relative; margin-top:20px; font-size:1.3em; font-weight:600; letter-spacing:-0.03em; word-break:normal; }
	.patent_wp .pat_box .pat_info { position:relative; margin-top:12px;}
	.patent_wp .pat_box .pat_info li { position:relative; margin:5px 0; font-size:1.0em; padding-left:0;}
	.patent_wp .pat_box .pat_info li em { position:relative; left:inherit; top:inherit; color:#777; display:block}

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

	
	.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:20px 0 0 0; padding-top:30px; }

	.mission {margin:100px 0 0 0 }
	
	.ab_ly { position:relative; display: block; justify-content:space-between; align-items: flex-start; margin-top:30px;}
	.ab_ly .ab_ly_l { position:relative; width:100%;}
	.ab_ly .ab_ly_l img { width:100% }
	
	.ab_ly .ab_ly_r { position:relative; width:100%; padding-left:0; margin-top:30px;}
	.ab_ly .ab_ly_r .tx1 { position:relative; font-size:1.3em; font-weight:400; line-height:1.6}
	.ab_ly .ab_ly_r .tx1.mt { margin-top:35px }
	
	.ab_ly1 { position:relative; display: block; justify-content:flex-start; align-items: flex-start; margin-top:30px;}
	.ab_ly1.mt { margin-top:50px }
	.ab_ly1 .ab_ly_l { position:relative; width:auto;}
	.ab_ly1 .ab_ly_l img { width:100% }
	
	.ab_ly1 .ab_ly_r { position:relative; width:auto; padding-left:0; margin-top:25px;}
	.ab_ly1 .ab_ly_r .tec_tl_tx { position:relative; font-size:1.5em; font-weight:600;}
	.ab_ly1 .ab_ly_r .tec_li { margin-top:20px }
	.ab_ly1 .ab_ly_r .tec_li li { position:relative; font-size:1.3em; font-weight:400; line-height:1.7; padding-left:15px;}
	.ab_ly1 .ab_ly_r .tec_li li:before { position:absolute; left:2px; top:14px; width:4px; height:4px; background:#2265F5; display:block; content:'' }
	.ab_ly1 .ab_ly_r .tec_li li ul { margin:5px 0 10px 0;}
	.ab_ly1 .ab_ly_r .tec_li li ul li{ position:relative; font-size:0.8em; color:#777; font-weight:500; padding-left:0 }
	.ab_ly1 .ab_ly_r .tec_li li ul li:before { display:none }
	
	.nt_box_wp { display:block; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; width:100%; gap:0; margin:20px 0 40px 0;}
	.nt_box_wp.mnews { margin-top:20px }
	.nt_box_wp .nt_box { position:relative; border:1px solid #212224; padding:30px 25px; cursor:pointer; transition:all 0.2s ease; width:100%; min-height:230px; margin:5% 0 0 0}
	.nt_box_wp .nt_box:hover { transition:all 0.3s ease; background:var(--color-grayscale-0-hover); }
	
	.nt_box_wp .nt_box .nt_txt { font-size:1.2em; color:#888; font-weight:500; margin:12px 0 0 0;}
	.nt_box_wp .nt_box .nt_suj { font-size:1.6em; color:#333; font-weight:600; line-height:1.6}
	.nt_box_wp .nt_box .nt_date { position:absolute; left:25px; bottom:30px; font-size:1.1em; color:#999; font-weight:400;}
	
	
	.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:var(--color-grayscale-0-hover); 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:var(--color-grayscale-0-hover); 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; }


	.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}
	
	
	.pr_top { position:relative;  background:url(../images/pr-ijs.png) no-repeat 90% center var(--color-card-bg); padding:40px 30px; background-size:auto 80px}
	.pr_top .t1 { font-size:1.6em; font-weight:600; color:#212224; letter-spacing:-0.03em;}
	.pr_top .t2 { font-size:1.05em; font-weight:400; color:#71747A; margin-top:4px; }
	
	
	.pr_box { position:relative; cursor:pointer; transition:all 0.2s ease; width:100%; margin:36px auto 0 auto}
	.pr_box .pr_thum { min-height:195px; transition:all 0.2s ease;}
	.pr_box .pr_thum:hover { opacity:.75; transition:all 0.2s ease;}
	.pr_box .nt_suj { font-size:1.4em; color:#212224; font-weight:600; margin:16px 0 0 0 }

	.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.0em; }
	.cst_top .t2 { font-size:1.1em; font-weight:400; color:#777; margin-top:8px; }
	
	.cont_top { position:relative;  background:url(../images/txt01_1.svg) no-repeat right bottom; background-size:75px auto; display: block; justify-content:flex-start; align-items: center; padding:0 0 90px 0; gap:0}
	.cont_top .t0 { font-size:1.6em; font-weight:700; color:#2265F5; line-height:1.1}
	.cont_top .t0 em { font-size:0.8em; color:#2265F5;}
	.cont_top .t1 { font-size:1.7em; font-weight:400; color:#212224; letter-spacing:-0.03em; line-height:1.4}
	.cont_top .t1 em { font-weight:700 }
	.cont_top .t2 { font-size:1.2em; font-weight:400; color:#71747A; line-height:1.6; margin-top:20px; }
	.cont_top .t2 a { color:#212224; font-size:1.0em; text-decoration:underline; font-weight:500}
	.cont_top .t2 a:hover { color:var(--color-default)}
	.cont_top .t2 em { color:#212224; text-decoration:underline; font-weight:500}
	
	.rec_top { position:Frelative;  background:url(../images/recruit_mo.png) no-repeat right center; background-size:cover; display: flex; justify-content:center; align-items: flex-start;  flex-direction: column; padding:0 25px; min-height:150px}
	.rec_top .t1 { font-size:1.5em; font-weight:600; color:#212224; letter-spacing:-0.03em; line-height:1.4; display: flex; justify-content:flex-start; align-items: center;}
	.rec_top .t1 em { color:#fff; margin-left:15px; font-size:0.6em; letter-spacing:0}
	.rec_top .t2 { font-size:1.1em; font-weight:500; color:#444548; line-height:1.7; margin-left:0; margin-top:8px; }
	.rec_top a { position:absolute; right:0; top:50%; padding:15px 20px 58px 20px; height:72px; margin:-36px 0 0 0; background:url(../images/ar001.svg) no-repeat center 42px #fff; font-weight:600 !important; font-size:1.1em !important; color:#212224 !important; letter-spacing:-0.02em}
	.rec_top a:hover { background:url(../images/ar001-wh.svg) no-repeat 90% center #212224; font-weight:500 !important; color:#fff !important;}

		.ly_ty01 { display: block; justify-content:flex-start; align-items: flex-start; padding:70px 0 0 0; color:#212224;}
	.ly_ty01 .l_tl { position:relative; font-size:1.7em; font-weight:600; width:100%}
	.ly_ty01 .l_tl:after { position:absolute; right:0; top:50%; width:10%; height:1px; content:''; display:block; background:var(--color-brand); box-shadow: 10px 5px 12px rgba(0,0,0,.2);}
	.ly_ty01 .r_comm { position:relative; width:100%; display: block; justify-content:flex-start; align-items: flex-start; padding-left:0; margin-top:30px}
	.ly_ty01 .r_comm .r_area { position:relative; width:100%; }
	.ly_ty01 .r_comm .r_area:nth-of-type(2) { padding-left:0; margin-top:40px; padding-bottom:80px; }
	.ly_ty01 .r_comm .r_area .t_tl { position:relative; font-size:1.3em; font-weight:600;}
	.ly_ty01 .r_comm .r_area .t_txt { font-size:1.2em; font-weight:400; color:#71747A; line-height:1.6; margin-top:8px}
	.ly_ty01 .r_comm .r_process { position:relative; width:100%; display: block; justify-content:flex-start; align-items: flex-start; gap:0}
	.ly_ty01 .r_comm .r_process img { width:100%;}

	a.file_down {border:1px solid #207245; background:#fff; transition: all.15s ease; color:#207245 !important; padding:15px 30px; display:inline-block; font-size:1.35em !important; font-weight:600 !important;}
	a.file_down:hover { color:#FFF !important; background: #207245;}
	.fileinputs { position:relative; margin-top:12px}
	.fileinputs .file { position:absolute; left:0; top:0; width:100%; height:50px; line-height:50px; cursor:pointer; background:#f2f2f2; opacity:0}
	.fileinputs .fakefile { width:100%; cursor:pointer }
	.fileinputs .fakefile input { width:65%; background:#fff; border:1px solid #212224; padding:11px 10px 12px 10px; font-size:1.35em}
	.fileinputs .fakefile button { background:#f2f2f2; font-size:1.1em; border:1px solid #212224; padding:11px 18px; color:#212224; margin-left:2%; width:33%; border-radius:4px; font-weight:500 }

	button.send_file { background:#212224; font-size:1.35em; border:1px solid #212224; padding:15px 30px; color:#fff; border-radius:4px; margin-top:15px; cursor:pointer } 
	button.send_file:active { background:#000 }

	.b_cate_tl { position:relative; font-size:1.7em; font-weight:600;  display: flex; justify-content: flex-start; align-items: center; word-break:normal; width:100%}
	.b_cate_tl em { margin-left:20px; position:relative; font-size:0.65em; font-weight:400; color:#71747A; padding-left:50px; width:70%; }
	.b_cate_tl em:before { position:absolute; left:0; top:50%; width:30px; height:1px; background:var(--color-brand);  content:''; display:block;  }

	.faq_wp { position:relative; margin-top:35px }
	#pay_mo_one { border-top:1px solid var(--color-card-bg)}
	#pay_mo_one .t_f {display: flex; justify-content:flex-start; align-items: flex-start;  border-bottom:1px solid var(--color-card-bg); transition: all 0.2s ease;}
	#pay_mo_one .t_f a { position:relative; font-size:1.4em; font-weight:500; color:#212224; display:block; padding:22px 0; width:100%;}
	#pay_mo_one .t_f a:after { position:absolute; right:20px; top:50%; width:14px; height:14px; background:url(../images/ic-pl.svg) no-repeat center center; background-size:14px; display:block; content:''; margin-top:-7px;}
	#pay_mo_one .t_f.open { }
	#pay_mo_one .t_f.open a { color:var(--color-default); font-weight:500 }
	#pay_mo_one .t_f.open a:after { position:absolute; right:20px; top:50%; width:14px; height:14px; background:url(../images/ic-mi.svg) no-repeat center center; background-size:14px; display:block; content:''; margin-top:-7px;}
	#pay_mo_one .t_f + div.t_a {
	  height: 0px;
	  padding:0 0;
	  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);;
	}
	
	#pay_mo_one .t_f.open + div.t_a {
	  height:auto ;
	  background:none;
	  overflow: hidden;
	  display: block !important;
	  border-bottom:1px dashed #e2eaf1;
	  
	}
	#pay_mo_one .t_a { }
	#pay_mo_one .t_a .pay_info { position:relative; width:100%; margin-top:0; padding:30px 25px; font-size:1.2em; font-weight:400; color:#212224; background:var(--color-card-bg); line-height:1.6}
	#pay_mo_one .t_a .pay_info li { position:relative; margin:0 15px 0 0; font-size:1.1em; padding-left:8px; line-height:1.7}
	#pay_mo_one .t_a .pay_info li span { position:absolute; left:150px; margin:0 0 0 0; font-weight:var(--font-weight-800); }
	#pay_mo_one .t_a .pay_info li:before { position:absolute; display:block; left:0; top:50%; width:4px; height:4px; background:var(--color-bg7); border-radius:2px; content:''; margin-top:-2px; }
	
	#pay_mo_one .t_a .pay_info li span.ftco_o { color:var(--color-co6); }
	#pay_mo_one .t_a .pay_info li span.ftco_r { color:var(--color-co7); }
	#pay_mo_one .t_a .pay_info li span.ftco_sb { color:var(--color-co8); }
	#pay_mo_one .t_a .pay_info li span.ftco_b { color:var(--color-co2); }
	
	.pg_ptn_wp { display:block; width:100%; margin:0 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:10px 0 0 0 } 
	.pg_ft_partner_field_wp .pg_f_field { position:relative; width:100%; margin-right:0; margin-top:40px; }
	.pg_ft_partner_field_wp .pg_f_field.p100 { width:100% }
	.pg_ft_partner_field_wp .pg_SelectBox { position:relative; width:100%; 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_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:#212224; font-weight:500; font-size:1.2em; padding-left:2px; }
	.pg_inp-s-c:after { content: "*"; display:inline-block; opacity: 1; font-size:1.2em; color:var(--color-brand); 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:13px 12px 13px 12px; 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:#A6A9AE; font-weight:400; font-size:1.0em }
	.pg_inp-st1::-webkit-input-placeholder { color:#A6A9AE; font-weight:400; font-size:1.0em}
	.pg_inp-st1::-ms-input-placeholder { color:#A6A9AE; font-weight:400; font-size:1.0em}
	.pg_inp-st1:focus { background:#fff; border:none; color:#1e1e1e; border-bottom:1px solid var(--color-brand); outline:none !important;}
	.pg_inp-st1.ta:focus { border:1px solid var(--color-brand); }
	.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: 44px; right:10px;}
	.pg_SelectBox .SelectBox__select { border:none; border-bottom:1px solid #BDBCBC; background:none; color:var(--color-default); padding:14px 15px 14px 15px; font-weight:500; letter-spacing:-0.01em; font-size:1.2em; cursor:pointer}
	.pg_SelectBox .SelectBox__select option { background:var(--color-default); color:#fff; font-weight:600; }
	.pg_SelectBox .SelectBox__select:focus { background:#fff; color:#1e1e1e; border-bottom:1px solid var(--color-default);}
	.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: var(--color-default); }
	.pg_ch_ag input[type="checkbox"]:checked + label:before { text-shadow: 1px 1px #fff; background:url(../images/ic_check.png) no-repeat center center var(--color-default); border-color: var(--color-default); background-size:11px 8px }

	
	.map_wp { position:relative; margin-top:40px; width:100%; height:200px; overflow:hidden}
	.map_wp #daumRoughmapContainer1760682659782,
	.map_wp .root_daum_roughmap, .map_wp .root_daum_roughmap_landing { height:200px !important; width:100% !important;}
	.map_wp .root_daum_roughmap .wrap_map { height:200px !important; width:100% !important;}
	.map_wp .map_left .map_kakao { position:relative; height:200px; overflow:hidden }
	.map_wp .map_right { position:relative; width:100%; height:200px; margin-left:0;}
	.map_info { position:relative; margin-top:40px; text-align:left }

	.map_info ul { padding-left:20px; border-left:1px solid var(--color-brand);}
	.map_info ul li { position:relative; font-size:1.2em; color:#212224; font-weight:500; letter-spacing:-0.03em; margin:10px 0 10px 0; display:flex; align-items:center; }
	.map_info ul li span { color:var(--color-brand); letter-spacing:0; font-weight:600; border-right:1px dashed rgba(0,0,0,.1); padding-right:12px; margin-right:12px; display:inline-block; min-width:80px; }


	.SelectBox { position:relative; border:1px solid #d7d9dc; border-radius:2px; overflow:hidden; background:#fff; flex-shrink: 0; min-width: 100px;}
	.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 28px 12px 10px; color:#3e3e3e; font-weight:500; letter-spacing:-0.03em; font-size:1.0em; cursor:pointer; -webkit-appearance: none; width: 100%;}
	select[name="sfield"], select#sfield {
        min-width: 100px;
    }
	.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:var(--color-grayscale-0-hover); 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:var(--color-grayscale-0-hover); 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:var(--color-grayscale-0-hover); 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 }
	.org_img { position:relative; text-align:center; margin-top:40px;}
	.org_img img { width:100%; margin:0 auto; height:inherit }

	
	.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: var(--color-default-hover); border-color: var(--color-default-hover); 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:130px; height:17px; background:url(../images/logo.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:20px 0 0 0; gap:0; flex-wrap:wrap; letter-spacing:-0.03em }
	#footer .ft_inner .ft_left .ft_menu li { margin:5px 13px 0 0  } 
	#footer .ft_inner .ft_left .ft_menu li:last-of-type { margin:5px 0 0 0 }
	#footer .ft_inner .ft_left .ft_menu li a { display:block; color:rgba(255,255,255,.5); font-size:1.1em; 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:24px 0 0 0 }
	#footer .ft_inner .ft_left address ul li { color:rgba(255,255,255,.7); font-weight:400; font-size:0.98em; margin:4px 0 0; margin-right:10px}
	#footer .ft_inner .ft_left address ul li em { color:rgba(255,255,255,.5); }
	#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,.6); margin:20px 0 0 0 }
	.btn_top {
		right:16px;
		bottom:24px;
		transition: bottom 0.8s ease-out, opacity 0.3s ease-out;
	}
	.btn_top button {
		width:56px;
		height:56px;
		font-size:1.0em;
		font-weight:500;
		letter-spacing:0.05em;
	}
	.btn_top button.contact {
		display: block;
	}
	.btn_top button.contact .contact-text {
		display:none;
	}
	.btn_top button.contact .contact-icon {
		display:block;
	}


	#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	{  }