@charset "utf-8";


body {width: 100%; overflow: initial;;}
body, html { text-align: initial;}
html {}
.hidden_txt {position: absolute!important;font-size: 0!important;line-height: 0!important;overflow: hidden!important;}
#wrap {width: 100%;word-break: break-word;overflow: hidden;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 100px;right: 10px;overflow: hidden;width: 38px;height: 36px;border: none;text-indent: -999999px;background: url(../images/common/totop.png);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;z-index: 99999;background-color: #003474;background-repeat: no-repeat;background-position: center center;}
#toTop:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
img {max-width: 100%;}

.section .scroll{
	position: absolute;bottom: 20%; left: 50%;
	z-index: 100;
	transform: translateX(-50%);
	z-index: 5;
}
.section .scroll .txt {font-size:14px;color:#fff;font-weight:400;display: inline-block;padding-bottom: 20px;}
.section .scroll .arr{position:relative;width: 22px;height: 43px; border: 1px solid #fff; background-color: transparent;left: 50%; margin-left: -11px;border-radius: 100px;}
.section .scroll .arr:after{
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 4px;
	height: 10px;
	margin-left: -2px;
	border-radius: 100px;
	background-color: #fff;
	animation: scroll 1.3s infinite;
}
@keyframes scroll{
	0% {transform: translate(0, -5px); opacity: 0;}
	40% {opacity: 1;}
	80% {transform: translate(0, 10px);}
	100% {opacity: 0;}
}


.hidden2 {
  visibility: hidden;
  opacity: 0;
}

.intro {
  position: fixed;
  display: grid;
  place-items: center;
  height: 100vh;
  width: 100%;
  background-color: transparent;
  z-index: 999999;

}
.intro * {}
.intro__title {
  color: #666;
  text-align: center;
  z-index: 2;
  font-size: 1.9vw;
 font-weight: 400;
 font-family:'Poppins','na200','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;
 width: 100%;
}
.intro__title span {
	padding-bottom: 30px;
	display: inline-block;
}
.intro__title svg {width:300px;}

.intro__background {
  position: absolute;
  top: 0;
  background-color: #fff;
  width: 50%;
  height: 100%;
  transform: scaleX(1);

}
.intro__background--left {
  left: 0;
  transform-origin: left center;
}
.intro__background--right {
  left: 50%;
  transform-origin: right center;
}


/*헤더*/
.m_menu_wrap {width: 280px;height: 100%;position: fixed;top: 0px;right: -280px;bottom: 0;z-index: 9999;background-color:#222;}
.m_menu_wrap a {display: block;color: #fff;}
.m_menu_wrap .menu_a {height: 50px;margin: 0;padding: 0 0 0 20px;border-bottom: #333 1px solid;border-top: #555 1px solid;text-align: left;cursor: pointer;line-height: 50px;font-size: 14px;position: relative;top: 0px;left: 0px;}
.m_menu_wrap .menu_a:after {content:""; width: 10px;height: 10px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;display: block;position: absolute;top: 50%;right: 10px;transform:rotate(225deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link:after {content:""; width: 10px;height: 10px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;display: block;position: absolute;top: 50%;right: 10px;transform:rotate(-45deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link.menu_on:after {transform:rotate(-225deg);}
.m_menu_wrap .menu_a:first-child {}
.m_menu_wrap .sub_menu_wrap {display: none;background-color: #444; width: 100%!important}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {height: 38px;line-height: 38px;padding-left: 30px;border-bottom: 1px solid #666;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child {border-top: none;}
.m_menu_wrap .menu_a:hover{background-color: #0072ff;border-color: #0072ff;color: #fff;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:hover {background-color: #777;border-color: #777;color: #fff;}
.m_menu_wrap .menu_a.menu_on {background-color: #0072ff;border-color: #0072ff;color: #fff;}

.m_menu_wrap .thd_menu_wrap {background-color: #888;display: none;}
.m_menu_wrap .thd_menu_wrap .thd_menu_a {height: 38px;line-height: 38px;padding-left: 30px;border-bottom: 1px solid #666;}
.m_menu_wrap .thd_menu_wrap .thd_menu_a:first-child {border-top: none;}
.m_menu_wrap .thd_menu_wrap .thd_menu_a:hover {background-color: #777;border-color: #777;color: #fff;}










.all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1004;}
.m_all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1005;}
.header_all_wrap {width: 100%;position: fixed;top: 0px;left: 0px;z-index: 1005;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.header_all_wrap:before {content: "";position: absolute;top: 100px;width: 0px; height: 1px;background-color: #fff; transform: translateX(-50%);left: 50%;
	animation-delay: 0.5s;
	animation-duration: 3s;
	animation-name: line;
	animation-fill-mode: forwards;display: none;
}
@keyframes line {
	from {
		width: 0px;
		opacity: 0
	}

	to {
		width: 100%;
		opacity: 0.4
	}
}



.header_wrap * {z-index: 1004;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.header_wrap a {display: block;}
.header_wrap {width: 100%;position: relative;top: 0px;left: 0px;z-index: 1004;}
.header_top_wrap {width: 100%;display: none;}
.header_top {width: 100%;max-width: 1540px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top_box {float: left;margin-right: 30px;}
.header_top_box_in {position:relative;top: 0px;left: 0px;padding-left: 30px;background-image: url(../images/common/header_top_box.png);background-repeat: no-repeat;background-position:0 center }
.header_top_box_in span {height: 70px;line-height: 70px;color: #fff;font-size: 16px;}
.header_mid_wrap {width: 100%;}
.header_mid {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;padding: 0 200px;
}
.header_mid:before {content: "";position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;
    z-index: -1;
}

.open .header_mid:before {background-color: #fff;backdrop-filter: none;-webkit-backdrop-filter:none;}

.header_mid:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_bottom_wrap {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_bottom {width: 1540px;margin: 0 auto;}

.logo_wrap {position: absolute;top: 17px;left: 30px;z-index: 2}
/*.logo_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}*/
.header_wrap a.logo {vertical-align: middle;display: inline-block;font-size: 16px;line-height: 1;width: 100%;text-align: center;}
.logo_off {display: none;}
.logo_long {display: none!important;}
.m_menu_btn_wrap {position: absolute;top: 15px;right: 40px;height: 50px;width: 40px;z-index: 3}
.header_wrap .m_menu_btn_wrap .m_menu_btn {width: 100%;height: 30px;position: absolute;top: 50%;left: 0px;margin-top: -15px;}
.m_menu_btn span {display: block;height: 3px; background-color: #fff;position: absolute;top: 50%;margin-top: -2px;left: 0px;right: 0px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.m_menu_btn:before {content: "";position: absolute;top: 0px;left: 0px;right: 0px;height: 3px; background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.m_menu_btn:after {content: "";position: absolute;bottom: 0px;left: 0px;right: 0px;height: 3px; background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.m_menu_btn_wrap:hover .m_menu_btn span {background-color: #0072ff;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:before {background-color: #0072ff;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:after {background-color: #0072ff;right: 0px;}

.m_close_wrap {position: relative;top: 0px;left: 0px;padding: 20px;}
.m_close_btn {width: 40px;height: 30px;position: relative;top: 0px;left: 0px;}
.m_close_btn:before,
.m_close_btn:after {content:"";display:block;position:absolute;width:35px;height:3px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto}
.m_close_btn:before {transform:rotate(-45deg);transition:all .3s ease}
.m_close_btn:after {transform:rotate(45deg);transition:all .3s ease .15s}

.logo_off {display: inline-block;}
.logo_on {display: none;}


.lang_all_wrap {position: absolute;top: 20px;right: 100px;height: 50px;z-index: 3;height: 36px;}
.lang_box {border: 1px solid transparent;border-radius: 100px;}
.lang_sub_wrap {display: none;border-top: 1px solid #ddd;}
.lang_box .lang_box_a {font-size: 16px; padding:0px 40px 0 20px;height: 36px; line-height: 36px;color: #fff;position: relative;top: 0px;left: 0px;}
.lang_box .lang_box_a:after {content: "";position: absolute;right: 15px;top: 12px; width: 8px;height: 8px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;transform:rotate(-45deg);transition:all .3s ease}

.lang_box:hover {border-radius: 5px;background-color: #fff;border-color: #0072ff}
.lang_box:hover .lang_box_a {background-color: #0072ff;color: #fff!important;}
.lang_box:hover .lang_box_a:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.lang_box:hover .lang_sub_wrap {display: block;}
.lang_sub_box a {font-size: 14px; color: #333; padding: 0 20px;height: 30px;line-height: 30px;}
.lang_sub_box a:hover {color: #0072ff}



/*메뉴*/
.top_nav {position: relative;top: 0px;left: 0px;font-size: 0px;text-align: center;z-index: 1;padding-top: 0px;}
.top_nav .menu {text-transform: uppercase;}
.top_nav:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.top_nav .menu {width: 167px;position: relative;top: 0px;left: 0px;display: inline-block;vertical-align: top;}
.top_nav .menu_a {padding: 0px;font-size: 16px;color: #fff;height: 80px;padding: 0 5px;font-weight: 400;}
.top_nav .menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.top_nav .menu_a span {vertical-align: middle;display: inline-block;line-height: 1.6;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;}
.top_nav .menu_a span:after {content: '';position: absolute;bottom: -27px;left: 0px;width: 100%; height: 2px; background-color: #fff;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}

.top_nav .sub_menu_a {line-height: 1.6;font-size: 15px;color: #666;text-align: center;border-bottom: none;padding: 10px 0;-webkit-transition: none;transition: none;font-weight: 300;}
.top_nav .sub_menu_wrap {width: 100%!important;position: relative;top: 100%;left: 0px;-webkit-transition: none;transition: none;text-decoration: none;display: none;padding: 30px 0;}
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a {color: #0072ff;-webkit-transition: none;transition: none;}
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a {color: #fff}
.top_nav .menu:hover .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.top_nav .menu.active .menu_a span:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}







.sec_all_wrap {width: 100%;overflow: hidden;}
.sec_tit {font-size:18px;font-weight: 200;line-height: 1.4;color: #222; word-break: keep-all;}
.sec_tit b {font-weight: 500;}
.sec_tit2 {font-size:22px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit2 b {font-weight: 500;}
.sec_tit3 {font-size:36px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit3 b {font-weight: 500;}
.sec_tit4 {font-size:48px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit4 b {font-weight: 500;}
.sec_tit5 {font-size:90px;font-weight: 400;line-height: 1;color: #222;word-break: keep-all;}
.sec_tit5 b {font-weight: 700;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);opacity: 0.03;}


.sec_tit6 {font-size:24px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit6 b {font-weight: 500;}

.sec_tit7 {font-size:56px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit7 b {font-weight: 500;}

.sec_tit8 {font-size:72px;font-weight: 200;line-height: 1.2;color: #000;word-break: keep-all;}
.sec_tit8 b {font-weight: 500;}

.sec_tit9 {font-size:6vw;font-weight: 200;line-height: 1.2;color: #000;word-break: keep-all;}
.sec_tit9 b {font-weight: 500;}


.sec_txt {font-size:16px;font-weight: 300;line-height: 1.6;color: #666;word-break: keep-all;}
.sec_txt b {font-weight: 500;}
.sec_txt2 {font-size:18px;font-weight: 300;line-height: 1.6;color: #666;word-break: keep-all;}
.sec_txt2 b {font-weight: 500;}
.sec_txt3 {font-size:22px;font-weight: 300;line-height: 1.6;color: #666;word-break: keep-all;}
.sec_txt3 b {font-weight: 500;}
.mid_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.mid_txt {vertical-align: middle;display: inline-block;width: 100%;text-align : center;padding: 0 10px;position: relative;top: 0px;left: 0px;}


.sec_txt4 {font-size:52px;font-weight: 300;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_txt4 b {font-weight: 500;}
.sec_txt5 {font-size:14px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_txt5 b {font-weight: 500;}

/*.main .header_all_wrap {box-shadow: 0px 0px 10px #777;background-color: #fff;}
.main .logo_on {display: inline-block;}
.main .logo_off {display: none;}
.main .top_nav .menu_a {color: #222}
.main .lang_box .lang_box_a {color: #222;}
.main .lang_box .lang_box_a:after {border-color: #222;}

.main .lang_box .lang_box_a:after {border-color: #222;}
.main .m_menu_btn span {background-color: #222;}
.main .m_menu_btn:before {background-color: #222;}
.main .m_menu_btn:after {background-color: #222;}
.main .top_nav .menu_a span:after {background-color: #0072ff}*/



/*.fp-viewing-0 .header_all_wrap {box-shadow: none;background-color: transparent;}
.fp-viewing-0 .logo_on {display: none;}
.fp-viewing-0 .logo_off {display: inline-block;}
.fp-viewing-0 .top_nav .menu_a {color: #fff}
.fp-viewing-0 .lang_box .lang_box_a {color: #fff;}
.fp-viewing-0 .lang_box .lang_box_a:after {border-color: #fff;}

.fp-viewing-0 .lang_box .lang_box_a:after {border-color: #fff;}
.fp-viewing-0 .m_menu_btn span {background-color: #fff;}
.fp-viewing-0 .m_menu_btn:before {background-color: #fff;}
.fp-viewing-0 .m_menu_btn:after {background-color: #fff;}
.fp-viewing-0 .top_nav .menu_a span:after {background-color: #fff}*/


.main .header_all_wrap {box-shadow: none;background-color: transparent;}
.main .logo_on {display: none;}
.main .logo_off {display: inline-block;}
.main .top_nav .menu_a {color: #fff}
.main .lang_box .lang_box_a {color: #fff;}
.main .lang_box .lang_box_a:after {border-color: #fff;}
.main .m_menu_btn span {background-color: #fff;}
.main .m_menu_btn:before {background-color: #fff;}
.main .m_menu_btn:after {background-color: #fff;}
.main .top_nav .menu_a span:after {background-color: #fff}


.sub .header_all_wrap {box-shadow: none;}
.sub .logo_on {display: none;}
.sub .logo_off {display: inline-block;}
.sub .top_nav .menu_a {color: #fff}
.sub .lang_box .lang_box_a {color: #fff;}
.sub .lang_box .lang_box_a:after {border-color: #fff;}
.sub .m_menu_btn span {background-color: #fff;}
.sub .m_menu_btn:before {background-color: #fff;}
.sub .m_menu_btn:after {background-color: #fff;}
.sub .top_nav .menu_a span:after {background-color: #fff}


/*.open .header_mid:before {background-color: #fff;backdrop-filter: none;-webkit-backdrop-filter:none;}*/



.scroll .header_all_wrap {}

.scroll .logo_on {display: inline-block;}
.scroll .logo_off {display: none;}
.scroll .top_nav .menu_a {color: #222}
.scroll .lang_box .lang_box_a {color: #222;}
.scroll .lang_box .lang_box_a:after {border-color: #222;}
.scroll .m_menu_btn span {background-color: #222;}
.scroll .m_menu_btn:before {background-color: #222;}
.scroll .m_menu_btn:after {background-color: #222;}
.scroll .top_nav .menu_a span:after {background-color: #0072ff}
.scroll .header_mid:before {background-color: rgba(255, 255, 255, 0.6);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);
}
.scroll .top_nav .menu:hover .menu_a, .scroll .top_nav .menu.active .menu_a {color: #0072ff;}


.open .header_all_wrap {}
.open .logo_on {display: inline-block;}
.open .logo_off {display: none;}
.open .top_nav .menu_a {color: #222}
.open .lang_box .lang_box_a {color: #222;}
.open .lang_box .lang_box_a:after {border-color: #222;}
.open .m_menu_btn span {background-color: #222;}
.open .m_menu_btn:before {background-color: #222;}
.open .m_menu_btn:after {background-color: #222;}
.open .top_nav .menu_a span:after {background-color: #0072ff}
.open .header_mid:before {background-color: #fff;backdrop-filter: none;-webkit-backdrop-filter:none;}
.open .top_nav .menu:hover .menu_a, .open .top_nav .menu.active .menu_a {color: #0072ff;}



.w_tp .header_all_wrap {}
.w_tp .logo_on {display: inline-block;}
.w_tp .logo_off {display: none;}
.w_tp .top_nav .menu_a {color: #222}
.w_tp .lang_box .lang_box_a {color: #222;}
.w_tp .lang_box .lang_box_a:after {border-color: #222;}
.w_tp .m_menu_btn span {background-color: #222;}
.w_tp .m_menu_btn:before {background-color: #222;}
.w_tp .m_menu_btn:after {background-color: #222;}
.w_tp .top_nav .menu_a span:after {background-color: #0072ff}
.w_tp .header_mid:before {background-color: #fff;backdrop-filter: none;-webkit-backdrop-filter:none;}
.w_tp .top_nav .menu:hover .menu_a, .w_tp .top_nav .menu.active .menu_a {color: #0072ff;}







.register{    max-width: 1400px;
	margin: 0 auto;
	padding: 150px 0 200px;}











/*메인*/
.c_line_wrap {padding: 10px 0}
.c_line {display: block;width: 100%; height: 1px; background-color: #eee;}

.sec_wrap {}


@keyframes sizeup {
	0% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
	50% {
		transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
}


#myVideo{
	position: absolute;
	left: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index:3;
}


#myVideo2{
	position: absolute;
	left: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index:3;
}

 .bg_video_box {
	position: absolute;
	left: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index:3;
}

.more_btn_wrap :hover {padding-right: 45px;}
.more_btn_wrap .more_btn_a {display: inline-block;position: relative;padding:0 50px 0 0;top: 0px;left: 0px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;font-size: 16px;}
.more_btn_wrap .more_btn_a:after {content: "";position: absolute;right: 0px;top: 50%;width: 0px;
	height: 0px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #222;margin-top: -5px;}
	.more_btn_wrap .more_btn_a:before {content: "";position: absolute;right: 1px;top: 50%; width: 25px;height: 1px;background-color: #222;margin-top: -1px;}
	.more_btn_wrap .more_btn_a span {display: inline-block;position: relative;top: 0px;left: 0px; font-size:16px; font-weight: 500;color: #222; padding: 10px 0}

	.more_btn_wrap .more_btn_a:hover {padding-right: 45px;}



	.sec_bumo {position: relative;top: 0px;left: 0px;}
	.sec_bumo:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
	.opa4 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.4;}
	.opa6 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;}
	.opa8 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: 0.8;}

	.bold700 {font-weight: 700!important}
	.bold600 {font-weight: 600!important}
	.bold500 {font-weight: 500!important}
	.bold400 {font-weight: 400!important}
	.bold300 {font-weight: 300!important}







	.sec_all_wrap .section {overflow: hidden;}



	.sec_btn_wrap {display: block;}
	.sec_btn_wrap .sec_btn {display: inline-block;padding: 15px 30px; border: 1px solid #fff;color: #fff;border-radius: 100px;}
	.sec_btn_wrap .sec_btn:hover {background-color: #0072ff;border-color: #0072ff;}


	.sec_btn_wrap.color_btn .sec_btn {border-color: #ddd; color: #666}
	.sec_btn_wrap.color_btn .sec_btn:hover {background-color: #0072ff;border-color: #0072ff;color: #fff}








	.bt_sec_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
	.bt_sec_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
	.bt_sec_box {float: left;width: 50%;overflow: hidden;position: relative;top: 0px;left: 0px;}
	.bt_sec_box_bg_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;;background-size: cover;z-index: 1}
	.bt_sec_box_in {position: relative;top: 0px;left: 0px;width: 100%;height: 440px;z-index: 2;text-align: center;}
	.bt_sec_box_in:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
	.bt_sec_box_inner {vertical-align: middle;display: inline-block;color: #fff;width: 100%;padding: 0 20px;position: relative;top: 0px;left: 0px;text-align: left;z-index: 2;max-width: 700px;}
	.bt_sec_box_bg_wrap {
		animation-duration: 15s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
		animation-play-state: running;
		animation-name: sizeup;
	}


	.bt_sec_box_01 .bt_sec_box_bg_wrap {background-image: url(../images/main/bt_sec_box_01.jpg);}
	.bt_sec_box_02 .bt_sec_box_bg_wrap {background-image: url(../images/main/bt_sec_box_02.jpg);}

	.bt_sec_box_02 .bt_sec_box_inner {text-align: right;}
	.bt_sec_wrap * {color: #fff;}

	.bt_sec_wrap .more_btn_wrap .more_btn_a span {color: #fff;}
	.bt_sec_wrap .more_btn_wrap .more_btn_a:before {background-color: #fff;}
	.bt_sec_wrap .more_btn_wrap .more_btn_a:after {border-left-color: #fff;}



	.white_btn.more_btn_wrap * {color: #fff;}

	.white_btn.more_btn_wrap .more_btn_a span {color: #fff;}
	.white_btn.more_btn_wrap .more_btn_a:before {background-color: #fff;}
	.white_btn.more_btn_wrap .more_btn_a:after {border-left-color: #fff;}


	.owl-carousel .owl-item .item_img img {width: initial;display: inline-block;}

	.item_label {font-size: 22px; color: #222}
	.item_link {text-align: right;}
	.item_link a {display: inline-block;padding: 0 30px;position: relative;top: 0px;left: 0px;}
	.item_link a:after {content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-2px;display:block;width:5px;height:5px;background-color:transparent;border-left:1px solid #555;border-top:1px solid #555;transform:rotate(135deg);text-indent:-9999px;transition:all .3s ease;z-index:2}
	.item_img {text-align: center;}






/*슬라이드*/
.owl-carousel {position: relative;top: 0px;left: 0px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width:51px; height: 88px;margin-top: -44px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.owl-carousel .owl-nav button span {display: none;}
.owl-carousel .owl-nav button.owl-prev {left: -70px;background-image: url(../images/common/arr_prev.png);}
.owl-carousel .owl-nav button.owl-next {right: -70px;background-image: url(../images/common/arr_next.png);}
.owl-carousel .owl-dots {position: absolute;bottom: -40px;left: 0px;width: 100%;text-align: center;font-size: 0px;}
.owl-carousel .owl-dots button {display: inline-block;}
.owl-carousel .owl-dots button span {display: inline-block;width: 10px;height: 10px;overflow: hidden;background-color: #222;border-radius: 100px;margin: 2px;opacity: 0.2;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.owl-carousel .owl-dots button.active span {opacity: 1;}

.owl-carousel .item {}
.item_tit_en {font-size:18px;font-weight: bold;line-height: 1.6;text-align: center;color: #333;padding: 5px 0;}
.item_tit_kr {font-size:16px;font-weight: 300;line-height: 1.6;text-align: center;color: #666;padding: 5px 0}
.owl-carousel .owl-item .item_img img {width: initial;}

/*.fp-tableCell {min-height: 800px!important}
.fp-section {min-height: 800px!important}*/


/*서브메뉴*/

.line_all_wrap {width: 100%; background-color: #333;}
.line_wrap {width: 100%;max-width:1400px; margin: 0 auto;position: relative;top: 0px; left: 0px;}
.line_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.line_nav_wrap {float: left;}
.line_notice_all_wrap {float: right;}
.line_nav_home {float: left;}
.line_nav_home a {display: block; height: 50px; border-left: 1px solid #555;border-right: 1px solid #555;line-height: 50px;padding: 0 10px;font-size: 15px;font-weight: 500;color: #fff;}
.line_nav_home a:hover {background-color: #0072ff; color: #fff; border-color: #0072ff;}
.line_nav {float: left;}
.line_nav_box {float: left; position: relative;top: 0px; left: 0px;}
.line_nav_target .menu {display: none;}
.line_nav_target .menu.active {display: block;}
.line_nav_box_01 {overflow: hidden;height: 50px;}
.line_nav_box_01 .line_nav_target .sub_menu_wrap {display: none;}
.line_nav_menu {background-color: #fff;}
.line_nav_target .menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.line_nav_target .menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.line_nav_target {border-right: 1px solid #555;}
.line_nav_box_01 .line_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.line_nav_box_01 .line_nav_menu .sub_menu_wrap {display: none;}
.line_nav_box_01 .line_nav_menu .menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;color: #666}
.line_nav_box_01 .line_nav_menu .menu_a:hover {background-color: #f7f7f7;color: #0072ff;}
/*.line_nav_box_01 .line_nav_menu .menu.active{display:none;}*/
.line_nav_box_01:hover {overflow: visible;}
.line_nav_box_01:hover .line_nav_target .menu_a {background-color: #0072ff}
.line_nav_box_01:hover .line_nav_target .menu_a:after {}
.line_nav_box_01:hover .line_nav_menu {display: block;}
.line_nav_box_02 {overflow: hidden;height: 50px;}
.line_nav_box_02 .line_nav_target .menu_a {display: none; }
.line_nav_box_02 .line_nav_target .sub_menu {display: none;}
.line_nav_box_02 .line_nav_target .sub_menu.active {display: block;}
.line_nav_box_02 .line_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}


.line_nav_box_02 .line_nav_target .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.line_nav_box_02 .line_nav_target .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.line_nav_box_02 .line_nav_target .sub_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.line_nav_box_02 .line_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.line_nav_box_02 .line_nav_menu .menu {display: none;}
.line_nav_box_02:hover {overflow: visible;}
.line_nav_box_02:hover .line_nav_menu {display: block;}
.line_nav_box_02:hover .line_nav_target .sub_menu_a {background-color: #0072ff}
.line_nav_box_02:hover .line_nav_target .sub_menu_a:after {}
.line_nav_box_02 .line_nav_menu .menu.active {display: block;}
.line_nav_box_02 .line_nav_menu .menu_a {display: none;}
.line_nav_box_02 .line_nav_menu .sub_menu_a {display: block; width: 100%; height: 45px;  border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #0072ff}

.line_nav_box_02 .line_nav_menu .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.27em;font-size: large;}
.line_nav_box_02 .line_nav_menu .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}




.line_all_wrap .thd_menu_wrap {display: none;}





/*.depth_all_wrap {width: 100%; background-color: #333;}
.depth_wrap {width: 100%;max-width:1400px; margin: 0 auto;position: relative;top: 0px; left: 0px;}
.depth_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.depth_nav_wrap {float: left;}
.depth_notice_all_wrap {float: right;}
.depth_nav_home {float: left;}
.depth_nav_home a {display: block; height: 50px; border-left: 1px solid #555;border-right: 1px solid #555;line-height: 50px;padding: 0 10px;font-size: 15px;font-weight: 500;color: #fff;}
.depth_nav_home a:hover {background-color: #0072ff; color: #fff; border-color: #0072ff;}
.depth_nav {float: left;}
.depth_nav_box {float: left; position: relative;top: 0px; left: 0px;}
.depth_nav_target .menu {display: none;}
.depth_nav_target .menu.active {display: block;}
.depth_nav_menu {background-color: #fff;}
.depth_nav_target .menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}
.depth_nav_target .menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.depth_nav_target {border-right: 1px solid #555;}

.depth_nav_box_01 {overflow: hidden;height: 50px;}
.depth_nav_box_01 .depth_nav_target .menu_a {display: none; }
.depth_nav_box_01 .depth_nav_target .sub_menu {display: none;}
.depth_nav_box_01 .depth_nav_target .sub_menu.active {display: block;}
.depth_nav_box_01 .depth_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}


.depth_nav_box_01 .depth_nav_target .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_01 .depth_nav_target .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_01 .depth_nav_target .sub_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.depth_nav_box_01 .depth_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.depth_nav_box_01 .depth_nav_menu .menu {display: none;}
.depth_nav_box_01:hover {overflow: visible;}
.depth_nav_box_01:hover .depth_nav_menu {display: block;}
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a {background-color: #0072ff}
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_01 .depth_nav_menu .menu.active {display: block;}
.depth_nav_box_01 .depth_nav_menu .menu_a {display: none;}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a {display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_01 .depth_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #0072ff}
.depth_nav_box_01 .thd_menu_wrap {display: none;}

.depth_nav_box_02 {overflow: hidden;height: 50px;}
.depth_nav_box_02 .depth_nav_target .menu_a {display: none; }
.depth_nav_box_02 .depth_nav_target .sub_menu {display: none;}
.depth_nav_box_02 .depth_nav_target .sub_menu.active {display: block;}
.depth_nav_box_02 .depth_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;display: none;}

.depth_nav_box_02 .depth_nav_target .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_target .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_02 .depth_nav_target .sub_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}


.depth_nav_box_02 .depth_nav_target .thd_menu {display: none;}
.depth_nav_box_02 .depth_nav_target .thd_menu.active {display: block;}
.depth_nav_box_02 .depth_nav_target .thd_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #fff;}

.depth_nav_box_02 .depth_nav_target .thd_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_target .thd_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_02 .depth_nav_target .thd_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}

.depth_nav_box_02 .depth_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.depth_nav_box_02 .depth_nav_menu .menu {display: none;}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a {display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_02 .depth_nav_menu .thd_menu_a:after {content: "";border-top:5px solid #fff;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}

.depth_nav_box_02:hover {overflow: visible;}
.depth_nav_box_02:hover .depth_nav_menu {display: block;}
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a {background-color: #0072ff}
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a {background-color: #0072ff}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a:after {}

.depth_nav_box_02 .depth_nav_menu .thd_menu_a:hover {background-color: #f7f7f7;color: #0072ff}




.depth_nav_box_02 .depth_nav_menu .menu.active {display: block;}
.depth_nav_box_02 .depth_nav_menu .menu_a {display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666;display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #0072ff}

.depth_nav_box_02 .depth_nav_menu .menu_a {display: none; }
.depth_nav_box_02 .depth_nav_menu .sub_menu {display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu.active {display: block;}*/

/*뎁스2 재설정*/




.depth_all_wrap {width: 100%; }
.depth_wrap {width: 100%;max-width:1400px; margin: 0 auto;position: relative;top: 0px; left: 0px;}
.depth_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.depth_nav_wrap {float: left;}
.depth_notice_all_wrap {float: right;}
.depth_nav_home {float: left;}
.depth_nav_home a {display: block; height: 50px; border-left: 1px solid #555;border-right: 1px solid #555;line-height: 50px;padding: 0 10px;font-size: 15px;font-weight: 500;color: #000;}
.depth_nav_home a:hover {background-color: #0072ff; color: #000; border-color: #0072ff;}
.depth_nav {float: left;}
.depth_nav_box {float: left; position: relative;top: 0px; left: 0px;}
.depth_nav_target .menu {display: none;}
.depth_nav_target .menu.active {display: block;}
.depth_nav_menu {}
.depth_nav_target .menu_a {display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #000;}
.depth_nav_target .menu_a:after {content: "";border-top:5px solid #000;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.depth_nav_target {}

.depth_nav_box_01 {overflow: hidden;height: 50px;display: none;}
.depth_nav_box_01 .depth_nav_target .menu_a {display: none; }
.depth_nav_box_01 .depth_nav_target .sub_menu {display: none;}
.depth_nav_box_01 .depth_nav_target .sub_menu.active {display: block;}
.depth_nav_box_01 .depth_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #000;}


.depth_nav_box_01 .depth_nav_target .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_01 .depth_nav_target .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_01 .depth_nav_target .sub_menu_a:after {content: "";border-top:5px solid #000;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}
.depth_nav_box_01 .depth_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.depth_nav_box_01 .depth_nav_menu .menu {display: none;}
.depth_nav_box_01:hover {overflow: visible;}
.depth_nav_box_01:hover .depth_nav_menu {display: block;}
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a {background-color: #0072ff}
.depth_nav_box_01:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_01 .depth_nav_menu .menu.active {display: block;}
.depth_nav_box_01 .depth_nav_menu .menu_a {display: none;}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a {display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_01 .depth_nav_menu .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_01 .depth_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #0072ff}
.depth_nav_box_01 .thd_menu_wrap {display: none;}

.depth_nav_box_02 {overflow: hidden;height: 50px;}
.depth_nav_box_02 .depth_nav_target .menu_a {display: none; }
.depth_nav_box_02 .depth_nav_target .sub_menu {display: none;}
.depth_nav_box_02 .depth_nav_target .sub_menu.active {display: block;}
.depth_nav_box_02 .depth_nav_target .sub_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #000;display: none;}

.depth_nav_box_02 .depth_nav_target .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_target .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_02 .depth_nav_target .sub_menu_a:after {content: "";border-top:5px solid #000;border-bottom:0px solid transparent;border-right: 5px solid transparent;border-left: 5px solid  transparent;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 10px;}


.depth_nav_box_02 .depth_nav_target .thd_menu {display: none;}
.depth_nav_box_02 .depth_nav_target .thd_menu.active {display: block;}
.depth_nav_box_02 .depth_nav_target .thd_menu_a {display: block; padding: 0 50px 0 25px; height: 50px;font-size: 15px;min-width: 180px;position: relative;top: 0px;left: 0px;color: #000;}

.depth_nav_box_02 .depth_nav_target .thd_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_target .thd_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}

.depth_nav_box_02 .depth_nav_target .thd_menu_a:after {
    content: "";
    position: absolute;
    top: 50%;right: 15px;
    width: 8px;
    height: 8px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-45deg) translateY(-50%);
    transition: all .3s ease;
}

.depth_nav_box_02 .depth_nav_menu {border-left: 1px solid #ddd; border-right: 1px solid #ddd;margin-left: -1px; left: 0px; right: 0px;  position: relative;top: 0px;border-top: 1px solid #ddd; }
.depth_nav_box_02 .depth_nav_menu .menu {display: none;}
.depth_nav_box_02 .depth_nav_menu .thd_menu {position: relative;top: 0px;left: 0px;}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a {display: block; width: 100%; height: 50px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666;background-color: #fff;}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.depth_nav_box_02 .depth_nav_menu .thd_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;line-height: 1.4;text-transform: uppercase;}



.depth_nav_box_02:hover {overflow: visible;}
.depth_nav_box_02:hover .depth_nav_menu {display: block;}
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a {background-color: #0072ff}
.depth_nav_box_02:hover .depth_nav_target .sub_menu_a:after {}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a {}
.depth_nav_box_02:hover .depth_nav_target .thd_menu_a:after {}

.depth_nav_box_02 .depth_nav_menu .thd_menu_a:hover {background-color: #f7f7f7;color: #0072ff}




.depth_nav_box_02 .depth_nav_menu .menu.active {display: block;}
.depth_nav_box_02 .depth_nav_menu .menu_a {display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666;display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #0072ff}

.depth_nav_box_02 .depth_nav_menu .menu_a {display: none; }
.depth_nav_box_02 .depth_nav_menu .sub_menu {display: none;}
.depth_nav_box_02 .depth_nav_menu .sub_menu.active {display: block;}

.depth_nav_wrap {padding: 50px 0}
.depth_nav {border: 1px solid #ddd; background-color: #f7f7f7;border-radius: 25px;}
.depth_nav:hover {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background-color: #0072ff}
.depth_nav:hover .depth_nav_box_02 .depth_nav_target .thd_menu_a {color: #fff;}
.depth_nav:hover .depth_nav_box_02 .depth_nav_target .thd_menu_a:after {border-color:#fff;transform: rotate(135deg);}



.sub_wrap > div.depth_all_wrap {z-index: 840;}




.line_all_wrap {display: none;}




.sub_label_menu .menu {display: none;}
.sub_label_menu .menu.active {display: block;}
.sub_label_menu .menu_a {display: none;}
.sub_label_menu .sub_menu {display: none;}
.sub_label_menu .sub_menu.active {display: block;}


/*서브*/
.sub_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.sub_wrap > div {position: relative;top: 0px;left: 0px;z-index: 800;}
.sub_wrap > div.line_all_wrap {z-index: 850;}
.sub_wrap .sec_wrap  {overflow: hidden;}
.sub_visual_all_wrap {width: 100%;background-repeat: no-repeat;background-position: center top; background-size: cover;z-index: 900!important;overflow: hidden;background-color: #fff;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;}
.sub_visual_bg_wrap {position: relative;z-index: 1;top: 0px;left: 0px;padding: 0 50px;height: 400px;overflow: hidden;}
.sub_visual_bg {position: absolute;top: 0px;left: 0%;bottom: 0px;right: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;overflow: hidden;width: 100%;}



.sub_visual_bg_a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 8;}

@keyframes sbg_wide {
  0%   {
    width: 0%;
  }
  100% {
    width: 90%;
  }
}

@keyframes sbg_wide2 {
  0%   {
    width: 20%;
  }
  100% {
    width: 100%;
  }
}



@keyframes hide_line {
  0%   {
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: 0px;
  }
}
.sub_visual_wrap {width: 100%;max-width: 100%; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;padding: 0 50px;}
.sub_visual_txt {padding-bottom: 20px;padding-top: 50px;font-size: 48px;color: #fff;;font-weight: 500;text-align: center;}
.sub_visual_txt a {font-size: 48px;color: #fff;;font-weight: 400;}
.sub_visual_txt .menu {display: none;}
.sub_visual_txt .menu.active {display: block;}
.sub_visual_txt .menu_a {display: none;}
.sub_visual_txt .sub_menu_wrap {}
.sub_visual_txt .sub_menu {display: none;}
.sub_visual_txt .sub_menu.active {display: block;}
.sub_visual_txt2 {font-size:72px; color: #000;line-height: 1.2;font-weight: 200;padding-top: 10px;text-transform: uppercase;display: none;}
.sub_visual_txt2 b {font-weight: 700;}
.sub_visual_txt2 span {    -webkit-text-stroke: 1px #000;
    -webkit-text-fill-color: transparent;}

.sub_visual_box {padding: 150px 0}

.sub_visual_box .thd_menu_wrap{display: none;}



.sub_con_wrap {width: 100%;}
.sub_con {width: 100%; max-width: 1540px;margin: 0 auto;}


.txt_center {text-align: center;}
.bgap {height: 160px;}
.gap {height: 100px;}
.sgap {height: 50px;}
.ssgap {height: 25px;}
.sssgap {height: 15px;}
.ssssgap {}

.c_list_01 {text-align:left;line-height: 2;padding-left: 18px;margin: 0px;counter-reset: chapter 0;list-style: none;}
.c_list_01 > li {position:relative;margin:0;box-sizing:border-box;}
.c_list_01 > li::marker {}
ol.c_list_01 > li:before { counter-increment: chapter;content: counter(chapter) ".";text-indent: -18px;display: inline-block;color: #333;font-weight: 500;}
.c_list_01 span {color: #a5272b;}


.c_list_02 {text-align:left;line-height: 1.6;padding-left: 18px;margin: 0px;font-size:16px;font-weight: 300;word-break: keep-all;}
.c_list_02 > li {position:relative;margin:0;box-sizing:border-box;}
.c_list_02 > li::marker {}
.c_list_02 > li:before {content:"";position: absolute;top: 10px; left: -15px;width: 4px; height: 4px; background-color: #0072ff; border-radius: 100px;}
.c_list_02 span {color: #a5272b;}






/*테이블*/
.table_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000}
.table_wrap td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;}
.table_wrap th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;}
.table_wrap td img { width: auto; max-width: none; }
.td_01 {text-align: center;}
.td_02 {text-align: center;}
.table_01_wrap table  {font-size: 14px;}
.table_01_wrap th {width: 130px;background-color: #f7f7f7}
.table_wrap.table_01_wrap td {padding-left: 30px;text-align: left;}

.board_wrap .table_wrap table {}
.board_wrap .table_wrap td {text-align: left; }
.board_wrap .table_wrap th {background-color: #f7f7f7}


.table_03_wrap table  {font-size: 14px;}
.table_03_wrap th {width: 130px;background-color: #f7f7f7; border-right: 1px solid #ddd;}
.table_03_wrap td {padding-left: 30px;text-align: center; border-right: 1px solid #ddd;}
.table_03_wrap th.on,.table_03_wrap td:last-child{border-right: none;}

.board_wrap {}
#bo_v_atc {padding: 20px;}




/*게시판*/
.s_board_label_wrap {width: 100%;padding: 30px 0 10px}
.s_board_label_in {width: 100%; border-bottom: 1px solid #ddd;}
.s_board_label {border-bottom: 3px solid #335ca6;display: inline-block;padding-bottom: 15px;padding-right: 10px;}
.s_board_label span {display: inline-block;font-size: 20px;color: #333;padding-right: 10px;}



/*카테고리*/

.b_view .s_cate_all_wrap,.b_write .s_cate_all_wrap {display: none;}
.s_cate_all_wrap {width: 100%}
.s_cate_wrap {width: 100%}
.s_cate_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.s_cate_wrap .menu {display: none;}
.s_cate_wrap .menu.active {display: block;width: 100%; overflow: hidden;}
.s_cate_wrap .menu_a {display: none;}
.s_cate_wrap .sub_menu_wrap {margin-left: -5px;}
.s_cate_wrap .sub_menu_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_cate_wrap .sub_menu {float: left; padding-left: 5px;}
.s_cate_wrap .sub_menu_a {height: 40px;line-height: 40px;padding: 0 15px; color: #999;border: 1px solid #eee;display: block;}

.s_cate_wrap .sub_menu_a.active, .s_cate_wrap .sub_menu_a:hover {background-color: #0072ff;border-color: #0072ff;color: #fff;}



.rdos {display:inline-block}
.rdos input[type="radio"] {position:absolute;width:16px;height:16px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;background:#fff;margin:8px 0}
.rdos input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;min-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.3;margin-right:5px;font-size:1em;font-weight:500;word-break: break-all;white-space: nowrap;}
.rdos input[type="radio"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:20px;height:20px;text-align:center;background:#fff;border:2px solid #ccc;box-sizing:border-box;transition:all .3s ease;border-radius:100px}
.rdos input[type="radio"] + label:after {content:'';position:absolute;top:9px;margin:0 0 0 0px;left:7px;width:6px;height:6px;background:#ddd;border-radius:100%;transition:all .3s ease}
.rdos input[type="radio"] + label:active:before,
.rdos input[type="radio"]:checked + label:active:before {}
.rdos input[type="radio"]:checked + label:before {}
.rdos input[type="radio"]:checked + label:after {background-color:#2767c9}
.rdos input[type="radio"]:checked + label:before {border-color:#2767c9}

.chks {display:block;position:relative}
.chks.inline {display:inline-block}
.chks input[type="checkbox"] {position:absolute;width:16px;height:16px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;background:#fff;}
.chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;min-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.6;margin-right:5px;font-size:16px;font-weight:300;word-break: break-all;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:20px;height:20px;text-align:center;background:#fff;border:1px solid #bbb;box-sizing:border-box;transition:all .3s ease}
.chks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;width:12px;height:6px;left:4px;top:8px;border-width:0 0 2px 2px;border-style:solid;border-color:transparent transparent #ddd #ddd;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .3s ease}
.chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #fff #fff}
.chks input[type="checkbox"]:checked + label:before {background-color: #0072ff;border-color: #0072ff;}




/*서브*/

.sec_in {width: 100%; max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sec_in2 {width: 100%; position: relative;top: 0px;left: 0px;z-index: 2;}

.sub_vs_bt_wrap {position: relative;top:0px;left:0px;width: 100%;z-index: 2;}


.sub_top_nav {max-width: 100%;margin: 0 auto; max-width: 1400px;position: relative;top: 0px;left: 0px;}

.sub_top_nav:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.5);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);border-top-right-radius: 30px;border-top-left-radius: 30px;;
}
.sub_top_nav .menu {display: none;}
.sub_top_nav .menu.active {display: block;}
.sub_top_nav .menu_a {display: none;}
.sub_top_nav .sub_menu_wrap {display: block;width: 100%;text-align: center;font-size: 0px;max-width: 1700px;margin: 0 auto;}
.sub_top_nav .sub_menu {display: inline-block;position: relative;top: 0px;left: 0px;vertical-align: bottom;}
.sub_top_nav .sub_menu.active, .sub_top_nav .sub_menu:hover {opacity: 1;}
.sub_top_nav .sub_menu_a {display: block;position: relative;top: 0px;left: 0px;
background-color: transparent;border-radius: 0px;border-bottom: 2px solid transparent;border-left-color: #fff;font-size: 0px;
height:80px;color: #fff;padding: 0 10px;
min-width: 140px;
}
.sub_top_nav .sub_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.sub_top_nav .sub_menu_a span {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;font-size: 14px;font-weight: 400;text-align: center;line-height: 1.4;text-transform: uppercase;}

.sub_top_nav .sub_menu:hover .sub_menu_a,.sub_top_nav .sub_menu.active .sub_menu_a{
border-color: #0058ea;color: #0058ea;
}








.pdt_list_all_wrap {padding: 160px 0;overflow: hidden;}
.pdt_list_wrap {width: 100%;max-width: 1400px; margin: 0 auto;}
.pdt_list_top_wrap {position: relative;top: 0px;left: 0px;z-index: 1;}
.pdt_list_top {width: 100%;}
.pdt_list_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pdt_list_top_left {float: left;width: 50%;padding-right: 12%;}
.pdt_list_top_left_in {position: relative;top: 0px;left: 0px;padding: 100px 0 30px}
.pdt_list_top_left_in:before {content: "";position: absolute;top: 0px;right: 0px;height:5000px;width: 2000px;background-color: #ececec;z-index: -1;border-top-right-radius: 100px;}
.pdt_list_top_right {float: right;width: 50%;}
.pdt_list_top_right_in {position: relative;top: 0px;left: 0px;text-align: right;padding-top: 100px;}
.pdt_list_top_right_txt {position: absolute;top: 50px;left: 0px; width: 200%;z-index: -1;text-align: left;}
.pdt_list_bt_wrap {position: relative;top: 0px;left: 0px;z-index: 2;}

.pdt_list_bt {padding-left: 0px;position: relative;top: 0px;left: 0px;}
.pdt_list_bt:before {content: "";position: absolute;top: 150px;left: 200px;bottom:150px;width: 2000px;background-color: #132447;z-index: -1;
	background-size: auto 100%;background-repeat: no-repeat;background-position: left bottom;background-image: url(../images/sub/pdt_list_bt.jpg);
	min-height: 600px;
}
.pdt_list_box_wrap {margin-left: -60px;position: relative;top: 0px;left: 0px;z-index: 2;}
.pdt_list_box_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pdt_list_box {float: left; width: 29%;padding-left: 60px;padding-bottom: 100px;}
.pdt_list_box_in {display: block;background-color: #fff;box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);padding: 30px;border-radius: 20px;}
.pdt_list_img {padding: 50px 0;text-align: center;}
.pdt_list_label {font-size: 28px; font-weight: 400; line-height: 1.6; color: #222;}
.pdt_list_label b {font-weight: 700;}
.pdt_list_link {text-align: right;}
.pdt_list_link span {display: inline-block;padding: 0 30px;position: relative;top: 0px;left: 0px;font-size: 16px;color: #555;}
.pdt_list_link span:after {content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-2px;display:block;width:5px;height:5px;background-color:transparent;border-left:1px solid #555;border-top:1px solid #555;transform:rotate(135deg);text-indent:-9999px;transition:all .3s ease;z-index:2}

.pdt_list_box:nth-child(6n+1) {position: relative;top: 0px;left: 0px;margin-left: 13%;}





.pdt_view_all_wrap {width: 100%;padding: 160px 0}
.pdt_view_wrap {width: 100%;max-width: 1400px;margin: 0 auto;}
.pdt_view_con {width: 100%;}
.pdt_view_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pdt_view_left {float: left;width: 49%;}
.pdt_view_right {float: right;width: 49%;}
.pdt_view_left_txt {font-size:60px;font-weight: 700;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";filter: alpha(opacity=7);opacity: 0.07;word-break: keep-all;color: #222; line-height: 1.6;}
.pdt_view_left_img {padding: 50px 0; text-align: center;}

.pdt_view_right_top_wrap {position: relative;top: 0px;left: 0px;z-index: 2;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.pdt_view_info_wrap {position: relative;top: 0px;left: 0px;z-index: 1;padding-top: 30px; }
.pdt_view_right_top {position: relative;top: 0px;left: 0px;padding-right: 200px;}
.pdt_view_right_top_name {font-size:70px; font-weight: 700; line-height: 1.6; color: #000;}
.pdt_view_nav_wrap {position: absolute;top: 100%;right: 0px;margin-top: -50px;}

.pdt_menu {display: none;}
.pdt_menu.active {display: block;}
.pdt_view_nav_top .pdt_menu_a {display: none;font-size: 18px; font-weight: 400; color: #222;min-width: 150px;}
.pdt_view_nav_top .pdt_menu_a.active {display: block;padding: 10px 40px 10px 20px;}
.pdt_view_nav_wrap {border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.pdt_view_nav_top .pdt_menu:after {content: "";position: absolute;right: 15px;top: 12px; width: 8px;height: 8px;border-left: 1px solid #222; border-bottom: 1px solid #222;transform:rotate(-45deg);transition:all .3s ease}
.pdt_menu_a {display: block;}
.pdt_view_nav_wrap:hover {border-radius: 0px;}
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu_a {color: #fff;background-color: #0072ff;}
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.pdt_view_nav_top_box {display: none;}
.pdt_view_nav_top_box .pdt_menu_a {padding: 10px 20px;border-top: 1px solid #eee;font-size: 16px; font-weight: 400; color: #222;background-color: #fff;}
.pdt_view_nav_top_box .pdt_menu_a:hover {background-color: #f1f1f1;color: #0072ff}

.pdt_view_nav_wrap:hover .pdt_view_nav_top_box {display: block;}
.pdt_view_info {padding-bottom: 40px;}
.pdt_view_info_label_dot {font-size: 20px; padding-left: 15px;position: relative;top: 0px;left: 0px;line-height: 1.6;padding-bottom: 10px;color: #222;font-weight: 500;}
.pdt_view_info_label_dot:before {content: ""; width:8px;height: 8px;display: inline-block;background-color: #0072ff;position: absolute;top: 8px;left: 0px;}
.pdt_view_info_desc {}

.pdt_view_down_wrap {padding: 40px 0}
.pdt_view_down_wrap .pdt_view_down {display: inline-block;padding: 20px 40px; font-size:20px; font-weight: 400; color: #fff; background-color: #0072ff; border-radius: 100px; }





.cad_table_wrap {padding-bottom: 100px;}
.cad_table table {width: 100%;border-top: 3px solid #222;}
.cad_table td {padding: 30px 10px; font-size:16px;text-align: center;border-bottom: 1px solid #ddd;}
.cad_table th {text-align: left;font-size:18px; font-weight: 700; color: #222;padding: 30px 0;border-bottom: 1px solid #ddd;min-width: 90px;}


.cad_box_2_wrap {display: inline-block;}
.cad_box {display: inline-block;padding: 5px;}
.cad_box_label {display: inline-block;padding: 5px;}
.cad_box_btn_wrap {display: inline-block;}
.cad_box_btn_wrap .cad_box_btn {display: inline-block;padding: 5px 23px 5px 3px;border: 1px solid #888; background-color: #fff;width: 65px;font-weight: 700;
	background-image: url(../images/sub/down_b.png);background-repeat: no-repeat;background-position: 42px center;
	-webkit-transition: none;transition: none;
}
.cad_box_btn_wrap span {width: 65px;font-weight: 700;display: inline-block;height: 30px;}
.cad_table tr:hover td:nth-of-type(1) .cad_box_btn {background-color: #0389ff; border-color: #0389ff; color: #fff;background-image: url(../images/sub/down.png);}
.cad_table tr:hover td:nth-of-type(2) .cad_box_btn {background-color: #b30b00; border-color: #b30b00; color: #fff;background-image: url(../images/sub/down.png);}
.cad_table tr:hover td:nth-of-type(3) .cad_box_btn {background-color: #75a20b; border-color: #75a20b; color: #fff;background-image: url(../images/sub/down.png);}

.s_sec_01_01_01_con_wrap {font-size: 0px;}
.s_sec_01_01_01_con_left {display: inline-block; width: 50%;vertical-align: baseline;}
.s_sec_01_01_01_con_right {display: inline-block;width: 50%;vertical-align: baseline;}
.s_sec_01_01_02_in .sub_sec_bg {background-color: #000; background-repeat: no-repeat;background-size: auto 100%;background-position: center center;
background-image: url(../images/sub/s_sec_01_01_02_in.jpg);background-attachment: fixed;
border-radius: 30px;
}

.s_sec_01_01_01_wrap.sub_sec_pd {padding-bottom: 140px;}


.s_sec_01_01_04_con_wrap {width: 100%;}
.s_sec_01_01_04_con_in {margin-left: -40px;}
.s_sec_01_01_04_box {float: left;width: 33.3%; padding-left: 40px;padding-bottom: 40px;}
.s_sec_01_01_04_box_txt_wrap {background-color: #fff;padding:40px 10px 0;overflow: hidden; }

.s_sec_01_01_04_box_txt_01 {height: 60px;}
.s_sec_01_01_04_box_txt_01:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_01_01_04_box_txt_01 span {vertical-align: middle;display: inline-block;color: #222;width: 100%;position: relative;top: 0px;left: 0px;font-size: 30px;font-weight: 700;text-align: center;line-height: 1.4;}

.s_sec_01_01_04_box_txt_02 {height: 60px;}
.s_sec_01_01_04_box_txt_02:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_01_01_04_box_txt_02 span {vertical-align: middle;display: inline-block;color: #222;width: 100%;position: relative;top: 0px;left: 0px;font-size: 20px;font-weight: 300;text-align: center;line-height: 1.4;}

.s_sec_01_01_04_box_txt_03 {text-align: center;font-size: 16px; color: #666; line-height: 1.6; font-weight: 300;}
.s_sec_01_01_04_box_in {overflow: hidden;}

.s_sec_01_01_04_box_img img {
	width: 100%;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.s_sec_01_01_04_box:hover .s_sec_01_01_04_box_img img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}


.s_sec_01_02_01_con_left{text-align: left;}




/*.cert_all_wrap {width: 100%;}
.cert_all_wrap {position: relative;top: 0px;left: 0px;}
.cert_all_wrap:before {content: "";position: absolute;top: 0px;left: 0px;width: 100px;height: 150px;background-color: #e3e3e3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);opacity: 0.3;z-index: -1}
.cert_all_wrap:after {content: "";position: absolute;bottom: 0px;right: 0px;width: 100px;height: 150px;background-color: #e3e3e3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);opacity: 0.3;z-index: -1}
.cert_box {float: left;width: 33.3%;padding:80px 50px 50px;}
.cert_box:nth-child(3n+1) {clear: both;}
.cert_box:nth-child(2n) {padding-top: 0px;}
.cert_box_img_wrap {border: 2px solid #fff;position: relative;top: 0px;left: 0px;overflow: hidden;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;
box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
}
.cert_box_img {}
.cert_box:hover .cert_box_img_wrap {border-color: #00326f;}
.cert_box_img img {width: 100%;}
.cert_box_txt_wrap {height: 70px;display: block;}
.cert_box_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.cert_box_txt_in {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;padding: 0 10px;text-align: center;}
.cert_box_txt {font-size:16px;font-weight: 400;line-height: 1.6;color: #9d9d9d;}
.cert_box_txt b {font-weight: 700;}*/


.cert_con_wrap {}
.cert_con_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.cert_con_box {float: left;width:50%;padding: 10px 2%;}
.cert_con_box img {width: 100%;}
.cert_con_box_in {overflow: hidden;}
.cert_con_img_wrap {padding: 0 10px;overflow: hidden;}
.cert_con_img {padding: 5px;
	background: #b59139; /* Old browsers */
	background: -moz-linear-gradient(left,  #b59139 0%, #ecde9b 50%, #b59139 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b59139 0%,#ecde9b 50%,#b59139 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b59139 0%,#ecde9b 50%,#b59139 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59139', endColorstr='#b59139',GradientType=1 ); /* IE6-9 */

}


.cert_con_box:hover .cert_con_txt {color: #0072ff;}

.cert_con_txt_wrap {height: 90px;display: block;margin-top: 0px;}
.cert_con_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.cert_con_txt {vertical-align: top;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;text-align: center;font-size: 14px;font-weight: 400;color: #666;line-height: 1.6}


.cert_tab_all_wrap {overflow: hidden;}
.cert_tab_wrap {margin-left: -20px;}
.cert_tab_box {display: inline-block;padding: 10px 20px;position: relative;left: 0px;top: 0px;}
.cert_tab_box:before {content: "";position: absolute;top: 50%; left: 0px;width: 2px; height: 14px;background-color: #ccc;margin-top: -7px;}
.cert_tab_box .cert_tab_box_a {display: inline-block;font-size:22px; font-weight: 400;color: #666;}
.cert_tab_box:hover .cert_tab_box_a {color: #0072ff;font-weight: 500;}
.cert_tab_box.active .cert_tab_box_a {color: #0072ff;font-weight: 500;}

.sub_tab_all_wrap {overflow: hidden;}
.sub_tab_wrap {margin-left: 0px;padding-bottom: 50px;text-align: center;font-size: 0px;}
.sub_tab_box {display: inline-block;padding: 20px 30px;position: relative;left: 0px;top: 0px;border: 1px solid #0072ff;}
.sub_tab_box .sub_tab_box_a {display: inline-block;font-size:22px; font-weight: 500;}
.sub_tab_box.active {background-color: #0072ff;}


.partner_con_wrap {}
.partner_con_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.partner_con_box { float: left; width: calc(100% / 4); margin-bottom: 50px;}
.partner_con_img { padding: 20px; width: 100%; height: 8rem; background: #fff; position: relative; border: 1px solid #eee;}
.partner_con_box img { max-width: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.partner_con_box_in {overflow: hidden;}
.partner_con_img_wrap {padding: 0 25px;overflow: hidden;width: 100%; position: relative;}
.partner_con_txt_wrap {height: 70px;display: block;}
.partner_con_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.partner_con_txt {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;text-align: center;font-size: 16px;font-weight: 400;color: #666;}


.org_img_wrap { width: 100%; margin: 0 auto; text-align: center; }



/*지도*/
.map_wrap {font-size: 18px;position: relative;top: 0px;left: 0px;}
.map_wrap .root_daum_roughmap {width: 100%!important}
.map_wrap .root_daum_roughmap .wrap_controllers {display: none;}
.map_wrap .root_daum_roughmap .wrap_map {height: 670px!important}
.map_wrap .roughmap_maker_label {border: none!important;}
.map_wrap .roughmap_maker_label .roughmap_lebel_text {width:169px;height: 60px;background-image: url(../images/sub/map_logo.png);background-color: transparent;border: none;font-size: 0px!important; top: 55px;}






.tech_tab_all_wrap {overflow: hidden;}
.tech_tab_wrap {margin-left: -20px;}
.tech_tab_box {display: inline-block;padding: 10px 20px;position: relative;left: 0px;top: 0px;}
.tech_tab_box:before {content: "";position: absolute;top: 50%; left: 0px;width: 2px; height: 14px;background-color: #ccc;margin-top: -7px;}
.tech_tab_box .tech_tab_box_a {display: inline-block;font-size:26px; font-weight: 400;color: #666;}
.tech_tab_box:hover .tech_tab_box_a {color: #0072ff;font-weight: 700;}
.tech_tab_box.active .tech_tab_box_a {color: #0072ff;font-weight: 700;}







	.tag_box_all_wrap {padding: 20px 0;}
	.tag_box_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
	.tag_box_wrap {margin-left: -10px;}
	.tag_box {float: left;padding-left: 10px;padding-bottom: 10px;}
	.tag_box_in {border: 1px solid #222;height: 60px;line-height: 60px;padding: 0 20px;font-size: 18px; color: #222;}






	.s_sec_page_wrap {padding: 120px 0;}
	.page_tab_all_wrap {overflow: hidden;}
	.page_tab_wrap {text-align: center;}
	.page_tab_box {display: inline-block;padding: 10px 20px;position: relative;left: 0px;top: 0px;}
.page_tab_box .page_tab_box_a {display: inline-block;font-size:24px; font-weight: 700;color: #aaa;}
.page_tab_box:hover .page_tab_box_a {color: #222;font-weight: 700;}
.page_tab_box.active .page_tab_box_a {color: #222;font-weight: 700;}















.r_step_all_wrap {width: 100%;}
.r_step_wrap {text-align: center;font-size: 0px}
.r_step_box {width:200px;height: 200px;display: inline-block;border: 5px solid #849bd3;border-radius: 100px;vertical-align: middle;}
.r_step_arr_wrap {display: inline-block; height: 200px; width: 15%;position:relative;top: 0px;left: 0px;vertical-align: middle;}
.r_step_box:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.r_step_box .r_step_box_in {vertical-align: middle;display: inline-block;line-height: 1.6;width: 100%;padding: 10px}
.r_step_box_num {font-size: 18px; font-weight: 300; color: #0032a9}
.r_step_box_txt {font-size: 28px; font-weight: 400; color: #222;padding: 5px 0}
.r_step_arr_wrap:before {content: "";position: absolute;left: 0px;right: 0px;top: 50%; height: 1px; background-color: #ccc}
.r_step_arr_wrap:after {content: "";width:0px; height:0px; border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ccc;display: block;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;margin: auto;}









/*면석추가*/

.st0{fill:#ed1b23;}
.st1{fill:#61656b;}
.header_wrap a.logo svg {max-width: 130px; width: 100%;}


.header_wrap a.logo .logo_off svg * {
	animation: stroke 1s forwards ;
	stroke-width: 1;
	text-anchor: start
}
@keyframes stroke {
	0%   {
		fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
	}
	40%  {fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); stroke-width: 1; }
	100% {
		fill: rgba(255,255,255,1); stroke: rgba(255,255,255,0);
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}



.header_wrap a.logo .logo_on svg .st0 {
    animation: stroke2 2s forwards ;
    stroke-width: 1;
    text-anchor: start
}
.header_wrap a.logo .logo_on svg .st1 {
    animation: stroke3 2s forwards ;
    stroke-width: 1;
    text-anchor: start
}

@keyframes stroke2 {
    0%   {
        fill: rgba(237,27,35,0); stroke: rgba(237,27,35,1);
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
    }
    40%  {fill: rgba(237,27,35,0); stroke: rgba(237,27,35,1); stroke-width: 1; }
    60% {
        fill: rgba(237,27,35,1); stroke: rgba(237,27,35,0);
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}
@keyframes stroke3 {
    0%   {
        fill: rgba(97,101,107,0); stroke: rgba(97,101,107,1);
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
    }
    40%  {fill: rgba(97,101,107,0); stroke: rgba(97,101,107,1); stroke-width: 1; }
    60% {
        fill: rgba(97,101,107,1); stroke: rgba(97,101,107,0);
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}




.new_slider_wrap {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;}
.new_slider_wrap .owl-carousel {height: 100%;}
.new_slider_wrap .owl-carousel .owl-stage-outer {height: 100%!important;}
.new_slider_wrap .owl-carousel .owl-stage {height: 100%!important;}
.new_slider_wrap .owl-carousel .owl-item {position: relative;top: 0px;left: 0px;right:0px;bottom: 0px;height: 100%!important;}




.text_logo {display: inline-block; max-width:180px; width: 100%;}
.text_logo svg * {fill: #fff;}

@keyframes sizeup2 {
	0% {
		transform: scale(3);
		-ms-transform: scale(3);
		-webkit-transform: scale(3);
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
}



.logo_ani {display: inline-block; max-width:600px; width: 100%;position: relative;top: 0px;left: 0px;}
.logo_ani .logo_ani_01 svg * {fill: #fff;}

@keyframes sizeup3 {
	0% {
		transform: scale(4);
		-ms-transform: scale(4);
		-webkit-transform: scale(4);
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
}
.
.logo_ani_02 {position: absolute; top: 0px;left: 0px;width: 100%;opacity: 0;}


@keyframes change {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes change2 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.logo_ani_02 .sec_txt {color: #0072ff;}

.waves {
	position:absolute;
	width: 100%;
	height:80px;
	min-height:50px;
	max-height:150px;
	bottom: 0px;
	z-index: 999;
}

/* Animation */

.parallax > use {
	animation: move-forever 10s cubic-bezier(.55,.5,.45,.5)     infinite;
	animation-delay: -3s;
	animation-duration: 3s;
	fill: #0072ff
}
@keyframes move-forever {
	0% {
		transform: translate3d(-109px,0,0);
	}
	100% {
		transform: translate3d(61px,0,0);
	}
}







.more_btn_a2 {font-size: 16px; line-height: 60px;height: 60px;padding: 0 40px; border-radius: 100px; background-color:#0072ff ;color:#fff!important ;display: inline-block;text-align: center;}

.more_btn_a3 {font-size: 16px; line-height: 45px;height: 45px;padding: 0 40px; border-radius: 100px; background-color:#0072ff ;color:#fff!important ;display: inline-block;text-align: center;}


/*하단*/
.footer_all_wrap {width: 100%;background-color: #fff;color: #222;}
.footer_wrap {width: 100%;padding: 160px 5% 100px;border-top-right-radius: 150px;background-color: #f6f6f6;overflow: hidden;}
.footer_mid_wrap {width: 100%; margin: 0 auto;position: relative;top: 0px;left: 0px;}
.footer_mid:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_mid_left { float: left; width: 50%; }
.footer_mid_copy {font-size: 14px; color: #222; line-height: 1.6; font-weight: 300;}
.footer_mid_right {float: right;padding:0;font-size: 0px;}

.footer_info { color: rgba(0, 0, 0, 0.6); padding: 0; line-height: 2; }
.footer_info b{color: #000;padding-right: 10px;}
.footer_mid_tit { font-size: 16px; font-weight: 600; }
.footer_mid_list{padding-top:20px}
.footer_mid_nav {float: left;padding: 20px 30px 0;}
.footer_mid_nav a {font-size: 14px; line-height: 2; font-weight: 300; color: #aaa;}
.footer_mid_nav:last-child{padding-right: 0;}

.footer_mid_list li a:hover{color: #222;}


.footer_mid_right *{color: #222;}
.footer_mid_right .menu {float: left;padding: 20px;width: 20%;text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.2);}
.footer_mid_right .menu:first-child {border-left: none;}
.footer_mid_right .sub_menu_wrap {padding-top: 10px;font-size: 14px;}
.footer_mid_right .sub_menu {padding: 10px 0}
.footer_mid_right .sub_menu_wrap a {font-weight: 300;opacity: 0.7}

.footer_mid_right .menu_a {font-size: 18px;}
.footer_mid_right .menu.menu_02 .sub_menu_a {display: none;}

.footer_mid_right .sub_menu_wrap {padding: 6px 0; display: none;}


.footer_mid_right .menu.menu_02 .sub_menu {padding: 0}
.footer_mid_copy{position: absolute;bottom: 0;right: 0;}

.footer_info_h { color: #000; padding-bottom: 20px; font-size: 16px; font-weight: 500; }

.footer_logo_wrap svg {width: 100%; max-width: 150px;}

.footer_label_txt {font-size: 32px; line-height: 1.4; color: #222; font-weight: 600;}
.footer_label_txt_kr {font-size: 14px;line-height: 1.4; color: #222; font-weight: 400;opacity: 0.7}

.footer_ft_all_wrap {padding-top: 50px;line-height: 1.4;}
.footer_ft_box_wrap { margin-left: -30px;  }
.footer_ft_box { float: left; width: 30%; padding-left: 30px; }
.footer_ft_box_04 {text-align: right;}

.sub #wrap {padding-top: 0px;}
.sub_visual_txt a {color: #fff;}
.sub .sub_visual_box {}
.line_wrap {max-width: 1400px;}
.sub_wrap > div.line_all_wrap {}
.sub_wrap > div.sub_top_nav {display: block;border-bottom: none;z-index: 902;}



.s_top_bg_01 {position:absolute ;left: 0px;right: 0px; top: 0px;display: none;}
.s_top_bg_01 .waves {bottom: auto;top: 0px;transform: rotate(180deg);}
.s_top_bg_02 {position:absolute ;left: 0px;right: 0px; bottom: 0px;}

.s_sec_01_01_01_bg .parallax > use {fill: #fff;animation-delay: -10s;animation-duration: 10s;}
.s_sec_01_01_01_bg .s_top_bg_01 .parallax > use {fill: #fff;animation-delay: -8s;animation-duration: 8s;}

.s_sec_01_01_02_con_wrap {min-height: 300px;}
.s_sec_01_01_02_wrap  {padding: 0 30px;}


.s_sec_01_01_03_con {width: 100%; position: relative;top: 0px;left: 0px;}
.s_sec_01_01_03_con_bg_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; z-index: 1;overflow: hidden;}
.s_sec_01_01_03_con_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/sub/s_sec_01_01_03_con_bg.jpg);background-size: cover;}
.s_sec_01_01_03_con_bg {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.s_sec_01_01_03_wrap:hover .s_sec_01_01_03_con_bg {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.s_sec_01_01_03_con * {color: #fff;}
.s_sec_01_01_03_con_in {position: relative;top: 0px;left: 0px; z-index: 2;}
.s_sec_01_01_03_con_inner {position: relative;top: -180px;left: 0px;width: 100%; max-width: 1400px; margin: 0 auto;}
.s_sec_01_01_03_con_box_img_wrap {padding-bottom: 100px;}
.s_sec_01_01_03_con_box_img_in {height: 460px; width: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;border-radius: 30px;}
.s_sec_01_01_03_con_box_img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/sub/s_sec_01_01_03_con_box_img.jpg);background-size: cover;}
.s_sec_01_01_03_con_box_img {
	transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.s_sec_01_01_03_wrap:hover .s_sec_01_01_03_con_box_img {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}


.none_img {border-radius: 20px; overflow: hidden;}




.sub_logo_ani_wrap {padding: 30px; border: 1px solid #ddd;border-radius: 20px;text-align: center;}
.sub_logo_ani {display: inline-block;width: 100%; max-width: 600px;padding: 30px;}


.sub_logo_ani_wrap.animated svg .st0 {
	animation: stroke2 3s infinite ;
	stroke-width: 1;
	text-anchor: start
}

.sub_logo_ani_wrap.animated svg .st1 {
	animation: stroke3 3s infinite ;
	stroke-width: 1;
	text-anchor: start
}


.sub_logo_ani_wrap.animated svg .st2 {
	animation: stroke4 3s infinite ;
	stroke-width: 1;
	text-anchor: start
}


.color_box_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.color_box {padding-bottom: 20px;max-width: 500px;}

.map_wrap .map {width: 100%; height: 100%;}

.map_tab_wrap {font-size:0px;}
.map_tab_box {display: inline-block;}
.map_tab_box_a {display: inline-block;border: 1px solid #fff;border-left: none;}
.map_tab_box:first-child .map_tab_box_a {border-left: 1px solid #fff;}
.map_tab_box_a span {font-size: 16px; color: #fff;display: inline-block; padding: 10px 20px;}

.map_tab_box.active2 {}
.map_tab_box.active2 span {background-color: #fff; color: #0072ff;}



.none_img  img {
	animation-duration: 10s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: sizeup;
}




/*.none_img {width:100%; max-width: 100%;margin: 0 auto;display: block;overflow: hidden;}
.none_img_wrap.animated .none_img {
animation: imgani 2s forwards ;
}


@keyframes imgani {
	0%   {
		transform: translate(-100%);
	}
	100% {
		transform: translate(0%);
	}
}
*/




#chartdiv {width: 100%;height: 500px; overflow: hidden;max-width: 1200px;margin: 0 auto;}
.state_table{padding-top: 90px;}
.state_table > div{position: relative; border-bottom: 1px dashed #ddd}
.state_table > div:first-child{border-top: 1px solid #111}
.state_table .sbj{position: absolute; top: 0;left: 0;width: 160px; height: 100%;text-align: center;line-height: 88px; font-size: 1.1em; background-color: #e8f3f7; color: #162025;font-weight: bold;}
.state_table .state{padding: 30px 0 30px 200px;}
.state_table .state span{display: block;float: left;width:12.5%; }


.upp {text-transform: uppercase;}


.p_logo_box {font-size: 0px;padding-top: 30px;}
.p_logo_box span {width: 25%; padding: 30px 10px;text-align: center;display: inline-block;}

.pt_nav .menu {display: none;}
.pt_nav .menu.active {display: block;}
.pt_nav .menu_a {display: none;}

.pt_nav .sub_menu {display: none;}
.pt_nav .sub_menu.active {display: block;}


* {word-break:keep-all;}







.n_pt_slider .item {overflow: hidden;display: block;}
.item_label2 {font-size: 18px; color: #222; line-height: 1.4;padding-top: 20px;}
.item_desc2 {font-size: 16px; color: #666; line-height: 1.4;padding-top: 20px;font-weight: 300;word-break: keep-all;}
.n_pt_slider_wrap {position: relative;top: 0px;right: 0px;width: 100%;padding:50px 0 150px;}
.n_pt_slider.owl-carousel .owl-stage-outer {}

.n_pt_slider.owl-carousel .owl-dots {bottom: -80px;text-align: left;max-width: 98%;display: block!important;}

.n_pt_slider.owl-carousel .owl-dots button {display: inline-block;}
.n_pt_slider.owl-carousel .owl-dots button span {display: inline-block;height: 3px;overflow: hidden;background-color: #d9d9d9;border-radius: 0px;margin: 0px;opacity: 1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;width: 100%;}
.n_pt_slider.owl-carousel .owl-dots button.active span {background-color: #000;}
.n_pt_slider.owl-carousel .owl-stage-outer {width: 200%;}


.sec_blue{color: #0072ff; padding-right: 20px;}




.sub_03_03 .cert_con_box { width: 25%; }


.process_con_wrap {}
.process_con_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.process_con_box { float: left; width: calc(100% / 3); margin-bottom: 50px; min-height: 300px;}
.process_con_img { padding: 20px; width: 100%; position: relative;}
.process_con_box img { width: 100%;border-radius: 10px; border: 1px solid #eee;}
.process_con_box_in {overflow: hidden;}
.process_con_img_wrap {width: 100%; position: relative;}
.process_con_txt_wrap {display: block;}
.process_con_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.process_con_txt {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;text-align: center;font-size: 16px;line-height: 1.4;font-weight: 400;color: #666;}

.process_wide_img img{border-radius: 10px;}





.pd_num { font-size: 42px; font-weight: 200; color: #0072ff; }
.sub_txt { font-size: 18px; font-weight: 300; line-height: 1.6; color: #aaa; word-break: keep-all; }




	.s_sec_01_05_01_con {width: 100%;overflow: hidden;padding: 20px 50px;background-color: #fff; box-shadow: 0px 5px 5px  rgba(0, 0, 0, 0.1);border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}

	.img_100 img {width: 100%}
.s_sec_01_05_01_con_right .sec_txt2 b {display: inline-block;padding:0 10px;}




















.m_sec_in {width: 100%; max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 5;}
.m_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;z-index: 1;
background-repeat: no-repeat;background-position: center center;background-size: cover;
}


.txt_color_01 {color: #0072ff!important}
.txt_up {text-transform: uppercase;}


.pd_more { display: inline-block; position: relative; }
.pd_more .circle { border-radius: 100px; background-color: #0072ff; width: 45px; height: 45px; top: 0; right: 0; position: absolute; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.pd_more_tit { position: relative; top: 0; left: 0; width: 100%; line-height: 45px; padding: 0 60px 0 0px; display: block;font-size: 14px;transition:all .5s ease;}
.circle:after {content: "";position: absolute;width: 10px;height: 10px;border-left: 2px solid #fff; border-bottom: 2px solid #fff;transform:rotate(225deg);transition:all .3s ease;margin: auto;top: 0px;right: 20px;bottom: 0px;}
.pd_more:hover .circle {width: 100%;}
.pd_more:hover .pd_more_tit {color: #fff;padding: 0 60px 0 30px; }



.side_margin {margin-left: -100px;margin-right: -100px;}

.box_all_3_wrap {margin-left: -30px;}
.box_3_wrap {float: left; width: 33.33%;width: calc(100%/3);padding-left: 30px;padding-bottom: 30px;}
.box_3_in {position: relative;top: 0px;left: 0px;width: 100%;}
.box_3_img_wrap {width: 100%;position: relative;top: 0px;left: 0px;height: 0px;padding-bottom: 70%;overflow: hidden;border-radius: 20px;}
.box_3_img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;
	background-size: cover;}

.box_3_01 .box_3_img {background-image: url(../images/main/box_3_img_01.jpg);}
.box_3_02 .box_3_img {background-image: url(../images/main/box_3_img_02.jpg);}
.box_3_03 .box_3_img {background-image: url(../images/main/box_3_img_03.jpg);}


.box_3_bt_wrap {padding: 20px 0; text-align: center;}

.owlCustomNav button{ border-radius: 100px; background-color: transparent; width: 45px; height: 45px;  position: relative; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;display: inline-block;;border: 1px solid #eee;outline: none; text-indent: -9999px;}

.owlCustomNav button span {
	content: "";position: absolute;width: 10px;height: 10px;border-left: 2px solid #ccc; border-bottom: 2px solid #ccc;transition:all .3s ease;margin: auto;top: 0px;right: 0px;bottom: 0px;left: 0px;
}
.owlCustomNav .owl-next {margin-left: 15px;}
.owlCustomNav .owl-next span {
	transform:rotate(225deg);
}
.owlCustomNav .owl-prev span {
	transform:rotate(45deg);
}
.owlCustomNav button:hover {background-color: #0072ff; border-color: #0072ff}
.owlCustomNav button:hover span {border-color: #fff;}


.item_box_img_01 {background-image: url(../images/main/item_box_img_01.png);}
.item_box_img_02 {background-image: url(../images/main/item_box_img_02.png);}
.item_box_img_03 {background-image: url(../images/main/item_box_img_03.png);}
.item_box_img_04 {background-image: url(../images/main/item_box_img_04.png);}
.item_box_img_05 {background-image: url(../images/main/item_box_img_05.png);}
.item_box_img_06 {background-image: url(../images/main/item_box_img_06.png);}
.item_box_img_07 {background-image: url(../images/main/item_box_img_07.png);}
.item_box_img_08 {background-image: url(../images/main/item_box_img_08.png);}

























.m_bg {
	animation-duration: 15s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
		animation-play-state: running;
		animation-name: sizeup;
}




/*서브*/
.sub_sec_pd {padding: 180px 0}
.sub_sec_pd2 {padding: 230px 0}
.sub_sec_pd_bt {padding-top: 0px!important}

.sub_3_box_wrap {float: left; width: 33.33%;padding-left: 40px;padding-bottom: 40px;}

.sub_3_box_txt .sec_txt {color: #888; max-width: 260px;}


.sub_side_wrap {width: 100%; max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sub_side_inner {width: 100%; position: relative;top: 0px;left: 0px;}

.sub_sec_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 1;overflow: hidden;}
.sub_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;
	animation-duration: 15s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
		animation-play-state: running;
		animation-name: sizeup;
}




.his_wrap {position: relative;top: 0px;left: 0px;}
.his_in_wrap {position: relative;top: 0px;left: 0px;padding-left: 7%;}
.his_wrap:before {content: "";position: absolute;top: 0px;left: 0px;width: 1px;height: 0px;border-left: 1px solid #eee;}
.his_wrap.animated:before {
   animation-duration: 2s;
   animation-name: hisline;
   animation-fill-mode: forwards;
}

@keyframes hisline {
   from {
   height:0px;
   border-color: #0072ff;
   }

   to {
    height:100%;
    border-color: #eee;
   }
}

.his_dot_wrap {position: absolute;top: 0px;left: -6px;height: 14px;width: 14px;}
.his_dot span {background-color: #fff;border: 3px solid #0072ff;width: 14px;height: 14px;display: inline-block;border-radius: 100px;position: relative;top: 0px;left: 0px;z-index: 2;}
.his_dot {position: relative;top: 0px;left: 0px;}
.his_dot:after {content: "";position: absolute;top: 50%;left: 50%; background-color: #eaeffb; width: 25px;height: 25px;z-index: 1;transform: translate(-50%,-50%);border-radius: 100px;
animation-duration: 3s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: hissizeup;
}

@keyframes hissizeup {
   0% {
    transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
   }
   50% {
       transform: translate(-50%,-50%) scale(1.5);
    -ms-transform: translate(-50%,-50%) scale(1.5);
    -webkit-transform: translate(-50%,-50%) scale(1.5);
   }
   100% {
      transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
   }
}



.his_bg {overflow: hidden;display: inline-block;}
.his_con_wrap {}
.his_box_wrap {position: relative;top: 0px;left: 0px; }
.his_box {position: relative;top: 0px;left: 0px; padding-left: 100px;padding-bottom: 30px;}
.his_box_year {position: absolute; top: 0px;left: 0px;font-size:22px; color: #0072ff; font-weight: 500;line-height: 1.4;}
.his_box_desc {font-size:18px; color:#000; line-height:1.4; font-weight:300;min-height: 50px;}
.his_con_wrap {padding: 100px 0 200px;}
.his_in {max-width: 50%;position: relative;top: 0px;left: 0px;z-index: 2;}
.his_bg_wrap {position: absolute;top: 0px;right: 0px;bottom: 0px;width: 45%;z-index: 1}

.his_bg_01 {position: absolute;top: 0px;left: 0px;width: 90%;z-index: 5}
.his_bg_02 {position: absolute;top: 20%;left: 50%;width: 122%;z-index: 4;}
.his_bg_02 .his_bg {opacity: 1}
.his_bg_03 {position: absolute;top: 0px;left: 55%;width: 80%;z-index: 5;}
.his_bg_04 {position: absolute;top: 30%;left: 0px;width: 70%;z-index: 4;}
.his_bg_05 {position: absolute;top: 50%;left: 60%;width: 447px;z-index: 3;}
.his_bg_05 .his_bg {opacity: 1}







.sub_33_box_wrap {margin-left: -40px;}
.sub_33_box {float: left; width: 33.33%; padding-left:40px; padding-bottom:40px;text-align:center; }
.sub_33_box_inner_wrap {padding: 50px 8%;}
.sub_33_box_in {background-color: #fafafa;border-radius: 20px;}
.sub_33_box_txt_01 {padding-bottom: 20px;}
.sub_33_box_img {padding: 50px 0}
.sub_33_box_txt_wrap {padding: 30px 0 20px;}


.sub_33_box_02 .sub_33_box_in {background-color: #0072ff}
.sub_33_box_02 * {color: #fff;}









.round_txt_wrap {display: block;position: relative;top: 0px;left: 0px;padding: 10px 0;}
.round_txt {display: inline-block;position: relative;top: 0px;left: 0px;padding: 0 30px; height: 45px;line-height: 45px;font-size: 18px;
border: 1px solid #0072ff; background-color: #0072ff;color: #fff;border-radius: 100px;
}


.ppg_box_all_wrap {margin-left: -80px;}
.ppg_box_wrap {float: left; width: 33.33%;width: calc(100%/3);padding-left: 80px;padding-bottom: 50px;position: relative;top: 0px;left: 0px;}
.ppg_box_in {position: relative;top: 0px;left: 0px;width: 100%;}
.ppg_box_img_wrap {width: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;border-radius: 20px;}
.ppg_box_img {}

.ppg_box_bt_wrap {padding: 20px 0; text-align: center;}

.round_txt_wrap:before {content:"";display:block;position:absolute;top:50%;left:-40px;margin-top:-7px;display:block;width:15px;height:15px;background-color:transparent;border-left:2px solid #0072ff;border-top:2px solid #0072ff;transform:rotate(315deg);text-indent:-9999px;transition:all .3s ease;z-index:2}
.ppg_box_01 .round_txt_wrap:before {display: none;}
.ppg_box_01 .round_txt {background-color: transparent;color: #0072ff}




.sec_down_wrap .sec_down_btn { display: inline-block;position: relative;top: 0px;left: 0px;padding: 0 50px 0 30px; height: 40px;line-height: 40px;font-size: 14px;background-color: #000;color: #fff;border-radius: 100px;
background-repeat:no-repeat;background-position: right 20px center; background-image: url(../images/sub/sec_down_btn.png);
}
.sec_down_wrap .sec_down_btn:hover {background-color: #0072ff}






.spec_tbl table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000;line-height: 1.6;word-break: keep-all;}
.spec_tbl td {padding: 25px 10px 25px 0;font-weight: 300; text-align: left;border-top: 1px solid #eee;vertical-align: top;}


.spec_tbl td.spec_td_01 {font-weight: 500;width: 20%}
.spec_tbl td.spec_td_02 {font-weight: 500;width: 20%}







/*한라ims*/


.sub_tube_wrap {float: left;}

.sub_tube_wrap .sub_tube_a {display: inline-block;padding: 15px 20px; border: 1px solid #fff;color: #fff;font-size: 14px; font-weight: 400;line-height: 1;text-transform: uppercase;}

.sub_tube_a span {display: inline-block;vertical-align: middle;}
.sub_tube_a span svg {width: 16px;display:inline-block;}
.sub_tube_a span svg * {fill: #fff}

.youtube_img img {width: 30px;border-radius: 0px;}
.youtube_img {padding: 0 10px;}
.youtube_txt {padding-left: 10px;border-left: 1px solid #fff;}
.youtube_arr {padding-left: 5px;}
.sub_tube_wrap .sub_tube_a:hover {background-color: #ff0000;border-radius: 10px; border-color: #ff0000}



.sub_visual_bg.animated video {
	animation-duration: 2s;
	animation-name: onesize;
	animation-fill-mode: forwards;
}

@keyframes onesize {
	from {
		transform: scale(1.4);
		-ms-transform: scale(1.4);
		-webkit-transform: scale(1.4);
	}

	to {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
}


.s_sec_01_01_02_wrap.animated .black_bg {opacity: 0.3;-webkit-transition: all 2s ease;transition: all 2s ease;}
.s_sec_01_01_02_wrap.animated .s_sec_01_01_02_bg  {
	animation-duration: 2s;
	animation-name: onesize2;
	animation-fill-mode: forwards;
}

@keyframes onesize2 {
	from {
		transform: scale(0.3);
		-ms-transform: scale(0.3);
		-webkit-transform: scale(0.3);
	}

	to {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
}



.txt_up {text-transform: uppercase!important;}

.s_sec_01_01_02_con_right {padding: 0 10% 0 20%}
.black_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: #000;opacity: 0;z-index: 5;}
.black_bg2 {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: #000;opacity: 0.2;z-index: 5;}
.black_bg3 {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: #000;opacity: 0.6;z-index: 5;}

.sub_visual_bg.animated .black_bg {opacity: 0.3;-webkit-transition: all 1s ease;transition: all 1s ease;}

.s_sec_01_01_02_con_left {position: absolute;top: 0px;left: 0px;}
.s_sec_01_01_02_con_left_in {position: relative;top: 0px;left: 0px;}
.s_sec_01_01_02_con_box_in {position:absolute;top:0px;left:0px;right:0px;bottom:0px; background-color: #000;
background-size: cover;background-repeat: no-repeat;background-position: center center;
}
.s_sec_01_01_02_con_box_01 {float: left; width: 48%;height: 0px;padding-bottom: 60%;position: relative;top: 0px;left: 0px;overflow: hidden;}

.s_sec_01_01_02_con_box_02 {float: left; width: 25%;height: 0px;padding-bottom: 30%;position: relative;top: -50px;left: 20px;overflow: hidden;}
.s_sec_01_01_02_con_box_03 {float: left; width: 35%;height: 0px;padding-bottom: 40%;position: relative;top: -30px;left: 20px;overflow: hidden;}

.s_sec_01_01_02_con_box_01 .s_sec_01_01_02_con_box_in {
	background-image: url(../images/sub/s_sec_01_01_02_con_box_01.jpg);
}
.s_sec_01_01_02_con_box_02 .s_sec_01_01_02_con_box_in {
	background-image: url(../images/sub/s_sec_01_01_02_con_box_02.jpg);
}
.s_sec_01_01_02_con_box_03 .s_sec_01_01_02_con_box_in {
	background-image: url(../images/sub/s_sec_01_01_02_con_box_03.jpg);
}


.s_sec_01_01_04_wrap * {color: #fff;}
.s_sec_01_01_04_wrap.animated .s_sec_01_01_04_bg  video {
	animation-duration: 2s;
	animation-name: onesize;
	animation-fill-mode: forwards;
}

.s_sec_01_01_04_wrap.animated .black_bg {opacity: 0.3;-webkit-transition: all 2s ease;transition: all 2s ease;}

.sub_ceo_wrap {display: inline-block;padding: 5px;}
.sub_ceo_wrap .sub_ceo_a {display: inline-block;padding: 15px 20px; border: 1px solid #fff;color: #fff;font-size: 14px; font-weight: 400;line-height: 1;text-transform: uppercase;}

.sub_ceo_a span {display: inline-block;vertical-align: middle;}
.sub_ceo_wrap .sub_ceo_a:hover {background-color: #0072ff;border-color: #0072ff}



.sub_vision_arr {
	border:1px solid #fff;
	width:27px;
	height:27px;
	border-radius:100%;
	position:relative;
	margin:5px;
	display:inline-block;
	vertical-align:middle;
}

.sub_vision_arr:before,
.sub_vision_arr:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    background:#fff;
}
.sub_vision_arr:before{
    width: 1px;
    margin: 1px auto;
}
.sub_vision_arr:after{
    margin: auto 1px;
    height: 1px;
}


.c_list01 {text-align:left;}
.c_list01 > li {padding:4px 0 6px 13px;position:relative;top:0px;left:0px}
.c_list01 > li:before {content:"";position:absolute;top:14px;left:0px;width:4px;height:4px;border-radius:100px;background-color:#0072ff}
.c_list01 > li > .tit {position:relative;top:0px;left:0px;font-size:1em;vertical-align:top;color:#222;font-weight:500;display:inline-block}
.c_list01 > li > .txt {position:relative;top:0px;left:0px;font-size:1em;display:inline-block}
.c_list01 > li > .tit:before {display:inline-block;vertical-align:top}
.c_list01 > li > .txt:before {display:inline-block;vertical-align:top}
.c_list01 > li > .tit:after {display:inline-block;vertical-align:top;font-size:1em}
.c_list01 > li > .tit.no-blt {display:block}
.c_list01 > li > .tit.no-blt:after {display:none}
.c_list01 > li > .txt:after {display:inline-block;vertical-align:top}
.c_list01 > li > .tit:first-child:after {content:":";padding:0 7px;position:relative;top:1px;right:0px;vertical-align:top}
.c_list01 > li > ul,.c_list01 > li > ol {display:block;width:100%;padding:10px 0}


.sub_vision_all_wrap .c_list01 > li:before {background-color: #fff}

.s_sec_01_02_03_con_right {padding-top: 100px;}
.sub_vision_all_wrap {margin: 0 auto; max-width: 100%;}
.sub_vision_all_wrap * {color: #fff;}
.sub_vision_wrap {margin-left: 0px;}
.sub_vision {float: left; width: 50%; padding-left: 0px;padding-bottom: 0px;}
.sub_vision_inner  {padding: 50px;}
.sub_vision_txt_wrap {min-height: 500px;}
.sub_vision_txt_02 {padding-top: 20px;opacity: 0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.sub_vision_arr_wrap {padding-top: 20px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.sub_vision_in  {background-color: #000; position: relative;top: 0px;left: 0px;}
.sub_vision_bg_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 1;overflow: hidden;}
.sub_vision_inner_wrap {position: relative;top: 0px;left: 0px;z-index: 2;}
.sub_vision_in:hover .sub_vision_txt_02 {opacity: 1}
.sub_vision_in:hover .sub_vision_arr_wrap {padding-top: 0px;height: 0px;overflow: hidden;}


.sub_vision_type_0301 .sub_vision {width: 33.33%;width: calc(100%/3);}
.sub_vision_type_0302 .sub_vision {width: 25%;}
.sub_vision_type_0303 .sub_vision {width: 50%;}
.sub_vision_type_0304 .sub_vision {width: 20%;}



.sub_vision_bg {position: absolute;top: -23px;left: -23px;right: -23px;bottom: -23px;
background-repeat: no-repeat;background-position: center center;
background-size: cover;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
}
.sub_vision_in:hover .sub_vision_bg
{
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0.6;
}

.sub_vision_01 .sub_vision_bg {background-image: url(../images/sub/sub_vision_01.jpg);}
.sub_vision_02 .sub_vision_bg {background-image: url(../images/sub/sub_vision_02.jpg);}
.sub_vision_03 .sub_vision_bg {background-image: url(../images/sub/sub_vision_03.jpg);}
.sub_vision_04 .sub_vision_bg {background-image: url(../images/sub/sub_vision_04.jpg);}
.sub_vision_05 .sub_vision_bg {background-image: url(../images/sub/sub_vision_05.jpg);}
.sub_vision_06 .sub_vision_bg {background-image: url(../images/sub/sub_vision_06.jpg);}
.sub_vision_07 .sub_vision_bg {background-image: url(../images/sub/sub_vision_07.jpg);}
.sub_vision_08 .sub_vision_bg {background-image: url(../images/sub/sub_vision_08.jpg);}
.sub_vision_09 .sub_vision_bg {background-image: url(../images/sub/sub_vision_09.jpg);}
.sub_vision_10 .sub_vision_bg {background-image: url(../images/sub/sub_vision_10.jpg);}
.sub_vision_11 .sub_vision_bg {background-image: url(../images/sub/sub_vision_11.jpg);}
.s_sec_01_02_04_wrap {background-color: #000;}

.net_tbl_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #666;line-height: 1.6;}
.net_tbl_wrap td {padding: 25px 10px;font-weight: 300; text-align: left;border-bottom: 1px solid #ddd;}
.net_tbl_wrap th {padding: 25px;font-weight: 500; text-align: left;border-bottom: 1px solid #ddd;font-size: 20px;color: #000}


.net_box_con_wrap {float: right;width: 50%;}


.s_sec_01_02_04_wrap * {color: #fff;}

.s_sec_01_02_04_wrap .txt_color_01 {color: #0d82ff!important;}
.s_sec_01_02_04_wrap .net_info .sec_txt span {color: #fff;opacity: 0.8}
.owl_01_03_01 .item_box_img {width: 100%;text-align: right;padding: 20px 0 40px}
.owl_01_03_01 .item_box_img img { display: inline-block;width: auto;}

.owl_01_03_01 .item_box_txt {padding-top: 10px;}

.owl_01_03_01 .item {padding: 20px;position: relative;top: 0px;left: 0px;}

.owl_01_03_01.owl-carousel .owl-stage-outer {overflow: visible;}

.owl_01_03_01 .sec_txt {font-size: 14px;}


.s_sec_01_03_01_con_right_in {padding-top: 150px;}


.owl_01_03_01 .owl-item:hover .item:before {border-color: #0072ff}
.owl_01_03_01 .owl-item:hover .sec_tit3 {color: #0072ff}


.s_sec_01_04_02_in {padding-bottom: 20%;}


.s_sec_01_04_03_con_wrap {padding-left: 500px;}
.s_sec_01_04_03_con_left {position: absolute;top: 0px;left: 0px;}
.s_sec_01_04_03_con_right {padding-top: 20px;}

.symbol_box {float: left; width: 50%;position: relative;top: 0px;left: 0px;}
.symbol_box_in {position: relative;top: 0px;left: 0px;}
.symbol_box_bg_wrap {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 1;overflow: hidden;}
.symbol_box_con {position: relative;top: 0px;left: 0px;width: 100%;z-index: 2;padding: 180px 5%;text-align: center;}
.symbol_box_con svg {width: 100%; max-width: 200px;display: inline-block;}

.symbol_box_bg {
	position:absolute;top:0px;left:0px;right:0px;bottom:0px;
background-size: cover;background-repeat: no-repeat;background-position: center center;background-color: #fbfbfb;
animation-duration: 10s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: sizeup;
}
.symbol_box_01 .symbol_box_bg {background-image: url(../images/sub/symbol_box_01.jpg);}
.symbol_box_04 .symbol_box_bg {background-image: url(../images/sub/symbol_box_04.jpg);}
.symbol_box_01  svg * {fill: #fff}
.symbol_box_02  svg * {fill: #0072ff}
.symbol_box_03  svg * {fill: #d6000f}
.symbol_box_04  svg * {fill: #fff}

.s_sec_01_04_04_in {max-width: 100%;margin: 0 auto;}
.s_sec_01_04_04_wrap.animated .s_sec_01_04_04_in  {
	animation-delay: 2s;
	animation-duration: 1s;
	animation-name: chukso;
	animation-fill-mode: forwards;
}

@keyframes chukso {
	from {
		max-width: 100%;
	}

	to {
		max-width: 1600px;
	}
}

.s_sec_01_04_06_wrap {background-color: #fbfbfb}

.c_sys_wrap  {padding: 5px 0;line-height: 1.6;}
.c_sys_box_wrap {position: relative;top: 0px;left: 0px;}
.c_sys_box_left_wrap {float: left;width: 60%;background-color: #d6000f;padding: 0 20px 20px 30px;}
.c_sys_box_right_wrap {float: left;width: 40%;background-color: #fff;padding: 0 20px 20px 30px;}
.c_sys_box_left {position: relative;top: 0px;left: 0px;height:150px; }
.c_sys_box_right {position: relative;top: 0px;left: 0px;height:150px; }

.c_sys_box_txt {position: absolute;bottom: 0px;left: 0px;color: #fff;}
.c_sys_box_txt2 {position: absolute;bottom: 0px;left: 0px;}

.c_sys_box_txt b {font-size: 20px;padding-right: 10px;}


.c_sys_02 .c_sys_box_left_wrap {background-color: #0072ff}


.color_5_box_wrap {margin-left: -10px;}

.color_5_box {float: left; width: 20%;padding-left: 10px;padding-bottom: 10px;}
.color_5_box_in {height: 40px;}
.color_5_box_01 .color_5_box_in {background-color: #018053}
.color_5_box_02 .color_5_box_in {background-color: #d1d2d4}
.color_5_box_03 .color_5_box_in {background-color: #818286}
.color_5_box_04 .color_5_box_in {background-color: #bacbd3}
.color_5_box_05 .color_5_box_in {background-color: #cc8221}

.color_5_box_all_wrap {padding-top: 50px;}


.org_all_wrap {margin-left: -20px;}
.org_wrap {float: left; width: 25%; padding-left: 20px;padding-bottom: 20px;}
.org_in {position: relative;top: 0px;left: 0px;padding: 30px;border: 1px solid #eee;line-height: 1.6;height: 280px}
.org_team {font-size: 20px; color: #000; font-weight: 500;padding-bottom: 10px;}
.org_info b {color: #000; font-weight: 600;padding-right: 8px;width: 36px;display: inline-block;}
.org_img {display: block;height: 60px;background-repeat: no-repeat;background-position: right center;}
.org_img_01 {background-image: url(../images/sub/org_img_01.png);}
.org_img_02 {background-image: url(../images/sub/org_img_02.png);}
.org_img_03 {background-image: url(../images/sub/org_img_03.png);}
.org_img_04 {background-image: url(../images/sub/org_img_04.png);}
.org_img_05 {background-image: url(../images/sub/org_img_05.png);}
.org_img_06 {background-image: url(../images/sub/org_img_06.png);}
.org_img_07 {background-image: url(../images/sub/org_img_07.png);}
.org_img_08 {background-image: url(../images/sub/org_img_08.png);}

.org_wrap:hover .org_img_01 {background-image: url(../images/sub/org_img_01_on.png);}
.org_wrap:hover .org_img_02 {background-image: url(../images/sub/org_img_02_on.png);}
.org_wrap:hover .org_img_03 {background-image: url(../images/sub/org_img_03_on.png);}
.org_wrap:hover .org_img_04 {background-image: url(../images/sub/org_img_04_on.png);}
.org_wrap:hover .org_img_05 {background-image: url(../images/sub/org_img_05_on.png);}
.org_wrap:hover .org_img_06 {background-image: url(../images/sub/org_img_06_on.png);}
.org_wrap:hover .org_img_07 {background-image: url(../images/sub/org_img_07_on.png);}
.org_wrap:hover .org_img_08 {background-image: url(../images/sub/org_img_08_on.png);}


.org_wrap:hover .org_in {background-color: #0072ff;}
.org_wrap:hover .org_in * {color: #fff;}


.s_sec_01_05_02_wrap {padding-top: 0px;}

.s_sec_01_05_02_con_right {border-top: 1px solid #eee;padding-top: 20px;}

.s_sec_01_05_02_con_right .org_in {border-color: #fbfbfb;background-color: #fbfbfb;}


.s_sec_01_06_01_con_wrap {position: relative;top: 0px;left: 0px;}
.s_sec_01_06_01_con_left {position: relative;top: 0px;left: 0px;}

.sub_03 .sub_visual_txt2 {animation: none;}
.sub_visual_txt2_off {display: none;}
.sub_visual_txt2 {position: relative;top: 0px;left: 0px;}
.sub_visual_txt2_on {opacity: 0;}
.sub_visual_txt2_off {position: absolute;top: 0px;left: 0px;display: block;}
.sub_visual_all_wrap.animated {}
.sub_visual_all_wrap.animated .sub_visual_txt2_on  {
	animation-delay: 1.5s;
	animation-duration: 1.5s;
	animation-name: opa;
	animation-fill-mode: forwards;
}
.sub_visual_all_wrap.animated .sub_visual_txt2_off  {
	animation-delay: 1s;
	animation-duration: 1s;
	animation-name: opa2;
	animation-fill-mode: forwards;
}



@keyframes opa {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes opa2 {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}


@keyframes bgscale {
	from {
		transform: scale(0.5)
	}

	to {
		transform: scale(1)
	}
}

/*.black_bar {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: transparent;z-index: 4;border: 400px solid #000;}
.sub_03 .sub_visual_all_wrap.animated .black_bar  {
	animation-delay: 2s;
	animation-duration: 1.8s;
	animation-name: barup;
	animation-fill-mode: forwards;
}
@keyframes barup {
	from {
		border-width: 400px;
	}

	to {
		border-width: 0px;
	}
}*/




.esg_box_wrap {margin-left: -20px;}
.esg_box {float: left; width: 25%;padding-left: 20px;padding-bottom: 20px;}
.esg_box_in {position: relative;top: 0px;left: 0px;border: 1px solid #ddd;overflow: hidden;display: block;}
.esg_box_inner_wrap {padding: 50px 20px;position: relative;top: 0px;left: 0px;z-index: 1;text-align: center;}
.esg_box_bg_wrap {background-color: #000;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 2;}
.esg_box_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;
animation-duration: 10s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
		animation-play-state: running;
		animation-name: sizeup;
}
.esg_box_bg_arr {position: absolute;top: 50px;right: 50px;}
.esg_box_bg_txt {position: absolute;left: 50px;bottom: 50px;font-size: 40px;color: #fff; font-weight: 700;line-height: 1.6;}
.esg_box_img_wrap {padding: 50px 0;}


.esg_box_bg_wrap {transform: translateY(110%);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;overflow: hidden;}

.esg_box_in:hover .esg_box_bg_wrap {transform: translateY(0px);}

.esg_box_01 .esg_box_bg {background-image: url(../images/sub/esg_box_bg_01.jpg);}
.esg_box_02 .esg_box_bg {background-image: url(../images/sub/esg_box_bg_02.jpg);}
.esg_box_03 .esg_box_bg {background-image: url(../images/sub/esg_box_bg_03.jpg);}



.s_sec_03_01_02_bg {background-color: #000}
.s_sec_03_01_02_wrap * {color: #fff;}

.s_sec_03_01_03_bg {background-color: #bf3e3d}
.s_sec_03_01_03_wrap * {color: #fff;}
.bulk_wrap {max-width: 1000px;text-align: center; padding: 30px 0; margin: 0 auto;}

.s_sec_03_01_03_con_right {max-width: 1000px; margin: 0 auto;}


.s_sec_03_01_02_con_wrap {position: relative;top: 0px;left: 0px;}
.s_sec_03_01_02_con_left {position: relative;top: 0px;left: 0px;float: left;width: 100%;}
.s_sec_03_01_02_con_right {position: relative;top: 0px;left: 0px;float: right;width: 100%;max-width: 700px;}
.vis_box {position: relative;top: 0px;left: 0px;}
.vis_box_left_wrap {position: relative;top: 0px;left: 0px;width:160px;}
.vis_box_right_wrap {position: absolute;top: 0px;right: 0px;bottom: 0px;width: 60%;}

.vis_box_left {position: relative;top: 0px;left: 0px;width: 100%;padding-bottom: 100%;height: 0px;background-color: #fff;border: 1px solid #ddd;
border-radius: 500px;
}
.vis_box_left_in {position: absolute;top: 50%;left: 50%;display: block;transform: translate(-50%,-50%);width: 80%;}

.vis_box_wrap {float: left; width: 46%;}
.vis_box2_wrap {float: right;width: 46%;}

.vis_box_right {position: absolute;top: 50%;left: 50%;display: block;transform: translate(-50%,-50%);width: 80%;}

.vis_box {background-color: #fafafa;padding: 10px;border-radius: 500px;text-align: center;line-height: 1.4;}

.vis_box_txt_01 {font-size: 18px; color: #0072ff; font-weight: 700;}
.vis_box_txt_02 {font-size: 16px; color: #999; font-weight: 300;padding-top: 5px;}
.vis_box_txt_03 {font-size: 18px; color: #000; font-weight: 500;}

.vis_box2_wrap {position: absolute;top: 0px;right: 0px;bottom: 0px;background-color: #fafafa;padding: 10px;border-radius: 500px;}

.vis_box2 {position: absolute;top: 50%;left: 50%;display: block;transform: translate(-50%,-50%);width: 80%;}
.vis_box2_con {font-size: 0px;}
.vis_box2_list {display: inline-block;width: 50%;padding: 0 5px;vertical-align: top;}
.vis_box2_list .c_list01 {font-size: 14px;line-height: 1.6;}


.vis_wrap:before {content:"";display:block;position:absolute;top:50%;left:50%;margin-left: -7px;display:block;width:15px;height:15px;background-color:transparent;border-left:2px solid #0072ff;border-top:2px solid #0072ff;transform:rotate(135deg);text-indent:-9999px;transition:all .3s ease;z-index:2}

.vis_all_wrap {padding-bottom: 30px;}


.s_sec_03_02_02_con_right {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index:1;}

.s_sec_03_02_02_con_left {max-width: 500px; margin: 0 auto;padding: 200px 0 200px;position: relative;top: 0px;left: 0px;z-index: 2;}

.s_sec_03_02_02_con_box {z-index: 1;overflow: hidden;}
.s_sec_03_02_02_con_box_01 {position: absolute;top: 0px;left: 100%;margin-left: -300px;width: 500px;height: 500px;}
.s_sec_03_02_02_con_box_02 {position: absolute;top: 30%;right: 100%;margin-right: -300px;width: 450px;height: 500px;}
.s_sec_03_02_02_con_box_03 {position: absolute;bottom: 0px;left: 100%;margin-left: -400px;width: 450px;height: 300px;}
.s_sec_03_02_02_con_box_bg {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: #000;z-index: 1;
background-repeat: no-repeat;background-position: center center;background-size: cover;
}


.s_sec_03_02_02_con_box_01 .s_sec_03_02_02_con_box_bg {background-image: url(../images/sub/s_sec_03_02_02_con_box_01.jpg);}
.s_sec_03_02_02_con_box_02 .s_sec_03_02_02_con_box_bg {background-image: url(../images/sub/s_sec_03_02_02_con_box_02.jpg);}
.s_sec_03_02_02_con_box_03 .s_sec_03_02_02_con_box_bg {background-image: url(../images/sub/s_sec_03_02_02_con_box_03.jpg);}

.s_sec_03_02_02_con_box:before {
	content: "";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: #fff;z-index: 2;
	transform: translateX(0);
}
.s_sec_03_02_02_con_box.animated:before {
	animation-delay: 0.5s;
	animation-duration: 1s;
	animation-name: sideani;
	animation-fill-mode: forwards;
}
@keyframes sideani {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(100%);
	}
}



.sub_btn_wrap {display: inline-block;}
.sub_btn_wrap .sub_btn_a {display: inline-block;padding: 15px 20px; border: 1px solid #222;color: #222;font-size: 14px; font-weight: 400;line-height: 1;text-transform: uppercase;}

.sub_btn_a span {display: inline-block;vertical-align: middle;}
.sub_btn_wrap .sub_btn_a:hover {background-color: #0072ff;border-color: #0072ff;color: #fff;}


.net_all_wrap .sub_btn_wrap .sub_btn_a {background-color: #0072ff;border-color: #0072ff;color: #fff; width:150px;text-align:center; }



.two_tbl_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000;}
.two_tbl_wrap td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;}
.two_tbl_wrap th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;background-color: #f7f7f7}

.two_box_all_wrap {}
.two_tbl_wrap {float: left;width: 49%;}
.two_gr_wrap {float: right;width: 49%;}

.gr_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.gr_box_label {padding-bottom: 100px;}
.gr_box_label b {font-size: 30px;font-weight: 500;display: inline-block;color: #222;padding-right: 8px;}
.gr_box_label span {font-size: 16px;font-weight: 300;display: inline-block;color: #666;}
.gr_box_con {border-bottom: 2px solid #000;}
.gr_box_con_in:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.gr_box_bar_wrap {float: left; width: 33.33%; padding: 0 8%;height: 100%;position: relative;top: 0px;left: 0px;}

.gr_box_bar_in {position: relative; top: 0px;left: 0px;height: 100%;width: 46%;margin: 0 2%;float: left;}
.gr_box_bar {position: absolute;bottom: 0px;left: 0px;right: 0px;}
.gr_box_bar_top {position: absolute; bottom: 100%;padding-bottom: 10px;text-align: center;left: 0px;width: 100%;white-space: nowrap;}
.gr_box_bar_bt {position: absolute; top: 100%;padding-top: 10px;text-align: center;left: 0px;width: 100%;white-space: nowrap;font-weight: bold;color: #222;}



.gr_box_wrap:hover .gr_box_label b {color: #039549;}


.two_gr_wrap {position: absolute;top: 0px;right: 0px;bottom: 0px;}
.gr_box_wrap {position: relative;top: 0px;left: 0px;width: 100%;height: 100%;border-bottom: 2px solid #000;}
.gr_box_con_in {position: relative;top: 0px;left: 0px;width: 100%;height: 100%;padding-top: 50px;}


.bg_color_01 {background-color: #0072ff}
.bg_color_02 {background-color: #a4c2e6}


.imo_box_wrap {margin-left: -20px;}
.imo_box {float: left; width: 33.33%;width: calc(100%/3);padding-left: 20px;padding-bottom: 20px;}
.imo_box_in {position: relative;top: 0px;left: 0px;overflow: hidden;display: block;background-color: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.2);}
.imo_box_inner_wrap {padding: 50px 20px;position: relative;top: 0px;left: 0px;z-index: 1;text-align: center;}
.imo_box_img_wrap {padding: 50px 0;}

.s_sec_03_02_04_wrap * {color: #fff;}
.s_sec_03_02_04_wrap.animated .black_bg {opacity: 0.3;-webkit-transition: all 2s ease;transition: all 2s ease;}

.imo_box_in:hover {background-color: #0072ff;border-color: #0072ff}



.side_box_right {float: right;width: 50%;}
.side_box_right_in {padding: 140px 20px 140px 10%}
.side_box_left {position: absolute;top: 0px;left: 0px;bottom: 0px;width: 50%;}
.side_box_left_in {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;}
.side_box_img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color:#000;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:cover; }

.side_box_all_wrap {padding: 40px 0}


.side_box_wrap_01 .side_box_right {float: left;}
.side_box_wrap_01 .side_box_left {right: 0px;left: auto;}


.side_box_left_in:before {
	content: "";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: #fff;z-index: 2;
	transform: translateY(0);
}
.side_box_left_in.animated:before {
	animation-delay: 0.5s;
	animation-duration: 1s;
	animation-name: sideani2;
	animation-fill-mode: forwards;
}
@keyframes sideani2 {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(100%);
	}
}
.side_box_img_01 {background-image: url(../images/sub/side_box_img_01.jpg);}
.side_box_img_02 {background-image: url(../images/sub/side_box_img_02.jpg);}
.side_box_img_03 {background-image: url(../images/sub/side_box_img_03.jpg);}


.s_sec_03_02_04_con_left_in {position: relative;top: 0px;left: 0px;}


.s_sec_03_03_03_con_left {float: left; width: 46%;}
.s_sec_03_03_03_con_right {float: right;width: 52%;}

.soc_all_wrap {margin-left: -50px;}
.soc_box_wrap {padding-left: 50px;padding-bottom: 70px;float: left; width: 50%;position: relative;top: 0px;left: 0px;}

.soc_box_img_wrap {position: relative;top: 0px;left: 0px;height: 0px;padding-bottom: 110%}
.soc_box_img {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: #000;z-index: 1;
background-repeat: no-repeat;background-position: center center;background-size: cover;}

.soc_box_txt_wrap {padding-top: 20px;}

.soc_box_wrap:nth-child(2n) {top: 250px;}
.soc_box_wrap:nth-child(2n+1) {clear: both;}
.soc_box_img_01 {background-image: url(../images/sub/soc_box_img_01.jpg);}
.soc_box_img_02 {background-image: url(../images/sub/soc_box_img_02.jpg);}
.soc_box_img_03 {background-image: url(../images/sub/soc_box_img_03.jpg);}


.soc_box_img_04 {background-image: url(../images/sub/soc_box_img_04.jpg);}
.soc_box_img_05 {background-image: url(../images/sub/soc_box_img_05.jpg);}
.soc_box_img_06 {background-image: url(../images/sub/soc_box_img_06.jpg);}


.s_sec_03_03_04_wrap {background-color: #fafafa}


.boho_all_wrap {margin-left: -50px;}
.boho_box {padding-left: 50px;padding-bottom: 50px;float: left; width: 50%;position: relative;top: 0px;left: 0px;}
.boho_box_in {background-color: #fff;overflow: hidden;}
.boho_box_inner {padding: 50px 10%}






.chekim_all_wrap {margin-left: -30px;}
.chekim_wrap {padding-left: 30px;padding-bottom: 30px;float: left; width: 33.33%;width: calc(100%/3);position: relative;top: 0px;left: 0px;}

.chekim_top_desc {padding: 20px 0}
.chekim_img_wrap {padding: 30px 0}

.chekim_top_wrap {border-top: 1px solid #000;}

.s_sec_03_03_05_con_right_in {padding-left: 20%}





.unri_all_wrap {margin-left: -15px;}
.unri_box {padding-left: 15px;padding-bottom: 15px;float: left; width: 20%;position: relative;top: 0px;left: 0px;}

.unri_box_in {background-color: #fafafa;}
.unri_box_inner {padding: 50px 8% 30px;}

.unri_box_inner .sec_txt {padding-bottom: 10px;color: #0072ff; font-weight: 500;}
.unri_box_in:hover {background-color: #0072ff}
.unri_box_in:hover * {color: #fff;}



.none_tbl_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000; line-height: 1.6}
.none_tbl_wrap td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;min-width: 130px}
.none_tbl_wrap th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;background-color: #f7f7f7}


.esa_all_wrap {margin-left: -15px;}
.esa_box {padding-left: 15px;padding-bottom: 15px;float: left; width: 25%;position: relative;top: 0px;left: 0px;}



.singo_all_wrap {margin-left: -15px;}
.singo_box {padding-left: 15px;padding-bottom: 15px;float: left; width: 25%;position: relative;top: 0px;left: 0px;}

.singo_box_in {border: 1px solid #f1f1f1;}
.singo_box_inner {padding: 50px 8% 30px;}

.singo_box_inner .sec_txt {padding-bottom: 10px;color: #0072ff; font-weight: 500;}
.singo_box_in:hover {background-color: #0072ff;border-color: #0072ff}
.singo_box_in:hover * {color: #fff;}


.sinmun_all_wrap {margin-left: -15px;}
.sinmun_box {padding-left: 15px;padding-bottom: 15px;float: left; width: 33.33%;width: calc(100%/3);position: relative;top: 0px;left: 0px;z-index: 1;overflow: hidden;}

.sinmun_box_in {height: 320px;position: relative;top: 0px;left: 0px;}
.sinmun_box_02 .sinmun_box_in {background-color: #0072ff}
.sinmun_box_02 {z-index: 2;}
.sinmun_box_02 * {color: #fff;}

.sinmun_box_inner {position: absolute;top: 50%;left: 50%;display: block;transform: translate(-50%,-50%);width: 100%;}

.sinmun_box_logo svg {width: 80%; max-width: 140px;display: inline-block;}
.sinmun_box_logo svg * {fill: #fff}
.sinmun_box_logo {padding-bottom: 20px}

.sinmun_circle img {width: 50px;}
.sinmun_circle {display: inline-block;position: absolute;top: 50%;left: 50%;display: block;transform: translate(-50%,-50%);}
.sinmun_circle_wrap {width: 150px;height: 150px;display: inline-block;position: relative;top: 0px;left: 0px;border: 1px solid #ddd;border-radius: 200px;z-index: 2}

.sinmun_left_wrap {position: relative;top:0px;left: 0px;padding-left: 170px;width: 100%}
.sinmun_left_wrap .sinmun_circle_wrap {position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}
.sinmun_right_wrap {position: relative;top:0px;left: 0px;padding-right: 170px;width: 100%}
.sinmun_right_wrap .sinmun_circle_wrap {position: absolute;top: 50%;right: 0px;transform: translateY(-50%);left: auto;}

.sinmun_line_wrap {width: 100%;height: 1px;background-color: #ddd;position: relative;top: 0px;left: 0px;}
.sinmun_line_wrap:before {content:"";display:block;position:absolute;top:50%;left:0px;display:block;width:10px;height:10px;background-color:transparent;border-left:1px solid #ccc;border-top:1px solid #ccc;transform:rotate(315deg);text-indent:-9999px;transition:all .3s ease;z-index:2;margin-top: -5px}
.sinmun_right_wrap .sinmun_line_wrap:before {left:auto;right: 0px;transform:rotate(135deg)}
.sinmun_line {text-align: center;padding-top: 20px;}


.txt_color_02 {color: #000!important}





.net_box_in {position: relative;top: 0px;left: 0px;}
.net_box_img_wrap {position: relative;top: 0px;left: 0px;width: 40%;float: left;}

.net_info .sec_txt span {padding-right: 5px;color: #000; width: 80px;display: inline-block;}
.net_info {padding: 5px 0}

.net_box_wrap {padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.2);overflow: hidden;}
.net_box_wrap:first-child {border-top: none;}




.admin_edit_btn { display: inline-block; padding: 5px; color: #fff!important; background-color: #000; font-size: 14px!important;width: 80px; text-align: center;}



.s_sec_05_01_01_wrap{overflow: hidden;}
.s_sec_05_01_01_in { overflow: initial; }
.s_sec_05_01_01_con_left{float: left;width: 50%;}
.s_sec_05_01_01_con_right{float: right; position: absolute; padding-top: 100px; right: 0; }
.s_sec_05_01_01_con_left_img { position: relative; left: 0px; top: 0px; }
.s_sec_05_01_01_con_txt { position: relative; padding-top: 100px; left: 0; }

.s_sec_05_01_02_wrap {background-color: #0072ff;}
.s_sec_05_01_02_wrap * {color: #fff;}
.s_sec_05_01_02_con_left{float: left; width: 40%;}
.s_sec_05_01_02_con_right { float: right; width: 55%; }

.s_sec_05_01_03_con_left{float: left;}
.s_sec_05_01_03_con_right{float: right; position: absolute; padding-top: 100px; right: 0; }
.s_sec_05_01_03_con_left_img { position: relative; top: 0; left: 210px; }

.s_sec_05_01_04_wrap{padding-top: 0;}
.s_sec_05_01_04_con_left{float: left; width: 50%;}
.s_sec_05_01_04_con_right{float: right; width: 45%; vertical-align: middle; position: absolute; top: 0; right: 0; }
.s_sec_05_01_04_con_left_img { position: relative; top: 0; left: 0; }






.bene_all_wrap {margin-left: -20px;}
.bene_wrap {float: left; width: 25%;padding-left: 20px;padding-bottom: 20px;}


.bene_in {border: 1px solid #eee;}
.bene_top_desc_wrap {padding: 20px;}
.bene_top_desc {position: relative;top: 0px;left: 0px;padding: 30px 0;padding-right: 80px;
background-repeat: no-repeat;background-position: right center;
background-size: 60px auto;
}
.bene_in .sec_txt2 {color: #000}

.bene_wrap_01 .bene_top_desc {background-image: url(../images/sub/bene_wrap_01.png);}
.bene_wrap_02 .bene_top_desc {background-image: url(../images/sub/bene_wrap_02.png);}
.bene_wrap_03 .bene_top_desc {background-image: url(../images/sub/bene_wrap_03.png);}
.bene_wrap_04 .bene_top_desc {background-image: url(../images/sub/bene_wrap_04.png);}
.bene_wrap_05 .bene_top_desc {background-image: url(../images/sub/bene_wrap_05.png);}
.bene_wrap_06 .bene_top_desc {background-image: url(../images/sub/bene_wrap_06.png);}
.bene_wrap_07 .bene_top_desc {background-image: url(../images/sub/bene_wrap_07.png);}
.bene_wrap_08 .bene_top_desc {background-image: url(../images/sub/bene_wrap_08.png);}
.bene_wrap_09 .bene_top_desc {background-image: url(../images/sub/bene_wrap_09.png);}
.bene_wrap_10 .bene_top_desc {background-image: url(../images/sub/bene_wrap_10.png);}
.bene_wrap_11 .bene_top_desc {background-image: url(../images/sub/bene_wrap_11.png);}
.bene_wrap_12 .bene_top_desc {background-image: url(../images/sub/bene_wrap_12.png);}
.bene_wrap_13 .bene_top_desc {background-image: url(../images/sub/bene_wrap_13.png);}
.bene_wrap_14 .bene_top_desc {background-image: url(../images/sub/bene_wrap_14.png);}






.c_step_all_wrap {margin-left: -15px;}
.c_step_box_wrap {float: left; width:16.66%;width: calc(100%/6);padding-left:15px; }
.c_step_box {width: 100%;position: relative;top: 0px;left: 0px;height: 0px;padding-bottom: 100%;
border: 1px solid #0072ff;background-color: #fff;border-radius: 400px;line-height: 1.6;
}

.c_step_box_in {position: absolute;width: 90%;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}

.c_step_box_num {font-size: 50px;font-weight: 500;color: #d3d3d3}
.c_step_box_txt {font-size: 14px; font-weight: 500; color: #0072ff}

.c_step_box:hover {background-color: #0072ff;}

.c_step_box:hover * {color: #fff;}

.c_step_all_wrap:before {content: "";position: absolute;top: 50%;left: -1000px;right: -1000px;height: 1px; background-color: #0072ff}

.sub_05_03 .s_sec_03_03_05_bg {
background-repeat: no-repeat;background-position: center bottom;
background-size: contain;
background-image: url(../images/sub/s_sec_03_03_05_bg.png);
}



.sub_05  #bo_list .td_num2 {width:100px!important;min-width: 70px; }
.sub_05 #bo_list .td_datetime {width:130px!important;min-width: 100px; }
.sub_05 #bo_list span.ing{background-color: #039549;}
.sub_05 #bo_list span.end{background-color: #c6c6c6;}
.sub_05 #bo_list .td_state{text-align: center;width: 150px!important;min-width: 100px;}
.sub_05 #bo_list .td_state span {display: inline-block; color: #fff;border-radius: 0px; height: 30px;line-height: 30px;padding: 0 10px;font-weight: 300;text-align: center;min-width: 80px; }

.sub_05_04 .sub_visual_all_wrap {display: none;}
.sub_05_04 .sec_all_wrap {padding-top: 50px;}


#bo_v_link li i {font-size: 1.2em;}


.sub_06 .sub_visual_all_wrap {display: none;}
.sub_06 .sec_all_wrap {padding-top: 50px;}


.sub_06 .td_num {display: none;}






.sub_intro_all_wrap { width: 100%; position: relative; top: 0px; left: 0px; text-align: center; padding: 0px; }
.sub_intro_wrap { width: 100%; position: relative; top: 0px; left: 0px; height: 100vh;}
.sub_intro * { color: #fff; }
.sub_intro_txt_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; }
.sub_intro_txt_in { display: block; position: absolute;top: 50%;left: 0px;width: 100%;padding: 0 5%;}
.sub_intro_txt { width: 100%; margin: 0 auto; position: relative; top: 0px; color: #fff; }
.sub_intro_01 .sub_intro_txt{left: 0px; text-align: left; }
.sub_intro_02 .sub_intro_txt{right: 0px; text-align: right; }
.sub_intro_btn { margin-top: 30px; position: relative; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; }
.sub_intro_btn a { font-size: 16px; letter-spacing: -0.01em; line-height: 2; padding: 15px; border: 1px solid #fff; display: inline-block; padding-right: 100px; }
.sub_intro_btn .arrow { display: inline-block; position: absolute; height: 0.1px; width: 15px; border-bottom: 1px solid #fff; background-color: transparent; z-index: 1; top: 50%; right: 20px; }
.sub_intro_btn .arrow::after { content: ""; display: inline-block; margin: 0; padding: 0; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; top: -3px; left: 6px; }

.sub_intro_slider_01 {float: left; width: 50%; padding-right: 0px;z-index: 1;position: relative;top: 0px;left: 0px;height: 100%;overflow: hidden;}
.sub_intro_slider_02 {z-index: 2;position:absolute;top:0px;right:0px;width:50%;bottom:0px; }
.sub_intro_slider {}
.sub_intro_slider:after {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 1;content: ""; }
.sub_intro_slider_01:after {background-color: #0072ff}
.sub_intro_slider_02:after {background-color: #0072ff}
.sub_intro_wrap_in {position: relative;top: 0px;left: 0px;height: 100%;width: 200%;z-index: 2;}
.sub_intro_slider_02 .sub_intro_wrap_in {float: right;}
.sub_intro {position: relative; top: 0px;left: 0px;height: 100%;width: 100%;}
.video_box_wrap {background-color: #000;position: absolute;top: 0px;left: 0px;width: 100%;bottom: 0px;z-index: 5}
.sub_intro_slider_02 .video_box_wrap {background-color: red}
.video_box_wrap video {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  z-index: 1;
}
.sub_intro_slider_01 { z-index: 1; overflow: visible; -webkit-transition: all 2s ease; transition: all 2s ease; }
.sub_intro_slider_02 { -webkit-transition: all 2s ease; transition: all 2s ease; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 2; }
.sl_01_on .sub_intro_slider_02 { clip-path: polygon(80% 0, 100% 0, 100% 100%, 80% 100%); }
.sub_intro_slider_01 .sub_intro_wrap_in {}
.sl_01_on .sub_intro_slider_01 .sub_intro_wrap_in {}


.sl_02_on .sub_intro_slider_01 { z-index: 2; }
.sub_intro_slider_02 .sub_intro_wrap_in {}
.sl_02_on .sub_intro_slider_02 .sub_intro_wrap_in {}

.sl_02_on .sub_intro_slider_02 { clip-path: polygon(-80% 0, 100% 0, 100% 100%, -80% 100%); }
.sl_02_on .sub_intro_slider_01 {}


.sl_01_on .sub_intro_slider_02 .sub_intro_wrap_in {opacity: 0.3;-webkit-transition: all 3s ease; transition: all 3s ease;}
.sl_02_on .sub_intro_slider_01 .sub_intro_wrap_in {opacity: 0.3;-webkit-transition: all 3s ease; transition: all 3s ease;}


.sub_intro_slider_01 {}

.sub_intro_btn_wrap {padding: 50px 0}
.sub_intro_btn_wrap_in .menu {display: none;}
.sub_intro_btn_wrap_in .menu.active {display: block;}
.sub_intro_btn_wrap_in .menu_a  {display: none;}

.sub_intro_btn_wrap_in .sub_menu_a {font-size: 48px;line-height: 1.4;font-weight: 200;padding-bottom: 50px;display: block;}
.sub_intro_btn_wrap_in .thd_menu_wrap {font-size: 0px;}
.sub_intro_btn_wrap_in .thd_menu  {display: inline-block;}
.sub_intro_btn_wrap_in .thd_menu_a {font-size: 15px; line-height: 1.4;height: 50px;display: inline-block;position: relative;top: 0px;left: 0px;padding-right: 50px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);background-repeat: no-repeat;background-position: right 10px center;
background-image: url(../images/common/arr.png);
}
.sub_intro_btn_wrap_in .thd_menu_a span {display: inline-block; position: relative;top: 50%;left: 0px;width: 100%;transform: translateY(-50%);padding: 0 20px;}
.sub_intro_btn_wrap_in .thd_menu_a:hover {background-color: #0072ff;border-color: #0072ff}

.sub_intro_btn_wrap_in .sub_menu {display: none;}

.sub_intro_slider_01 .sub_intro_btn_wrap_in .sub_menu_01 {display: block;}
.sub_intro_slider_02 .sub_intro_btn_wrap_in .sub_menu_02 {display: block;}


.sub_intro:before {
	position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;content: "";
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 6;
}


/*메인*/

.back_btn_wrap {position: absolute;left: 50%;bottom: 50px;
	transform: translate(-50%,-50%);
}

.back_btn_wrap .back_btn_a {display: inline-block;padding: 15px 20px; border: 1px solid #fff;color: #fff;font-size: 14px; font-weight: 400;line-height: 1;text-transform: uppercase;}

.back_btn_a span {display: inline-block;vertical-align: middle;}
.back_btn_a span svg {width: 16px;display:inline-block;
transform: rotate(180deg);
}
.back_btn_a span svg * {fill: #fff}

.back_img img {width: 30px;border-radius: 0px;}
.back_img {padding: 0 10px;}
.back_txt {padding-left: 10px;}
.back_arr {padding-left: 5px;}
.back_btn_wrap .back_btn_a:hover {background-color: #0071ff;border-radius: 10px; border-color: #0071ff}



.sub_visual_bg2 {
position: absolute;top: 0px;left: 50%;bottom: 0px;right: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;overflow: hidden;width: 20%;transform: translateX(-50%);
}

.sub_visual_bg3 {
position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 1;
}
.sub_visual_bg3_wrap .sub_visual_txt2 span {-webkit-text-stroke-color: #fff;}
.sub_visual_bg3_wrap .sub_visual_txt2 {color: #fff;text-align: center;}



.sub_video_wrap { position: relative; padding-bottom: 56.2%; height: 0px; }
.seok_video_wrap {
	position: relative;
	left: 0px;
	top: 0px;
	overflow: hidden;
	padding-bottom: 56%;
}
.videoWrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

}
/*
@media (min-aspect-ratio: 16/9) {
	.videoWrapper {
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16/9) {
	.videoWrapper {
		width: 300%;
		left: -100%;
	}
}*/

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	pointer-events: none;*/
}
.sub_video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	pointer-events: none;*/
}


.non_video {max-width: 100%;}


.pp_2_box_wrap {margin-left: -20px;}
.pp_2_box {float: left; width: 50%;padding-left: 20px;padding-bottom: 20px;}


.proc_box_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.proc_box_wrap {margin-left: -50px;}
.proc_box {float: left; width: 50%;padding-left: 50px;padding-bottom: 50px;}


.proc_box_img {padding: 30px;border: 1px solid #ddd;}
.proc_box_img_wrap {padding-bottom: 40px;}








.pp_3_box_wrap {margin-left: -20px;}
.pp_3_box {float: left; width: 33.33%;width: calc(100%/3);padding-left: 20px;padding-bottom: 20px;}






.esds_tbl_wrap table {border-top: 1px solid #fff;width: 100%;font-size: 14px;color: #fff;line-height: 1.4;}
.esds_tbl_wrap td {padding: 25px 10px;font-weight: 300; text-align: left;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.esds_tbl_wrap th {padding: 25px 10px;font-weight: 500; text-align: left;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background-color: rgba(255, 255, 255, 0.1);}
.esds_tbl_wrap tr .td_01 {text-align: center;}






.net_all_wrap2 .net_box_in {padding-left: 0px;}


@-webkit-keyframes brightness {
    0%  { -webkit-filter: brightness(none); }
    100%{ -webkit-filter: brightness(0.6); }
  }



.new_table_01 table {width: 100%;font-size:18px;}
.new_table_01 th {padding: 20px 10px;color: #0072ff;text-align: left;font-weight: 600;width: 200px;border-bottom: 1px solid #f7f7f7;}
.new_table_01 td {padding: 20px 10px;color: #000;font-weight: 400;padding-left: 5%;border-bottom: 1px solid #f7f7f7;}


.s_sec_01_02_02_con_left {float: left;width: 35%;position: absolute;top: 0px;left: 0px;bottom: 0px;background-color: #0072ff}
.s_sec_01_02_02_con_right {padding-left: 40%;}

.s_sec_01_02_02_con_left_in {display: inline-block; max-width: 200px;width: 60%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.s_sec_01_02_02_con_left_in svg * {fill: #fff}


.none_video {width: 100%;position: relative;top: 0px;left: 0px;z-index: 1}

.network_img_wrap {position: relative;top: 0px;left: 0px}
.network_img {position: absolute;top: 50%;left: 0px;width: 100%;text-align: center;transform: translateY(-50%);z-index: 2;}


.s_sec_03_01_02_wrap {}

.s_sec_03_02_01_con_right_in {max-width: 1800px;margin: 0 auto;}



.proce_all_wrap {margin-left: -30px;}
.proce_wrap {padding-left: 30px;padding-bottom: 30px;float: left; width: 25%;position: relative;top: 0px;left: 0px; text-align: center;}

.proce_top_desc {padding: 20px 0}
.proce_img_wrap {padding: 30px 0}

.proce_top_wrap {border-top: 1px solid #ddd;}


.sub_05 .sub_visual_wrap {display: none;}
.sub_05 .sub_visual_bg_a:before {display: none;}
.sub_05 .sub_visual_bg_a:after {display: none;}

.sec_all_wrap {position: relative;top: 0px;left: 0px;width: 100%;z-index: 1000;overflow: hidden;}



.wd_50 {width: 50%;}
.wd_48 {width: 48%;}
.fl_l {float: left;}
.fl_r {float: right;}



.dp_inline {display: inline-block;}









.sub_01 .sub_visual_bg .m_bg {background-image: url(../images/sub/sub_01_01.jpg);}







.over_all_wrap {}
.over_wrap {margin-left: -20px;}
.over_box_wrap {float: left;width:25%; padding-left: 20px;padding-bottom: 20px;}
.over_box_in {position: relative;top: 0px;left: 0px;border: 1px solid #ddd;border-radius: 20px;}
.over_box_txt_wrap {min-height: 150px;}
.over_box_inner {padding: 30px;}

.over_box_img_wrap {padding-top: 20px;}
.over_box_img {text-align: right;}


.over_box_wrap_01 .over_box_logo_wrap {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
width: 50%;
}

.over_box_wrap_01 svg * {fill: #fff;}
.over_box_wrap_01 .over_box_in {border-color: #0058ea; background-color: #0058ea;}
.over_box_wrap_01 .over_box_inner {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;}



.s_sec_01_02_01_con_right_in {border-radius: 30px; overflow: hidden;}
.s_sec_01_02_02_con_left {border-radius: 30px;overflow: hidden;}



.sub_01_03 .sec_all_wrap {background-color: #f6f6f6}

.item_box_wrap {padding: 30px 50px 50px;background-color: #fff; border-radius: 20px;}
.item_box_txt .sec_tit3 {border-bottom: 1px solid #eee;padding-bottom: 10px;}

.item_box_wrap:hover {background-color: #0058ea;border-top-left-radius: 0px;}
.item_box_wrap:hover * {color: #fff;}
.item_box_wrap:hover .c_list01 > li:before {background-color: #fff}

.s_sec_01_03_01_con_right_in .owl-carousel .owl-item {}

.part_wrap {margin-left: -20px}
.part_box_wrap {float: left; width: 25%;padding-left: 20px;padding-bottom: 20px;}
.part_box_img{width: 100%;padding: 20px 10px;border: 1px solid #e8e8e8;box-sizing: border-box;text-align: center;}
.part_box_txt {padding: 10px; text-align: center;}
.part_box_wrap:nth-child(4n+1) {clear: both;}


.s_sec_01_06_01_con_left {float: left;width: 50%;}
.s_sec_01_06_01_con_right {float: right;width: 50%;}





.none_tbl_wrap td.td_02 {text-align: left;}



.none_tbl_wrap  {overflow: auto;}
.none_tbl_wrap2  {overflow: auto;}
.none_tbl_wrap3  {overflow: auto;}
.none_tbl_wrap4  {overflow: auto;}

.none_tbl_wrap::-webkit-scrollbar{width: 10px;height: 25px;}
.none_tbl_wrap::-webkit-scrollbar-thumb{background: #0072ff;border-radius: 100px;}
.none_tbl_wrap::-webkit-scrollbar-track{border-radius: 100px;background-color: #eee;box-shadow: inset 0px 0px 10px #ccc;padding: 5px;}

.none_tbl_wrap2::-webkit-scrollbar{width: 10px;height: 25px;}
.none_tbl_wrap2::-webkit-scrollbar-thumb{background: #0072ff;border-radius: 100px;}
.none_tbl_wrap2::-webkit-scrollbar-track{border-radius: 100px;background-color: #eee;box-shadow: inset 0px 0px 10px #ccc;padding: 5px;}


.none_tbl_wrap3::-webkit-scrollbar{width: 10px;height: 25px;}
.none_tbl_wrap3::-webkit-scrollbar-thumb{background: #0072ff;border-radius: 100px;}
.none_tbl_wrap3::-webkit-scrollbar-track{border-radius: 100px;background-color: #eee;box-shadow: inset 0px 0px 10px #ccc;padding: 5px;}

.none_tbl_wrap4::-webkit-scrollbar{width: 10px;height: 25px;}
.none_tbl_wrap4::-webkit-scrollbar-thumb{background: #0072ff;border-radius: 100px;}
.none_tbl_wrap4::-webkit-scrollbar-track{border-radius: 100px;background-color: #eee;box-shadow: inset 0px 0px 10px #ccc;padding: 5px;}






/*메인*/



.main_sec_in {width: 100%; max-width: 1700px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;padding: 0 50px}
.main_sec_in2 {width: 100%; position: relative;top: 0px;left: 0px;z-index: 2;}
.main_sec_bg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 1;}
.main_sec_all_wrap {position: relative;top: 0px;left: 0px;z-index: 900;}
.main_sec_wrap {position: relative;top: 0px;left: 0px;z-index: 900;}
.main_sec_01_all_wrap {position: relative;top: 0px;left: 0px;height: 100vh}
.main_sec_01_wrap {position: relative;top: 0px;left: 0px;height: 100% }
.main_sec_01_in {position: absolute;top: 50%;transform: translateY(-50%);}
.main_sec_01_in * {color: #fff;}


.main_sec_01_bg_wrap {}



.main_round {position: absolute;bottom: 0px;left: 0px;right: 0px;width: 100%;z-index: 10;}
.main_round img {width: 100%;}


.scrolled {
	 position: absolute;top: 50%; left: 50%;
	 z-index: 100;
	 transform: translateX(-50%);
	 text-align: center;
	 height: 50%;
	 width: 100px;
}
.scrolled:before {content: "";position: absolute;top: 1px;left: 50%;width: 1px;bottom: 50%;background-color: #eee;margin-left: -0.5px;}

.scrolled .txt {font-size:13px;color:#fff;font-weight:500;display: inline-block;padding-bottom: 20px;}
.scrolled .arr {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.scrolled .arr_circle {position: relative;top: 0px;left: 0px;display: inline-block;}
.scrolled .arr_circle span {width:14px;height:14px; display:inline-block;background-color:#0072ff;border-radius: 100px; z-index: 100;position: relative;top: 0px;left: 0px;}
.scrolled .arr_circle span:before {content: ""; position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:14px;height:14px; display:inline-block;background-color:#0072ff;border-radius: 100px; z-index: 50;
	animation: arrcircle 2s infinite;
}
.scrolled .arr_circle span:after {content: ""; position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:14px;height:14px; display:inline-block;background-color:#0072ff;border-radius: 100px; z-index: 10;
	animation: arrcircle2 2s infinite;
}

.scrolled2 {
		 position: absolute;top: 0px; left: 50%;
	 z-index: 120;
	 transform: translateX(-50%);
	 text-align: center;
	 height: 50%;
	 width: 100px;
	 overflow: hidden;
}
.scrolled2 .txt {font-size:13px;color:#fff;font-weight:500;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.scrolled2 .txt:before {content: "";position: absolute;top: 100%;left: 50%;width: 1px;background-color: #fff;margin-left: -0.5px;height: 200px;margin-top: 20px;}




@keyframes arrcircle {
	0% {
		transform: translate(-50%,-50%) scale(1);
		-ms-transform: translate(-50%,-50%) scale(1);
		-webkit-transform: translate(-50%,-50%) scale(1);
		opacity: 0.8;
	}
	100% {
		transform: translate(-50%,-50%) scale(2);
		-ms-transform: translate(-50%,-50%) scale(2);
		-webkit-transform: translate(-50%,-50%) scale(2);
		opacity: 0;
	}
}
@keyframes arrcircle2 {
	0% {
		transform: translate(-50%,-50%) scale(1);
		-ms-transform: translate(-50%,-50%) scale(1);
		-webkit-transform: translate(-50%,-50%) scale(1);
		opacity: 0.5;
	}
	100% {
		transform: translate(-50%,-50%) scale(3);
		-ms-transform: translate(-50%,-50%) scale(3);
		-webkit-transform: translate(-50%,-50%) scale(3);
		opacity: 0;
	}
}










.main_sec_02_con_wrap  {font-size: 0px;}
.main_sec_02_con_left {display: inline-block;width:40%;}
.main_sec_02_con_right {display: inline-block;width:60%;}







.cube_wrap {margin-left: -20px}
.cube_box_wrap {float: left; width: 25%;padding-left: 20px;padding-bottom: 20px;}
.cube_box_in {position: relative;top: 0px;left: 0px;width: 100%;border-radius: 30px;border-top-left-radius: 0px;overflow: hidden;display: block;}
.cube_box_inner {position: relative;top: 0px;left: 0px;width: 100%;height: 0px;padding-bottom: 100%;min-height: 300px;}
.cube_box_con_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.cube_box_txt {position: absolute;bottom: 0px;left: 0px;width: 100%;padding: 0px 7% 20px;}
.cube_box_txt * {color: #fff;}

.cube_box_in:hover .cube_box_con_wrap {background-color: #0072ff}


.cube_box_arr { background-image: url(../images/main/arrow.svg); background-repeat: no-repeat; background-position: center center; display: block; width: 25px; height: 25px; position: absolute;top: 20px;right: 7%;opacity: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.cube_box_in:hover .cube_box_arr {opacity: 1}


.main_sec_04_bg_wrap {background-image: url(../images/sub/main_sec_04_bg_wrap.jpg);background-attachment: fixed;overflow: hidden;border-top-right-radius: 150px;border-bottom-left-radius: 150px;background-repeat: no-repeat;background-size: cover;}
.main_sec_04_wrap * {color: #fff;}



.main_more_btn_wrap { position: relative; left: 0; top: 0; display: inline-block; text-align: right; width: 100%; }
.main_more_btn_wrap .more_btn_a { display: inline-block; position: relative; top: 0px; left: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; padding-right: 30px; background-image: url(../images/main/arrow.svg); background-repeat: no-repeat; background-position: right center; line-height: 20px;background-size:15px }
.main_more_btn_wrap .more_btn_a svg {fill: #fff;}


.qm_wrap {margin-left: -30px}
.qm_box_wrap {float: left; width: 50%;padding-left: 30px;padding-bottom: 30px;}
.qm_box_in {position: relative;top: 0px;left: 0px;width: 100%;border-radius: 30px;border-top-left-radius: 0px;overflow: hidden;display: block;background-color: rgba(0, 0, 0, 0.6);}
.qm_box_inner {padding: 50px 5% 120px 12%;}

.main_sec_04_con_right {float: right;width: 100%; max-width: 1000px}

.qm_box_in:hover {background-color: #0072ff;}

.qm_box_wrap .main_more_btn_wrap {position: absolute;bottom: 50px;right: 7%;top: auto;left: auto;}
.qm_box_inner .sec_txt {opacity: 0.6}
.main_sec_05_con_left { width: 50%;display: inline-block;vertical-align: baseline;padding-right: 30px}
.main_sec_05_con_right {width: 50%;display: inline-block;vertical-align: baseline;}

.main_noti_video_wrap {border-radius: 30px;border-top-left-radius: 0px;overflow: hidden;}





.main_sec_05_con_wrap {font-size: 0px;}
.owl_main_sec_05 .item {overflow: hidden;}

.main_sec_05_con_right_in {width: 350px;}
.owl_main_sec_05.owl-carousel .owl-stage-outer {width:1000%}
.main_sec_txt_right .owl_main_sec_05_nav {position: absolute;top: 0px;display: block;right: 0px;}

.owl_main_sec_05 .owl_item_box_img_wrap {width: 100%;position: relative;top: 0px;left: 0px;padding-bottom: 67%;height: 0px;overflow: hidden;border-radius: 15px;}

.owl_main_sec_05 .owl_item_box_img {
   position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;
background-repeat: no-repeat;background-position: center center;background-size: cover;
}
.owl_main_sec_05 .owl_item_box_txt {padding-top: 20px;}




.owl_main_sec_05.owl-carousel .owl-dots {bottom: -30px;text-align: left;width: 400%; display: none;}

.owl_main_sec_05.owl-carousel .owl-dots button {display: inline-block;}
.owl_main_sec_05.owl-carousel .owl-dots button span {display: inline-block;height: 3px;overflow: hidden;background-color: #f9f9f9;border-radius: 0px;margin: 0px;opacity: 1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;width: 100%;}
.owl_main_sec_05.owl-carousel .owl-dots button.active span {background-color: #3758ff;}

.owl_main_sec_05.owl-carousel {overflow: visible;}

.owl_item_box_txt_wrap {padding: 30px;}
.owl_main_sec_05 .item {background-color: #f7f7f7;border-radius: 20px;border-top-left-radius: 0px;}
.owl_item_box_txt_wrap .main_more_btn_wrap {font-size: 15px;color: #000;opacity: 0.4}
.owl_item_box_txt_wrap .main_more_btn_wrap {}
.owl_item_box_txt_wrap .main_more_btn_wrap .more_btn_a {background-image: url(../images/main/arrow_b.svg);}

.main #wrap {background-color: #f6f6f6}
.main_wrap {border-bottom-left-radius: 150px;background-color: #fff;}



.dp_inline_left {display: inline-block;vertical-align: baseline;}
.dp_inline_right {display: inline-block;vertical-align: baseline;}

.s_sec_02_01_01_01_con_left {float: left; width: 49%;}
.s_sec_02_01_01_01_con_right {float: right;width: 49%;}


.s_sec_02_01_01_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_01_01_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
background-repeat: no-repeat;background-position: left center;background-size: cover;
background-image: url(../images/sub/s_sec_02_01_01_02_con_left_in.jpg);
background-attachment: fixed;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}


.lpdi_all_wrap {}
.lpdi_wrap {margin-left: -20px;}
.lpdi_box_wrap {float: left;width:25%; padding-left: 20px;padding-bottom: 20px;}
.lpdi_box_in {position: relative;top: 0px;left: 0px;border: 1px solid #ddd;border-radius: 20px;}
.lpdi_box_txt_wrap {}
.lpdi_box_inner {padding: 50px 30px;}

.lpdi_box_img_wrap {padding-bottom: 30px;}
.lpdi_box_img {}



.col2_all_wrap {}
.col2_wrap {margin-left: -20px;}
.col2_box_wrap {float: left;width:50%; padding-left: 20px;padding-bottom: 50px;}
.col2_box_wrap:nth-child(2n+1) {clear: both;}
.col2_box_in {position: relative;top: 0px;left: 0px;}
.col2_box_txt_wrap {}
.col2_box_inner {}

.col2_box_img_wrap {padding-bottom: 30px;}
.col2_box_img {border: 1px solid #ddd;border-radius: 20px;padding:20px;}





.s_sec_02_01_01_03_wrap {background-color: #080504}
.s_sec_02_01_01_03_wrap * {color: #fff;}
.s_sec_02_01_01_03_wrap .c_list01 > li:before {background-color: #fff}



.s_sec_02_01_01_03_con_left {float: left; width: 100%;}
.s_sec_02_01_01_03_con_right {float: right;width: 100%;max-width: 1000px;}


.col4_all_wrap {}
.col4_wrap {margin-left: -20px;}
.col4_box_wrap {float: left;width:25%; padding-left: 20px;padding-bottom: 50px;}
.col4_box_wrap:nth-child(4n+1) {clear: both;}
.col4_box_in {position: relative;top: 0px;left: 0px;}
.col4_box_txt_wrap {}
.col4_box_inner {}

.col4_box_img_wrap {padding-bottom: 30px;}
.col4_box_img {overflow: hidden;border-radius: 20px;}

.s_sec_02_01_01_03_con_left .sec_tit  {}



.s_sec_02_01_02_01_con_left {float: left; width: 49%;}
.s_sec_02_01_02_01_con_right {float: right;width: 49%;}

.s_sec_02_01_02_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_01_02_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
background-repeat: no-repeat;background-position: left center;background-size: cover;
background-image: url(../images/sub/s_sec_02_01_02_02_con_left_in.jpg);
background-attachment: fixed;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}


.none_tbl_wrap2 table {width: 100%;font-size: 16px;color: #000;line-height: 1.6}
.none_tbl_wrap2 td {padding: 25px 10px 25px 5%;font-weight: 300; text-align: left;border-bottom: 1px solid #ddd;vertical-align: top;}
.none_tbl_wrap2 th {padding: 25px 10px 25px 5%;font-weight: 500; font-size: 18px;text-align: left;border-bottom: 1px solid #ddd;background-color: #fff;}

.none_tbl_wrap2 td.td_01 {width: 250px;background-color: #f7f7f7;padding-left: 3%;color: #000}


.s_sec_02_01_02_02_con_right .lpdi_box_wrap {width: 50%;}



.lpdi_box_txt_wrap .c_list01 {display: inline-block; max-width: 500px;}




.col3_all_wrap {}
.col3_wrap {margin-left: -30px;}
.col3_box_wrap {float: left;width:33.33%;width: calc(100%/3); padding-left: 30px;padding-bottom: 50px;}
.col3_box_wrap:nth-child(3n+1) {clear: both;}
.col3_box_in {position: relative;top: 0px;left: 0px;}
.col3_box_txt_wrap {}
.col3_box_inner {}

.col3_box_img_wrap {padding-bottom: 30px;}
.col3_box_img {border: 1px solid #ddd;border-radius: 20px;padding:20px;}
.col3_box_img img {}

.new_box_bg_wrap {background-color: #f9f9f9;padding: 50px 4%;border-radius: 30px}



.s_sec_02_01_03_01_con_left {float: left; width: 49%;}
.s_sec_02_01_03_01_con_right {float: right;width: 49%;}


.s_sec_02_01_03_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_01_03_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
background-repeat: no-repeat;background-position: left center;background-size: cover;
background-image: url(../images/sub/s_sec_02_01_03_02_con_left_in.jpg);
background-attachment: fixed;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}


.none_tbl_wrap3 table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000;line-height: 1.6}
.none_tbl_wrap3 td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;width: 20%}
.none_tbl_wrap3 th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;background-color: #f7f7f7}



.none_tbl_wrap4 table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000;line-height: 1.6}
.none_tbl_wrap4 td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;}
.none_tbl_wrap4 th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;background-color: #f7f7f7}


.col3_all_wrap2 .col3_box_img {border: none;padding: 0px;overflow: hidden;}



.depth_all_wrap {display: none;}

.depth_box_nav_wrap {padding: 100px 50px 50px;}
.depth_box_nav {width: 100%;position: relative;margin: 0 auto; max-width: 1400px;}
.depth_box_nav .menu {display: none;}
.depth_box_nav .menu_a {display: none;}
.depth_box_nav .menu.active {display: block;}
.depth_box_nav .sub_menu  {display: none;}
.depth_box_nav .sub_menu.active {display: block;}
.depth_box_nav .sub_menu_a  {display: none;}
.depth_box_nav .thd_menu_wrap {font-size: 0px;text-align: center;}
.depth_box_nav .thd_menu {display: inline-block;}
.depth_box_nav .thd_menu_a {padding: 0px;font-size: 18px;color: #000;height: 80px;padding: 0 5px;font-weight: 500;display: block;
border: 1px solid #ddd;border-left: none;
}
.depth_box_nav .thd_menu_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.27em;font-size: large;}
.depth_box_nav .thd_menu_a span {vertical-align: middle;display: inline-block;line-height: 1.6;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;}

.depth_box_nav .thd_menu:first-child .thd_menu_a {border-left: 1px solid #ddd;border-top-left-radius: 100px;border-bottom-left-radius: 100px;}

.depth_box_nav .sub_menu_01 .thd_menu {width: 33.33%;}
.depth_box_nav .sub_menu_02 .thd_menu {width: 25%;}
.depth_box_nav .sub_menu_03 .thd_menu {width: 33.33%;}
.depth_box_nav .sub_menu_04 .thd_menu {width: 50%;}
.depth_box_nav .sub_menu_05 .thd_menu {width: 33.33%;}
.depth_box_nav .sub_menu_06 .thd_menu {width: 50%;}

.depth_box_nav .thd_menu_a:hover,.depth_box_nav .thd_menu_a.active {color: #fff;background-color: #0072ff;border-color: #0072ff;}
.depth_box_nav .thd_menu:last-child .thd_menu_a {border-top-right-radius: 100px;border-bottom-right-radius: 100px;}

.s_sec_02_01_03_02_con_right .col4_box_img img {width: 100%;}





.s_sec_02_02_01_01_con_left {float: left; width: 49%;}
.s_sec_02_02_01_01_con_right {float: right;width: 49%;}
.s_sec_02_02_01_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_02_01_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
background-repeat: no-repeat;background-position: left center;background-size: cover;
background-image: url(../images/sub/s_sec_02_02_01_02_con_left_in.jpg);
background-attachment: fixed;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}


.s_sec_02_02_02_01_con_left {float: left; width: 49%;}
.s_sec_02_02_02_01_con_right {float: right;width: 49%;}
.s_sec_02_02_02_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_02_02_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
background-repeat: no-repeat;background-position: left center;background-size: cover;
background-image: url(../images/sub/s_sec_02_02_02_02_con_left_in.jpg);
background-attachment: fixed;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}


.s_sec_02_02_03_01_con_left {float: left; width: 49%;}
.s_sec_02_02_03_01_con_right {float: right;width: 49%;}
.s_sec_02_02_03_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_02_03_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
background-repeat: no-repeat;background-position: left center;background-size: cover;
background-image: url(../images/sub/s_sec_02_02_03_02_con_left_in.jpg);
background-attachment: fixed;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}


.s_sec_02_03_01_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_03_01_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
background-repeat: no-repeat;background-position: left center;background-size: cover;
background-image: url(../images/sub/s_sec_02_01_03_02_con_left_in.jpg);
background-attachment: fixed;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}



.col3_all_wrap3 .col3_box_in {border: 1px solid #ddd; border-radius: 20px;}
.col3_all_wrap3 .col3_box_inner {padding: 40px 20px;}


.col2_all_wrap2 .col2_box_img {border: none;border-radius: 20px;overflow: hidden;padding: 0px;}

.s_sec_02_05_01_01_con_left {float: left; width: 49%;}
.s_sec_02_05_01_01_con_right {float: right;width: 49%;}


.cert_con_all_wrap2 .cert_con_box {width: 25%}


.s_sec_02_05_03_02_con_left {float: left; width: 49%;}
.s_sec_02_05_03_02_con_right {float: right;width: 49%;}


.col4_no_txt .col4_box_wrap { padding-bottom: 0; }
.col3_no_txt .col3_box_wrap{ padding-bottom: 0;}
.col2_all_wrap2 .col2_box_img { padding: 0; overflow: hidden; }
.col3_all_wrap4 .col3_box_img { padding: 0; overflow: hidden; }
.col2_feature { text-align: left; }
.col2_feature .new_box_bg_wrap { padding: 50px 10%; }
.col2_feature .col2_box_img { padding: 0 60px; border: none;}
.col2_feature .col2_box_in  { }



.s_sec_02_06_01_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_06_01_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
	background-repeat: no-repeat;background-position: left center;background-size: cover;
	background-image: url(../images/sub/s_sec_02_06_01_02_con_left_in.jpg);
	background-attachment: fixed;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
}
.col2_all_wrap4 .col2_box_img { padding: 0; overflow: hidden; }




.s_sec_02_02_04_02_con_left {height: 400px;position: relative;top: 0px;left: 0px;}
.s_sec_02_02_04_02_con_left_in {width: 150%;margin-left: -5%;background-color: #000;
	background-repeat: no-repeat;background-position: left center;background-size: cover;
	background-image: url(../images/sub/s_sec_02_02_04_02_con_left_in.jpg);
	background-attachment: fixed;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
}







.cube_box_wrap_01 .cube_box_bg {
	background-repeat: no-repeat;background-position: center center;background-size: cover;
	background-image: url(../images/sub/cube_box_wrap_01.jpg);
}
.cube_box_wrap_02 .cube_box_bg {
	background-repeat: no-repeat;background-position: center center;background-size: cover;
	background-image: url(../images/sub/cube_box_wrap_04.jpg);
}
.cube_box_wrap_04 .cube_box_bg {
	background-repeat: no-repeat;background-position: center center;background-size: cover;
	background-image: url(../images/sub/cube_box_wrap_02.jpg);
}
.cube_box_wrap_05 .cube_box_bg {
	background-repeat: no-repeat;background-position: center center;background-size: cover;
	background-image: url(../images/sub/cube_box_wrap_06.jpg);
}
.cube_box_wrap_07 .cube_box_bg {
	background-repeat: no-repeat;background-position: center center;background-size: cover;
	background-image: url(../images/sub/cube_box_wrap_05.jpg);
}
.cube_box_wrap_08 .cube_box_bg {
	background-repeat: no-repeat;background-position: center center;background-size: cover;
	background-image: url(../images/sub/cube_box_wrap_03.jpg);
}


body .s_search_all_wrap {display: none;}


.s_sec_04_02_01_con_right_in {border-radius: 30px;overflow: hidden;}
