@charset "utf-8";
@import url(swiper/swiper.min.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');
/* webcss */
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;top:1px;margin-left:5px;padding:3px;font-size:100%;font-weight:bold;text-align:center;text-decoration:none;border:1px solid #113355;background:#eee}
.sknavi {position:absolute;top:-500px;z-index:999}
/*a:focus{outline-style:dashed;outline-width:1px}*/
/* Accessibility */
.accessibility, .skip, hr, legend, caption{position:absolute;text-indent:-1000em}
/* Reset */
*{max-height:1000000px;font-family:'Noto Sans KR'}
html{overflow-y:scroll}
html,body{width:100%;height:100%}
body{font-size:20px;padding-top:100px;margin:0;line-height:25px;font-family:Arial, 'Noto Sans KR', '돋움', Dotum;color:#333}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block}
figure{margin:0}
figure img{max-width:100%;vertical-align:top}
img,fieldset{border:0}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
hr{display:none}
a{color:inherit}
a,a:link{color:#000;text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
a:visited{color:#000}
a:hover,a:active{color:#000;text-decoration:none}
input,select,.btn{vertical-align:middle}
input::-webkit-input-placeholder{color:#888}
input::-moz-placeholder{color:#888}
input::-ms-input-placeholder{color:#888}

/* [S] Guide */
#wrap{width:100%;overflow:hidden;}

/*HEADER*/
/* 공통 HEADER */
#header{  position:fixed;top:0;left:0;right:0;z-index:1100;background-color: #fff; /* border-bottom:1px solid #eee; */}
#header .inner{display:flex;align-items:center;justify-content:flex-start;width:100%;/* max-width:1920px; */height: 100px;padding:0 90px;box-sizing: border-box;position: relative;}
/* 로고 */
#header .logo {position: absolute;left: 90px;top: 50%;transform: translateY(-50%);}
#header .logo img {max-width:213px;max-height:40px;}
/* 메뉴 */
#header .top_menu {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
#header .top_menu > ul {display: flex;gap: 60px;list-style: none;margin: 0;padding: 0;}
#header .top_menu > ul > li {position: relative;}
#header .top_menu > ul > li > a {font-size: 20px;font-weight: 600;color: #111;text-decoration: none;line-height: 60px;padding: 0 10px;display: block;}
#header .top_menu .submenu {display:none;position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);list-style: none;margin: 0;padding: 10px 0;min-width: 160px;z-index: 999;}
#header .top_menu > ul > li:hover .submenu {display:block;}
#header .top_menu .submenu li {display: block;}
/* #header .top_menu .submenu li a {display: block;padding: 10px 20px;color: #333;font-size:18px;text-decoration: none;transition: background 0.3s, color 0.3s;border-radius: 6px;}
#header .top_menu > ul > li > a:hover {color: #D4AF37;} DAA520 D4AF37 */

#header .top_menu .submenu li a{
	display:block;
	padding:10px 20px;
	color:#333;
	font-size:18px;
	text-decoration:none;
	border-radius:6px;
	transition:all 0.3s ease;
}

#header .top_menu .submenu li a:hover{
	background:#D4AF37;
	color:#fff;
	transform:translateX(6px);
}

#header .btn_language {position: absolute;right: 90px;top: 50%;transform: translateY(-50%);display: flex;overflow: hidden;border-radius: 20px;background: #ddd;width: 38px;height: 38px;transition: width 0.3s ease;z-index: 1200;}
#header .btn_language span {display: flex;align-items: center;justify-content:center;flex-shrink:0;width:38px;height: 100%;transition: all 0.3s ease;}
#header .btn_language span a {display:block;width:100%;text-align:center;font-size: 16px;font-weight:700;line-height: 38px;color: #334555;text-decoration:none;}
#header .btn_language span.active a {color:#fff;background:#ffc600;border-radius: 20px;}
#header .btn_language:hover{width:76px;}
#header .btn_language:hover span{width:38px;}


.btn_nav{display:none;width:46px;height:36px;transform:translateY(-250%);position:fixed;right:30px;top:35px;z-index:60;transition:all 0.5s;}



.btn_kakao {position:fixed;top:auto;bottom:50px;right:45px;z-index:100;}
.btn_kakao a{display:block;position:relative;}
.btn_kakao img{width:63px;height:63px;position:relative;z-index:1;border-radius:50px;box-shadow:5px 7px 20px rgba(35, 31, 32, 0.5);background:#fae100;}

.moving {animation: move 0.7s ease-in 0s infinite alternate;margin-top: 0;width:80px}
        
@keyframes move {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}
        
@keyframes btn_kakao {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

@media(max-width:720px){
	.btn_kakao img{width:50px;height:50px;right:-17px;}
}

.m_gnb{display:none;width:70%;position:fixed;right:0;top:0;z-index:100000;background:#fff;}
.m_gnb .btn_language{height:100px;line-height:100px;font-size:0;background:#0f0f0f/* 356de6 */;}
.m_gnb .btn_language span{display:inline-block;padding:0 25px;position:relative;}
.m_gnb .btn_language span:nth-child(1):after{content:'';display:block;clear:both;width:1px;height:18px;position:absolute;right:0;top:43px;border-left:1px solid #a3a7aa;background:#c4c5c6;}
.m_gnb .btn_language a{font-size:26px;color:#ccc;}
.m_gnb .btn_language span.active a{color:#fff;}
.m_gnb nav{padding-top:30px;}
.m_gnb nav li p{width:100%;height:73px;line-height:73px;}
.m_gnb nav li p a{	display:block;
	padding-left:25px;
	position:relative;
	font-size:20px;
	font-weight:700;
	color:#333;
	text-indent:0;
	background:none;}
.m_gnb nav li p.active a{color:#D4AF37/* ee2d3d */;}

.m_gnb .nav_2dep{display:none;padding:25px 0 25px 0;background:#f0f0f0;}
.m_gnb .nav_2dep span{display:block;}
.m_gnb .nav_2dep a{display:block;padding-left:55px;font-size:24px;line-height:60px;color:#666;font-weight:300;}
.m_gnb .nav_2dep span.active a{color:#333;font-weight:400;}
.m_gnb_dim{display:none;position:fixed;z-index:50;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);}
.m_gnb_dim:after{content:'';clear:both;display:none;width:70%;position:fixed;z-index:52;top:0;right:0;bottom:0;background:rgba(255,255,255,1.0);}
.m_gnb nav li p a .bar{display:block;width:22px;height:12px;position:absolute;right:35px;top:23px;background:url(../images/common/icon_Accordion_Top.png) no-repeat 0 0;background-size:cover;transition:all 0.3s ease}
.m_gnb nav li p.active a .bar{transform:rotate(-180deg)}



/* visual_content 영역 - 헤더 뒤에 가리지 않도록 */
.visual_content {margin-top: 100px;}



@media(max-width:1430px){
	#header .logo{left:2%;}
	#header .btn_language{right:6%;}
}
@media(max-width:1200px){
	/* #header nav{padding-left:40%;} */
}
@media(max-width:1024px){
	#header .logo{left:5%;}
	#header .btn_language{display:none;}
	#header nav{display:none;}
	.btn_nav{display:block;z-index: 1000000000 !important;}
	.btn_nav.up{transform:translateY(0);transition-delay:0.2s;}
	.btn_nav a{display:inline-block;width:100%;height:100%;}
	.btn_nav a i{display:inline-block;width:46px;height:4px;position:absolute;left:0;transition:all 0.5s;transform:rotate(0deg);background:#000;}
	.btn_nav a i:nth-child(1){top:0px;}
	.btn_nav a i:nth-child(2){top:16px;}
	.btn_nav a i:nth-child(3){top:16px;}
	.btn_nav a i:nth-child(4){bottom:0;}
	.btn_nav.active a i{transition:all 0.5s;}
	.btn_nav.active a i:nth-child(1){opacity:0;}
	.btn_nav.active a i:nth-child(2){transform:rotate(45deg);background:#fff;}
	.btn_nav.active a i:nth-child(3){transform:rotate(-45deg);background:#fff;}
	.btn_nav.active a i:nth-child(4){opacity:0;}
	.m_gnb_dim:after{display:block;}
}
@media(max-width:720px){
	#header{background:none; position: fixed; background-color: white;}
	#header .logo{height:auto;left:30px;}
	#header .logo a{margin-top:22px;}
	#header .logo img {max-width: 150px;}
	.btn_nav{display:block;z-index: 1000000000 !important;width:23px;height:18px;top:39px;}
	.btn_nav a i{width:23px;height:2px;background:#000;}
	.btn_nav a i:nth-child(2){top:8px;}
	.btn_nav a i:nth-child(3){top:8px;}
	.m_gnb .btn_language{height:70px;line-height:70px;padding-left:10px;}
	.m_gnb .btn_language span{padding:0 10px;}
	.m_gnb .btn_language span:nth-child(1):after{height:13px;top:29px;}
	.m_gnb .btn_language a{font-size:20px;}
	.m_gnb nav{padding-top:25px;}
	.m_gnb nav li p{height:50px;line-height:50px;}
	.m_gnb nav li p a{background-size:auto 17px;}
	.m_gnb .nav_2dep{padding:15px 0 15px 0;}
	.m_gnb .nav_2dep a{padding-left:30px;font-size:18px;line-height:40px;}
}



#footer{position:relative;background:#000;}
#footer footer{width:1200px;margin:0 auto;padding:42px 0 50px;position:relative;}
#footer img{vertical-align:top;}
#footer .logo{position:absolute;left:0;top:40px;}
#footer .side_link{width:100%;font-size:0;text-align:right;}
#footer .side_link span{display:inline-block;padding:0 35px;position:relative;}
#footer .side_link span:nth-child(1):before{content:'';display:block;clear:both;width:1px;height:14px;position:absolute;left:0;top:3px;background:#a6a6a6;}
#footer .side_link span:after{content:'';display:block;clear:both;width:1px;height:14px;position:absolute;right:0;top:3px;background:#a6a6a6;}
#footer .side_link span a{font-size:14px;line-height:20px;letter-spacing:-1px;color:#fff;transition:all 0.5s;}
#footer .side_link span a:hover{color:#356de6;}
#footer address{padding:25px 0 10px;font-size:14px;line-height:20px;color:#767881;}
#footer .m_privacy_link {display:none;}
#footer .copy{font-size:14px;line-height:24px;color:#767881;}
#footer .sns_btn{position:absolute;right:0;top:100px;font-size:0;}
#footer .sns_btn a{display:inline-block;margin-left:35px;width:24px;height:24px;background-repeat:no-repeat;background-position:left top;}
#footer .sns_btn a{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(0,30px);opacity:0.0;}
#footer .sns_btn a.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0px);opacity:1.0;}
#footer .sns_btn a:nth-child(1){background-image:url(../../images/wb/common/footer_sns_btn_01_off.png);}
#footer .sns_btn a:nth-child(2){transition-delay: 0.2s;background-image:url(../../images/wb/common/footer_sns_btn_02_off.png);}
#footer .sns_btn a:nth-child(3){transition-delay: 0.4s;background-image:url(../../images/wb/common/footer_sns_btn_03_off.png);}
#footer .sns_btn a:nth-child(4){transition-delay: 0.6s;background-image:url(../../images/wb/common/footer_sns_btn_04_off.png);}
#footer .sns_btn a:nth-child(1):hover{background-image:url(../../images/wb/common/footer_sns_btn_01_on.png);}
#footer .sns_btn a:nth-child(2):hover{background-image:url(../../images/wb/common/footer_sns_btn_02_on.png);}
#footer .sns_btn a:nth-child(3):hover{background-image:url(../../images/wb/common/footer_sns_btn_03_on.png);}
#footer .sns_btn a:nth-child(4):hover{background-image:url(../../images/wb/common/footer_sns_btn_04_on.png);}


@media(max-width:2050px){
	#footer:before{width:1816px;left:50%;margin-left:-30%;background-position:left top;}
}
@media(max-width:1430px){
	#footer{width:100%;position:relative;height:300px;z-index:1;background:#1e202a;}
	#footer address{padding:51px 0 10px 20px;font-size:14px;line-height:24px;color:#767881;}
	#footer:before{bottom:60px;}
	#footer:after{height:60px;}
	#footer .logo{left:2%;}
	#footer .side_link{left:2%;}
	#footer .f_sitemap{right:2%;}
	#footer .f_sitemap li{width:150px;}
	#footer .sns_link{right:2%;}
	#footer .copy{position:absolute;left:20px;font-size:13px;font-weight:300;color:#7e7e7e;}
	#footer .m_privacy_link {display:block}
	#footer .m_privacy_link span {padding:25px 0 10px 20px;font-size:16px;line-height:24px;color:#767881;}
	#footer .m_privacy_link span a{color:#767881}
	#footer .m_privacy_link span a:hover{color:#356de6}
}
@media(max-width:1090px){
	#footer .f_sitemap li{width:140px;}
	#footer .m_privacy_link {display:block}
	#footer .m_privacy_link span {padding:25px 0 10px 20px;font-size:16px;line-height:24px;color:#767881;}
	#footer .m_privacy_link span a{color:#767881}
	#footer .m_privacy_link span a:hover{color:#356de6}
}
@media(max-width:1024px){
	#footer{width:100%;position:relative;;z-index:1;background:#1e202a;}
	#footer:before{bottom:60px;}
	#footer:after{height:60px;}
	#footer .logo p{padding-top:18px;font-size:18px;color:#7e7e7e;}
	#footer .logo p b{display:inline-block;}
	#footer .logo p strong{display:none;}
	#footer address{padding:51px 0 10px 20px;font-size:16px;line-height:24px;color:#767881;}
	#footer .side_link{display:none;}
	#footer .sitemap{display:none;}
	#footer .sns_link{right:5%;bottom:142px;}
	#footer .sns_link img{width:54px;height:54px;}
	#footer .copy{position:absolute;left:20px;font-size:13px;font-weight:300;color:#7e7e7e;}
	#footer .copy strong{font-weight:300;color:#7e7e7e;}
	#footer .m_privacy_link {display:block}
	#footer .m_privacy_link span {padding:25px 0 10px 20px;font-size:16px;line-height:24px;color:#767881;}
	#footer .m_privacy_link span a{color:#767881}
	#footer .m_privacy_link span a:hover{color:#356de6}
}
@media(max-width:720px){	
	#footer{width:100%;position:relative;height:260px;z-index:1;background:#1e202a;}	
	#footer:before{bottom:60px;}
	#footer:after{height:60px;}
	#footer .logo{padding:0 0 0 19px;left:0px;top:26px;}
	#footer .logo img{}
	#footer .logo p{padding-top:9px;font-size:12px;}
	#footer .logo p b{display:inline-block;}
    #footer address{padding: 25px 0 10px 20px;font-size:12px;line-height:20px;color:#767881;}
	#footer .sns_link{bottom:115px;}
	#footer .sns_link img{width:28px;height:28px;}
	#footer .copy{position:absolute;left:20px;font-size:12px;text-align:center;margin-bottom: 20px;}
	#footer .m_privacy_link {display:block}
	#footer .m_privacy_link span {padding:25px 0 10px 20px;font-size:12px;line-height:24px;color:#767881;}
	#footer .m_privacy_link span a{color:#767881}
	#footer .m_privacy_link span a:hover{color:#356de6}
}

#container{position:relative;}
#contents{padding-bottom:200px;}
#contents > section{width:1296px;margin:0 auto;padding:0 62px;box-sizing:border-box;}
@media(max-width:1400px){
	#contents{padding-bottom:14%;}
	#contents > section{width:auto;padding:0 5%;}
}

/* sub_visual */
.sub_visual{height:538px;color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.company .sub_visual{background-image:url(../images/wb/common/visual_pcompany.jpg);}
.service .sub_visual{background-image:url(../images/wb/common/visual_service.jpg);}
.contact .sub_visual{background-image:url(../images/wb/common/visual_partner.jpg);}
.privacy .sub_visual{background-image:url(../images/wb/common/visual_etc_privacy.jpg);}
.sub_visual .inner{width:1400px;padding:225px 52px 0;box-sizing:border-box;margin:0 auto;}
.sub_visual .vis_title{font-family:'arial', 'hevetica', sans-serif;font-size:60px;font-weight:900;letter-spacing:-0.04em;line-height:1em;}
.sub_visual .vis_text{margin-top:28px;font-size:24px;letter-spacing:-0.02em;transition-delay:0.3s;}
@media(max-width:1024px){
	.sub_visual{height:550px;}
	.company .sub_visual{background-image:url(../images/tb/common/visual_company.jpg);}	
	.partner .sub_visual{background-image:url(../images/tb/common/visual_partner.jpg);}	
	.etc_privacy .sub_visual{background-image:url(../images/tb/common/visual_etc_privacy.jpg);}
	.etc .sub_visual{background-image:url(../images/tb/common/visual_etc.jpg);}
	.sub_visual .inner{width:100%;padding:190px 5% 0;}
	.sub_visual .vis_title{font-size:55px;}
	.sub_visual .vis_text{margin-top:28px;font-size:24px;}
}
@media(max-width:720px){
	.sub_visual{height:275px;}
	.sub_visual .inner{padding-top:95px;}
	.sub_visual .vis_title{font-size:28px;}
	.sub_visual .vis_text{margin-top:9px;font-size:14px;}
}

/* snb */
#snb{margin-top:-62px;position:relative;}
#snb:after{content:'';display:block;width:50%;height:61px;position:absolute;left:0;top:0;background:(255,255,255,0.9);}
#snb .inner{width:1296px;height:61px;margin:0 auto;background:#fff;z-index:1;position:relative;border-bottom: 2px solid #fff;}
#snb .inner:after{content:'';display:table;clear:both;}
#snb .inner .home{display:block;width:62px;height:62px;float:left;background:#334555 url(../images/wb/common/ico_sub_menu_home.png) no-repeat center center;overflow:hidden;text-indent:-9999px;}
#snb .menu_drop{float:left;width:246px;height:60px;position:relative;border-bottom:2px solid transparent;}
#snb .menu_drop .btn{display:block;height:100%;box-sizing:border-box;border-right:1px solid #eee;padding:0 50px 0 40px;line-height:62px;font-size:18px;color:#888;}
#snb .menu_drop .btn:after{content:'';display:block;width:8px;height:5px;background:url(../images/wb/common/arr_sub_menu.png) no-repeat 0 0;background-size:cover;position:absolute;right:40px;top:50%;margin-top:-2px;}
#snb .menu_drop.depth1 a{font-family:'arial', 'hevetica', sans-serif;}
#snb .menu_drop.depth2{border-bottom-color:#334555;}
#snb .menu_drop.depth2 .btn{color:#334555;font-weight:500;}
#snb .menu_drop ul{display:none;box-sizing:border-box;padding:12px 40px 10px;position:absolute;top:100%;left:0;right:0;border:1px solid #eee;border-top:2px solid #eee;z-index:2;background:#fff;}
#snb .menu_drop ul li{height:35px;font-size:16px;line-height:2em;}
#snb .menu_drop ul li a{color:#888;}
#snb .menu_drop ul li.on a{color:#334555;}
#snb .menu_drop.on .btn:after{transform:rotate(180deg);}
#snb .menu_drop.depth2 ul{border-top-color:#334555;}
@media(max-width:1400px){
	#snb .inner{width:92.6%;margin:0 3.7%;}
}
@media(max-width:1024px){
	#snb{border-bottom:none;margin-top:-50px;}
	#snb:after{display:none;}
	#snb .inner{width:auto;margin:0 5%;height:100px;}
	#snb .inner .home{display:none;}
	#snb .menu_drop{width:50%;height:101px;box-sizing:border-box;}
	#snb .menu_drop + .menu_drop{border-left:1px solid #eee;}
	#snb .menu_drop .btn{border-right:none;padding:0 calc(12.5% + 17px) 0 12.5%;line-height:102px;font-size:26px;}
	#snb .menu_drop .btn:after{content:'';display:block;width:17px;height:8px;background-image:url(../images/tb/common/arr_sub_menu.png);right:12.5%;top:50%;margin-top:-4px;}
	#snb .menu_drop.depth1 a{font-family:'Noto Sans KR', sans-serif;}
	#snb .menu_drop.depth2 ul{left:-1px;}
	#snb .menu_drop ul{padding:20px 12% 15px;}
	#snb .menu_drop ul li{height:52px;font-size:26px;}
}
@media(max-width:720px){
	#snb{margin-top:-25px;}
	#snb:after{display:none}
	#snb .inner{width:auto;height:50px;}
	#snb .inner .home{display:none;}
	#snb .menu_drop{width:50%;height:51px;box-sizing:border-box;}
	#snb .menu_drop + .menu_drop{border-left:1px solid #eee;}
	#snb .menu_drop .btn{border-right:none;line-height:52px;font-size:14px;}
	#snb .menu_drop .btn:after{content:'';display:block;width:9px;height:4px;margin-top:-2px;}
	#snb .menu_drop ul{padding:10px 12% 8px;}
	#snb .menu_drop ul li{height:35px;font-size:12px;}
}
/* [E] Guide */

/* [S] common html */
/*dim*/
.dim{display:none;position:fixed;z-index:50;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);}

/* Animations */
/* 이동 - translate (위치 이동) */
.AnimationTop.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;}
.AnimationTop{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(0,-30px);opacity:0.0;}

.AnimationBottom.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;}
.AnimationBottom{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(0,30px);opacity:0.0;}

.AnimationLeft.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;}
.AnimationLeft{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(-30px,0);opacity:0.0;}

.AnimationRight.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;}
.AnimationRight{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(30px, 0);opacity:0.0;}

/* 크기변형 확대,축소 - scale (크기 변형) */
.AnimationScaleUp.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:scale(1.0,1.0);opacity:1.0;}
.AnimationScaleUp{transition:transform 0.0s ease, opacity 0.0s ease;transform:scale(1.3,1.3);opacity:0.0;}

.AnimationScaleDown.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:scale(1.0,1.0);opacity:1.0;}
.AnimationScaleDown{transition:transform 0.0s ease, opacity 0.0s ease;transform:scale(0.3,0.3);opacity:0.0;}

/* 회전 - rotateY (회전) */
.AnimationRotateY.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:rotateY(0deg);opacity:1.0;}
.AnimationRotateY{transition:transform 0.0s ease, opacity 0.0s ease;transform:rotateY(1040deg);opacity:0.0;}

/* Btn_Animation */
.Btn_Animation{transition-property:all;transition-duration:0.5s;}
.Btn_Animation:hover{transform:rotate(180deg);}

.Btn_Type{transition:all 0.5s;}
.Btn_Type:hover{transition:all 0.5s;}

.Bg_Zoom{transition:all 0.5s;background-size:100% 100%;}
.Bg_Zoom:hover{transition:all 0.5s;background-size:110% 110%;}

/*
	<u class="wt_block"></u> = 웹,테블릿 display:block; = 모바일 display:none;
	<u class="d_block"></u> = 웹 display:block; = 테블릿 display:none;, 모바일 display:none;
	<u class="t_block"></u> = 테블릿 display:block; = 웹 display:none;, 모바일 display:none;
	<u class="m_block"></u> = 웹 display:none; = 모바일 display:block;
	<u class="tm_block"></u> = 테블릿, 모바일 display:block; = 웹 display:none;
*/
.d_block{display:block;}
.wt_block{display:block;}
.m_block{display:none;}
.t_block{display:none;}
.tm_block{display:none;}

.device_tb .d_block{display:none;}
.device_tb .m_block{display:none;}
.device_tb .wt_block{display:block;}
.device_tb .t_block{display:block;}
.device_tb .tm_block{display:block;}

.device_mb .wt_block{display:none;}
.device_mb .d_block{display:none;}
.device_mb .t_block{display:none;}
.device_mb .m_block{display:block;}
.device_mb .tm_block{display:block;}

/* width style */
#wrap .width_10p{width:10%;}
#wrap .width_15p{width:15%;}
#wrap .width_20p{width:20%;}
#wrap .width_25p{width:25%;}
#wrap .width_30p{width:30%;}
#wrap .width_35p{width:35%;}
#wrap .width_40p{width:40%;}
#wrap .width_45p{width:45%;}
#wrap .width_50p{width:50%;}
#wrap .width_60p{width:60%;}
#wrap .width_70p{width:70%;}
#wrap .width_75p{width:75%;}
#wrap .width_80p{width:80%;}
#wrap .width_90p{width:90%;}
#wrap .width_100p{width:100%;}

/* title */
.title_type_01{padding:70px 0 100px;font-size:50px;color:#222;line-height:1em;text-align:center;font-weight:700;}
.title_type_02{padding:195px 0 100px;font-size:35px;color:#222;line-height:1em;text-align:center;font-weight:700;letter-spacing:-0.04em;}
.title_type_02.first{padding-top:145px;}
@media(max-width:1024px){
	.title_type_01{padding:100px 0 100px;font-size:54px;}
	.title_type_02{padding:155px 0 100px;}
	.title_type_02.first{padding-top:155px;}
}
@media(max-width:720px){
	.title_type_01{padding:15px 0 50px;font-size:27px;}
	.title_type_02{padding:75px 0 50px;font-size:24px;}
	.title_type_02.first{padding-top:75px;}
}

/* select_ui */
.select_ui_box{display:inline-block;width:150px;position:relative;vertical-align:top;}
.select_ui_box .select_ui{width:100%;height:50px;z-index:2;font-size:16px;font-weight:300;color:#888;cursor:pointer;box-sizing:border-box;border:1px solid #c9c9c9;background:#fff url(../images/common/icon_select_ui.png) no-repeat right top;}
.select_ui_box span.customStyleSelectBox{width:100%;height:50px;position:relative;z-index:1;line-height:48px;font-size:16px;font-weight:300;color:#888;font-family:'Noto Sans KR';cursor:pointer;box-sizing:border-box;border:1px solid #c9c9c9;background:url(../images/common/icon_select_ui.png) no-repeat 90% 20px;}
.select_ui_box span.customStyleSelectBox.changed{background-color:#fff;}
.select_ui_box span.customStyleSelectBox .bg_blank{width:20px;height:26px;position:absolute;right:0;top:0;}
.select_ui_box span.customStyleSelectBoxInner{padding-left:19px;box-sizing:border-box;}
@media (max-width: 767px) {
	.select_ui_box span.customStyleSelectBox{background-size:12px auto;}
}

/* file_ui_text */
.file_ui_text{display:inline-block;width:100%;margin-top:10px;position:relative;overflow:hidden;vertical-align:middle;}
.file_ui_text:first-child{margin-top:0;}
.file_ui_text .file_text{width:100%;height:45px;height:45px;padding:0 145px 0 10px;font-size:16px;vertical-align:middle;box-sizing:border-box;border:1px solid #ddd;background:#fafafa;}
.file_ui_text .file_text:focus{background:#fff;}
.file_ui_text .file_wrap{display:inline-block;height:45px;padding:0 50px 0 30px;position:absolute;top:0;right:0;font-size:14px;line-height:45px;color:#fff;transition:all 0.5s;text-align:center;cursor:pointer;box-sizing:border-box;border:1px solid #334555;background:#334555;}
.file_ui_text .file_wrap:hover{color:#777;transition:all 0.5s;border:1px solid #ddd;background:#fff;}
.file_ui_text .file_add{width:100%;height:100%;position:absolute;right:0;top:0;cursor:pointer;filter:alpha(opacity=0); opacity:0;}

/* board_search_type_01 */
.board_search_type_01{position:relative;overflow:hidden;font-size:0;}
.board_search_type_01 p{display:inline-block;float:left;padding-top:30px;color:#444;font-size:16px;vertical-align:top;}
.board_search_type_01 .search_form{float:right;}
.board_search_type_01 .search_form .inp{width:228px;height:48px;float:none;padding-left:10px;line-height:48px;font-size:16px;font-weight:300;color:#888;vertical-align:top;border:1px solid #c9c9c9;border-left:none;border-right:none;background:#fff;}
@media (max-width: 1024px) {
	.board_search_type_01{height:50px;padding-bottom:25px;}
	.board_search_type_01 p{display:none;}
	.board_search_type_01 .search_form{width:100%;height:100%;float:none;position:relative;}
	.board_search_type_01 .search_form:after{content:'';display:block;clear:both;width:100%;height:1px;position:absolute;left:0;top:0;background:#c9c9c9;}
	.board_search_type_01 .search_form:before{content:'';display:block;clear:both;width:100%;height:1px;position:absolute;left:0;bottom:0;background:#c9c9c9;}
	.board_search_type_01 .search_form .inp{width:65%;border:none;}
	.board_search_type_01 .search_form a{float:right;}
	.board_search_type_01 .select_ui_box{width:25%;}
	.board_search_type_01 .select_ui_box .select_ui{width:100%;}
	.board_search_type_01 .select_ui_box span.customStyleSelectBox{width:100%;}
}
@media (max-width: 720px) {
	.board_search_type_01 .select_ui_box .select_ui{font-size:13px;}
	.board_search_type_01 .select_ui_box span.customStyleSelectBoxInner{padding-left:10px;}
	.board_search_type_01 .select_ui_box span.customStyleSelectBox{font-size:13px;}
	.board_search_type_01 .search_form .inp{font-size:13px;}
}
@media (max-width: 685px) {
	.board_search_type_01 .search_form .inp{width:49%;}
	.board_search_type_01 .select_ui_box{width:30%;}
}

/* tab_type_01 */
.tab_type_01{display:table;width:100%;max-width:1296px;margin:0 auto;box-sizing:border-box;table-layout:fixed;border:1px solid #d3d3d3;background:#fff;}
.tab_type_01 > li{display:table-cell;text-align:center;height:64px;font-size:0;}
.tab_type_01 > li a{display:block;height:64px;line-height:64px;font-size:24px;color:#222;letter-spacing:-0.04em;position:relative;transition:background-color 0.5s ease, color 0.5s ease;}
.tab_type_01 > li a:after{content:'';display:block;width:1px;height:26px;position:absolute;top:19px;left:0;background:#d3d3d3;}
.tab_type_01 > li:first-child a:after{display:none;}
.tab_type_01 > li.on a,
.tab_type_01 > li a:hover{height:66px;line-height:66px;border-left:1px solid #d3d3d3;background:#ee2d3d;color:#fff;position:relative;margin:-1px;}
.tab_type_01 > li.on a:after,
.tab_type_01 > li a:hover:after{display:none;}
.tab_type_01 > li.on + li a,
.tab_type_01 > li:hover + li a{border-left:1px solid #d3d3d3;}
.tab_type_01 > li.on + li a:after,
.tab_type_01 > li:hover + li a:after{display:none}
@media(max-width:1400px){
	.tab_type_01{width:89%;margin:0 5%;}
}
@media(max-width:1024px){
	.tab_type_01 > li{height:100px;}
	.tab_type_01 > li a{height:100px;line-height:100px;font-size:30px;}
	.tab_type_01 > li a:after{height:34px;top:32px;}
	.tab_type_01 > li.on a,
	.tab_type_01 > li a:hover{height:102px;line-height:102px;}
}
@media(max-width:720px){
	.tab_type_01 > li{height:48px;}
	.tab_type_01 > li a{height:48px;line-height:48px;font-size:15px;}
	.tab_type_01 > li a:after{height:16px;top:16px;}
	.tab_type_01 > li.on a,
	.tab_type_01 > li a:hover{height:50px;line-height:50px;}
}

/* tab_Js_type_01 */
.tab_Js_type_01 .tab_btn_list ul{display:table;width:100%;max-width:1296px;margin:0 auto;box-sizing:border-box;table-layout:fixed;border:1px solid #d3d3d3;background:#fff;}
.tab_Js_type_01 .tab_btn_list ul > li{display:table-cell;text-align:center;height:64px;font-size:0;}
.tab_Js_type_01 .tab_btn_list ul > li a{display:block;height:64px;line-height:64px;font-size:24px;color:#222;letter-spacing:-0.04em;position:relative;transition:background-color 0.5s ease, color 0.5s ease;}
.tab_Js_type_01 .tab_btn_list ul > li a:after{content:'';display:block;width:1px;height:26px;position:absolute;top:19px;left:0;background:#d3d3d3;}
.tab_Js_type_01 .tab_btn_list ul > li:first-child a:after{display:none;}
.tab_Js_type_01 .tab_btn_list ul > li.active a,
.tab_Js_type_01 .tab_btn_list ul > li a:hover{height:66px;line-height:66px;border-left:1px solid #d3d3d3;background:#ee2d3d;color:#fff;position:relative;margin:-1px;}
.tab_Js_type_01 .tab_btn_list ul > li.active a:after,
.tab_Js_type_01 .tab_btn_list ul > li a:hover:after{display:none;}
.tab_Js_type_01 .tab_btn_list ul > li.active + li a,
.tab_Js_type_01 .tab_btn_list ul > li:hover + li a{border-left:1px solid #d3d3d3;}
.tab_Js_type_01 .tab_btn_list ul > li.active + li a:after,
.tab_Js_type_01 .tab_btn_list ul > li:hover + li a:after{display:none}
@media(max-width:1400px){
	
}
@media(max-width:1024px){
	.tab_Js_type_01 .tab_btn_list ul > li{height:100px;}
	.tab_Js_type_01 .tab_btn_list ul > li a{height:100px;line-height:100px;font-size:30px;}
	.tab_Js_type_01 .tab_btn_list ul > li a:after{height:34px;top:32px;}
	.tab_Js_type_01 .tab_btn_list ul > li.active a,
	.tab_Js_type_01 .tab_btn_list ul > li a:hover{height:102px;line-height:102px;}
}
@media(max-width:720px){
	.tab_Js_type_01 .tab_btn_list ul > li{height:48px;}
	.tab_Js_type_01 .tab_btn_list ul > li a{height:48px;line-height:48px;font-size:15px;}
	.tab_Js_type_01 .tab_btn_list ul > li a:after{height:16px;top:16px;}
	.tab_Js_type_01 .tab_btn_list ul > li.active a,
	.tab_Js_type_01 .tab_btn_list ul > li a:hover{height:50px;line-height:50px;}
}
/* tab_Js_type_02 */
.tab_Js_type_02 .tab_btn_list{padding:33.3% 0 0;position:relative;}
.tab_Js_type_02 .tab_btn_list ul{position:absolute;left:0;top:0;width:100%;}
.tab_Js_type_02 .tab_btn_list ul:after{content:'';display:table;clear:both}
.tab_Js_type_02 .tab_btn_list ul > li{float:left;width:calc(50% + 15px);padding-top:30px;}
.tab_Js_type_02 .tab_btn_list ul > li + li{margin-left:-30px;}
.tab_Js_type_02 .tab_btn_list ul > li a{display:block;position:relative;z-index:1;margin-top:-30px;transition:all 0.3s ease}
.tab_Js_type_02 .tab_btn_list ul > li a .txt{position:absolute;left:60px;top:60px;padding-bottom:45px;font-size:24px;color:#aaa;line-height:1em;letter-spacing:-0.06em;transition:all 0.5s ease}
.tab_Js_type_02 .tab_btn_list ul > li a .txt strong{display:block;padding-bottom:10px;font-size:70px;letter-spacing:-0.05em;line-height:1em;transition:all 0.5s ease}
.tab_Js_type_02 .tab_btn_list ul > li a .txt:after{content:'';display:block;width:40px;height:2px;background:#aaa;position:absolute;bottom:0;left:0;}
.tab_Js_type_02 .tab_btn_list ul > li a .img{background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.tab_Js_type_02 .tab_btn_list ul > li a .img img{vertical-align:top;opacity:0;width:100%;transition:all 0.5s ease}
.tab_Js_type_02 .tab_btn_list ul > li.active{}
.tab_Js_type_02 .tab_btn_list ul > li.active a{z-index:2;margin-top:0}
.tab_Js_type_02 .tab_btn_list ul > li a:hover .txt,
.tab_Js_type_02 .tab_btn_list ul > li.active a .txt{color:#fff;}
.tab_Js_type_02 .tab_btn_list ul > li a:hover .txt:after,
.tab_Js_type_02 .tab_btn_list ul > li.active a .txt:after{background:#fff;}
.tab_Js_type_02 .tab_btn_list ul > li a:hover .img img,
.tab_Js_type_02 .tab_btn_list ul > li.active a .img img{opacity:1;}
.tab_Js_type_02 .tab_btn_list ul > li a:hover{z-index:3}
@media(max-width:1024px){
	.tab_Js_type_02 .tab_btn_list ul > li a .txt{left:40px;top:40px;padding-bottom:25px;font-size:16px;}
	.tab_Js_type_02 .tab_btn_list ul > li a .txt strong{font-size:40px;padding-bottom:5px;}
}
@media(max-width:720px){
	.tab_Js_type_02 .tab_btn_list ul > li{float:left;width:calc(50% + 5px);padding-top:10px;}
	.tab_Js_type_02 .tab_btn_list ul > li + li{margin-left:-10px;}
	.tab_Js_type_02 .tab_btn_list ul > li a{margin-top:-10px;}
	.tab_Js_type_02 .tab_btn_list ul > li a .txt{left:20px;top:20px;padding-bottom:15px;font-size:12px;}
	.tab_Js_type_02 .tab_btn_list ul > li a .txt strong{font-size:30px;padding-bottom:3px;}
	.tab_Js_type_02 .tab_btn_list ul > li a .txt:after{width:10px;height:1px;}
}

/* Accordion_Top */
.Accordion_Top{width:100%;overflow:hidden;margin:0 auto;}
.Accordion_Top > ul{width:100%;height:100%;overflow:hidden;border-top:3px solid #5c6a77;box-sizing:border-box;}
.Accordion_Top > ul > li{width:100%;height:100%;border-bottom:1px solid #99a2aa;box-sizing:border-box;}
.Accordion_Top .list_box{width:100%;position:relative;padding:0 7% 0 3%;font-size:26px;line-height:36px;color:#595858;cursor:pointer;word-break:break-all;box-sizing:border-box;}
.Accordion_Top .list_box:after{content:'';display:block;clear:both;width:22px;height:100%;position:absolute;right:3%;top:0;transition:transform 1.0s ease;transform:rotate(180deg);background:url(../images/common/icon_Accordion_Top.png) no-repeat left center;background-size:22px 12px;}
.Accordion_Top .active .list_box{font-weight:700;color:#444;}
.Accordion_Top .active .list_box:after{transition:transform 1.0s ease;transform:rotate(0deg);}
.Accordion_Top .view_box{display:none;width:100%;height:100%;padding:0 3%;position:relative;font-size:18px;line-height:28px;word-break:break-all;border-top:1px solid #d3d3d3;box-sizing:border-box;background:#f7f7f7;}

/* table_list_01 */
.table_list_01 ul{border-top:3px solid #5c6a77;}
.table_list_01 ul li{display:table;width:100%;table-layout:fixed;}
.table_list_01 ul li.nodata{display:block;height:373px;border-bottom:1px solid #99a2aa;;text-align:center;background:url(../images/common/bg_table_list_nodata.png) no-repeat center 100px;background-size:120px 120px;}
.table_list_01 ul li.nodata p{padding:248px 0 0;font-size:26px;color:#595858;line-height:1em;letter-spacing:-0.04em;}
.table_list_01 ul li > div{display:table-cell;box-sizing:border-box;border-bottom:1px solid #99a2aa;vertical-align:top;padding:29px 0;height:62px;line-height:62px;}
.table_list_01 ul li .label{width:170px;padding-left:50px;text-align:center;font-size:28px;color:#334555;font-weight:700;letter-spacing:-0.08em;transition:color 0.3s ease;}
.table_list_01 ul li .label span{display:inline-block;width:120px;height:62px;background:#334555;color:#fff;font-family:'arial', 'helvetica', sans-serif;font-size:30px;letter-spacing:-0.04em;border-radius:31px;transition:all 0.3s ease;}
.table_list_01 ul li .label span em{font-weight:700;font-size:32px;}
.table_list_01 ul li .label span i{font-weight:700;margin:0 3px 0 5px;}
.table_list_01 ul li .subject{float:left;width:76%;padding:0 15px 0 50px;letter-spacing:-0.04em;box-sizing:border-box;}
.table_list_01 ul li .subject a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#595858;transition:all 0.3s ease;}
.table_list_01 ul li .date{float:left;width:24%;padding-right:50px;text-align:right;vertical-align:middle;box-sizing:border-box;font-size:20px;color:#595858;font-weight:300;transition:color 0.3s ease;}
.table_list_01 ul li .date span{display:inline-block;padding-left:55px;position:relative;}
.table_list_01 ul li .date span .deadline{display:block;position:absolute;left:0;top:50%;margin-top:-9px;text-align:center;width:42px;height:18px;line-height:18px;border:1px solid #c9c9c9;border-radius:5px;font-size:12px;letter-spacing:-0.04em;}
.table_list_01 ul li:hover .label{color:#ee2d3d}
.table_list_01 ul li:hover .label span{background:#ee2d3d;color:#fff;}
.table_list_01 ul li:hover .subject a{color:#ee2d3d;font-weight:700}
.table_list_01 ul li:hover .date{color:#ee2d3d;}
.table_list_01 ul li:hover .date span .deadline{color:#595858;}
@media(max-width:1024px){
	.table_list_01 ul li > div{vertical-align:middle;height:150px;border-bottom-width:2px;padding:0}
	.table_list_01 ul li .label{width:150px;font-size:24px;line-height:54px;text-align:right;padding-left:0}
	.table_list_01 ul li .label span{width:105px;height:54px;font-size:26px;border-radius:27px;vertical-align:middle;text-align:center;}
	.table_list_01 ul li .label span em{font-size:28px;}
	.table_list_01 ul li .label span i{margin:0 3px}
	.table_list_01 ul li .subject{float:none;width:100%;padding:0 5%;line-height:normal;}
	.table_list_01 ul li .date{float:none;width:100%;line-height:1em;margin-top:10px;padding:0 5%;font-size:22px;text-align:left;}
	.table_list_01 ul li .date span{display:inline-block;padding-left:0;vertical-align:top;}
	.table_list_01 ul li .date span .deadline{display:inline-block;position:static;margin:-3px 10px 0 0;width:58px;height:25px;line-height:25px;border-radius:5px;font-size:16px;vertical-align:middle;}
	.table_list_01 ul li.permanent .date{display:none;}
	.table_list_01 ul li.nodata{height:346px;background-position:center 46px;background-size:189px 189px;}
	.table_list_01 ul li.nodata p{padding:260px 0 0;}
}
@media(max-width:720px){
	.table_list_01 ul li > div{height:75px;border-bottom-width:1px}
	.table_list_01 ul li .label{width:75px;font-size:14px;line-height:27px;}
	.table_list_01 ul li .label span{width:53px;height:27px;font-size:13px;border-radius:14px;vertical-align:middle;}
	.table_list_01 ul li .label span em{font-size:14px;}
	.table_list_01 ul li .label span i{margin:0 2px}
	.table_list_01 ul li .subject{font-size:14px;}
	.table_list_01 ul li .date{margin-top:5px;font-size:12px;}
	.table_list_01 ul li .date span .deadline{margin:-2px 8px 0 0;width:35px;height:15px;line-height:15px;border-radius:3px;font-size:10px;}
	.table_list_01 ul li.permanent .date{display:none;}
	.table_list_01 ul li.nodata{height:172px;background-position:center 22px;background-size:95px 95px;}
	.table_list_01 ul li.nodata p{padding:130px 0 0;font-size:14px;}
}

/* table_list_02 */
.table_list_02{border-top:3px solid #5c6a77;border-bottom:1px solid #99a2aa;padding:60px 0 0}
.table_list_02 ul:after{content:'';clear:both;display:table;}
.table_list_02 li{float:left;width:calc(50% - 20px);padding-bottom:60px;}
.table_list_02 li:nth-child(2n){margin-left:40px;}
.table_list_02 li a .imgbox{position:relative;overflow:hidden;}
.table_list_02 li a .imgbox img{width:100%;transition:all 0.5s ease;display:block;}
.table_list_02 li a .imgbox:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.4) url(../images/common/btn_play_icon.png) no-repeat center center;background-size:auto 31.5%}
.table_list_02 li a em{display:block;color:#595858;letter-spacing:-0.04em;line-height:38px;margin-top:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:font-size 0.3s ease;}
.table_list_02 li a span{display:block;font-size:16px;color:#888;letter-spacing:-0.04em;line-height:18px;font-weight:300;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:font-size 0.3s ease;}
.table_list_02 li a:hover .imgbox img{transform:scale(1.08)}
@media(max-width:1024px){
	.table_list_02{padding-top:6.8%}
	.table_list_02 li{float:none;width:100%;padding-bottom:12.5%}
	.table_list_02 li:nth-child(2n){margin-left:0;}
}
@media(max-width:720px){
	.table_list_02 li a em{font-size:18px;line-height:26px;margin-top:2.4%;}
	.table_list_02 li a span{font-size:12px;line-height:14px;margin-top:1.2%;}
}

/* board_view_01 */
.board_view_01{border-top:3px solid #5c6a77;border-bottom:1px solid #ccd0d4;}
.board_view_01 .bd_head{position:relative;border-bottom:1px solid #99a2aa;padding:40px 240px 40px 50px;}
.board_view_01 .bd_head .subject{font-size:26px;font-weight:700;letter-spacing:-0.04em;color:#444;line-height:1.54em;}
.board_view_01 .bd_head .date{position:absolute;right:50px;top:47px;font-size:20px;font-weight:300;letter-spacing:-0.04em;color:#595858;}
.board_view_01 .bd_head .deadline{display:inline-block;vertical-align:middle;margin:-2px 10px 0 0;text-align:center;width:42px;height:18px;line-height:18px;border:1px solid #c9c9c9;border-radius:5px;font-size:12px;letter-spacing:-0.04em;font-weight:300}
.board_view_01 .bd_head .attatch_file{position:absolute;right:50px;bottom:15px;}
.board_view_01 .bd_contents{padding:50px;font-size:18px;line-height:1.94em;color:#444;letter-spacing:-0.04em;}

.board_view_01 .bd_contents .attached_file{text-align:right;color:#333}
.board_view_01 .bd_contents .attached_file a{color:#6c6c6c}
.board_view_01 .bd_contents .attached_file a:hover{color:#333}

.board_view_01 .bd_contents figure{text-align:center;margin:0 3%}
.board_view_01 .bd_contents figure img{max-width:100%}
.board_view_01 .bd_pager{border-top:1px solid #ccd0d4;}
.board_view_01 .bd_pager li{overflow:hidden;height:60px;line-height:60px;color:#6c6c6c;}
.board_view_01 .bd_pager li .tit{float:left;width:150px;padding-left:70px;box-sizing:border-box;font-size:16px;letter-spacing:-0.04em;transition:all 0.5s;}
.board_view_01 .bd_pager li .cont{box-sizing:border-box;font-size:16px;letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_view_01 .bd_pager li .cont a{color:#6c6c6c;transition:all 0.5s;}
.board_view_01 .bd_pager li + li{border-top:1px solid #e4e4e4;}
.board_view_01 .bd_pager li:nth-child(1) .tit{background:url(../images/wb/common/bd_pager_prev.png) no-repeat 50px center;}
.board_view_01 .bd_pager li:nth-child(2) .tit{background:url(../images/wb/common/bd_pager_next.png) no-repeat 50px center;}
.board_view_01 .bd_pager li:hover .tit,
.board_view_01 .bd_pager li:hover .cont a{color:#444;}
@media(max-width:1024px){
	.board_view_01{border-bottom:1px solid #ccd0d4;}
	.board_view_01 .bd_head{padding:30px 20px;border-bottom-width:2px;}
	.board_view_01 .bd_head .subject{font-size:36px;line-height:1.389em;}
	.board_view_01 .bd_head .date{margin-top:10px;position:static;font-size:22px;}
	.board_view_01 .bd_head .date .deadline{margin:-2px 15px 0 0;width:58px;height:25px;line-height:25px;border-radius:5px;font-size:16px;}
	.board_view_01 .bd_contents{padding:30px 20px;font-size:26px;}
	.board_view_01 .bd_pager{border-top-width:2px;}
	.board_view_01 .bd_pager li{display:table;width:100%;table-layout:fixed;}
	.board_view_01 .bd_pager li .tit{display:table-cell;height:120px;vertical-align:middle;float:none;width:150px;padding-left:50px;font-size:24px;line-height:36px;}
	.board_view_01 .bd_pager li .cont{display:table-cell;height:120px;vertical-align:middle;font-size:26px;white-space:normal;line-height:36px;}
	.board_view_01 .bd_pager li + li{border-top-width:2px;}
	.board_view_01 .bd_pager li:nth-child(1) .tit{background:url(../images/tb/common/bd_pager_prev.png) no-repeat 18px center;}
	.board_view_01 .bd_pager li:nth-child(2) .tit{background:url(../images/tb/common/bd_pager_next.png) no-repeat 18px center;}
	.board_view_01 .bd_pager li:hover .tit,
	.board_view_01 .bd_pager li:hover .cont a{color:#444;font-weight:700;}
}
@media(max-width:720px){
	.board_view_01{border-top-width:2px}
	.board_view_01 .bd_head{padding:15px 10px;border-bottom-width:1px;}
	.board_view_01 .bd_head .subject{font-size:18px;}
	.board_view_01 .bd_head .date{margin-top:1px;font-size:12px;line-height:normal}
	.board_view_01 .bd_head .date .deadline{margin:-1px 10px 0 0;width:35px;height:15px;line-height:15px;border-radius:3px;font-size:10px;}
	.board_view_01 .bd_contents {padding:15px 10px;font-size:14px;}
	.board_view_01 .bd_pager{border-top-width:1px;}
	.board_view_01 .bd_pager li{display:table;width:100%;table-layout:fixed;}
	.board_view_01 .bd_pager li .tit{height:60px;width:75px;padding-left:25px;font-size:13px;line-height:19px;}
	.board_view_01 .bd_pager li .cont{height:60px;font-size:14px;white-space:normal;line-height:19px;}
	.board_view_01 .bd_pager li + li{border-top-width:1px;}
	.board_view_01 .bd_pager li:nth-child(1) .tit{background-size:9px 5px;background-position:10px}
	.board_view_01 .bd_pager li:nth-child(2) .tit{background-size:9px 5px;background-position:10px}
}

/* board_view_02 */
.board_view_02{border-bottom:1px solid #ccd0d4;}
.board_view_02 * {transition:all 0.3s ease}
.board_view_02 .bd_head{position:relative;height:420px;padding:140px 0 0 135px;box-sizing:border-box;background:#334555;z-index:1;color:#fff}
.board_view_02 .bd_head .team{font-size:22px;font-weight:700;line-height:1em;}
.board_view_02 .bd_head .name{margin-top:30px;font-size:24px;letter-spacing:-0.04em;line-height:50px;}
.board_view_02 .bd_head .name em{font-size:50px;font-weight:500}
.board_view_02 .bd_head .img{width:856px;height:100%;position:absolute;right:0;bottom:0;text-align:center;background:url(../images/wb/common/border_view_02_head_bg.png) no-repeat center center;z-index:-1}
.board_view_02 .bd_head .img img{vertical-align:top;height:100%}
.board_view_02 .bd_head:after{content:'';display:block;height:34px;position:absolute;left:70px;right:70px;bottom:0;background:#fff;}
.board_view_02 .bd_contents{padding:0 70px 100px}
.board_view_02 .bd_contents figure{margin:95px 0 70px;text-align:center;}
.board_view_02 .bd_contents figure img{max-width:100%}
.board_view_02 .bd_contents .q,
.board_view_02 .bd_contents .a{padding:0 20px 0 85px;margin:0 0 0 7%;position:relative;}
.board_view_02 .bd_contents .q{margin-top:30px;font-size:26px;line-height:1.6em;letter-spacing:-0.04em;font-weight:700;color:#595858;}
.board_view_02 .bd_contents .a{margin-top:30px;font-size:20px;line-height:1.6em;letter-spacing:-0.04em;color:#595858;}
.board_view_02 .bd_contents .q i,
.board_view_02 .bd_contents .a i{position:absolute;left:0;display:block;width:80px;left:0;font-size:32px;font-weight:700;color:#444;font-family:'arial', 'hevetica', sans-serif;line-height:1em}
.board_view_02 .bd_contents .q i:after,
.board_view_02 .bd_contents .a i:after{content:'';display:block;width:50px;height:1px;background:#444;position:absolute;right:0;bottom:5px;}
.board_view_02 .bd_pager{border-top:1px solid #ccd0d4;}
.board_view_02 .bd_pager li{overflow:hidden;height:60px;line-height:60px;color:#6c6c6c;}
.board_view_02 .bd_pager li .tit{float:left;width:150px;padding-left:70px;box-sizing:border-box;font-size:16px;letter-spacing:-0.04em;transition:all 0.5s;}
.board_view_02 .bd_pager li .cont{box-sizing:border-box;font-size:16px;letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_view_02 .bd_pager li .cont a{color:#6c6c6c;transition:all 0.5s;}
.board_view_02 .bd_pager li + li{border-top:1px solid #e4e4e4;}
.board_view_02 .bd_pager li:nth-child(1) .tit{background:url(../images/wb/common/bd_pager_prev.png) no-repeat 50px center;}
.board_view_02 .bd_pager li:nth-child(2) .tit{background:url(../images/wb/common/bd_pager_next.png) no-repeat 50px center;}
.board_view_02 .bd_pager li:hover .tit,
.board_view_02 .bd_pager li:hover .cont a{color:#444;}
@media(max-width:1400px){
	.board_view_02 .bd_head .img{width:70%}
}
@media(max-width:1024px){
	.board_view_02 .bd_head{height:347px;padding:95px 0 0 50px;}
	.board_view_02 .bd_head .img{right:0;min-width:436px;background-size:auto 215px}
	.board_view_02 .bd_head .team{font-size:18px;}
	.board_view_02 .bd_head .name{margin-top:52px;font-size:20px;line-height:1em;}
	.board_view_02 .bd_head .name em{margin-top:10px;display:block;font-size:56px;line-height:1em;}
	.board_view_02 .bd_head:after{left:3%;right:3%;height:30px}
	.board_view_02 .bd_contents{padding:0 3% 100px}
	.board_view_02 .bd_contents .q,
	.board_view_02 .bd_contents .a{padding:0 10px 0 75px;margin:20px 0 0 5%;position:relative;}
	.board_view_02 .bd_contents .q{font-size:30px;}
	.board_view_02 .bd_contents .a{font-size:26px;}
	.board_view_02 .bd_contents .q i{top:8px;}
	.board_view_02 .bd_contents .a i{top:3px;}
	.board_view_02 .bd_contents .q i,
	.board_view_02 .bd_contents .a i{width:70px;left:0;font-size:36px;}
	.board_view_02 .bd_contents .q i:after,
	.board_view_02 .bd_contents .a i:after{width:40px;height:1px;bottom:7px}
	.board_view_02 .bd_contents figure{margin:84px 0 50px}
	.board_view_02 .bd_pager{border-top-width:2px;}
	.board_view_02 .bd_pager li{display:table;width:100%;table-layout:fixed;}
	.board_view_02 .bd_pager li .tit{display:table-cell;height:120px;vertical-align:middle;float:none;width:150px;padding-left:50px;font-size:24px;line-height:36px;}
	.board_view_02 .bd_pager li .cont{display:table-cell;height:120px;vertical-align:middle;font-size:26px;white-space:normal;line-height:36px;}
	.board_view_02 .bd_pager li + li{border-top-width:2px;}
	.board_view_02 .bd_pager li:nth-child(1) .tit{background:url(../images/tb/common/bd_pager_prev.png) no-repeat 18px center;}
	.board_view_02 .bd_pager li:nth-child(2) .tit{background:url(../images/tb/common/bd_pager_next.png) no-repeat 18px center;}
	.board_view_02 .bd_pager li:hover .tit,
	.board_view_02 .bd_pager li:hover .cont a{color:#444;font-weight:700;}
}
@media(max-width:720px){
	.board_view_02 .bd_head{height:175px;padding:45px 0 0 30px;}
	.board_view_02 .bd_head .img{min-width:215px;background-size:auto 110px}
	.board_view_02 .bd_head .team{font-size:12px;}
	.board_view_02 .bd_head .name{margin-top:24px;font-size:14px;}
	.board_view_02 .bd_head .name em{margin-top:6px;font-size:28px;}
	.board_view_02 .bd_head:after{height:15px}
	.board_view_02 .bd_contents{padding:0 3% 50px}
	.board_view_02 .bd_contents .q,
	.board_view_02 .bd_contents .a{padding:0 10px 0 40px;margin:15px 0 0 5%;position:relative;}
	.board_view_02 .bd_contents .q{font-size:15px;}
	.board_view_02 .bd_contents .a{font-size:13px;}
	.board_view_02 .bd_contents .q i{top:5px;}
	.board_view_02 .bd_contents .a i{top:2px;}
	.board_view_02 .bd_contents .q i,
	.board_view_02 .bd_contents .a i{width:38px;left:0;font-size:18px;}
	.board_view_02 .bd_contents .q i:after,
	.board_view_02 .bd_contents .a i:after{width:22px;bottom:3px;background:#a6a6a6;}
	.board_view_02 .bd_contents figure{margin:40px 0 25px}
	.board_view_02 .bd_pager{border-top-width:1px;}
	.board_view_02 .bd_pager li{display:table;width:100%;table-layout:fixed;}
	.board_view_02 .bd_pager li .tit{height:60px;width:75px;padding-left:25px;font-size:13px;line-height:19px;}
	.board_view_02 .bd_pager li .cont{height:60px;font-size:14px;white-space:normal;line-height:19px;}
	.board_view_02 .bd_pager li + li{border-top-width:1px;}
	.board_view_02 .bd_pager li:nth-child(1) .tit{background-size:9px 5px;background-position:10px}
	.board_view_02 .bd_pager li:nth-child(2) .tit{background-size:9px 5px;background-position:10px}
}

/* table_form_01 */
.table_form_01{width:100%;}
.table_form_01 table{width:100%;}
.table_form_01 tr:nth-child(1) th{border-top:3px solid #5c6a77;}
.table_form_01 tr:nth-child(1) td{border-top:3px solid #5c6a77;}
.table_form_01 th{width:170px;padding:16px 0;font-size:18px;color:#585858;border-bottom:1px solid #e4e4e4;}
.table_form_01 td{padding:16px 55px 16px 0;color:#585858;border-bottom:1px solid #e4e4e4;}
.table_form_01 .inp{width:100%;height:45px;padding-left:10px;line-height:45px;font-size:16px;font-weight:300;color:#888;vertical-align:top;box-sizing:border-box;border:1px solid #eaeaea;background:#fafafa;}
.table_form_01 .inp:focus{border:1px solid #c9c9c9;background:#fff;}
.table_form_01 textarea{width:100%;height:250px;padding:10px;line-height:30px;font-size:16px;color:#888;box-sizing:border-box;border:1px solid #eaeaea;background:#fafafa;}
.table_form_01 textarea:focus{border:1px solid #c9c9c9;background:#fff;}
.table_form_01 .select_ui_box{width:auto;height:45px;margin-left:10px;}
.table_form_01 .select_ui_box .customStyleSelectBox{height:45px;padding-right:35px;line-height:45px;border:1px solid #eaeaea;background-color:#fafafa;}
.table_form_01 .select_ui_box:hover .customStyleSelectBox{border:1px solid #c9c9c9;background-color:#fff;}
.table_form_01 .select_ui_box span.customStyleSelectBoxInner{overflow:hidden;width:100% !important;}
.table_form_01 .select_ui_box .customStyleSelectBox.changed{border:1px solid #eaeaea;background-color:#fafafa;}
.table_form_01 .select_ui_box:hover .customStyleSelectBox.changed{border:1px solid #c9c9c9;background-color:#fff;}
.table_form_01 .file_ui_text .file_text{color:#888;border:1px solid #eaeaea;}
.table_form_01 .file_ui_text .file_text:focus{border:1px solid #c9c9c9;}
.table_form_01 .file_ui_text .file_wrap i{width:10px;height:2px;position:absolute;right:30px;top:22px;transition:all 0.5s;background:#fff;}
.table_form_01 .file_ui_text .file_wrap i:nth-child(2){transform:rotate(90deg);}
.table_form_01 .file_ui_text .file_wrap:hover i{transform:rotate(90deg);background:#777;}
.table_form_01 .file_ui_text .file_wrap:hover i:nth-child(2){transform:rotate(180deg);}
.table_form_01 td input::-webkit-input-placeholder{color:#ccc;}
.table_form_01 td input::-moz-placeholder{color:#ccc;}
.table_form_01 td input::-ms-input-placeholder{color:#ccc;}
.table_form_01 td.e-mail{font-size:0;}
.table_form_01 td.e-mail i{display:inline-block;width:40px;font-size:14px;text-align:center;vertical-align:middle;}
.table_form_01 td.e-mail .inp{width:25%;vertical-align:middle;}
.table_form_01 td.e-mail .select_ui_box{width:20%;}
.table_form_01 .txt_info_w{padding-top:8px;font-size:16px;line-height:20px;color:#888;}
.table_form_01 .txt_info{padding-top:8px;font-size:16px;line-height:20px;color:#888;text-align: left;}
.table_form_01 .placeholder_hidden::-webkit-input-placeholder{color:#fafafa;}
.table_form_01 .placeholder_hidden::-moz-placeholder{color:#fafafa;}
.table_form_01 .placeholder_hidden::-ms-input-placeholder{color:#fafafa;}
@media(max-width:1024px){
	.table_form_01 th{width:140px;font-size:26px;line-height:56px;vertical-align:top;}
	.table_form_01 td{padding-right:20px;}
	.table_form_01 .inp{height:54px;font-size:22px;line-height:54px;}
	.table_form_01 textarea{font-size:22px;line-height:35px;}
	.table_form_01 .select_ui_box .customStyleSelectBox{height:54px;font-size:22px;line-height:54px;background-position:90% center;}
	.table_form_01 .file_ui_text .file_text{height:54px;padding-right:60px;font-size:22px;}
	.table_form_01 .file_ui_text .file_wrap{width:55px;height:54px;padding:0;text-indent:-1000em;}
	.table_form_01 .file_ui_text .file_wrap i{width:16px;height:3px;left:20px;top:26px;}
	.table_form_01 td.e-mail i{width:6%;font-size:22px;line-height:54px;}
	.table_form_01 td.e-mail .inp{width:46%;}
	.table_form_01 td.e-mail .inp:nth-child(3){width:48%;}
	.table_form_01 td.e-mail .select_ui_box{width:48%;height:54px;margin-left:52%;padding-top:15px;}
	.table_form_01 .placeholder_hidden::-webkit-input-placeholder{color:#ccc;}
	.table_form_01 .placeholder_hidden::-moz-placeholder{color:#ccc;}
	.table_form_01 .placeholder_hidden::-ms-input-placeholder{color:#ccc;}
	.table_form_01 .txt_info_w{display:none;}
}
@media(max-width:720px){
	.table_form_01 th{width:71px;padding:6px 0;font-size:14px;line-height:28px;color:#222;}
	.table_form_01 td{padding:6px 10px 6px 0;}
	.table_form_01 .inp{height:28px;font-size:14px;line-height:28px;}
	.table_form_01 textarea{font-size:14px;line-height:25px;}
	.table_form_01 td.e-mail i{width:6%;font-size:14px;line-height:28px;}
	.table_form_01 td.e-mail .select_ui_box{height:28px;padding-top:6px;}
	.table_form_01 .select_ui_box .customStyleSelectBox{height:28px;font-size:14px;line-height:28px;background-position:96% center;}
	.table_form_01 .select_ui_box span.customStyleSelectBoxInner{padding-left:10px;}
	.table_form_01 .file_ui_text .file_text{height:28px;padding-right:40px;font-size:14px;}
	.table_form_01 .file_ui_text .file_wrap{width:28px;height:28px;top:1px;padding:0;text-indent:-1000em;}
	.table_form_01 .file_ui_text .file_wrap i{width:10px;height:2px;left:9px;top:13px;}
}

/* btn_st */
.btn_wrap{font-size:0;text-align:center;margin:80px 0 0;}
.btn_wrap .btn_st{margin:0 10px;}
a.btn_st, button.btn_st{display:inline-block;width:252px;height:78px;line-height:78px;background:#fff;border:1px solid #c9c9c9;text-align:center;cursor:pointer;vertical-align:middle;box-sizing:content-box;font-size:20px;color:#6c6c6c;letter-spacing:-0.02em;font-weight:700;transition:all 0.5s ease;}
.btn_st i{display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:0 0;}
.btn_st i.download{width:10px;height:15px;background-image:url(../images/common/ico_download.png);margin-left:10px;transition:all 0.5s ease;}
.btn_st.red{border-color:#356de6;background:#356de6;color:#fff;}
.btn_st.c_b1b1b1{border-color:#b1b1b1;background:#b1b1b1;color:#fff;}
.btn_st:hover,
.btn_st:focus{border-color:#334555;}
.btn_st.red:hover,
.btn_st.red:focus{border-color:#ee2d3d;}
.btn_st.c_b1b1b1:hover,
.btn_st.c_b1b1b1:focus{border-color:#b1b1b1;}
.btn_st:hover i{transform:translateX(10px);}
.btn_st.ov_red:hover{border-color:#ee2d3d;background:#ee2d3d;color:#fff;}
.btn_st.ov_b1b1b1:hover{border-color:#b1b1b1;background:#b1b1b1;color:#fff;}
.mv_text{overflow:hidden;}
.mv_text span{display:inline-block;position:relative;}
@media(max-width:1024px){
	a.btn_st, button.btn_st{width:306px;height:98px;line-height:98px;font-size:30px;}
	.btn_st.ov_red:focus{border-color:#ee2d3d;background:#ee2d3d;color:#fff;}
	.btn_st.ov_b1b1b1:focus{border-color:#b1b1b1;background:#b1b1b1;color:#fff;}
}
@media(max-width:720px){
	.btn_wrap{font-size:0;text-align:center;margin:40px 0 0;}
	a.btn_st, button.btn_st{width:40%;height:48px;line-height:48px;font-size:15px;}
}

/* paginate_ui */
.paginate_ui{margin-top:80px;text-align:center;font-size:0}
.paginate_ui strong{margin:0 22px;font-size:20px;color:#ee2d3d;vertical-align:middle;text-decoration:underline;}
.paginate_ui a{margin:0 22px;font-size:20px;color:#6c6c6c;vertical-align:middle;transition:all 0.3s ease;}
.paginate_ui a:hover{color:#2c71b8;}
.paginate_ui a.btn{display:inline-block;width:40px;height:40px;margin:0 7px;line-height:40px;border:1px solid #c9c9c9;text-align:left;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;}
.paginate_ui a.first{background-image:url(../images/wb/common/btn_paginate_ui_first.png);}
.paginate_ui a.prev{background-image:url(../images/wb/common/btn_paginate_ui_prev.png);margin-right:20px;}
.paginate_ui a.next{background-image:url(../images/wb/common/btn_paginate_ui_next.png);margin-left:20px;}
.paginate_ui a.last{background-image:url(../images/wb/common/btn_paginate_ui_last.png);}
.paginate_ui a.btn:hover{border-color:#334555;}
.paginate_ui a.first:hover{background-image:url(../images/wb/common/btn_paginate_ui_first_ov.png);}
.paginate_ui a.prev:hover{background-image:url(../images/wb/common/btn_paginate_ui_prev_ov.png);}
.paginate_ui a.next:hover{background-image:url(../images/wb/common/btn_paginate_ui_next_ov.png);}
.paginate_ui a.last:hover{background-image:url(../images/wb/common/btn_paginate_ui_last_ov.png);}
@media(max-width:1024px){
	.paginate_ui{margin-top:80px;text-align:center;font-size:0;}
	.paginate_ui strong{margin:0 29px 0 28px;font-size:26px;}
	.paginate_ui a{margin:0 29px 0 28px;font-size:26px;}
	.paginate_ui a:hover{color:#2c71b8;}
	.paginate_ui a.btn{display:inline-block;width:58px;height:58px;margin:0 7px;line-height:40px;border:1px solid #c9c9c9;text-align:left;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;}
	.paginate_ui a.first{display:none;}
	.paginate_ui a.prev{background-image:url(../images/tb/common/btn_paginate_ui_prev.png);margin-right:20px;}
	.paginate_ui a.next{background-image:url(../images/tb/common/btn_paginate_ui_next.png);margin-left:20px;}
	.paginate_ui a.last{display:none;}
	.paginate_ui a.prev:hover{background-image:url(../images/tb/common/btn_paginate_ui_prev_ov.png);}
	.paginate_ui a.next:hover{background-image:url(../images/tb/common/btn_paginate_ui_next_ov.png);}
}
@media(max-width:720px){
	.paginate_ui{margin-top:40px;}
	.paginate_ui strong{margin:0 14px;font-size:13px;}
	.paginate_ui a{margin:0 14px;font-size:13px;}
	.paginate_ui a.btn{width:38px;height:38px;margin:0 7px;background-size:8px 14px;}
	.paginate_ui a.prev{margin-left:0;margin-right:12px;}
	.paginate_ui a.next{margin-right:0;margin-left:12px;}
}

/* move_icon */
.move_icon p{position:absolute;z-index:-1;}
.move_icon p i{display:block;transition:all 0.3s ease;}
.move_icon .icon_01{left:-10px;top:720px;}
.move_icon .icon_02{right:-40px;top:1400px;}
.move_icon .icon_03{left:83px;top:2012px;}
.move_icon .icon_04{right:73px;top:2645px;}
.move_icon .icon_last{left:50%;transform:translateX(-50%);bottom:-50px;}
/* 
.move_icon p i{display:block;transition:all 0.3s ease;background-size:cover;background-repeat:no-repeat;background-position:0 0}
.move_icon .icon_01{left:-10px;top:720px;}
.move_icon .icon_02{right:-40px;top:1400px;}
.move_icon .icon_03{left:83px;top:2012px;}
.move_icon .icon_04{right:73px;top:2645px;}
.move_icon .icon_last{left:50%;transform:translateX(-50%);bottom:-50px;}
.move_icon i.icon_b{width:119px;height:118px;background-image:url(../images/wb/common/move_icon_b.png)}
.move_icon i.icon_d{width:98px;height:98px;background-image:url(../images/wb/common/move_icon_d.png)}
.move_icon i.icon_o{width:88px;height:88px;background-image:url(../images/wb/common/move_icon_o.png)}
.move_icon i.icon_p{width:107px;height:100px;background-image:url(../images/wb/common/move_icon_p.png)}
.move_icon i.icon_p2{width:94px;height:115px;background-image:url(../images/wb/common/move_icon_p2.png)}
.move_icon i.icon_y{width:550px;height:547px;background-image:url(../images/wb/common/move_icon_y.png)}
.move_icon i.icon_dot{width:401px;height:412px;background-image:url(../images/wb/common/move_icon_dot.png)}
.move_icon i.icon_stripe{width:415px;height:465px;background-image:url(../images/wb/common/move_icon_stripe.png)}
.move_icon i.icon_triangle{width:97px;height:98px;background-image:url(../images/wb/common/move_icon_triangle.png)}
 */

@media(max-width:1024px){
	.move_icon{display:none;}
}

/* video_img_swiper */
.video_img_swiper.swiper-container{width:100%;}
.video_img_swiper .swiper-slide img{width:100%;}
.video_img_swiper .swiper-slide .videobox{width:100%;padding-bottom:61.8%;}
.video_img_swiper .swiper-button-prev{width:18px;height:30px;left:5%;top:45%;text-indent:-1000em;background:url(../images/common/video_img_swiper-button-prev.png) no-repeat left top;}
.video_img_swiper .swiper-button-next{width:18px;height:30px;right:5%;top:45%;text-indent:-1000em;background:url(../images/common/video_img_swiper-button-next.png) no-repeat left top;}

/* videobox */
.videobox{margin:0 auto;padding-bottom:61.8%;position:relative;overflow:hidden}
.videobox .btn_play{display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:none;z-index:2;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:cover;text-indent:-9999px;overflow:hidden}
.videobox .btn_play:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.4) url(../images/common/btn_play_icon.png) no-repeat center center;background-size:auto 31.5%;transition:all 0.5s ease}
.videobox .btn_play:hover:after{background-color:transparent}
.videobox .player{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
@media(max-width:1024px){
	.videobox{width:100%;}
}

/* popup */
.popup_open{display:inline-block;cursor:pointer;}
.popup_close{display:inline-block;cursor:pointer;}
.btn_popup_close{display:inline-block;cursor:pointer;}
.popup_wrap{display:none;width:100%;height:100%;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow-y:auto;background:rgba(0,0,0,0.3);}
.popup_wrap .div_table{display:table;width:100%;height:100%;vertical-align:middle;}
.popup_wrap .div_table_cell{display:table-cell;padding:30px;vertical-align:middle;}
.popup_wrap .popup_content{max-width:1296px;margin:0 auto;padding:100px;position:relative;top:-500px;box-sizing:border-box;background:#fff;}
.popup_wrap .popup_close{width:80px;height:80px;position:absolute;right:100px;top:50px;text-align:center;background:#ee2d3d;}
.popup_wrap .popup_close img{margin-top:25px;vertical-align:top;transition-property: all;transition-duration: 0.5s;}
.popup_wrap .popup_close img:hover{transform:rotate(180deg);}
@media(max-width:1024px){
	.popup_wrap .div_table_cell{padding:0;}
	.popup_wrap .popup_content{padding:40px 20px;}
	.popup_wrap .popup_close{right:20px;top:20px;}
}
@media(max-width:720px){
	.popup_wrap .popup_content{padding:20px 10px;}
	.popup_wrap .popup_close{width:40px;height:40px;right:10px;top:10px;}
	.popup_wrap .popup_close img{width:16px;height:16px;margin-top:12px;}
}
/* [E] common html */

/* [S] popup */
	/* 공통 이외 페이지 팝업은 sub.css 에 적용 */
/* [E] popup */