@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: 40px;height: 40px;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: #003b75;background-repeat: no-repeat;background-position: center center;border-radius: 100px}
#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: 8%; 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: 15px;}
.section .scroll .arr{ position: relative;
    top: 0;
    left: 50%;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
    background-color: #fff;
    border-radius: 100px;
    -webkit-animation: scroll 2s infinite;
    animation: scroll 2s infinite;
    box-sizing: border-box;}


    @keyframes scroll  {
        to { opacity: 0; top: 80px; }
    }
        
    @-webkit-keyframes scroll {
        to { opacity: 0; top: 80px; }
    }
      
.section .scroll:before {position: absolute;top: 100%;left: 50%;width: 1px; height: 200px;background-color: #fff;content: "";opacity: 0.6}


.scrolled {
	 position: absolute;bottom: 100px; left: 50%;
	 z-index: 100;
	 transform: translateX(-50%);
	 z-index: 6;
}
.scrolled .txt {font-size:14px;color:#fff;font-weight:400;display: inline-block;padding-top: 20px;}
.scrolled .arr{position:relative;width: 30px;height: 50px; border: 1px solid #fff; background-color: transparent;left: 50%; margin-left: -15px;border-radius: 100px;}
.scrolled .arr:after{
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 4px;
	height: 10px;
	margin-left: -2px;
	border-radius: 100px;
	background-color: #fff;
	animation: scrolled 1.3s infinite;
}
@keyframes scrolled{
		0% {transform: translate(0, -5px); opacity: 0;}
		40% {opacity: 1;}
		80% {transform: translate(0, 10px);}
		100% {opacity: 0;}
}
/*헤더*/
.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 {line-height: 1.3;padding: 10px 5px 10px 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: #003b75;border-color: #003b75;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: #003b75;border-color: #003b75;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;}

.main .all_bg {display: none!important;}
.sub .all_bg {display: none!important;}
.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%;padding: 0 50px}
.header_mid {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;padding: 0 180px}
.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: 32px;left: 0px;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{display: none;}



.m_menu_btn_wrap {position: absolute;top: 22px;right: 0px;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: #003b75;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:before {background-color: #003b75;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:after {background-color: #003b75;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: 30px;right: 0px;height: 50px;z-index: 3;height: 36px;}
.lang_box {border: 1px solid #fff;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 {background-color: #00684d;border-color: #00684d}
.lang_box:hover .lang_box_a {color: #fff!important;background-image: url(../images/main/open_w.png)!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: #003b75}

.lang_box .lang_box_a:after {display: none;}
.lang_box_a {
	background-image: url(../images/main/open_w.png);background-repeat: no-repeat;background-position: center right 15px;
	background-size: 13px;
}



/*메뉴*/
.top_nav {position: relative;top: 0px;left: 0px;font-size: 0px;text-align: right;z-index: 1;padding-top: 0px;}
.top_nav .menu_01 {width: 120px;}
.top_nav .menu_02 {width: 160px;}
.top_nav .menu_03 {width: 120px;}
.top_nav .menu_04 {width: 179px;}
.top_nav .menu_05 {width: 160px;}
.top_nav .menu_06 {width: 167px;}
.top_nav .menu_07 {width: 250px;}
.top_nav .menu_08 {width: 146px;}
.top_nav:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.top_nav .menu {position: relative;top: 0px;left: 0px;display: inline-block;vertical-align: top;text-align: center;}
.top_nav .menu_a {padding: 0px;font-size: 0px;color: #fff;height: 100px;padding: 0 10px;font-weight: 500;position: relative;top: 0px;left: 0px;z-index: 3;}
.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;font-size: 17px;}
.top_nav .menu_a span:after {content: '';position: absolute;bottom: -5px;left: 0px;width: 0px; 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: 20px;font-size: 15px;color: #fff;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: absolute;top: 20px;left: 0px;-webkit-transition: none;transition: none;text-decoration: none;display: none;padding-bottom: 10px;padding-top: 75px;z-index: 2;background-color: #003b75;border-radius: 10px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a {-webkit-transition: none;transition: none;background-color: #002d61}
.top_nav .menu:hover .menu_a.void_link ,.top_nav .menu.active .menu_a.void_link  {color: #fff}
.top_nav .menu:hover .menu_a.void_link span:after,.top_nav .menu.active .menu_a.void_link span:after {display: none;}


.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_all_wrap img { max-width: 100%;}
.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:30px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit2 b {font-weight: 500;}
.sec_tit3 {font-size:48px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit3 b {font-weight: 500;}
.sec_tit4 {font-size:72px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit4 b {font-weight: 500;}
.sec_tit5 {font-size:134px;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:20px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit6 b {font-weight: 500;}
.sec_tit6 span {font-weight: 500;text-transform: uppercase;color: #003b75;}
.sec_tit7 {font-size:36px;font-weight: 200;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit7 b {font-weight: 500;}



.sec_txt {font-size:16px;font-weight: 200;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt b {font-weight: 500;}
.sec_txt2 {font-size:18px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt2 b {font-weight: 500;}
.sec_txt3 {font-size:24px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt3 b {font-weight: 500;}
.sec_txt4 {font-size:14px;font-weight: 300;line-height: 1.6;color: #666;word-break: keep-all;}
.sec_txt4 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;}

.pdt_tit{font-size: 26px; font-weight: 600; color: #222; padding-bottom: 30px;}

.sub_tab_box.active{font-weight: 600;}

/*.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: #003b75}*/

.main .footer_all_wrap {display: none;}
.main .main_sec_08_wrap  .footer_all_wrap {display: block;}


.main_sec_01_in {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.main_sec_01_con_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}

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


.scroll .header_all_wrap {box-shadow: 0px 0px 10px #777;background-color: #fff;}
.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: #003b75}

/*.open .header_all_wrap {box-shadow: 0px 0px 10px #777;background-color: #fff;}
.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 .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: #003b75}
*/
















/*메인*/
.c_line_wrap {padding: 10px 0}
.c_line {display: block;width: 100%; height: 1px; background-color: #eee;}

.sec_wrap {padding: 190px 0}
.main_visual {text-align: center;display:block;background-image: url(../images/main/main_01.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;width: 100%;position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;
}


@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);
	}
}


.main_visual img {

}


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

.main_bg_01 { text-align: center; display: block; background-image: url(../images/main/main_02.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;
animation-duration: 15s;
animation-timing-function: ease;
animation-delay: 3s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: sizeup;
}
.main_bg_02 {
    text-align: center; display: block; background-image: url(../images/main/main_bg_02.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }

.main_02_01_left_wrap, .main_02_01_right_wrap { position: absolute;z-index:1 }
.main_02_01_img { display: inline-block; border-radius: 30px; overflow: hidden; }
.main_02_01_txt { font-size: 30px; color: rgba(255, 255, 255, 0.502) !important; font-weight: bold; padding-top: 5px; line-height: 2; }
.main_02_01_left_wrap {top:40%; left:-7%; text-align: right;}
.main_02_01_right_wrap {top:10%; right:-7%; text-align: left;}
.main_02_01_logo{padding-bottom: 10px;}
.main_02_01_logo svg {max-width: 300px; width: 100%;}
.main_sec_01_wrap {background-color: #eee}
.main_sec_01_wrap .main_visual_txt_center {text-align: left;padding: 7vh 0;font-size: 18px;}
.main_sec_01_wrap .main_visual_txt {vertical-align: bottom;}
.main_01_txt_wrap {display: flex;width: 100%;max-width: 70%;align-content: flex-start;flex-wrap: wrap;justify-content: flex-start;
column-gap: 5%;row-gap: 5vh;
}
.main_01_txt {
	flex-basis: 378px;
	width: 50%;
}
.main_01_txt.main_01_txt_01 {
	flex-basis: 100%;
	width: 50%;
}


.main_01_top_wrap {position: absolute;bottom: 100%;left: 0px;width: 70%; padding-bottom: 7vh;}


.main_sec_01_wrap .main_visual_txt_center:before {
	content: ""; background-color: #fff;position: absolute;top: 0px;left: -100px;right: -100px;bottom: 0px;z-index: -1;
	border-top-left-radius: 10px;border-top-right-radius: 10px;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02);
}




.main_visual_pd {position: relative;top: 0px;left: 0px;max-width: 1400px;margin: 0 auto;}
.main_visual_pd *{color: #fff; text-align: left;}

.pd_tit { font-size: 72px; font-weight: 200; line-height: 1.4; color: #fff; word-break: keep-all; }
.pd_tit, .pd_more_tit{float: left;}
/* .pd_item_wrap{width: 200%;} */
.pd_item_img{text-align: center;}
.pd_item { display: inline-block; background-color: rgba(255, 255, 255,0.051); padding: 20px; border-radius: 10px; margin-right: 30px;}
.pd_more { display: inline-block; position: relative; top: 30px; left: 30px; }
.pd_more .circle { border-radius: 100px; background-color: rgb(0, 175, 235); width: 50px; height: 50px; top: 0; left: 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: 50px; padding: 0 30px; display: block; }
.pd_item_txt_wrap { display: flex;  justify-content: space-between; align-items: flex-start; }
.pd_item_txt{display: inline-block;}
.pd_more_txt { position: relative; width: 50px; height: 50px; display: inline-block;  border-radius: 100%; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.pd_item:hover .pd_more_txt{background-color: #00afeb;}
.pd_more_txt::after { content: ""; position: absolute; top: 50%; left: 35%; margin-top: -4px; display: block; width: 10px; height: 10px; background-color: transparent; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(135deg); text-indent: -9999px; transition: all .3s ease; z-index: 2; }
.pd_item_txt .sec_txt4{color: rgba(255, 255, 255, 0.702); letter-spacing: -0.05em;}


.pd_more:hover .circle {width: 100%;}



.main_sec_04_con_wrap .main_logo  { width: 335px; height: 120px; margin: 0 auto; padding-left: 45px; }
.main_sec_04_con_wrap .sec_txt3 { text-align: center; color: #d2d2d2; }
.main_sec_04_con_wrap .sec_tit7 { text-align: center; font-weight: 300; letter-spacing: -0.05em; line-height: 1.2; }


.main_visual_all_wrap {width: 100%; position: relative;top: 0px;left: 0px;text-align: center;overflow: hidden;}
.main_visual_wrap {width: 100%; position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;overflow: hidden;z-index: 4;}
.main_visual_txt_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; }
.main_visual_txt_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.main_visual_txt {vertical-align: middle;display: inline-block;color: #fff;width: 100%;position: relative;top: 0px;left: 0px;text-align: center;}
.main_visual_txt_01 {font-size:44px;line-height: 1.6;font-weight: 400;padding-bottom: 20px;word-break: keep-all;}
.main_visual_txt_01 span {display: inline-block;}
.main_visual_txt_01 b {font-weight: 700;}
.main_visual_txt_02 {font-size:130px;line-height: 1.6;font-weight: 400;padding-bottom: 20px;word-break: keep-all;}
.main_visual_txt_02 span {display: inline-block;}
.main_visual_txt_02 b {font-weight: 700;}
.main_visual_txt_03 {font-size:24px;line-height: 1.6;font-weight: 400;word-break: keep-all;padding-bottom: 20px;}
.main_visual_txt_03 a {display: inline-block;padding: 20px 30px;border: 1px solid #fff;color: #fff;}
.main_visual_txt_03 b {font-weight: 700;}
.main_wrap .sec_wrap {overflow: hidden;}

.main_visual_txt_03 a:hover {background-color: #fff;color: #222;border-radius: 100px;}


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


.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: #003b75;border-color: #003b75;}
.sec_btn_wrap.color_btn .sec_btn {border-color: #ddd; color: #666}
.sec_btn_wrap.color_btn .sec_btn:hover {background-color: #003b75;border-color: #003b75;color: #fff}



.main_sec_03_in_txt{font-size: 14px; padding-top: 20px; color: #999; line-height: 1.45;}
.main_sec_03_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%;  max-width: 1400px; margin: 0 auto;text-align: left;height: 100%;}
.main_sec_03_con_in {overflow: visible;}
.main_sec_03_con_wrap { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; z-index: 4; }
.main_sec_03_bg_wrap {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;z-index: 1}
.main_sec_03_bg {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;
background-repeat: no-repeat; background-position: center center; background-size: cover;
}
.main_sec_03_bg {

}

.main_sec_03_img_wrap {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;z-index: 2}
.main_sec_03_img {display: inline-block; position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);width: 80%}
.main_sec_03_con { position: absolute;top: 0px;bottom: 0px;width: 50%;overflow: hidden;}
.main_sec_03_con_left {left: 0px;}
.main_sec_03_con_right {right: 0px;}
.pd_more_02 { padding: 15px 30px; background-color: #fff; display: inline-block; border-radius: 100px; }
.pd_more_02:hover{ background-color: #255fb8;}
.pd_more_02:hover .pd_more_tit_02{color: #fff;}
.pd_more_tit_02 { color: #277bf4; font-weight: 600; display: inline-block; font-size: 18px; }

.main_sec_04_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%;  max-width: 1400px; margin: 0 auto;}
.main_sec_04_con_in {overflow: visible;}

/* main_sec_04_wrap {height: auto!important;padding: 230px 0;}
.main_sec_04_wrap .fp-tableCell {height: auto!important} */


 .main_sec_08_wrap {height: auto!important}
.main_sec_08_wrap .fp-tableCell {height: auto!important}


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

.main_sec_01_slider .item {background-color: #ebeaea; border-radius: 10px;overflow: hidden;padding: 30px;display: block;}
.owl-carousel .owl-item .item_img img {width: initial;display: inline-block;}

.main_sec_01_slider .item {display: inline-block; background-color: rgba(255, 255, 255,0.051); width: 100%; padding: 20px; border-radius: 10px; margin-right: 30px;}
.item_label { font-size: 22px; color: #222;  overflow: hidden; width: 80%;}
.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 {padding:  0; text-align: center;}

.main_sec_01_slider_wrap {position: relative;top: 0px;right: 0px;width: 100%;}
.main_sec_01_slider.owl-carousel .owl-stage-outer {margin-left: 0px;width: 200%}

.main_sec_01_slider.owl-carousel .owl-dots {bottom: -80px;text-align: left;max-width: 98%}

.main_sec_01_slider.owl-carousel .owl-dots button {display: inline-block;}
.main_sec_01_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%;}
.main_sec_01_slider.owl-carousel .owl-dots button.active span {background-color: #0024a6;}

.main_sec_st_slider_wrap {position: relative;top: 0px;right: 0px;width: 100%; display: ;}
.main_sec_st_slider.owl-carousel .owl-stage-outer {margin-left: 0px;}

.main_sec_st_slider.owl-carousel .owl-dots {bottom: -80px;text-align: left;max-width: 98%; display: block;}

.main_sec_st_slider.owl-carousel .owl-dots button {display: inline-block;}
.main_sec_st_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%;}
.main_sec_st_slider.owl-carousel .owl-dots button.active span {background-color: #0024a6;}

.main_sec_st_slider.owl-carousel {overflow: visible;}


/*슬라이드*/
.owl-carousel { position: relative; top: 0px; left: 0px; display: block; width: 100%; }
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width:51px; height: 50px;margin-top: -30px;background-repeat: no-repeat;background-position: center center;background-size:contain;}
.owl-carousel .owl-nav button span {display: none;}
.owl-carousel .owl-nav button.owl-prev {left: -50px;background-image: url(../images/common/arr_prev.png);}
.owl-carousel .owl-nav button.owl-next {right: -50px;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.3;text-align: center;color: #333;padding: 5px 0;}
.item_tit_kr {font-size:16px;font-weight: 300;line-height: 1.3;text-align: center;color: #666;padding: 5px 0}
.owl-carousel .owl-item .item_img img {width: initial;}


/*서브메뉴*/

.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: #003b75; color: #fff; border-color: #003b75;}
.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: #003b75;}
/*.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: #003b75}
.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; line-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: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: #003b75}
.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%; border-bottom: 1px solid #ddd;padding: 10px;font-size: 15px;color: #666;line-height: 1.4;}
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #003b75}
/*.line_nav_box_02 .line_nav_menu .sub_menu.active {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;}




/*유튜브*/
.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;
}



/*테이블*/
.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;}
.td_01 {text-align: center;}
.td_02 {text-align: center;}
.table_01_wrap table  {font-size: 14px;}
.table_01_wrap th {width: 130px;}


.board_wrap .table_wrap table {}
.board_wrap .table_wrap td {text-align: left;}
.board_wrap .table_wrap th {background-color: #f7f7f7}





/*제품*/
.pt_list_all_wrap {width: 100%;overflow: hidden;padding: 40px 0}
.pt_list_wrap {margin-left: -40px;}
.pt_list_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_list_box {float: left;width: 25%;width: calc(100%/4);padding-left: 40px;padding-bottom: 50px;position: relative;top: 0px;left: 0px;}
.pt_chk {position: absolute;top: 0px;left: 0px;}
.pt_list_info_wrap {padding: 10px 0 0;}
.pt_list_box .pt_list {display: block;position: relative;top: 0px;left: 0px;background-color: #fff;}
.pt_list_box .pt_list_img {position: relative;top: 0px;left:0px;overflow: hidden;border: 1px solid #eee;border-radius: 10px;}
.pt_list_box .pt_list_img img {width: 100%;max-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;}
.pt_list_mask {position: absolute;top: 0px; left: 0px; right: 0px; bottom: 0px;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.pt_list:hover .pt_list_mask {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.pt_list:hover .pt_list_img img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.pt_list_txt {width: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;}
.pt_list_txt:before {content: '';display: inline-block;height: 100%;vertical-align: middle;font-size: large;margin-right: -0.25em;}
.pt_list_txt .pt_list_txt_in { vertical-align: middle; display: inline-block; line-height: 1.6; color: #333; font-size: 18px; font-weight: 500; width: 100%; }
.pt_list_txt .pt_list_txt_in span {width: 100%;display: block;line-height: 1.6; }
.pt_list_txt .pt_list_txt_in .pt_list_txt_en {font-size:14px; color: #666;padding-top: 5px;}

.pt_list_cate {font-size: 15px; color: #43c7e7;padding-bottom: 10px;}
.pt_list_date {font-size: 16px; color: #999;padding-top: 10px;}
.main_board_line_in {line-height: 1.6;}
.board_wrap {}
#bo_v_atc {padding: 20px;}


/*상세페이지*/

.pt_view_all_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.pt_view_wrap {width: 100%;}
.pt_view_top_wrap {width: 100%;}
.pt_view_top_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.pt_view_top_left {width: 50%; float: left;padding-right: 3%;}
.pt_view_top_right {width: 50%; float: right;padding-left: 3%;}
.pt_view_top_img {width: 100%;border: 1px solid #ddd;}
.pt_view_top_img a {display: block;}
.pt_view_top_img img {width: 100%;height: auto;}
.pt_view_top_right_in {width: 100%;}
.pt_view_top_right_cate {padding-bottom: 20px;}

.pt_view_top_right_cate .menu {display: none;}
.pt_view_top_right_cate .menu_a {display: none;}
.pt_view_top_right_cate .menu.active {display: block;}
.pt_view_top_right_cate .sub_menu {display: none;}
.pt_view_top_right_cate .sub_menu.active {display: block;}

.pt_view_top_right_cate span {display: inline-block;padding: 10px;border: 1px solid #ddd; font-size: 16px;color: #333;}
.pt_view_top_right_txt_kr {font-size:36px;color: #333; font-weight: 500;padding-bottom: 20px;}
.pt_view_top_right_txt_en {font-size: 18px; color: #999; font-weight: 400; padding-bottom: 20px;}
.bo_line_wrap {width: 100%;padding: 10px 0;}
.bo_line {width: 100%; background-color: #ddd;height: 1px;}
.pt_view_top_btn_wrap {padding: 20px 0;}
.pt_view_top_btn_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.pt_view_top_btn_box {width: 49%;float: left;margin-left: 2%;}
.pt_view_top_btn_box:first-child {margin-left: 0px;}
.pt_view_top_btn_box .pt_view_top_btn {display: block;height: 70px;line-height: 70px;font-size: 18px; font-weight: 400;text-align: center;}
.pt_view_top_btn_box .pt_view_top_btn_inquiry {background-color: #335ca6; color: #fff;}
.pt_view_top_btn_box .pt_view_top_btn_list {background-color: #f7f7f7; color: #333;border: 1px solid #ddd;}


.pt_view_mid_wrap {width: 100%;padding: 100px 0}
.pt_view_mid {width: 100%;}
.pt_view_label_wrap {width: 100%;padding: 30px 0}
.pt_view_label_in {width: 100%; border-bottom: 1px solid #ddd;}
.pt_view_label {border-bottom: 3px solid #335ca6;display: inline-block;padding-bottom: 15px;padding-right: 10px;}
.pt_view_label_kr {display: inline-block;font-size: 36px;color: #333;padding-right: 10px;}
.pt_view_label_en {display: inline-block;font-size: 20px;color: #333;}
.pt_view_con_wrap {padding-bottom: 50px;}
.pt_view_con {padding: 20px;line-height: 1.6;}






/*게시판*/
.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: #003b75;border-color: #003b75;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: #003b75;border-color: #003b75;}




/*서브*/

.sec_in {width: 100%; max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}


.sub_top_nav {width: 100%;border-bottom: 1px solid #ddd;display: none;text-transform: uppercase;}
.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: 1400px;margin: 0 auto;}
.sub_top_nav .sub_menu {display: inline-block;width: 20%;position: relative;top: 0px;left: 0px;}
.sub_top_nav .sub_menu_a {display: block;font-size: 16px;height: 70px;font-weight: 400;color: #666}

.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;line-height: 1.6;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;word-break: keep-all;padding: 0 10px;}
/*.sub_top_nav .sub_menu:after {content: '';position: absolute;bottom: 0px;left: 50%;width: 0px; height: 2px; background-color: #000;-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;transform: translateX(-50%);}
.sub_top_nav .sub_menu:hover:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;width: 100%;}
.sub_top_nav .sub_menu.active:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;width: 100%;}
*/
.sub_top_nav .sub_menu:before {content: '';position: absolute;bottom: -7px;left: 50%;width: 16px; height: 14px; -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;margin-left: -8px;
background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url(../images/common/sub_menu.png);
}
.sub_top_nav .sub_menu:hover:before {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.sub_top_nav .sub_menu.active:before {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}

.sub_top_nav .sub_menu:hover .sub_menu_a {color: #003b75;}
.sub_top_nav .sub_menu.active .sub_menu_a {color: #003b75;}










.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: 66%; right: 0px; min-width: 150px; }

.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:15px 40px 15px 20px;}
.pdt_view_nav_wrap {border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.pdt_view_nav_top .pdt_menu:after {content: "";position: absolute;right: 15px;top: 17px; 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 {}
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu_a {color: #fff;background-color: #11345e;}
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu:after {transform:rotate(135deg);top: 21px;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: 300; color: #666;background-color: #fff;}
.pdt_view_nav_top_box .pdt_menu_a:hover {background-color: #eee;color:#222; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.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: #003b75;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: #003b75; 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);}


.sec_wrap .s_sec_01_01_01_wrap {padding: 0px;}

.s_sec_01_01_01_con_wrap { padding: 160px 0 100px; position: relative; left: 11%; }
.sub_01_01 .sec_tit4{font-weight: 500;}
.sub_deco_txt { font-size: 150px; color: rgba(0, 0, 0, 0.051); font-weight: 600; position: absolute; top: 80px; left: 0; }
.s_sec_01_01_01_con_bg { position: absolute; top: 30px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/sub/sub_01_01_01_bg.png); background-repeat: no-repeat; background-position: right bottom; height: 665px; width: 120%; }

.s_sec_01_01_01_con_bg_en { position: absolute; top: 30px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/sub/sub_01_01_01_bg.png); 
    background-repeat: no-repeat; background-position: right bottom; height: 830px; width: 120%; }

.s_sec_01_01_01_wrap{padding: 50px 0 150px;}
.s_sec_01_01_02_wrap{padding: 100px 0}
.s_sec_01_01_02_01_wrap .sub_deco_txt { color: rgba(255, 255, 255, 0.251); top: -80px; left: -100px; }
.s_sec_01_01_02_01_wrap { padding: 150px 0 300px; overflow: hidden; position: relative; top: 0; left: 0; width: 100%; border-radius: 0 30px 0 0; }
.s_sec_01_01_02_01_in { max-width: 1400px; margin: 0 auto; position: relative; top: 0; left: 0px; }
.s_sec_01_01_02_01_con_bg {    position: absolute; top: 0; left: -100px; background-image: url(../images/sub/s_sec_01_01_02_01_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 1700px; display: inline-block;
    border-radius: 30px; }
.s_sec_01_01_02_wrap *{color: #fff;}

.s_sec_01_01_02_02_con_bg { position: absolute; top: 0; left: 0px; background-image: url(../images/sub/s_sec_01_01_02_02_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%;background-size:cover; }
.s_sec_01_01_02_03_con_bg { position: absolute; top: 0; left: 0px; background-image: url(../images/sub/s_sec_01_01_02_03_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%;background-size:cover; }
.s_sec_01_01_02_04_con_bg { position: absolute; top: 0; left: 0px; background-image: url(../images/sub/s_sec_01_01_02_04_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%;background-size:cover; }

.s_sec_01_01_02_tap_wrap { position: absolute; left: 30%; bottom: 0; width: 100%; }
.s_sec_01_01_02_tap { position: relative; right: 0; bottom: 0; width: 70%; }
.s_sec_01_01_02_03_wrap, .s_sec_01_01_02_04_wrap, .s_sec_01_01_02_02_wrap { width: 33.33%; float: left; display: block; position: relative; top: 0; left: 0;}
.s_sec_01_01_02_02_con_wrap, .s_sec_01_01_02_03_con_wrap, .s_sec_01_01_02_04_con_wrap{position: relative; padding: 150px 0 50px 50px;}
.s_sec_01_01_02_02_wrap { border-radius: 30px 0 0 0; overflow: hidden; }

.s_sec_01_01_03_wrap { padding: 350px 0 200px; overflow: hidden; background-color: #f9f9f9; margin-top: -100px; z-index: 1!important; }
.s_sec_01_01_03_wrap .sub_deco_txt { font-size: 220px; top: 10px; left: -80px; }
.s_sec_01_01_03_con_wrap .sec_tit4{font-weight: 500;}
.s_sec_01_01_03_con_wrap{ padding: 160px 0 100px; position: relative; left: 5%;}
.s_sec_01_01_03_con_bg { position: absolute; top: -220px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/sub/sub_01_01_03_bg.png); background-repeat: no-repeat; background-position: right bottom; height: 1120px; width: 120%; }



.s_sec_01_01_03_bg {position: absolute;top: 0px; bottom: 0px;right: 0px;left: 60%;background-image: url(../images/sub/sub_01_01_03_bg.png); background-repeat: no-repeat; background-position: right bottom;background-size: contain;z-index: 1;}










.s_sec_01_02_01_top_wrap { margin: 0 auto;}
.s_sec_01_02_01_con_left {float: left;width: 50%;position: relative;top: 0px;left: 0px;text-align: right;}
.s_sec_01_02_01_con_right {float: right;width: 50%;}
/*.s_sec_01_02_01_con_left_in {position: absolute;top: 0px;left: 0px;bottom: 0px;}*/
.s_sec_01_02_01_con_left_in {padding-right:10%;}


.cert_con_wrap {}
.cert_con_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.cert_con_box {float: left;width: 20%;padding: 20px;}
.cert_con_box img {width: 100%;}
.cert_con_box_in {overflow: hidden;}
.cert_con_img_wrap {padding: 0 25px;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: #003b75;}

.cert_con_txt_wrap {height: 70px;display: block;margin-top: -20px;display: none;}
.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: 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;}


.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: #003b75;font-weight: 500;}
.cert_tab_box.active .cert_tab_box_a {color: #003b75;font-weight: 500;}





/*지도*/
.map_wrap {font-size: 18px;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.map_wrap .root_daum_roughmap {width: 100%!important;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.map_wrap .root_daum_roughmap .wrap_controllers {display: none;}
.map_wrap .root_daum_roughmap .wrap_map {height: 100%!important;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.map_wrap .roughmap_maker_label {top: 0px!important;border: none!important}
.map_wrap .roughmap_maker_label .roughmap_lebel_text {width:258px;height: 96px;background-image: url(../images/sub/map_logo.png);background-color: transparent;border: none;font-size: 0px!important; top: 0px;}
.roughmap_maker_label:after {display: none!important}






.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: #003b75;font-weight: 700;}
.tech_tab_box.active .tech_tab_box_a {color: #003b75;font-weight: 700;}








/* 


.s_sec_02_04_01_con_wrap {}
.s_sec_02_04_02_in {padding: 50px 0;}
.s_sec_02_04_02_con {width: 100%;position: relative;top: 0px;left: 0px;}
.s_sec_02_04_02_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.s_sec_02_04_02_con_right {float: right;width: 48%;}
.s_sec_02_04_02_con_right_in {}

.s_sec_02_04_02_con_left {float: left;width: 48%;}


 */


.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:before {content: "";position: absolute;top: 50%; left: 0px;width: 2px; height: 14px;background-color: #ccc;margin-top: -7px;}*/
.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;}



.sub_wrap > div.s_sec_03_02_01_wrap {padding-bottom: 0px;z-index: 801;}
.s_sec_03_02_01_con_right {float: right;width: 50%;}
.s_sec_03_02_01_con_left {float: left;width: 48%;padding-bottom: 100px;}

.s_sec_03_02_02_wrap {background-color: #f2f2f2;overflow: visible;}
.s_sec_03_02_02_wrap:before {content: "";position: absolute;top: -100px;background-color: #f2f2f2;width: 100%;left: 0px;bottom: 0px;}
.s_sec_03_02_02_con_right {float: right;width: 50%;}
.s_sec_03_02_02_con_left {float: left;width: 48%;}

.sub_wrap .sec_wrap.s_sec_03_02_02_wrap {overflow: visible;}

.s_sec_03_02_03_con_wrap {margin-left: -30px;}
.s_sec_03_02_03_box {float: left;width: 33.33%; padding-left: 30px;}

.s_sec_03_02_04_wrap {background-color: #f2f2f2;}
.s_sec_03_02_04_con_wrap {margin-left: -50px;}
.s_sec_03_02_04_box {float: left;width: 50%;padding-left: 50px;}










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










.st3{fill:#FFFFFF;}
.header_wrap a.logo svg {max-width: 160px; width: 100%;}
.header_wrap a.logo img {max-width: 160px; width: 100%;}
.header_wrap a.logo .logo_off svg * { animation: stroke 1s forwards ; stroke-width: 1; text-anchor: start}
/*.header_wrap a.logo .logo_on svg .st0 { animation: stroke2 1s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap a.logo .logo_on svg .st1 { animation: stroke3 1s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap a.logo .logo_on svg .st2 { animation: stroke4 1s forwards ; stroke-width: 1; text-anchor: start}
.header_wrap a.logo .logo_on svg .st3 { animation: stroke44 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;
    }
}



@keyframes stroke2 {
    0%   {
        fill: rgba(17,52,94,0); stroke: rgba(17,52,94,1);
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
    }
    40%  {fill: rgba(17,52,94,0); stroke: rgba(17,52,94,1); stroke-width: 1; }
    100% {
        fill: rgba(17,52,94,1); stroke: rgba(17,52,94,0);
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}


@keyframes stroke3 {
    0%   {
        fill: rgba(44,168,225,0); stroke: rgba(44,168,225,1);
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
    }
    40%  {fill: rgba(44,168,225,0); stroke: rgba(44,168,225,1); stroke-width: 1; }
    100% {
        fill: rgba(44,168,225,1); stroke: rgba(44,168,225,0);
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}


@keyframes stroke4 {
    0%   {
        fill: rgba(229,0,18,0); stroke: rgba(229,0,18,1);
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
    }
    40%  {fill: rgba(229,0,18,0); stroke: rgba(229,0,18,1); stroke-width: 1; }
    100% {
        fill: rgba(229,0,18,1); stroke: rgba(229,0,18,0);
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}


@keyframes stroke44 {
    0%   {
        fill: rgba(5,106,181,0); stroke: rgba(5,106,181,1);
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
    }
    40%  {fill: rgba(5,106,181,0); stroke: rgba(5,106,181,1); stroke-width: 1; }
    100% {
        fill: rgba(5,106,181,1); stroke: rgba(5,106,181,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;}
.main_visual_all_wrap.active .text_logo svg * { animation: stroke 2s forwards ; stroke-width: 1; text-anchor: start}

.wordbg {position: relative;display: block;opacity: 0;padding: 0px;;width: 2000px;}
.main_sec_txt_word{position:relative;width:100%;overflow: hidden;}
.main_sec_txt_word .word{position:absolute;width:100%;opacity:1;top: 0px;left: 0px;}

.main_sec_txt_word .word {}
.main_sec_txt_word .word span {display:inline-block;backface-visibility:hidden;font-style:normal;transition:transform 0.8s ease;opacity: 0;transform: translateZ(100px) rotateX(90deg);transform-origin: bottom left;white-space: break-spaces;}
.main_sec_txt_word .word span:nth-child(1){transition-delay:0.05s}
.main_sec_txt_word .word span:nth-child(2){transition-delay:0.1s}
.main_sec_txt_word .word span:nth-child(3){transition-delay:0.15s}
.main_sec_txt_word .word span:nth-child(4){transition-delay:0.2s}
.main_sec_txt_word .word span:nth-child(5){transition-delay:0.25s}
.main_sec_txt_word .word span:nth-child(6){transition-delay: 0.3s}
.main_sec_txt_word .word span:nth-child(7){transition-delay:0.35s}
.main_sec_txt_word .word span:nth-child(8){transition-delay:0.4s}
.main_sec_txt_word .word span:nth-child(9){transition-delay:0.45s}
.main_sec_txt_word .word span:nth-child(10){transition-delay:0.5s}
.main_sec_txt_word .word span:nth-child(11){transition-delay:0.55s}
.main_sec_txt_word .word span:nth-child(12){transition-delay:0.6s}
.main_sec_txt_word .word span:nth-child(13){transition-delay:0.65s}
.main_sec_txt_word .word span:nth-child(14){transition-delay:0.7s}
.main_sec_txt_word .word.active span {transform: rotateX(0deg);opacity: 1;}


.main_visual_all_wrap.active .main_visual_txt_02 b  { animation: sizeup2 1s forwards ; display: inline-block; }

@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);
	}
}
.main_visual_all_wrap.active .text_logo  {
	animation: sizeup2 2s  forwards ;
}


.logo_ani {display: inline-block; max-width:600px; width: 100%;position: relative;top: 0px;left: 0px;}
.logo_ani .logo_ani_01 svg * {fill: #fff;}
.main_sec_03_wrap.active .logo_ani  { animation: sizeup3 2.5s forwards ; }

@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;
	}
}
.main_sec_03_wrap.section .scroll { opacity: 0; animation: change2 2s 2s forwards ; }

.main_sec_03_wrap.section .scroll .txt {color: #0086CD;}
.main_sec_03_wrap.section .scroll .arr {border-color: #0086CD;}
.main_sec_03_wrap.section .scroll .arr:after {background-color: #0086CD;}


.logo_ani_02 .sec_txt {color: #0086CD;}

.main_30_con_wrap {width: 100%;text-align: left;color: #333;padding-top: 100px;}
.main_30_con {margin-left: -60px;}
.main_30_con:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.main_30_box_wrap {float: left;width: 33.3%; width: calc(100%/3);padding-left: 60px;}
.main_30_box_01 b {font-size: 120px; font-family:'Oswald','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;color: #0086cd;}
.main_30_box_01 span {font-size: 30px;}
.main_30_box_02 {font-size:24px; font-weight:500; line-height: 1.6;padding: 20px 0;}
.main_30_box_03 {font-size: 16px; font-weight: 300; line-height: 1.6; color: #666;}
.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: #0086cd
}
@keyframes move-forever {
  0% {
   transform: translate3d(-109px,0,0);
  }
  100% {
    transform: translate3d(61px,0,0);
  }
}


.main_sec_05_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%;  max-width: 1400px; margin: 0 auto;text-align: center;}
.main_sec_05_con_in {overflow: visible;}








.fp-viewing-CryoPen .header_all_wrap {}
.fp-viewing-CryoPen .logo_on {display: inline-block;}
.fp-viewing-CryoPen .logo_off {display: none;}
.fp-viewing-CryoPen .top_nav .menu_a {color: #222}
.fp-viewing-CryoPen .lang_box {border-color: #003b75}
.fp-viewing-CryoPen .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-CryoPen .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-CryoPen .m_menu_btn span {background-color: #222;}
.fp-viewing-CryoPen .m_menu_btn:before {background-color: #222;}
.fp-viewing-CryoPen .m_menu_btn:after {background-color: #222;}
.fp-viewing-CryoPen .top_nav .menu_a span:after {background-color: #003b75}

.fp-viewing-Package .header_all_wrap {}
.fp-viewing-Package .logo_on {display: inline-block;}
.fp-viewing-Package .logo_off {display: none;}
.fp-viewing-Package .top_nav .menu_a {color: #222}
.fp-viewing-Package .lang_box {border-color: #003b75}
.fp-viewing-Package .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-Package .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-Package .m_menu_btn span {background-color: #222;}
.fp-viewing-Package .m_menu_btn:before {background-color: #222;}
.fp-viewing-Package .m_menu_btn:after {background-color: #222;}
.fp-viewing-Package .top_nav .menu_a span:after {background-color: #003b75}


.fp-viewing-How_to_use .header_all_wrap {}
.fp-viewing-How .logo_on {display: inline-block;}
.fp-viewing-How .logo_off {display: none;}
.fp-viewing-How .top_nav .menu_a {color: #222}
.fp-viewing-How .lang_box {border-color: #003b75}
.fp-viewing-How .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-How .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-How .m_menu_btn span {background-color: #222;}
.fp-viewing-How .m_menu_btn:before {background-color: #222;}
.fp-viewing-How .m_menu_btn:after {background-color: #222;}
.fp-viewing-How .top_nav .menu_a span:after {background-color: #003b75}



.fp-viewing-Applicable_Disease .header_all_wrap {}
.fp-viewing-How_to_use .logo_on {display: inline-block;}
.fp-viewing-How_to_use .logo_off {display: none;}
.fp-viewing-Applicable .top_nav .menu_a {color: #222}
.fp-viewing-Applicable .lang_box {border-color: #003b75}
.fp-viewing-Applicable .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-Applicable .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-Applicable .m_menu_btn span {background-color: #222;}
.fp-viewing-Applicable .m_menu_btn:before {background-color: #222;}
.fp-viewing-Applicable .m_menu_btn:after {background-color: #222;}
.fp-viewing-Applicable .top_nav .menu_a span:after {background-color: #003b75}

.fp-viewing-Applicable_Disease .header_all_wrap {
mix-blend-mode: difference;

}
.fp-viewing-Applicable_Disease .header_all_wrap:hover {

}
.fp-viewing-Applicable_Disease .top_nav .sub_menu_wrap {background-color: #000}
.fp-viewing-Applicable_Disease .top_nav .sub_menu_a {background-color: transparent!important;}

.fp-viewing-Info .logo_on {display: inline-block;}
.fp-viewing-Info .logo_off {display: none;}
.fp-viewing-Info .top_nav .menu_a {color: #222}
.fp-viewing-Info .lang_box {border-color: #003b75}
.fp-viewing-Info .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-Info .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-Info .m_menu_btn span {background-color: #222;}
.fp-viewing-Info .m_menu_btn:before {background-color: #222;}
.fp-viewing-Info .m_menu_btn:after {background-color: #222;}
.fp-viewing-Info .top_nav .menu_a span:after {background-color: #003b75}


.fp-viewing-Before_After .header_all_wrap {}
.fp-viewing-Before .logo_on {display: inline-block;}
.fp-viewing-Before .logo_off {display: none;}
.fp-viewing-Before .top_nav .menu_a {color: #222}
.fp-viewing-Before .lang_box {border-color: #003b75}
.fp-viewing-Before .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-Before .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-Before .m_menu_btn span {background-color: #222;}
.fp-viewing-Before .m_menu_btn:before {background-color: #222;}
.fp-viewing-Before .m_menu_btn:after {background-color: #222;}
.fp-viewing-Before .top_nav .menu_a span:after {background-color: #003b75}


.fp-viewing-Before_After .header_all_wrap {}
.fp-viewing-Before .logo_on {display: inline-block;}
.fp-viewing-Before .logo_off {display: none;}
.fp-viewing-Before .top_nav .menu_a {color: #222}
.fp-viewing-Before .lang_box {border-color: #003b75}
.fp-viewing-Before .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-Before .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-Before .m_menu_btn span {background-color: #222;}
.fp-viewing-Before .m_menu_btn:before {background-color: #222;}
.fp-viewing-Before .m_menu_btn:after {background-color: #222;}
.fp-viewing-Before .top_nav .menu_a span:after {background-color: #003b75}


/* .fp-viewing-4 .header_all_wrap {box-shadow: 0px 0px 10px #777;background-color: #fff;}
.fp-viewing-4 .logo_on {display: inline-block;}
.fp-viewing-4 .logo_off {display: none;}
.fp-viewing-4 .top_nav .menu_a {color: #222}
.fp-viewing-4 .lang_box {border-color: #003b75}
.fp-viewing-4 .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-4 .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-4 .m_menu_btn span {background-color: #222;}
.fp-viewing-4 .m_menu_btn:before {background-color: #222;}
.fp-viewing-4 .m_menu_btn:after {background-color: #222;}
.fp-viewing-4 .top_nav .menu_a span:after {background-color: #003b75} */


.fp-viewing-FAQ .header_all_wrap {}
.fp-viewing-FAQ .logo_on {display: inline-block;}
.fp-viewing-FAQ .logo_off {display: none;}
.fp-viewing-FAQ .top_nav .menu_a {color: #222}
.fp-viewing-FAQ .lang_box {border-color: #003b75}
.fp-viewing-FAQ .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-FAQ .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-FAQ .m_menu_btn span {background-color: #222;}
.fp-viewing-FAQ .m_menu_btn:before {background-color: #222;}
.fp-viewing-FAQ .m_menu_btn:after {background-color: #222;}
.fp-viewing-FAQ .top_nav .menu_a span:after {background-color: #003b75}



.fp-viewing-Media .header_all_wrap {}
.fp-viewing-Media .logo_on {display: inline-block;}
.fp-viewing-Media .logo_off {display: none;}
.fp-viewing-Media .top_nav .menu_a {color: #222}
.fp-viewing-Media .lang_box {border-color: #003b75}
.fp-viewing-Media .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-Media .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-Media .m_menu_btn span {background-color: #222;}
.fp-viewing-Media .m_menu_btn:before {background-color: #222;}
.fp-viewing-Media .m_menu_btn:after {background-color: #222;}
.fp-viewing-Media .top_nav .menu_a span:after {background-color: #003b75}



.fp-viewing-Journal .header_all_wrap {}
.fp-viewing-Journal .logo_on {display: inline-block;}
.fp-viewing-Journal .logo_off {display: none;}
.fp-viewing-Journal .top_nav .menu_a {color: #222}
.fp-viewing-Journal .lang_box {border-color: #003b75}
.fp-viewing-Journal .lang_box .lang_box_a {color: #003b75;background-image: url(../images/main/open.png);}
.fp-viewing-Journal .lang_box .lang_box_a:after {border-color: #003b75;}
.fp-viewing-Journal .m_menu_btn span {background-color: #222;}
.fp-viewing-Journal .m_menu_btn:before {background-color: #222;}
.fp-viewing-Journal .m_menu_btn:after {background-color: #222;}
.fp-viewing-Journal .top_nav .menu_a span:after {background-color: #003b75}

.main #fp-nav.left {left: 17px;display: block!important;margin-top: 0px!important;transform: translateY(-50%);}
.fp-viewing-CryoPen #fp-nav ul li a span, .fp-viewing-CryoPen .fp-slidesNav ul li a span,
.fp-viewing-Package #fp-nav ul li a span, .fp-viewing-Package .fp-slidesNav ul li a span,
.fp-viewing-How #fp-nav ul li a span, .fp-viewing-How_to_use .fp-slidesNav ul li a span,
.fp-viewing-Before #fp-nav ul li a span, .fp-viewing-How_to_use .fp-slidesNav ul li a span,
.fp-viewing-Media #fp-nav ul li a span, .fp-viewing-How_to_use .fp-slidesNav ul li a span,


.fp-viewing-Info #fp-nav ul li a span, .fp-viewing-Info .fp-slidesNav ul li a span,
.fp-viewing-FAQ #fp-nav ul li a span, .fp-viewing-4 .fp-slidesNav ul li a span,
.fp-viewing-News #fp-nav ul li a span, .fp-viewing-News .fp-slidesNav ul li a span,
.fp-viewing-Journal #fp-nav ul li a span, .fp-viewing-Journal .fp-slidesNav ul li a span,
.fp-viewing-8 #fp-nav ul li a span, .fp-viewing-8 .fp-slidesNav ul li a span {background-color: #003b75;}

.fp-viewing-CryoPen #fp-nav ul li .fp-tooltip,
.fp-viewing-Package #fp-nav ul li .fp-tooltip,
.fp-viewing-How_to_use #fp-nav ul li .fp-tooltip,
.fp-viewing-Info #fp-nav ul li .fp-tooltip,
.fp-viewing-4 #fp-nav ul li .fp-tooltip,
.fp-viewing-News #fp-nav ul li .fp-tooltip,
.fp-viewing-Journal #fp-nav ul li .fp-tooltip,
.fp-viewing-8 #fp-nav ul li .fp-tooltip {color: #333;}

.fp-viewing-CryoPen #fp-nav ul li .active + .fp-tooltip,
.fp-viewing-Package #fp-nav ul li .active + .fp-tooltip,
.fp-viewing-How_to_use #fp-nav ul li .active + .fp-tooltip,
.fp-viewing-Info #fp-nav ul li .active + .fp-tooltip,
.fp-viewing-4 #fp-nav ul li .active + .fp-tooltip,
.fp-viewing-News #fp-nav ul li .active + .fp-tooltip,
.fp-viewing-Journal #fp-nav ul li .active + .fp-tooltip,
.fp-viewing-8 #fp-nav ul li .active + .fp-tooltip {color: #003b75}

#fp-nav ul li .fp-tooltip {display: none;}
#fp-nav:hover ul li .fp-tooltip {display: block;}


.main_sec_04_con_wrap .more_btn_wrap2 {text-align: center;}
.more_btn_a2 {font-size: 16px; line-height: 50px;height: 50px;padding: 0 40px; border-radius: 100px; display: inline-block;text-align: center;border: 1px solid #222; color: #222;}
.more_btn_a2:hover{background-color:#2879ee ;color:#fff!important ;border:none;}
.main_sec_04_bg {position: absolute; top: 0px;;width: 100%;right: 0px;bottom: 0px; background-image: url(../images/main/main_04_bg.png); background-repeat: no-repeat; background-position: center bottom;}
.main_30_box_04 {font-size:18px; font-weight:500; line-height: 1.6;color: #003b75;text-transform: uppercase;}
.more_btn_a3 {font-size: 16px; line-height: 45px;height: 45px;padding: 0 40px; border-radius: 100px; background-color:#003b75 ;color:#fff!important ;display: inline-block;text-align: center;}

.main_sec_04_wrap .sec_btn_wrap { text-align: center; display: block; }
.main_sec_04_wrap .sec_btn_wrap .sec_btn { display: inline-block; padding: 15px 30px; border: 1px solid #222; color: #222; border-radius: 100px; margin: 0 auto; text-align: center; }
.main_sec_04_wrap .sec_btn_wrap .sec_btn:hover { border: 1px solid #003b75; color: #fff; }




.sec_05_tab_wrap { display: flex; gap: 10px; }
.sec_05_tab_wrap .btn_sec05 { display: inline-block; padding: 10px 15px; background-color: #fff; color: #000; font-size: 15px; border-radius: 100px; background-repeat: no-repeat; background-position: center right 10px; }
.sec_05_tab_wrap .active .btn_sec05 { display: inline-block; padding: 10px 15px; background-color: #003b75; color: #fff; font-size: 15px; border-radius: 100px; background-repeat: no-repeat; background-position: center right 10px; }
.main_sec_05_wrap .s_sec_02_01_01_01_con_wrap{color: #000; padding: 100px 0; text-align: left;}





.main_05_slider.owl-carousel .owl-dots { bottom: -30px; text-align: center; width: 100%; display: block; }
.main_05_slider.owl-carousel .owl-dots button {display: inline-block;}
.main_05_slider.owl-carousel .owl-dots button span {display: inline-block;height: 3px;overflow: hidden;background-color: #eee;border-radius: 0px;margin: 0px;opacity: 1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;width: 100%;}
.main_05_slider.owl-carousel .owl-dots button.active span {background-color: #003b75;}
.main_sec_05_wrap .main_03_01_sub_txt {text-align: left;}











/*하단*/
.footer_all_wrap {width: 100%;background-color: #fff;color: #666;}
.footer_wrap {width: 100%;padding: 60px 0px;}
.footer_mid_wrap {width: 100%; max-width: 1400px;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;}
.footer_mid_copy {font-size: 14px; color: #666; line-height: 1.6; font-weight: 300;text-align: right;padding-top: 20px;}
.footer_mid_right {float: right;}
.footer_mid_sns_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_mid_sns {float: left;display: inline-block;padding: 20px 0;}
.footer_mid_sns a {display: inline-block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;}
.footer_mid_sns_01 a {background-image: url(../images/main/footer_mid_sns_01.png);}
.footer_mid_sns_02 a {background-image: url(../images/main/footer_mid_sns_02.png);}
.footer_mid_info .sim {text-align: right; width: 100%;}

.footer_info{color: #666; padding: 5px 0;}
.footer_info b{color: #999;padding-right: 10px;font-weight: normal;}
.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: #333;}

.footer_mid_info ul li {font-size: 13px;}


.footer_mid_right_box {float: left; padding-left: 30px;font-size: 15px; color: #999;}
.footer_mid_right_box span {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;}
.sub_visual_bg {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;}

.sub_visual_bg { max-width: 1700px; margin: 0 auto; border-radius: 30px; }


.sub_visual_wrap {width: 100%;max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sub_visual_txt {padding-bottom: 20px;font-size: 72px;color: #222;;font-weight: 200;}
.sub_visual_txt a {font-size: 72px;color: #fff;;font-weight: 700;}
.sub_visual_txt .menu {display: none;}
.sub_visual_txt .menu.active {display: block;}
.sub_visual_txt .menu_a {display: block;}
.sub_visual_txt .sub_menu_wrap {display: none;}
.sub_visual_txt .sub_menu {display: none;}
.sub_visual_txt .sub_menu.active {display: block;}
.sub_visual_txt2 {font-size:18px; line-height: 1.3;font-weight: 300;}
.sub_visual_txt2 b {font-weight: 700;}

.sub_03_01 .sub_visual_txt {text-align: left;}

.sub_02 .sub_visual_txt { color: #222; padding-bottom: 50px; font-size: 80px;}
.sub_02 .sub_visual_txt2 { font-size: 24px; color: #222; line-height: 1.1; font-weight: 300; display: inline-block; padding-right: 50px; }
.sub_02 .sub_visual_txt2 b {font-weight: 700;}


.sub_con_wrap {width: 100%;}
.sub_con {width: 100%; max-width: 1540px;margin: 0 auto;}


.txt_center {text-align: center;}
.txt_left{text-align: left;}
.txt_right{text-align: right;}
.bgap {height: 160px;}
.gap {height: 100px;}
.sgap {height: 50px;}
.ssgap {height: 25px;}
.sssgap {height: 15px;}
.ssssgap {height: 10px;}

.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: #003b75; border-radius: 100px;}
.c_list_02 span {color: #a5272b;}


.sub .header_all_wrap {}
.sub .logo_on {display: inline-block;}
.sub .logo_off {display: none;}
.sub .top_nav .menu_a {color: #222}
.sub .lang_box {border-color: #00684d}
.sub .lang_box .lang_box_a {color: #00684d;background-image: url(../images/main/open.png);}
.sub .lang_box .lang_box_a:after {border-color: #00684d;}
.sub .m_menu_btn span {background-color: #222;}
.sub .m_menu_btn:before {background-color: #222;}
.sub .m_menu_btn:after {background-color: #222;}
.sub .top_nav .menu_a span:after {background-color: #00684d}



.sub #wrap {padding-top: 100px;}
.sub_visual_wrap {max-width: 1400px;}

.sub .sub_visual_box {text-align: left;}
.sub_01_02 .sub_visual_bg { background-image: url(../images/main/sub_01_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; }
.sub_03_02 .sub_visual_bg { background-image: url(../images/main/sub_03_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; }
.sub_04_01 .sub_visual_bg { background-image: url(../images/main/sub_04_01_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; }
.sub_04_02 .sub_visual_bg { background-image: url(../images/main/sub_04_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; }
.sub_05_01 .sub_visual_bg { background-image: url(../images/main/sub_05_01_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; }
.sub_05_02 .sub_visual_bg { background-image: url(../images/main/sub_05_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; }

.sub_01_01_bg_wrap { position: absolute;  overflow: hidden; top: 0; left: 0; width: 100%;bottom: 20%;right: 0px;}
.sub_01_01_bg { background-image: url(../images/main/sub_01_01_bg.jpg); background-repeat: no-repeat;background-size: cover;
    position: absolute; top: 0px; width: 100%; right: 0px; bottom: 0px; z-index: 2;  
    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: sizeup5;
}

@keyframes sizeup5 {
    0% {
     transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    }
    100% {
        transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
    }
}

.sub_02 .sub_visual_all_wrap { margin-top: 0px; overflow: visible; }
.sub_02 .sub_visual_bg {
    background-image: url(../images/main/sub_02_pdt_bg.png);
    position: absolute;
    top: 0px;
    width: 100%;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    overflow: hidden;
    max-width: none;
}
.sub_02 .sub_visual_box{ padding: 150px 0;}


.sub_01_01 .sub_visual_box{ padding: 250px 0 80px;}
.sub_01_01 .sub_visual_box *{color: #fff;}
.sub_01_01_video_wrap { position: relative; top: 0px; left: 0px; }
.sub_01_01_video { position: relative; bottom: 0px; left: 0px; width: 100%; border-radius: 30px; overflow: hidden; }
.sub_01_01_video_in { max-width: 1100px; margin: 0 auto; overflow: hidden; border-radius: 30px; }
.sub_01_01 .sub_video_wrap { position: relative; padding-bottom: 56.2%; height: 0px; }
.sub_01_01 .sub_video_wrapiframe { position: absolute; top: 0px; left: 0px; }
.sub_01_01 .sub_visual_all_wrap{margin-top: -100px;}
.sub_01_01_video iframe { position: absolute; top: 0px; left: 0px; }
.sub_01_01 .sec_all_wrap{overflow: visible;}

.line_wrap {max-width: 1400px;}
.sub .header_all_wrap {box-shadow:none;}
.sub_visual_box {padding: 30px 0;}
.sub_wrap > div.line_all_wrap {display: none;}
.sub_wrap > div.sub_top_nav {display: block;padding-bottom: 0px;top: -100px;border-bottom: none;z-index: 902;height: 10px;}
.sub_top_nav .sub_menu:before {display: none;}

.sub_top_nav {max-width: 1400px; margin: 0 auto;}
.sub_top_nav .sub_menu_wrap {max-width: 1400px;text-align: right;}
.sub_top_nav .sub_menu_a span {white-space: nowrap;}
.sub_top_nav .sub_menu {width: auto; padding: 0 10px;}
.sub_top_nav .sub_menu_a {color: #ccc;}






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

.s_sec_01_06_01_in {padding-bottom: 50px;}

.s_sec_01_06_02_con_left {float: left; width: 38%;}
.s_sec_01_06_02_con_right {float: right; width: 60%;}
.s_sec_01_06_02_wrap {padding: 50px 0;}
.s_sec_01_06_02_con_left {float: left; width: 38%;}
.s_sec_01_06_02_con_right {float: right; width: 60%;}

.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: #003b75;}
.main_wrap > div.main_visual_all_wrap  {display: table;height: 100vh;z-index: 999;}



.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;
}
.his_box_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%);
	}
}
*/



.s_sec_02_01_03_con_left {float: left;width: 49%;}
.s_sec_02_01_03_con_right {float: right;width: 49%;}




#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%; }



.s_sec_02_03_03_wrap {padding-top: 0px;}
.s_sec_02_03_03_con_wrap {width: 100%;}
.s_sec_02_03_03_con_in {margin-left: -20px;}
.s_sec_02_03_03_box {float: left;width: 33.33%; padding-left: 20px;padding-bottom: 40px;}
.s_sec_02_03_03_box_txt_wrap {background-color: #fff;padding:40px 10px 0;overflow: hidden; }
.s_sec_02_03_03_box_img {overflow: hidden;border-radius: 20px;}
.s_sec_02_03_03_box_txt_01 {height: 60px;}
.s_sec_02_03_03_box_txt_01:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_02_03_03_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;text-transform: uppercase;}

.s_sec_02_03_03_box_txt_02 {height: 60px;}
.s_sec_02_03_03_box_txt_02:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_02_03_03_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_02_03_03_box_txt_03 {text-align: center;font-size: 16px; color: #666; line-height: 1.6; font-weight: 300;word-break: keep-all;}
.s_sec_02_03_03_box_in {overflow: hidden;}

.s_sec_02_03_03_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_02_03_03_box:hover .s_sec_02_03_03_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;
}

.upp {text-transform: uppercase;}



.s_sec_02_04_02_in > .sec_tit3  {z-index: 2; position: relative;top: 0px;left: 0px;padding-top: 100px;}
.s_sec_02_04_02_con {position: relative;top: 0px;left: 0px;width: 100%;z-index: 1;}
.s_sec_02_04_02_con_left {font-size: 200px; font-weight: 700; color: #e9e9e9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: 0.5;position: relative;top: 0px; left: -5%;white-space: nowrap; text-transform: uppercase;}
.s_sec_02_04_02_con_right {position: absolute;bottom: 19px;right: 0px;}



.s_sec_02_04_01_con_left {float: left;width: 49%;}
.s_sec_02_04_01_con_right {float: right;width: 49%;}



.s_sec_02_04_03_wrap {padding-top: 0px;}
.s_sec_02_04_03_con_wrap {width: 100%;}
.s_sec_02_04_03_con_in {margin-left: -20px;}
.s_sec_02_04_03_box {float: left;width: 25%; padding-left: 20px;padding-bottom: 40px;}
.s_sec_02_04_03_box_txt_wrap {background-color: #fff;padding:10px 10px 0;overflow: hidden; }
.s_sec_02_04_03_box_img {overflow: hidden;border-radius: 20px;}
.s_sec_02_04_03_box_txt_01 {height: 60px;}
.s_sec_02_04_03_box_txt_01:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_02_04_03_box_txt_01 span {vertical-align: middle;display: inline-block;color: #222;width: 100%;position: relative;top: 0px;left: 0px;font-size: 24px;font-weight: 500;text-align: left;line-height: 1.4;text-transform: uppercase;}

.s_sec_02_04_03_box_txt_02 {height: 60px;}
.s_sec_02_04_03_box_txt_02:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_02_04_03_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_02_04_03_box_txt_03 {text-align: center;font-size: 16px; color: #666; line-height: 1.6; font-weight: 300;word-break: keep-all;}
.s_sec_02_04_03_box_in {overflow: hidden;}

.s_sec_02_04_03_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_02_04_03_box:hover .s_sec_02_04_03_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_02_04_02_wrap  {padding-bottom: 30px;}

.s_sec_02_05_01_con_right_in {max-width: 1400px; margin: 0 auto;}
.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;}

.s_sec_03_01_01_wrap {padding-top: 50px;}

.sub_03_01 .sub_wrap > div.sub_top_nav {display: none;}

.sub_03_01 .board_view_info {display: none;}
.sub_03_01 #bo_v_link {display: none;}



.ceti_wrap {position: relative; top: 0px; left: 0px; padding: 176px 0 127px;}
.ceti_tit {font-size: 18px; font-weight: 300; color: #666;
    padding-bottom: 35px; position: relative; top: 0px; left: 0px;}
.ceti_tit::before { content: ""; display: inline-block; width: 7px; height: 7px; background-color: #056ab5; border-radius: 100%; position: relative; top: -3px; margin-right: 10px; }


.ceti_tit b {font-size: 18px;}

.ceti_box_wrap_in {margin-left: 0}
.ceti_con_box {float: left; width: 20%; padding-left: 20px; padding-bottom: 70px;}
.ceti_con_box_img img { border: 1px solid #eee; padding: 10px; border-radius: 5px; }
.s_sec_01_02_01_02_con, .s_sec_01_02_03_02_con {    padding-top: 70px; border-top: 1px solid #eee; }

.sub_tab_all_wrap { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; padding: 80px 0 50px; }
.sub_tab_box span{ float: left; padding: 0 20px; border-right: 1px solid #ccc; font-size: 20px;}
.sub_tab_box:last-child span { border: none; }
.active .sub_tab_box_a::before { content: ""; background-image: url(../images/sub/sub_tab_icon.png); text-align: center; display: block; width: 14px; height: 20px; 
    background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }
.sub_tab_box { position: relative; top: 0; left: 0;  display: inline-block; }
.sub_tab_wrap {margin-left: -20px;}

.sub_02 .sub_tab_all_wrap{text-align: center;}


.sub_pdt_con_all_wrap { position: relative; top: 0; left: 0; max-width: 1700px; margin: 0 auto; background-color: #f9f9f9; border-radius: 30px; margin-bottom: 150px; }
.sub_02 .sub_tab_con_all_wrap { padding: 100px 0; }
.pdt_txt li { font-size: 18px; line-height: 1.6; font-weight: 300; position: relative; top: 0px; left: 0px; color: #333; padding-left: 20px; }
.pdt_txt li::before { content: ""; display: block; width: 4px; height: 4px; background-color: #222; border-radius: 100%; position: absolute; top: 12px; left: 5px; }
.pdt_txt div{font-size: 18px; line-height: 1.4; font-weight: 300;color: #333; }

.pdt_sys_tit { font-size: 30px; font-weight: 600; color: #002f73; padding-bottom: 50px; }

.pdt_con_all_wrap{padding-bottom: 50px;}
.table {font-size: 16px; color: #515151; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}

.led_wrap {overflow-x: auto;padding: 20px 0;}
.led_con {overflow: hidden; min-width: 1000px;}
.led_con_in {margin-left: -1px; margin-right: -1px;}
.led_con_in table {width: 100%; font-size: 16px; color: #515151;border-top: 1px solid #cbcbcb; border-bottom: 1px solid #dbdbdb;line-height: 1.6;}
.led_con_in table th { border: 1px solid #dbdbdb;padding: 10px 5px; background-color: #f4f4f4; text-align: center;}
.led_con_in table td { vertical-align: middle; border: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;padding: 15px;text-align: left;}
.led_con_in table .b_u {color: #356ab0;}


.led_con_in table span {position: relative; top: 0px; left: 0px; padding-left: 14px;}
.led_con_in table span::after {content: ""; display: block; width: 2px; height: 2px; border-radius: 50px; background-color: #515151;
position: absolute; top: 7px; left: 0px;}
.led_con_in table p {padding-left: 14px;}


/* en_wrap sub_02_01 */
.en_wrap .led_con_in table {font-size: 13px;}


.prsp_wrap { overflow-x: auto; padding: 20px 0; text-align: center; }
.prsp_con_in table { width: 100%; font-size: 16px; color: #515151; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #dbdbdb; line-height: 1.6; overflow: hidden; }
.prsp_con_in table th {vertical-align: middle; border: 1px solid #dbdbdb;padding: 10px 5px; background-color: #f4f4f4; text-align: center;}
.prsp_con_in table td {vertical-align: middle; border: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;padding: 15px;text-align: center;}

.prspe_wrap {overflow-x: auto;padding: 20px 0; text-align: center;}
.prspe_con {overflow: hidden; min-width: 700px;}
.prspe_con_in {margin-left: -1px; margin-right: -1px;}
.prspe_con_in table {width: 100%; font-size: 18px; color: #515151;border-top: 1px solid #7b7b7b; border-bottom: 1px solid #e3e3e3;line-height: 1.6;}
.prspe_con_in table td {vertical-align: middle; border: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;padding: 36px;}

.pdt_img_wrap{position: relative; top:0; left: 0; overflow: hidden;}
.pdt_images_wrap{position: relative; top:0; left: 0;}

.pdt_con_left_wrap { width: 50%; float: left; }
.pdt_con_right_wrap { width: 50%; float: left; }


.pdt_con_left_wrap .pdt_img{text-align: left;}
.pdt_con_right_wrap .pdt_img{text-align: right;}

 .pdt_img_center{text-align: center;}

.pdt_name {font-size: 26px;font-weight: 600;line-height: 1.2;color: rgb(0, 47, 115);}
.sub_02_03 .pdt_con_flex_wrap{justify-content: space-between;}
.pdt_con_flex_wrap{display: flex;}
.pdt_con_flex_wrap .pdt_con_wrap{width: 33.33%;}
.sub_02_03 .pdt_con_flex_wrap .pdt_img{ border-radius: 30px;overflow: hidden;}
.pdt_images_wrap .pdt_con_flex_wrap { display: flex; justify-content: space-around; }
.pdt_images .pdt_txt{font-size: 24px; line-height: 1.2em; color: #222;}
.pdt_images .pdt_img{padding:50px 30px;background-color: #fff;}


.radius_30{border-radius: 30px;overflow: hidden;display: inline-block;}


.s_sec_02_01_03_01_con .pdt_con_right_wrap{text-align: center;}


.s_sec_02_07_01_con_wrap .pdt_con_flex_wrap { display: flex; justify-content: space-around; gap: 2em; }
.s_sec_02_07_01_con_wrap .pdt_img_center{padding: 30px;}
.pdt_sys_txt{color: #808080; font-size: 16px; font-weight: 300;}



.sc_icon_txt {color: #333333;}
.sc_icon_wrap {position: relative; top: 0px; left: 0px; margin: 0 auto; padding-bottom: 57px;}
.sc_icon_wrap_in {text-align: center;}
.sc_icon_box {display: inline-block; text-align: center; padding: 10px 80px; position: relative; top: 0px; left: 0px;} 

.sc_icon_box::after {content: ""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 0px; left: 0px;}
.sc_icon_box:first-child::after {display: none;}

.sc_icon_img_box {display:inline-block; width: 100%; text-align: center;position: relative; top: 0px; left: 0px;}
.sc_icon_img {display: inline-block;  text-align: center;}

.pdt_txt_wrap{padding-bottom: 50px;}



.sub_02 .sec_btn_wrap {
    display: block;
    text-align: center;
}
.sub_02 .sec_btn_wrap .sec_btn {
    display: inline-block;
    padding: 15px 30px;
    border: 1px solid #222;
    color: #222;
    border-radius: 100px;
}
.sub_02 .sec_btn_wrap .sec_btn:hover {
    background-color: #003b75;
    border-color: #003b75;
    color: #fff;
}



/*면석수정*/

.main_bg_01_in {width: 100%; max-width: 1400px; margin: 0 auto;position: relative;top: 0px;left: 0px;height: 100%;}
.main_bg_01_in_center {position: absolute; top: 0px;bottom: 0px;left: 50%; width: 1px;background-color: #003b75;}
.main_bg_01_in_center_line_wrap {
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: mlineani;
    position: absolute;top: -100%;left: 50%;width: 9px;height: 9px;border-radius: 100px; margin-left: -4.5px;
    background-color: #003b75;
}

@keyframes mlineani {
    0% {
     top: -100%;
    }
    100% {
     top: 100%;
    }
}
@keyframes rotate{
    from{ transform: translate(-50%,-50%) rotate(-360deg) scale(1.0); opacity:0.5  }
    to{ transform: translate(-50%,-50%) rotate(360deg) scale(1.5); }
}

@keyframes rotate2 {
    from{ transform: translate(-50%,-50%) rotate(360deg) scale(1.5); }
    to{ transform: translate(-50%,-50%) rotate(-360deg) scale(1.0);opacity:0.5 }
}

.main_bg_01_in_left {position: absolute;top: 50%;left: 50%;width: 600px;height: 600px;transform: translate(-50%,-50%);border-radius: 10000px;
 animation-duration: 15s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: rotate;
}
.main_bg_01_in_left_line_01_wrap {position: absolute;top: 0px;left: 0px;width: 9px;height: 9px;border-radius: 100px; margin-left: -4.5px;background-color: #003b75;
animation-duration: 5s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: sizeup222;
}
@keyframes sizeup222 {
	0% {
	 transform: scale(1);
	 -ms-transform: scale(1);
	 -webkit-transform: scale(1);
	}
	50% {
		transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	}
	100% {
		transform: scale(1);
	 -ms-transform: scale(1);
	 -webkit-transform: scale(1);
	}
}
.main_bg_01_in_left_line_02_wrap {position: absolute;right: 0px;bottom: 0px;width: 9px;height: 9px;border-radius: 100px; margin-left: -4.5px;background-color: #003b75;}

.main_bg_01_in_right {position: absolute;top: 50%;left: 50%;width: 900px;height: 900px;transform: translate(-50%,-50%);border-radius: 10000px;
 animation-duration: 15s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: rotate2;}
.main_bg_01_in_right_line_01_wrap {position: absolute;top: 0px;left: 0px;width: 9px;height: 9px;border-radius: 100px; margin-left: -4.5px;background-color: #003b75;
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: sizeup222;
}

.main_bg_01_in_right_line_02_wrap {position: absolute;right: 0px;bottom: 0px;width: 9px;height: 9px;border-radius: 100px; margin-left: -4.5px;background-color: #003b75;
animation-duration: 5s;
animation-timing-function: ease;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: sizeup222;
}


.main_visual_txt_in  {position: relative;top: 0px;left: 0px;margin: 0 auto; max-width: 1400px;}
.main_visual_txt_center  {position: relative;top: 0px;left: 0px;margin: 0 auto;z-index:3 }

.pdt_4box_wrap {margin-left: -20px;}
.pdt_4box {float: left; width: 50%;padding-left: 20px;padding-bottom: 20px;}
.pdt_4box_in {padding: 20px; background-color: #fff; border-radius: 20px;}



.sub_02_05_img_wrap {position: relative; top: 0px; left: 0px;}
.sub_02_05_img_wrap_in {margin-left: -60px;}
.sub_02_05_img_box {padding-left: 60px; padding-bottom: 60px; float: left; width: 33.33%; }
.sub_02_05_img {border: 5px solid #f3f3f3;}

.sub_02_05_img_txt_box {padding-top: 34px;}
.sub_02_05_img_txt {font-size: 18px; line-height: 1.2; color: #8f8f8f; font-weight: 100;text-align: center;}

.fs_18 {font-size: 18px; font-weight: normal;}


.pdt_txt {font-size: 18px;}
.sub_02_07 .pdt_img_wrap .pdt_img {float: right;}
.pdt_img_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}


.s_sec_04_01_01_wrap {padding-top: 50px;}
.s_sec_05_02_01_wrap {padding-top: 50px;}









.allbt_wrap {position: fixed;bottom: 30px;left: 50%; transform: translateX(-50%);z-index: 1004}


.allbt_wrap {
    display: none;
    text-align: center;
}
.allbt_wrap a {
    display: inline-block;
    padding: 15px 30px;
    border: 1px solid #003b75;
    color: #fff;
    border-radius: 100px;
    background-color: #003b75;
    opacity: 0.8;
}
.allbt_wrap a:hover {
    background-color: #003b75;
    border-color: #003b75;
    color: #fff;
    opacity: 1;
}


.lang_ko_KR.sub_02 .allbt_wrap {display: block;}

.sub_02_07 .s_sec_02_07_03_01_con  .pdt_img_wrap .pdt_img {float: none;}


.pt_list_box:nth-child(4n+1) {clear: both;}
.mo_br {display: none;}


#bo_v_link a {float: none;}

.sub_02_07 .pdt_img_wrap  .pdt_img {text-align: center;}
.sub_02_07 .pdt_con_flex_wrap  .pdt_tit {text-align: center;}



	.led_wrap::-webkit-scrollbar {
    width: 10px;
  }
  .led_wrap::-webkit-scrollbar-thumb {
    background-color: #003b75;
    border-radius: 10px;
  }
  .led_wrap::-webkit-scrollbar-track {
  	border-radius: 10px;
    background-color: #fff;
    box-shadow: inset 0px 0px 5px #999;
    padding: 5px;
  }



	.prspe_wrap::-webkit-scrollbar {
    width: 10px;
  }
  .prspe_wrap::-webkit-scrollbar-thumb {
    background-color: #003b75;
    border-radius: 10px;
  }
  .prspe_wrap::-webkit-scrollbar-track {
  	border-radius: 10px;
    background-color: #fff;
    box-shadow: inset 0px 0px 5px #999;
    padding: 5px;
  }

	.prsp_wrap::-webkit-scrollbar {
    width: 10px;
  }
  .prsp_wrap::-webkit-scrollbar-thumb {
    background-color: #003b75;
    border-radius: 10px;
  }
  .prsp_wrap::-webkit-scrollbar-track {
  	border-radius: 10px;
    background-color: #fff;
    box-shadow: inset 0px 0px 5px #999;
    padding: 5px;
  }


.pdt_img_center {padding-bottom: 20px;}


.pdt_con_left_wrap {padding-bottom: 20px}
.pdt_con_right_wrap {padding-bottom: 20px}



/*새로*/


.main_00_txt {font-size:24px;font-weight: 200;line-height: 1.4;color: #fff; word-break: keep-all;}
.main_00_txt b {font-weight: 500;}
.main_00_txt_wrap  {padding-top: 0px;}
.main_bg_wrap { overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;z-index:2 ;

}
.main_bg_00 { text-align: center; display: block;background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;background-color:#003b75 }
.main_bg_pdt_wrap { overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;z-index:5 }
.main_bg_pdt {position: absolute;top: 50%;left: 36%;width: 45%;transform: translateY(-50%);}

.main_00_txt_01 {display: block;font-size: 2vw;font-weight: 200;text-align: left;padding-left: 8%;padding-bottom: 2%}
.main_00_txt_02 {display: block;font-size: 17vw;font-weight: 600;}


.main_bg_01 {z-index: 1;}
.main_bg_one {width: 700px;height: 700px;border-radius: 1000px;background-color: #003b75; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3}
.main_bg_one2 {width: 700px;height: 700px;border-radius: 1000px;background-color: #000; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;opacity: 0.5}
.main_bg_01_in {z-index: 2;}

.main_bg_one2{
    -webkit-animation: circle 2s infinite;
    animation: circle 2s infinite;
}


    @keyframes circle  {
        to { opacity: 0; transform: translate(-50%,-50%) scale(2.0);}
    }

    @-webkit-keyframes scroll {
        to { opacity: 0; transform: translate(-50%,-50%) scale(2.0);}
    }



.main_sec_02_wrap  .main_visual_txt {text-align: left;}
.main_00_img {display: inline-block; max-width:620px; }


.main_sec_03_in_wrap {padding: 30px 10%;position: relative;top: 0px;left: 0px;width: 100%;height: 100%;font-size: 0px;}
.main_sec_03_in_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.main_sec_03_inner {vertical-align: middle;display: inline-block;max-width: 100%;position: relative;top: 0px;left: 0px;width: 100%;}
.color_txt  {color: #003b75;padding-bottom: 30px;}

.main_sec_03_02 {padding-bottom: 30px;}
.main_sec_03_02_01 {display: inline-block;width: 300px;vertical-align: middle;line-height: 1.4;font-weight: 500;margin-right: 20px;}
.main_sec_03_02_02 {display: inline-block;font-size: 42px; color:#000 ;vertical-align: middle;line-height: 1.4;font-weight: 500;}

.main_sec_03_tbl_wrap {width: 100%;background-color: #fff;border-radius: 20px;padding: 30px;max-width: 650px;}

.main_sec_03_tbl table {width: 100%;font-size:16px; line-height: 1.4;}
.main_sec_03_tbl tr {border-top: 1px solid #F1F1F1;}
.main_sec_03_tbl tr:first-child {border-top: none;}
.main_sec_03_tbl td {padding: 15px 10px;font-weight: 300;color: #666;vertical-align: top;}
.main_sec_03_tbl th {padding: 15px 10px;font-weight: 400;color: #000;vertical-align: top;}
.main_sec_03_tbl img {width: 140px;}


.main_sec_03_tbl li:before {content:"";position:absolute;top:14px;left:0px;width:4px;height:4px;border-radius:100px;background-color:#666}
.main_sec_03_tbl li {padding:4px 0 6px 13px;position:relative;top:0px;left:0px}
.main_sec_04_wrap  .main_visual_txt {text-align: left;}




.main_bg_05 {overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #003b75}


.main_visual_txt_top * {color: #fff;}


.main_visual_txt_top .color_txt b {opacity: 0.5}


.main_visual_txt_bt_wrap {position: relative;top: 0px;left: 0px;width: 100%;max-width: 1000px;margin: 0 auto;}
.main_visual_txt_bt  {margin-left: -30px;}
.box_3_wrap {float: left; width: 50%;padding-left: 30px;}
.box_3_in {position: relative;top: 0px;left: 0px;width: 100%;background-color: #fff;overflow: hidden;border-radius: 20px;
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.3);
}
.box_3_top {padding: 30px;text-align: center;}

.box_3_bt_wrap {position: relative;top: 0px;left: 0px;width: 100%;height: 0px;padding-bottom: 45%;overflow: hidden;}
.box_3_bt {background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;
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;
}


.box_3_01 .box_3_bt { background-image: url(../images/main/box_3_01.jpg); }
.box_3_02 .box_3_bt { background-image: url(../images/main/box_3_02.jpg); }
.box_3_03 .box_3_bt { background-image: url(../images/main/box_3_03.jpg); }

.box_3_top .sec_tit {color: #003b75}
.main_visual_txt_in_txt{text-align: left; color: rgba(255, 255, 255, 0.5);  line-height: 1.45; font-size: 12px;font-style:italic ;font-weight: 200;text-align: center;
}
.main_visual_txt_in_txt span {font-style: normal;}

.main_sec_06_in_wrap {position: relative;top: 0px;left: 0px;width: 100%;height: 100%;font-size: 0px;text-align: center;}
.main_sec_06_in_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.main_sec_06_inner {vertical-align: middle;display: inline-block;max-width: 100%;position: relative;top: 0px;left: 0px;text-align: left;}

.main_sec_06_con_right .main_sec_06_in_wrap {text-align: left;}

.main_sec_06_in {position: relative;top: 0px;left: 0px;z-index: 2;width: 100%;  max-width: 1400px; margin: 0 auto;text-align: left;height: 100%;}
.main_sec_06_con_in {overflow: visible;}
.main_sec_06_con_wrap { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; z-index: 4; }


.main_sec_06_con { position: absolute;top: 0px;bottom: 0px;width: 50%;}
.main_sec_06_con_left {left: 0px;}
.main_sec_06_con_right {right: 0px;}
.main_sec_06_wrap {background-color: #fafafa}

.main_sec_06_con_right .main_sec_06_inner {width: 100%; max-width: 700px;}


.main_sec_07_wrap {background-color: #eee}
.main_sec_07_wrap .main_visual_txt_in{height: 50vh;}
.m_b_all_wrap {width: 100%;height: 100%; position: relative;top: 0px;left: 0px;color: #222}
/* .m_b_md_wrap {float: left; width: 49%;position: relative;top: 0px;left: 0px;} */
.m_b_ns_wrap { width: 100%; min-height: 300px; }


.m_b_md_wrap .m_b_in{height: 0px;padding-bottom: 50%;}

.m_b_md_in {margin-left: -15px;}
/*.m_b_md_box {float: left; padding: 0 0 15px 15px; width: 50%;}*/
.m_b_md_box {float: left; padding: 0 0 0 15px; width: 100%;}
.m_b_md_box_a {display: block;width: 100%;height: 0px;padding-bottom: 50%;overflow: hidden;position: relative;top: 0px;left: 0px;border-radius: 10px;}
/* .m_b_md_box_a img {position: absolute;top:50%;left: 50%; transform: translate(-50%,-50%);max-width: 100%; height: auto;width: 100%;} */

.m_b_ns_wrap {position: absolute;top: 0px;right: 0px; bottom: 0px;}
.m_b_btn_all_wrap {position: absolute;top: 100%;width: 100%; text-align: center;padding-top: 40px;}
.m_b_md_box:nth-child(3) {padding-bottom: 0px;}
.m_b_md_box:nth-child(4) {padding-bottom: 0px;}
.m_b_ns_wrap .m_b_in {position: relative;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #fff;padding: 0 5%;border-radius: 10px;}
.m_b_ns_in {position: relative;top: 0px;left: 0px;width: 100%;height: 100%;font-size: 0px;}
.m_b_ns_box:first-child {border-top: none;}
.m_b_ns_box {width: 100%;height: 25%;border-top: 1px solid #eee;}
.m_b_ns_box_a {width: 100%;height: 100%;display: block;}
.m_b_ns_box_a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.m_b_ns_box_in {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;text-align: left;padding-right: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.m_b_ns_box_in {font-size: 18px;}

.m_b_btn_wrap {display: inline-block;}
.m_b_btn_wrap .m_b_btn {display: inline-block; padding: 10px 15px;background-color: #003b75; color: #fff;font-size: 15px;border-radius: 100px;background-repeat: no-repeat;background-position: center right 10px}


.m_b_btn_all_wrap2 .m_b_btn_wrap {padding-right: 20px;padding-bottom: 10px;}
.m_b_btn_all_wrap2 .m_b_btn_wrap:last-child {padding-left: 0px;}




.m_b_ns_box_a {background-image: url(../images/main/arr2.png);background-repeat: no-repeat;background-position: center right 10px}




#fp-nav ul li .fp-tooltip.left {padding: 6px; background-color: #003b75;border-radius: 3px;color: #fff!important}

.main_bg_pdt2 {display: none;padding:30px; }
.main_bg_pdt2 img {width: 80%}

.main_bg_044_wrap {display: none;}


.main_sec_09_wrap .m_b_md_wrap .m_b_in {position: relative;top: 0px;left: 0px;}
.main_sec_09_wrap .m_b_md_wrap .m_b_md_in {position: absolute;top: 0px;left: 0px;height: 100%;width: 100%;    background-color: #fff;
    padding: 0 5%;
    border-radius: 10px;}


.sim_txt {font-size:12px;font-weight: 300;line-height: 1.4;color: #fff; word-break: keep-all;position: absolute;bottom:10px;right: 10px;
z-index: 9;
text-align: left;opacity: 0.5;
}
.sim_txt2 {display: none;font-size:12px;font-weight: 300;line-height: 1.3;color: #fff; word-break: keep-all;opacity: 0.5;padding: 20px 0 0}


.label_txt {font-size: 16px; padding: 10px 0;display:block;}
.label_txt strong {font-size: 12px; color: red;padding-left: 10px;}



.map_st {fill: #ddd;cursor: pointer;}
.svg_map_bg {width: 100%; max-width: 600px;}
.map_st:hover {fill: #bfdbd4}
.map_st.active {fill:#003b75}
.map_st {position: relative;top: 0px;left: 0px;}
.s_sec_06_01_01_02_left_wrap {width: 40%;float: left}
.s_sec_06_01_01_02_right_wrap {width: 55%; float: right;}
.ui-widget.ui-widget-content {background-color: #000; color: #fff;padding: 10px 15px;border: none;font-size: 16px;box-shadow: none;border-radius: 5px;font-weight: bold}


.sch_word {background-color: #63bb2d}

.sub_06_01 .hos_add {padding: 5px 0; font-size: 13px;color: #666; font-weight: normal;}
.sub_06_01 .bo_cate_link {float: none;margin-bottom: 5px;}


.fp-tableCell {position: relative;top: 0px;left: 0px;}

.main_sec_01_pdt_wrap {position: absolute;bottom: 0px;right: 0px;z-index: 4;overflow: hidden;width: 18%}
.main_sec_01_pdt {}


.main_02_txt_wrap {display: flex;width: 100%;align-content: flex-start;flex-wrap: wrap;justify-content: space-between;
column-gap: 5%;row-gap: 12vw;align-items: center;
}
.main_02_txt {
	flex-basis: 420px;
}
.main_02_txt.main_02_txt_01 {
	flex-basis: 100%;
	width: 50%;
}
.main_02_txt.main_02_txt_02 {
	flex-basis: 59%;
}
.main_02_txt.main_02_txt_03 {
	flex-basis: 30%;
}
.main_02_txt_01 .main_02_01_sub_txt {max-width: 400px;}
.main_01_txt_02 .main_01_01_sub_txt {max-width: 335px;}
.main_01_txt_03 .main_01_01_sub_txt {max-width: 335px;}




.main_02_tbl_wrap table {width: 100%;color: #000; font-size: 14px;line-height: 1.4;}
.main_02_tbl_wrap th {padding: 5px; width: 86px;text-align: left;}
.main_02_tbl_wrap td {padding: 5px; width: 22%;text-align: center;}

.cap_indi {height: 15px;width: 7px; border-radius: 100px;background-color: rgba(0, 0, 0, 0.1);display: inline-block;margin: 0 1.5px;position: relative;top: 0px;left: 0px;}
.cap_indi_wrap td {font-size: 0px;}
.cap_indi.active {background-color: #003b75}


.main_sec_02_wrap .main_visual_txt {vertical-align: bottom;}
.main_sec_02_wrap .main_visual_txt_center {text-align: left;padding: 7vh 0;}


.main_02_txt_03_box {background-color: #fff;display: inline-block;padding: 30px;border-radius: 10px;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02);text-align: center;}




.main_04_txt_wrap {display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;
column-gap: 5%;row-gap: 5vw;align-items: flex-end ;
}
.main_04_txt {
	flex-basis: 320px;
}
.main_04_txt.main_04_txt_01 {

}
.main_04_txt.main_04_txt_02 {
text-align: right;
}



.video_box {
    position: relative; padding-bottom: 56.25%; height: 0px;
}
.video_box iframe {width: 100%;position: absolute; top: 0px; left: 0px;height: 100%;}
.item_txt {padding: 20px 0}

.main_04_slider_wrap {padding-top: 4vw}

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