@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%;min-width: 1540px;word-break: break-word;overflow: hidden;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 100px;right: 10px;overflow: hidden;width: 38px;height: 36px;border: none;text-indent: -999999px;background: url(../images/common/totop.png);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;z-index: 99999;background-color: #003474;background-repeat: no-repeat;background-position: center center;}
#toTop:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
}
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
img {max-width: 100%;}

.section .scroll{
	 position: absolute;bottom: 20%; left: 50%;
	 z-index: 100;
	 transform: translateX(-50%);
	 z-index: 5;
}
.section .scroll .txt {font-size:14px;color:#fff;font-weight:400;display: inline-block;padding-bottom: 20px;}
.section .scroll .arr{position:relative;width: 22px;height: 43px; border: 1px solid #fff; background-color: transparent;left: 50%; margin-left: -11px;border-radius: 100px;}
.section .scroll .arr:after{
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 4px;
	height: 10px;
	margin-left: -2px;
	border-radius: 100px;
	background-color: #fff;
	animation: scroll 1.3s infinite;
}
@keyframes scroll{
		0% {transform: translate(0, -5px); opacity: 0;}
		40% {opacity: 1;}
		80% {transform: translate(0, 10px);}
		100% {opacity: 0;}
}


/*헤더*/
.m_menu_wrap {width: 280px;height: 100%;position: fixed;top: 0px;right: -280px;bottom: 0;z-index: 9999;background-color:#222;}
.m_menu_wrap a {display: block;color: #fff;}
.m_menu_wrap .menu_a {height: 50px;margin: 0;padding: 0 0 0 20px;border-bottom: #333 1px solid;border-top: #555 1px solid;text-align: left;cursor: pointer;line-height: 50px;font-size: 14px;position: relative;top: 0px;left: 0px;}
.m_menu_wrap .menu_a:after {content:""; width: 10px;height: 10px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;display: block;position: absolute;top: 50%;right: 10px;transform:rotate(225deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link:after {content:""; width: 10px;height: 10px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;display: block;position: absolute;top: 50%;right: 10px;transform:rotate(-45deg);transition:all .3s ease;margin-top: -5px}
.m_menu_wrap .menu_a.void_link.menu_on:after {transform:rotate(-225deg);}
.m_menu_wrap .menu_a:first-child {}
.m_menu_wrap .sub_menu_wrap {display: none;background-color: #444; width: 100%!important}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {height: 38px;line-height: 38px;padding-left: 30px;border-bottom: 1px solid #666;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child {border-top: none;}
.m_menu_wrap .menu_a:hover{background-color: #08569b;border-color: #08569b;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: #08569b;border-color: #08569b;color: #fff;}

.all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1004;}
.m_all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1005;}
.header_all_wrap {width: 100%;position: fixed;top: 0px;left: 0px;z-index: 1005;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.header_all_wrap:before {content: "";position: absolute;top: 100px;width: 0px; height: 1px;background-color: #fff; transform: translateX(-50%);left: 50%;
animation-delay: 0.5s;
	animation-duration: 3s;
	animation-name: line;
	animation-fill-mode: forwards;display: none;
}
@keyframes line {
	from {
	 width: 0px;
	 opacity: 0
	}

	to {
	 width: 100%;
	 opacity: 0.4
	}
}



.header_wrap * {z-index: 1004;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
.header_wrap a {display: block;}
.header_wrap {width: 100%;position: relative;top: 0px;left: 0px;z-index: 1004;}
.header_top_wrap {width: 100%;display: none;}
.header_top {width: 100%;max-width: 1540px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.header_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top_box {float: left;margin-right: 30px;}
.header_top_box_in {position:relative;top: 0px;left: 0px;padding-left: 30px;background-image: url(../images/common/header_top_box.png);background-repeat: no-repeat;background-position:0 center }
.header_top_box_in span {height: 70px;line-height: 70px;color: #fff;font-size: 16px;}
.header_mid_wrap {width: 100%;padding: 0 100px}
.header_mid {width: 100%;margin: 0 auto;position: relative;top: 0px;left: 0px;padding: 0 300px}
.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: 20px;left: 0px;bottom: 0px;z-index: 2}
/*.logo_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}*/
.header_wrap a.logo {vertical-align: middle;display: inline-block;font-size: 16px;line-height: 1;width: 100%;text-align: center;}
.logo_off {display: none;}
.logo_long {display: none!important;}
.m_menu_btn_wrap {position: absolute;top: 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: 8px;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: 20px;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: #08569b;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:before {background-color: #08569b;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:after {background-color: #08569b;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: 80px;height: 50px;z-index: 3;height: 36px;}
.lang_box {border: 1px solid transparent;border-radius: 100px;}
.lang_sub_wrap {display: none;border-top: 1px solid #ddd;}
.lang_box .lang_box_a {font-size: 16px; padding:0px 40px 0 20px;height: 36px; line-height: 36px;color: #fff;position: relative;top: 0px;left: 0px;}
.lang_box .lang_box_a:after {content: "";position: absolute;right: 15px;top: 12px; width: 8px;height: 8px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;transform:rotate(-45deg);transition:all .3s ease}

.lang_box:hover {border-radius: 5px;background-color: #fff;border-color: #08569b}
.lang_box:hover .lang_box_a {background-color: #08569b;color: #fff!important;}
.lang_box:hover .lang_box_a:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.lang_box:hover .lang_sub_wrap {display: block;}
.lang_sub_box a {font-size: 14px; color: #333; padding: 0 20px;height: 30px;line-height: 30px;}
.lang_sub_box a:hover {color: #08569b}




/*메뉴*/
.top_nav {position: relative;top: 0px;left: 0px;font-size: 0px;text-align: center;z-index: 1;padding-top: 0px;}
.top_nav .menu {}
.top_nav:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.top_nav .menu {width: 170px;position: relative;top: 0px;left: 0px;display: inline-block;vertical-align: top;}
.top_nav .menu_a {padding: 0px;font-size: 18px;color: #fff;height: 100px;padding: 0 5px;font-weight: 500;}
.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.3;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;}
.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: #666;text-align: center;border-bottom: none;padding: 10px 0;-webkit-transition: none;transition: none;font-weight: 300;}
.top_nav .sub_menu_wrap {width: 100%!important;position: relative;top: 100%;left: 0px;-webkit-transition: none;transition: none;text-decoration: none;display: none;padding-bottom: 30px;}
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a {color: #08569b;-webkit-transition: none;transition: none;}
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a {}
.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:40px;font-weight: 400;line-height: 1.4;color: #222; word-break: keep-all;}
.sec_tit b {font-weight: 700;}
.sec_tit2 {font-size:40px;font-weight: 400;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit2 b {font-weight: 700;}
.sec_tit3 {font-size:28px; font-weight: 400;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit3 b {font-weight: 700;}
.sec_tit4 {font-size:74px;font-weight: 400;line-height: 1.4;color: #222;word-break: keep-all;}
.sec_tit4 b {font-weight: 700;}
.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_txt {font-size:16px;font-weight: 400;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt b {font-weight: 700;}
.sec_txt2 {font-size:20px;font-weight: 400;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt2 b {font-weight: 700;}
.sec_txt3 {font-size:24px;font-weight: 400;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt3 b {font-weight: 700;}
.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;}




/*.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: #01497e}*/



/*.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: #01497e}

.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: #01497e}

















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

.sec_wrap {padding: 165px 0}


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

.main_sec_01_slider_wrap .owl-nav {display: none;}

.main_visual_all_wrap {width: 100%; position: relative; top: 0px; left: 0px; text-align: center; overflow: hidden;}
.main_visual_wrap {width: 100%; position: relative; top: 0px; left: 0px; text-align: center;}
.main_visual {}
.main_visual_img {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_visual_wrap_01 .main_visual_img {background-image: url(../images/main/main_01.jpg);}
.main_visual_wrap_02 .main_visual_img {background-image: url(../images/main/main_01.jpg);}

.main_visual_txt_wrap {position: relative; top: 0px; left: 0px; padding: 250px 0 600px;}
.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; padding: 60px 60px; position: relative; top: 0px; left: 0px;}
.main_visual_txt_01 {font-size: 45px; font-weight: 200; line-height: 1.2;}

.main_visual_txt:after {content: ""; position: absolute; top: 15%; left: 0; width: 44px; height: 59px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../images/common/main_icon01.png);}
.main_visual_txt::before {content: ""; position: absolute; bottom:15%; right: 0; width: 44px; height: 59px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../images/common/main_icon02.png);}

.main_sec_01_wrap { position: relative; top: 0px; left: 0px;}
.main_sec_01_in {height: 310px;position: relative; top: 0px; left: 0px;}
.main_sec_01_con_wrap {position: absolute;top: -190px;left: 0px;width: 100%;}
.main_sec_01_con_in {margin-left: -30px;}
.main_sec_01_con_box {float: left; width: 25%; overflow: hidden; padding-left: 30px; padding-bottom: 30px;}
.main_sec_01_con_box_in {position: relative; top: 0px; left: 0px; width: 100%; height: 0px; padding-bottom: 430px; border-top: 6px solid #32b9b5; cursor: pointer; transition: 0.5s; display: block;}
.main_sec_01_con_box_in:hover .main_sec_01_con_box_tit {color: #fff;}
.main_sec_01_con_box_in:hover .main_sec_01_con_box_tit_en {color: #fff;}
.main_sec_01_con_box_in:hover .main_sec_01_con_box_more {color: #fff;}
.main_sec_01_con_box_in:hover .main_sec_01_con_box_more:after {border-top:1px solid #fff; border-right: 1px solid #fff;}


.main_sec_01_con_box_bg {z-index: -1; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;}
.main_sec_01_con_box_01 .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_01.jpg);}
.main_sec_01_con_box_02 .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_02.jpg);}
.main_sec_01_con_box_03 .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_03.jpg);}
.main_sec_01_con_box_04 .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_04.jpg);}


.main_sec_01_con_box_01 .main_sec_01_con_box_in:hover  .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_01_on.jpg);}
.main_sec_01_con_box_02 .main_sec_01_con_box_in:hover  .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_02_on.jpg);}
.main_sec_01_con_box_03 .main_sec_01_con_box_in:hover  .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_03_on.jpg);}
.main_sec_01_con_box_04 .main_sec_01_con_box_in:hover  .main_sec_01_con_box_bg {background-image: url(../images/main/main_sec_01_con_box_04_on.jpg);}




.main_sec_01_con_box_tit {font-size: 16px; font-weight: 300; color: #222; padding: 45px 32px 0; transition: 0.5s;height: 90px;word-break: keep-all;line-height: 1.2;}
.main_sec_01_con_box_tit_en {font-size: 24px; font-weight: 600; color: #222; line-height: 1.2; padding: 0 32px;  transition: 0.5s;}

.main_sec_01_con_box_more_wrap {position: absolute;bottom: 30px; left: 32px;}
.main_sec_01_con_box_more {font-size: 14px; font-weight: 300; color: #222; transition: 0.5s; position: relative; top: 0px; left: 0px;}
.main_sec_01_con_box_more:after {content: ""; width: 6px; height: 6px; border-top: 1px solid #222; border-right: 1px solid #222; display: inline-block; transform: rotate(45deg); position: relative; top: -2px; left: 0px; transition: 0.5s;vertical-align: middle;margin-left: 4px;}


.main_sec_02_wrap {}
.main_sec_02_tit { font-size: 100px; color: #eeeeee; font-weight: 400;text-transform: uppercase;}
.main_sec_02_con_left_wrap {float: left; width: 50%; position: absolute; top: 0px; left: 0px; bottom: 0px;}
.main_sec_02_con_left {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/main/main_sec_02_con_left.jpg);}

.main_sec_02_con_wrap {max-width: 1200px; margin: 0 auto;}
.main_sec_02_con_right_wrap {float: right; width: 50%; padding: 70px 0 70px 130px;}
.main_sec_02_con_right {}
.main_more_btn_wrap {padding-top: 50px;}
.main_more_btn {height: 60px; line-height: 60px; padding: 0 35px 0 35px; display: inline-block;  background: repeating-linear-gradient( to right, #1c56a4 , #31b7b5); font-size: 18px; font-weight: 200; color: #fff; position: relative; top: 0; left: 0;}
.main_more_btn::after {content: ""; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; transform: rotate(45deg); position: relative; top: -2px; left: 0px; vertical-align: middle; margin-left: 35px;}


.main_sec_03_wrap {}
.main_sec_03_in {max-width: 1200px; margin: 0 auto;}
.main_sec_03_con_right_wrap {float: right; width: 50%; position: absolute; top: 0px; right: 0px; bottom: 0px;}
.main_sec_03_con_right_in {left: 0px; right: 0px; top: 0px; bottom: 0px;position: absolute;}
.main_sec_03_con_right {position: absolute; top: 0px; left: 0px; right: -1000px; bottom: 0px; background-size: contain; background-repeat: no-repeat; background-position: left top; background-image: url(../images/main/main_sec_03_con_right.jpg);}

.main_sec_03_con_left_wrap {float: left; width: 50%; padding: 140px 130px 110px 0; }


.main_sec_04_wrap {padding: 200px 0; position: relative; top: 0; left: 0;}
.main_sec_04_wrap::before {content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: #f2f2f2;top: 50%; }
.main_sec_04_in {max-width: 1200px; margin: 0 auto;}

.main_sec_04_con_wrap {margin-left: -40px;}


.main_sec_04_con_box_wrap {float: left; width: 33.33%; padding-left: 40px; padding-bottom: 40px; position: relative; top: 0px; left: 0px;display: block;}
.main_sec_04_con_box_in {}
.main_sec_04_con_box_bg_wrap img {width: 100%;}

.main_sec_04_con_box {max-width: 300px;margin: 0 auto;padding: 20px; text-align: center;background: #fff;position: relative;top: -60px;left: 0px;
box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
}
.main_sec_04_con_box_cate {height:40px;line-height:40px;overflow:hidden ;font-weight: 500; color: #1853a4;margin-bottom:15px;}
.main_sec_04_con_box_desc_wrap {height: 47px;overflow: hidden;}
.main_sec_04_con_box_desc_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.main_sec_04_con_box_desc {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;text-align: center;line-height: 1.3;font-size: 18px; color: #666;font-weight: 300;}
.main_sec_04_con_box_date {padding: 30px 0 10px;font-size: 14px; color: #999;font-weight: 400;}


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










.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: #08569b;border-color: #08569b;}


.sec_btn_wrap.color_btn .sec_btn {border-color: #ddd; color: #666}
.sec_btn_wrap.color_btn .sec_btn:hover {background-color: #08569b;border-color: #08569b;color: #fff}











.bt_sec_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.bt_sec_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.bt_sec_box {float: left;width: 50%;overflow: hidden;position: relative;top: 0px;left: 0px;}
.bt_sec_box_bg_wrap {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;;background-size: cover;z-index: 1}
.bt_sec_box_in {position: relative;top: 0px;left: 0px;width: 100%;height: 440px;z-index: 2;text-align: center;}
.bt_sec_box_in:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.bt_sec_box_inner {vertical-align: middle;display: inline-block;color: #fff;width: 100%;padding: 0 20px;position: relative;top: 0px;left: 0px;text-align: left;z-index: 2;max-width: 700px;}
.bt_sec_box_bg_wrap {
animation-duration: 15s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: sizeup;
}




.owl-carousel .owl-item .item_img img {width: initial;display: inline-block;}

.main_sec_01_slider .item {background-color: #ebeaea; border-radius: 15px;overflow: hidden;padding: 30px;display: block;}
.item_label {font-size: 22px; color: #222}
.item_link {text-align: right;}
.item_link a {display: inline-block;padding: 0 30px;position: relative;top: 0px;left: 0px;}
.item_link a:after {content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-2px;display:block;width:5px;height:5px;background-color:transparent;border-left:1px solid #555;border-top:1px solid #555;transform:rotate(135deg);text-indent:-9999px;transition:all .3s ease;z-index:2}
.item_img {padding: 50px 0; text-align: center;}

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

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

/*슬라이드*/

.owl-carousel .owl-nav {text-align: left; position: absolute; top: 345px; left: 0px; right: 0px; bottom: 0px;}

.owl-carousel {position: relative;top: 0px;left: 0px;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {display: inline-block;margin: 0;}
.owl-carousel .owl-nav button span {display: none;width: 45px;height: 45px;line-height: 45px;text-align: center;position: relative;top: 0px;left: 0px;background-color: #fff;text-indent: -9999px;}
.owl-carousel .owl-nav button span:after {content: "";display: block;margin:auto;width: 13px;height: 13px;border-top: 3px solid #000;border-left: 3px solid #000;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;transform: rotate(135deg);}
.owl-carousel .owl-nav button.owl-prev span:after {transform: rotate(315deg);}

.owl-carousel .owl-nav button.owl-prev {}
.owl-carousel .owl-nav button.owl-next {position: relative;top: 0px;left: 0px;}
/*.owl-carousel .owl-nav button.owl-next:before {position: absolute;top: 50%;left: 0px;width: 1px; height: 20px;background-color: #ddd;margin-top: -10px;content: "";z-index: 1;}*/

.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: #0024a6;border-radius: 100px;margin: 5px;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;}


/*.fp-tableCell {min-height: 800px!important}
.fp-section {min-height: 800px!important}*/
/*하단*/
.footer_all_wrap {width: 100%;background-color: #333333;color: #9f9f9f;}
.footer_wrap {width: 100%;padding: 50px 20px 80px;}
.footer_mid_wrap {width: 100%; max-width: 1200px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.footer_mid {width: 100%;position: relative;top: 0px;left:0px;}
.footer_mid:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_logo {float: right;position: absolute;top: 0px;right: 0px;}
.footer_info_wrap {width: 100%;position: relative; top: 0; left: 0;}
.footer_menu {padding-bottom: 40px; position: relative; top: 0; left: 0;}
.footer_menu ul:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_menu li {padding: 0 10px; position: relative; top: 0; left: 0;display: inline-block;}
.footer_menu li:first-child {padding-left: 0;}
.footer_menu li:after {content: ""; display: block; width: 1px; height: 12px; background: #494c58; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.footer_menu li:last-child:after {display: none;}
.footer_menu a {color: #9f9f9f;display: inline-block;padding: 10px;}

.footer_info {font-size:14px; line-height: 1.8; }
.footer_info b {color: #ccc;font-weight: 400;padding-right: 5px;}
.span_bar {display: inline-block;height: 10px;width: 1px;background-color: #494c58;margin: 0 5px;}
.span_bar_06 {display: block;width: auto;height: 0px;margin: 0px;background-color: transparent;}
.footer_copy {padding-top: 35px;}

/*서브메뉴*/

.line_all_wrap {width: 100%; background-color: #333; display: none;}
.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: #08569b; color: #fff; border-color: #08569b;}
.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: #08569b;}
/*.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: #08569b}
.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: #08569b}
.line_nav_box_02:hover .line_nav_target .sub_menu_a:after {}
.line_nav_box_02 .line_nav_menu .menu.active {display: block;}
.line_nav_box_02 .line_nav_menu .menu_a {display: none;}
.line_nav_box_02 .line_nav_menu .sub_menu_a {display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd;padding: 0 25px;font-size: 15px;color: #666}
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover {background-color: #f7f7f7;color: #08569b}
/*.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;}


/*서브*/
.sub_wrap {width: 100%;position: relative;top: 0px;left: 0px;}
.sub_wrap > div {position: relative;top: 0px;left: 0px;}
.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; padding:0px 20px;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 {
animation-duration: 15s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: sizeup;
}


.sub_visual_wrap {width: 100%;max-width: 1200px; margin: 0 auto;position: relative;top: 0px;left: 0px;z-index: 2;}
.sub_visual_txt{padding-top: 50px; padding-bottom: 50px;font-size: 45px;color: #fff;font-weight: 400; line-height: 1.6;}

.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_box {padding: 180px 0;}
.sub_01_01 .sub_visual_bg {background-image: url(../images/sub/sub_01.jpg);}
.sub_visual_bg {background-image: url(../images/sub/sub_01_02.jpg);}

.sub_02 .sub_visual_bg {background-image: url(../images/sub/sub_02.jpg);}

.sub_03_01 .sub_visual_bg {background-image: url(../images/sub/sub_03_01.jpg);}
.sub_03_02 .sub_visual_bg {background-image: url(../images/sub/sub_03_02.jpg);}
.sub_03_03 .sub_visual_bg {background-image: url(../images/sub/sub_03_03.jpg);}

.sub_04 .sub_visual_bg {background-image: url(../images/sub/sub_04.jpg);}
.sub_04_04 .sub_visual_bg {background-image: url(../images/sub/sub_04_04.jpg);}






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


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

.c_list_01 {text-align:left;line-height: 2;padding-left: 18px;margin: 0px;counter-reset: chapter 0;list-style: none;}
.c_list_01 > li {position:relative;margin:0;box-sizing:border-box;}
.c_list_01 > li::marker {}
ol.c_list_01 > li:before { counter-increment: chapter;content: counter(chapter) ".";text-indent: -18px;display: inline-block;color: #333;font-weight: 500;}
.c_list_01 span {color: #a5272b;}


.c_list_02 {text-align:left;line-height: 1.6;padding-left: 18px;margin: 0px;font-size:16px;font-weight: 300;word-break: keep-all;}
.c_list_02 > li {position:relative;margin:0;box-sizing:border-box;}
.c_list_02 > li::marker {}
.c_list_02 > li:before {content:"";position: absolute;top: 10px; left: -15px;width: 4px; height: 4px; background-color: #08569b; border-radius: 100px;}
.c_list_02 span {color: #a5272b;}






/*테이블*/
.table_wrap table {border-top: 2px solid #000;width: 100%;font-size: 16px;color: #000}
.table_wrap td {padding: 25px 10px;font-weight: 300; text-align: center;border-bottom: 1px solid #ddd;}
.table_wrap th {padding: 25px 10px;font-weight: 500; text-align: center;border-bottom: 1px solid #ddd;}
.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}





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




/*서브*/

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


.sub_top_nav {width: 100%;border-bottom: 1px solid #ddd;}
.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: 1200px;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.3;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: 0px;left: 50%;height:1px;background-color: transparent;width:0px;
-webkit-transition: all 0.3s ease;transition: all 0.3s ease;
transform: translateX(-50%);
}
.sub_top_nav .sub_menu:hover:before {background-color:#1c54a4;width: 100%;}
.sub_top_nav .sub_menu.active:before {background-color:#1c54a4;width: 100%;}

.sub_top_nav .sub_menu:hover .sub_menu_a {color: #08569b;}
.sub_top_nav .sub_menu.active .sub_menu_a {color: #08569b;}




/* sub_01_01 */

.sub_01_01_txt {font-size: 48px; font-weight: 400; color: #222; line-height: 1.4;word-break: keep-all;}

.s_sec_01_01_01_con_right {float: right; width: 45%; position: absolute;top: 0px;right: 0px;bottom: 0px;}
.s_sec_01_01_01_con_right_in {width: 100%; position: absolute;top: 0px;left: 30%;right: 0px;bottom: 0px;}
.s_sec_01_01_01_con_right_img {position: absolute;top: 0px;left: 0px;right: -900px;bottom: 0px;background-size: cover;background-image: url(../images/sub/s_sec_01_01_01_con_left_img.jpg);background-repeat: no-repeat;background-position: right center; }
.s_sec_01_01_01_con_left {float: left; width: 55%;}

.s_sec_01_01_02_wrap {padding: 50px 0 165px 0;}
.s_sec_01_01_02_con_left {float: left; width: 40%; position: absolute; top: 0px; left: 0px; bottom: 0px; }
.s_sec_01_01_02_con_left_in {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.s_sec_01_01_02_con_left_img {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/s_sec_01_01_02_con_left_img.jpg);}

.s_sec_01_01_02_con_right {float: right; width: 60%; padding-left: 94px;}
.s_sec_01_01_02_co_wrap {width: 100%;}

.co_wrap_box {width: 100%;}
.co_wrap_box:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.co_wrap_box_in {width: 100%;display: table;}

.co_txt {height: 127.4px; width: 120px; font-size: 14px; font-weight: 400; color: #666666; display: table-cell;padding: 60px 0 30px;border-bottom: 1px solid #eee;line-height: 1.3;}
.co_name {font-weight: 600;display: table-cell;font-size: 18px; color: #333;border-bottom: 1px solid #eee;line-height: 1.3;}

.co_wrap_box_left {float: left; width: 50%; }
.co_wrap_box_right {float: right; width: 50%;}


/* sub_01_02 */

.s_sec_01_02_01_wrap {padding: 165px 0 200px 0;}
.s_sec_01_02_02_con_wrap {}

.ht_wrap {width: 100%;background-color: #fff;}
.ht_wrap_in {border-top: 8px solid #111;padding: 40px 0 150px;}
.ht_wrap_in:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.ht_line_wrap {float: left; width: 25%; position: relative; top: 0px; left: 0px; }

.ht_text_01 {font-size: 40px; font-weight: 600; color: #222; line-height: 1.4;}


.s_sec_01_02_01_con_wrap_in {position: relative;top: 0px;left: 0px;}
.s_sec_01_02_01_con_wrap_in:before {content: "";position: absolute;top: 0px;bottom: -8px;left: 0px;right: -180px;border-radius: 1000px;border: 8px solid #111;}

.s_sec_01_02_02_con_wrap_in {position: relative;top: 0px;left: 0px;}
.s_sec_01_02_02_con_wrap_in:before {content: "";position: absolute;top: 0px;bottom: -8px;left: -180px;right: 0px;border-radius: 1000px;border: 8px solid #111;}


.s_sec_01_02_03_con_wrap_in {position: relative;top: 0px;left: 0px;}
.s_sec_01_02_03_con_wrap_in:before {content: "";position: absolute;top: 0px;left: 100%;width: 2000px;height: 8px; background-color: #111;}


/* sub_01_03 */

.s_sec_01_03_01_con_box_wrap {}
.s_sec_01_03_01_big_box {padding-bottom: 50px;}

.s_sec_01_03_01_con_box {width: 120px; height: 120px; margin: 0 auto; position: relative; top: 0px; left: 0px; border-radius: 50%} 
.s_sec_01_03_01_con_box:after {content: ""; width: 1px; height: 50px; background-color: #888; position: absolute; bottom: -50px; left: 50%; margin-right: -0.5px;}

.s_sec_01_03_01_con_box01 {background-color:#1853a4; display: flex; align-items: center;}
.s_sec_01_03_01_con_box_01_in {display: block; margin: 0 auto;}
.s_sec_01_03_01_con_box02 {width: 80%; height: 60px; margin: 0 auto; background-color: #32b9b5; position: relative; top: 0px; left: 0px;}
.s_sec_01_03_01_con_box02:after {content: ""; width: 1px; height: 50px; background-color: #888; position: absolute; bottom: -50px; left: 50%; margin-right: -0.5px;}
.s_sec_01_03_01_con_box03 {width: 80%; height: 60px; margin: 0 auto; background-color: #ddd;}
.s_01_03_big_box {padding-bottom: 20px;}

.s_sec_01_03_01_con_text01 {text-align: center; color: #fff; font-size: 24px; font-weight: 400;}
.s_sec_01_03_01_con_text02 {text-align: center; color: #fff; font-size: 20px; font-weight: 400; line-height: 60px;}
.s_sec_01_03_01_con_text03 {text-align: center; color: #222; font-size: 20px; font-weight: 400; line-height: 60px;}

.s_sec_01_03_sub_box {width: 80%; margin: 0 auto;}
.s_sec_01_03_sub_txt_box {color: #222; font-size: 20px; font-weight: 400; line-height: 60px;}
.s_sec_01_03_sub_txt {float: left; width: 50%; padding-top: 20px;}
.s_sec_01_03_sub_txt_in {margin: 0 auto; border: 1px solid #888; width: 95%; line-height: 50px;}

.s_sec_01_03_02_wrap {padding: 102px 0 185px 0;}

.s_sec_01_03_02_con_box_wrap {}
.s_sec_01_03_02_big_box {padding-bottom: 20px;}

.s_sec_01_03_02_con_box {width: 120px; height: 120px; margin: 0 auto; position: relative; top: 0px; left: 0px; border-radius: 50%;}
.s_sec_01_03_02_con_box01 {background-color: #1853a4; display: flex; align-items: center;}
.s_sec_01_03_02_con_box_01_in {display: block; margin: 0 auto;}
.s_sec_01_03_02_con_text01 {text-align: center; color: #fff; font-size: 24px; font-weight: 400;}

.s_sec_01_03_02_sub_box {width: 80%; margin: 0 auto;}
.s_sec_01_03_02_sub_txt_box {color: #222; font-size: 16px; font-weight: 400; line-height: 60px;}
.s_sec_01_03_02_txt {padding-top: 20px;}
.s_sec_01_03_02_txt_in {margin: 0 auto; width: 95%; line-height: 50px; border: 1px solid #888;}

.s_sec_01_03_02_con_box02 {width: 80%; height: 60px; margin: 0 auto; background-color: #32b9b5;}
.s_sec_01_03_02_con_text02 {text-align: center; color: #fff; font-size: 20px; font-weight: 400; line-height: 60px;}

.s_sec_01_03_02_con_box03 {width: 80%; height: 60px; margin: 0 auto; background-color: #ddd;}
.s_sec_01_03_02_con_text03 {text-align: center; color: #222; font-size: 20px; font-weight: 400; line-height: 60px;}

.s_sec_01_03_01_con_box_wrap {display: none;}
.s_sec_01_03_02_con_box_wrap {display: none;}



/* sub_01_04 */

.s_sec_01_04_01_wrap {padding: 165px 0 0 0;}
.s_sec_01_04_01_con_wrap {}
.s_sec_01_04_01_con {position: relative; top: 0px; left: 0px; display: block;}

.s_sec_01_04_01_bg_box {width: 100%; height: 420px; position: relative; top: 0px; left: 0px;}
.s_sec_01_04_01_bg_in {position: absolute; top: 0px; left: -100px; right: -100px; bottom: 0px;}
.s_sec_01_04_01_bg {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/s_sec_01_04_01_bg.jpg);}

.s_sec_01_04_01_con_box_wrap {display: block; margin-left: -40px; position: relative; top: -140px; left: 0px;}
.s_sec_01_04_01_con_box {float: left; width: 33.33%; padding-left: 40px; padding-bottom: 40px; position: relative; top: 0px; left: 0px; display: block;}
.s_sec_01_04_01_box_text {max-width: 400px; margin: 0 auto;background-color: #fff; border: 4px solid #1853a4; padding: 40px; text-align: left;}
.text_nu {font-size: 30px; font-weight: 400; color:#888888;padding: 40px 0 0 0; height: 80px; margin-bottom: 15px;}
.text_na_box {margin-bottom: 30px;}
.text_na {font-size: 24px; font-weight: 600; color: #222;}
.text_3 {height: 100px; word-break: break-all;}

.s_sec_01_04_02_wrap {padding: 100px 0 156px 0; color: #fff;}
.s_sec_01_04_02_wrap .sec_tit { color: #fff;}
.s_sec_01_04_02_wrap_bg {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-image: url(../images/sub/s_sec_01_04_02_wrap_bg.jpg);background-size: cover; background-repeat: no-repeat; background-position: center center;}

.s_sec_01_04_02_con_wrap {display: block; margin-left: -40px;}
.s_sec_01_04_02_con_box {float: left; width: 33.33%; padding-left: 40px; padding-bottom: 40px;}
.s_sec_01_04_02_box_text {max-width: 400px; margin: 0 auto; background-color: #1853a4; text-align: center; padding: 40px;}
.s_sec_01_04_02_box02 {background-color: #32b9b5;}

.box_icon {padding: 35px 0;}
.box_icon_in {display: inline-block; text-align: center; width: 100%; height: 65px; position: relative; top: 0px; left: 0px;}
.box_icon01 {background-image: url(../images/sub/box_icon01.png); width: 100%; height: 65px; background-repeat: no-repeat; background-position: center center;}
.box_icon02 {background-image: url(../images/sub/box_icon02.png); width: 100%; height: 65px; background-repeat: no-repeat; background-position: center center;}
.box_icon03 {background-image: url(../images/sub/box_icon03.png); width: 100%; height: 65px; background-repeat: no-repeat; background-position: center center;}

.text_en {font-size: 30px; font-weight: 600; line-height: 1.6; padding-bottom: 20px;}
.text_kr {font-size: 20px; font-weight: 400; line-height: 1.4; height: 80px;}


/* sub_01_05 */

.s_sec_01_05_01_con_right {float: right; width: 50%;}
.chart_box_wrap {margin-left: 50px; display: block;}
.chart_box_wrap_in {margin-left: -50px;}
.chart_box {float: left; width: 50%; padding-left: 50px; padding-bottom: 50px; position: relative; top: 0px; left: 0px; display: block;}
.chart_box_in {overflow: hidden;}
.chart_box_imgbox {border: 10px solid #ddd;}
.chart_box_imgbox img {width: 100%;}
.chart_box_text {padding: 20px;}

.s_sec_01_05_01_con_left {float: left; width: 50%;}
.s_sec_01_05_01_con_left .sec_txt span {font-weight: 600;}

.s_sec_01_05_02_wrap {padding: 0 0 200px 0;}

.s_sec_01_05_02_con_right {float: right; width: 70%;}
.client_box_wrap {margin-left: -35px; display: block;}
.client_box {float: left; width: 25%; padding-left: 35px; padding-bottom: 35px;}
.client_box_in {overflow: hidden;}
.client_box_img {border: 1px solid #ddd;}

.s_sec_01_05_02_con_left {float: left; width: 30%;}


/* sub_02 */

.sub_02 .sub_top_nav {display: none;}

.sub_02_wrap_01 {padding: 70px 0 0 0;}
.sub_02_wrap_02 {padding: 100px 0;}

.s_sec_02_tab_all_wrap {overflow: hidden; text-align: center; }

.product_tab_box {display: inline-block; padding: 10px 20px; text-align: center; position: relative; top: 0px; left: 0px;}
.product_tab_box span {font-size: 20px; font-weight: 600; color: #b9b9b9;}
.product_tab_box.active span {color: #222; font-weight: 600;}

.product_tab_box_a {display: inline-block; margin: 0 auto;}
.product_tab_box_a:after {display: none; position: absolute; content: ""; bottom: 5px; left: 0px; right: 0px; width: 100%; height: 17px; z-index: -1; opacity: 0.4; background-color: #32b9b5;}
.product_tab_box.active .product_tab_box_a:after {display: block;}

.s_sec_02_01_02_con_wrap {width: 100%;}
.s_sec_02_01_02_con_in {margin-left: -40px;}
.s_sec_02_01_02_box {float: left;width: 33.33%;padding-left: 40px; padding-bottom: 40px; cursor: pointer;}
.s_sec_02_01_02_box_in {overflow: hidden;}
.s_sec_02_01_02_box_img_wrap {border: 1px solid #ddd; transition: 0.5s;}
.s_sec_02_01_02_box:hover .s_sec_02_01_02_box_img_wrap {border: 1px solid #32b9b5;}
.s_sec_02_01_02_box_txt_wrap {background-color: #fff; padding: 30px 0 0 0; overflow: hidden;}
.s_sec_02_01_02_box_txt_01 {height: 80px;}

.s_sec_02_02_02_con_wrap {width: 100%;}
.s_sec_02_02_02_con_in {margin-left: -40px;}
.s_sec_02_02_02_box {float: left;width: 33.33%;padding-left: 40px; padding-bottom: 40px;cursor: pointer;}
.s_sec_02_02_02_box_in {overflow: hidden;}
.s_sec_02_02_02_box_img_wrap {border: 1px solid #ddd;transition: 0.5s;}
.s_sec_02_02_02_box:hover .s_sec_02_02_02_box_img_wrap {border: 1px solid #32b9b5;}
.s_sec_02_02_02_box_txt_wrap {background-color: #fff; padding: 30px 0 0 0; overflow: hidden;}
.s_sec_02_02_02_box_txt_01 {height: 80px;}

.s_sec_02_03_02_con_wrap {width: 100%;}
.s_sec_02_03_02_con_in {margin-left: -40px;}
.s_sec_02_03_02_box {float: left;width: 33.33%;padding-left: 40px; padding-bottom: 40px;cursor: pointer;}
.s_sec_02_03_02_box_in {overflow: hidden;}
.s_sec_02_03_02_box_img_wrap {border: 1px solid #ddd; transition: 0.5s;}
.s_sec_02_03_02_box:hover .s_sec_02_03_02_box_img_wrap {border: 1px solid #32b9b5;}
.s_sec_02_03_02_box_txt_wrap {background-color: #fff; padding: 30px 0 0 0; overflow: hidden;}
.s_sec_02_03_02_box_txt_01 {height: 80px;}

.s_sec_02_04_02_con_wrap {width: 100%;}
.s_sec_02_04_02_con_in {margin-left: -40px;}
.s_sec_02_04_02_box {float: left;width: 33.33%;padding-left: 40px; padding-bottom: 40px;cursor: pointer;}
.s_sec_02_04_02_box_in {overflow: hidden;}
.s_sec_02_04_02_box_img_wrap {border: 1px solid #ddd; transition: 0.5s;}
.s_sec_02_04_02_box:hover .s_sec_02_04_02_box_img_wrap {border: 1px solid #32b9b5;}
.s_sec_02_04_02_box_txt_wrap {background-color: #fff; padding: 30px 0 0 0; overflow: hidden;}
.s_sec_02_04_02_box_txt_01 {height: 80px;}


/* sub_03_01 */

/*

.s_sec_03_01_03_wrap {padding: 0 0 200px 0;}
.s_sec_03_01_01_icon_wrap {width: 100%; padding-bottom: 40px;}
.s_sec_03_01_02_icon_wrap {width: 100%; padding-bottom: 40px;}
.s_sec_03_01_03_icon_wrap {width: 100%; padding-bottom: 40px;}
.s_sec_03_01_01_icon_wrap_in {overflow: hidden;}
.s_sec_03_01_02_icon_wrap_in {overflow: hidden;}

.icon_img_box {float: left; width: 25%;}
.icon_img_box_in {overflow: hidden;}
.icon_img_wrap {display: inline-block; text-align: center; width: 100%; height: 55px; position: relative; top: 0px; left: 0px; bottom: 0px;}
.icon_bg {width: 100%; height: 55px; background-repeat: no-repeat; background-position: center center;}
.icon_bg01 {background-image: url(../images/sub/pfc_icon_01.png);}
.icon_bg02 {background-image: url(../images/sub/pfc_icon_02.png);}
.icon_bg03 {background-image: url(../images/sub/pfc_icon_03.png);}
.icon_bg04 {background-image: url(../images/sub/pfc_icon_04.png);}
.icon_bg05 {background-image: url(../images/sub/pfc_icon_05.png);}
.icon_bg06 {background-image: url(../images/sub/pfc_icon_06.png);}
.icon_bg07 {background-image: url(../images/sub/pfc_icon_07.png);}
.icon_bg08 {background-image: url(../images/sub/pfc_icon_08.png);}
.icon_bg09 {background-image: url(../images/sub/pfc_icon_09.png);}
.icon_bg10 {background-image: url(../images/sub/pfc_icon_10.png);}
.icon_bg11 {background-image: url(../images/sub/pfc_icon_11.png);}

.s_sec_03_01_01_line_wrap {width: 100%; }

.pfc_text {float: left; width: 25%; position: relative; top: 0px; left: 0px; padding-top: 40px;}
.pfc_text::before {content: ""; width: 100%; height: 1px; position: absolute; top: -2px; left: 0px; background-color: #5c5c5c;}
.pfc_text::after {content: ""; width: 9px; height: 9px; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); border-radius: 50%; background-color: #5c5c5c;}
.pfc_text_01 {font-size: 24px; font-weight: 600; line-height: 1.4; color: #222;}

.s_sec_03_01_01_line_wrap .s_sec_03_01_01_line_wrap_in>div:last-child::before {width: 1000px;}
.s_sec_03_01_02_line_wrap .s_sec_03_01_02_line_wrap_in>div:last-child::before {width: 1000px;}
.s_sec_03_01_02_line_wrap .s_sec_03_01_02_line_wrap_in>div:first-child::before {width: 1000px; left: -700px;}
.s_sec_03_01_03_line_wrap .s_sec_03_01_03_line_wrap_in>div:last-child::before {width: 2000px;}
.s_sec_03_01_03_line_wrap .s_sec_03_01_03_line_wrap_in>div:first-child::before {width: 2000px; left: -700px;}
*/

.s_sec_03_01_01_wrap {padding: 100px 0 0 0;}
.s_sec_03_01_02_wrap {padding: 0 0 200px 0;}


.pf_wrap {width: 100%;}
.pf_wrap_in {}
.pf_con_box {float: left; width: 25%; position: relative; top: 0px; left: 0px; padding-bottom: 40px;}
.pf_con_box_in {overflow: hidden;}
.pf_con_item_box {width: 100%;}
/*
.pf_con_box_01 .pf_con_item_box {padding-top: 213px;}
.pf_con_box_02 .pf_con_item_box {padding-top: 213px;}
*/

.pf_con_box_img {padding: 10px 10px 20px;}
.pf_img img {width: 100%;}

.pf_con_box_text {padding: 20px 0; border-top: 1px solid #5c5c5c; position: relative; top: 0px; left: 0px;}
.pf_con_box_04::before {content: ""; position: absolute; top: 292px; left: 300px; background: #5c5c5c; width: 2000px; height: 0.5px;}
.pf_con_box_05::before {content: ""; position: absolute; top: 292px; right: 300px; background: #5c5c5c; width: 2000px; height: 0.5px;}
.pf_con_box_08::before {content: ""; position: absolute; top: 292px; left: 300px; background: #5c5c5c; width: 2000px; height: 0.5px;}
.pf_con_box_09::before {content: ""; position: absolute; top: 292px; right: 300px; background: #5c5c5c; width: 2000px; height: 0.5px;}


.pf_con_box_text::after {content: ""; width: 9px; height: 9px; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); border-radius: 50%; background-color: #5c5c5c;}
.pfc_text_01 span {font-size: 20px; font-weight: 600; line-height: 1.4; color: #222;}


.pf_con_box_icon {width: 100%; padding-bottom: 20px;}
.pf_con_box_icon_in {overflow: hidden;}
.pf_con_box_icon_bg {width: 100%; height: 55px; background-repeat: no-repeat; background-position: center center;}
.pf_con_box_01 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_01.png);}
.pf_con_box_02 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_02.png);}
.pf_con_box_03 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_03.png);}
.pf_con_box_04 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_04.png);}
.pf_con_box_05 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_05.png);}
.pf_con_box_06 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_06.png);}
.pf_con_box_07 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_07.png);}
.pf_con_box_08 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_08.png);}
.pf_con_box_09 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_09.png);}
.pf_con_box_10 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_10.png);}
.pf_con_box_11 .pf_con_box_icon_bg {background-image: url(../images/sub/pfcicon_11.png);}




/* sub_03_02 */
.s_sec_03_02_01_wrap {padding: 100px 0 0 0;}
.s_sec_03_02_01_tab_all_wrap {overflow: hidden; text-align: center;}

.es_tab_box {display: inline-block; padding:0 40px; text-align: center; position: relative; top: 0px; left: 0px;}
.es_tab_box_a {display: inline-block; margin: 0 auto;}
.es01:after {content: ""; display: block; position: absolute; top: 50%; right: 0px; width: 1px; height: 18px; background: #ddd; transform: translateY(-50%);}

.es_tab_box_a span {font-size: 20px; font-weight: 600; color: #c6c6c6;}
.es_tab_box.active .es_tab_box_a span {color: #222;}
.s_sec_03_02_02_wrap {padding: 100px 0;}
.s_sec_03_03_02_wrap {padding: 75px 0 200px 0;}

/* sub_03_02  하네스용 보유 설비 */
.es_wrap_01_con_wrap {width: 100%;}
.es_wrap_01_con_in {margin-left: -20px;}
.es_wrap_01_con_box { float: left; width: 25%; padding-left: 20px; padding-bottom: 20px;}
.es_wrap_01_con_box:nth-child(4n+1) {clear: both;}
.es_wrap_01_con_box_in {overflow: hidden;}
.es_wrap_01_con02_in {margin-left: -20px;}

.es_item_box {width: 100%;}
.es_item_box_in {overflow: hidden;border: 1px solid #eee;border-radius: 5px;}
.es_item_box_img { height: auto;}
.es_item_box_img img {width: 100%;}

.es_item_txt_wrap {padding: 20px 0px;  text-align: center;}
.es_item_txt_01 {height: 30px;overflow: hidden;}
.es_item_txt_01::before {content: ""; display: inline-block;height: 100%;vertical-align: middle; margin-right: -0.25em;font-size: large;}
.es_item_txt_01 span {vertical-align: middle; display: inline-block;font-size: 16px; font-weight: 500; line-height: 1.4; text-align: left; color: #222; width: 100%; position: relative; top: 0px;left: 0px;text-align: center;}
.es_item_txt_01 span b {font-weight: 600;font-size: 18px;color: #1c54a3;}

.es_item_txt_02 {height: 60px;overflow: hidden;}
.es_item_txt_02::before {content: ""; display: inline-block;height: 100%;vertical-align: middle; margin-right: -0.25em;font-size: large;}
.es_item_txt_02 span {vertical-align: middle; display: inline-block;font-size: 14px; font-weight: 500; line-height: 1.4; text-align: left; color: #222; width: 100%; position: relative; top: 0px;left: 0px;text-align: center;}



.es_item_txt_02.sec_txt {padding: 10px 0; text-align: left;font-size: 14px;font-weight: normal;color: #666;text-align: center;}


/* sub_03_02  검사설비현황 */
.es_wrap_02_con_wrap_01 {width: 100%;}
.es_wrap_02_con_wrap_02 {width: 100%; }
.es_wrap_02_con_wrap_03 {width: 100%;}

.es_wrap_02_con_in {margin-left: -20px;}
.es_wrap_02_con_box {float: left; width: 25%; padding-left: 20px; padding-bottom: 20px;}
.es_wrap_02_con_box_in {overflow: hidden;border: 1px solid #eee;border-radius: 5px;}
.es_wrap_02_con_box_img {height: auto;}
.es_wrap_02_con_box_img img {width: 100%;}

.es_item_txt_wrap02 {padding: 20px 10px;}
.es_item_txt_03 {height: 90px;overflow: hidden;}
.es_item_txt_03::before {content: ""; display: inline-block;height: 100%;vertical-align: middle; margin-right: -0.25em;font-size: large;}
.es_item_txt_03 span {vertical-align: middle; display: inline-block;font-size: 14px; font-weight: 500; line-height: 1.4; text-align: left; color: #222; width: 100%; position: relative; top: 0px;left: 0px;text-align: center;}
.es_item_txt_03 span b {font-weight: 600;font-size: 18px;color: #222;}


/* sub_03_03 */

.s_sec_03_03_01_wrap {padding: 100px 0 0 0;}
.s_sec_03_03_01_tab_all_wrap {overflow: hidden; text-align: center;}

.sg_tab_box {display: inline-block; padding:0 40px; text-align: center; position: relative; top: 0px; left: 0px;}
.sg_tab_box_a {display: inline-block; margin: 0 auto;}
.sg01:after {content: ""; display: block; position: absolute; top: 50%; right: 0px; width: 1px; height: 18px; background: #ddd; transform: translateY(-50%);}

.sg_tab_box_a span {font-size: 20px; font-weight: 600; color: #c6c6c6;}
.sg_tab_box.active .sg_tab_box_a span {color: #222;}

.s_sec_03_03_02_wrap {padding: 75px 0 100px 0;}

.se_wrap_box {position: relative; top: 0px; left: 0px; margin: 0 auto;}
.se_wrap_box_in {overflow: hidden; margin-left: -40px;}
.se_item_box {float: left; width: 50%;padding-left: 40px; padding-bottom: 40px;}

.se_wrap_box_textbox {padding: 20px 0; text-align: center; height: 62px; line-height: 62px;}
.se_wrap_box_textbox_in {font-size: 18px; font-weight: 500; color: #222; line-height: 1.2;}




/* sub_04_01 */

.s_sec_04_01_01_wrap {padding: 165px 0 0 0;}

.s_sec_04_01_01_con_wrap {margin-left: -40px;}
.s_sec_04_01_01_con_box_wrap {float: left; width: 33.33%; padding-left: 40px; padding-bottom: 40px; position: relative; top: 0px; left: 0px;display: block;}
.s_sec_04_01_01_con_box_in {}
.s_sec_04_01_01_con_box_bg_wrap img {width: 100%;}

.s_sec_04_01_01_con_box {max-width: 300px;margin: 0 auto;padding: 20px; text-align: center;background: #fff;position: relative;top: -60px;left: 0px;
box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
}
.s_sec_04_01_01_con_box_cate {height:40px;line-height:40px;overflow:hidden ;font-weight: 500; color: #1853a4;margin-bottom:15px;}
.s_sec_04_01_01_con_box_desc_wrap {height: 47px;overflow: hidden;}
.s_sec_04_01_01_con_box_desc_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_04_01_01_con_box_desc {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;text-align: center;line-height: 1.3;font-size: 18px; color: #666;font-weight: 300;}
.s_sec_04_01_01_con_box_date {padding: 30px 0 10px;font-size: 14px; color: #999;font-weight: 400;}

.s_sec_04_01_02_wrap {padding: 130px 0 0px 0;}

.s_sec_04_01_02_con_wrap {margin-left: -40px;}

.s_sec_04_01_02_con_box_wrap {float: left; width: 33.33%; padding-left: 40px; padding-bottom: 40px; position: relative; top: 0px; left: 0px;display: block;}
.s_sec_04_01_02_con_box_in {}
.s_sec_04_01_02_con_box_bg_wrap img {width: 100%;}

.s_sec_04_01_02_con_box {max-width: 300px;margin: 0 auto;padding: 20px; text-align: center;background: #fff;position: relative;top: -60px;left: 0px;box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
}
.s_sec_04_01_02_con_box_cate {height:40px;line-height:40px;overflow:hidden ;font-weight: 500; color: #1853a4;margin-bottom:15px;}
.s_sec_04_01_02_con_box_desc_wrap {height: 47px;overflow: hidden;}
.s_sec_04_01_02_con_box_desc_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.s_sec_04_01_02_con_box_desc {vertical-align: middle;display: inline-block;width: 100%;position: relative;top: 0px;left: 0px;text-align: center;line-height: 1.3;font-size: 18px; color: #666;font-weight: 300;}
.s_sec_04_01_02_con_box_date {padding: 30px 0 10px;font-size: 14px; color: #999;font-weight: 400;}

.s_sec_04_01_03_wrap {padding: 0 0 200px 0;}


/* sub_04_02 */

.s_sec_04_02_01_wrap {padding: 165px 0 0 0;}
.s_sec_04_02_01_con_wrap {width: 100%;}

.data_wrap {margin-left: -50px;}
.data_box_wrap {float: left; width: 50%; padding-left: 50px; padding-bottom: 50px; position: relative; top: 0px; left: 0px; display: block;}
.data_box_left {float: left; width: 40%;}
.data_box_left_in {overflow: hidden;}

.data_box_left_img {background: #ddd; height: 378px;}
.data_box_left_img img {width: 100%;}

.data_box_right {float: right; width: 60%;}
.data_box_right_in {overflow: hidden;}

.data_box_right_text {padding: 34px 50px;}
.data_box_text_01 {font-size: 28px; line-height: 1.4; font-weight: 600; color: #222;}
.data_box_right_box {padding-top: 80px;}
.data_btn {height: 60px; line-height: 60px; padding: 0 30px; display: inline-block; background: repeating-linear-gradient( to right, #1c56a4 , #31b7b5);font-size: 18px; font-weight: 400; color: #fff; position: relative; top: 0px; left: 0px;}

.s_sec_04_02_02_wrap {padding: 113px 0;}
.s_sec_04_02_02_con_wrap {width: 100%;}

.s_sec_04_02_03_wrap {padding-bottom: 200px;}




/* sub_04_03 */







/* sub_04_04 */
.s_sec_04_04_01_wrap {padding: 165px 0 0 0;position: relative; top: 0px; left: 0px;}
.s_sec_04_04_01_con_wrap {width: 100%; position: relative; top: 0px; left: 0px; overflow: hidden; }


/*
.s_sec_04_04_01_con_rigt {float: left; width: 40%;}
.s_sec_04_04_01_con_box {margin-left: 35px; display: block;}
.s_sec_04_04_01_textbox {background: #1865d3; padding: 15px; overflow: hidden;}
.s_sec_04_04_01_textbox_in {border: 1px solid #ddd;}

.s_sec_04_04_01_ad01 {font-size: 20px; font-weight: 300; color: #fff; padding: 50px 30px 20px 30px;}
.s_sec_04_04_01_ad01 span {padding-left: 10px;}
.s_sec_04_04_01_ad02 {color: #fff; padding: 10px 30px 10px 60px; word-break:break-all;}

.s_sec_04_04_01_tel01 {font-size: 20px; font-weight: 300; color: #fff; padding: 50px 30px 20px 30px;}
.s_sec_04_04_01_tel01 span {padding-left: 10px;}
.s_sec_04_04_01_tel02 { padding: 10px 30px 40px 60px; word-break:break-all;}
.s_sec_04_04_01_tel02 a {color: #fff; }

.s_sec_04_04_01_con_left {float: right; width: 60%;}
.s_sec_04_04_01_con_left_text_box {padding: 65px 50px 230px 50px;}*/


.s_sec_04_04_01_txt {text-align: center; font-size: 18px; font-weight: 200; color: #222; }
.s_sec_04_04_01_textboxwrap { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 999;}
.s_sec_04_04_01_textbox {background: #1865d3; padding: 15px; overflow: hidden; display: block; width: 400px; height: 290px;}
.s_sec_04_04_01_textbox_in {border: 1px solid #ddd; padding: 30px;}
.s_sec_04_04_01_ad01 {color: #fff;font-size: 20px; font-weight: 300; height: 50px;}
.s_sec_04_04_01_tel01 {color: #fff;font-size: 20px; font-weight: 300; height: 50px;}
.s_sec_04_04_01_ad02 {color: #fff; height: 70px;}
.s_sec_04_04_01_tel02 a {color: #fff; height: 70px;}


/*지도*/
.s_sec_04_04_02_wrap {z-index: -1; padding-top: 100px;}
.map_wrap {font-size: 18px; position: relative; top: 0px; left: 0px; width: 100%; height: 742px;border: none!important;}
.map_wrap .root_daum_roughmap {width: 100%!important;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;border: none!important;}
.map_wrap .root_daum_roughmap .wrap_controllers {display: none; border: none!important}
.map_wrap .root_daum_roughmap .wrap_map {border: none!important;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:240px;height: 83px;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}
.root_daum_roughmap .border1 {border: none!important}














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





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





.catalog_box {position: fixed;top: 160px; right: 0px; background-color: #32b9b5;display: inline-block;text-align: center;z-index: 9999;
writing-mode: vertical-rl;
text-orientation: mixed;
padding: 10px; font-weight: 500; color: #fff; letter-spacing: 2px;
border-top: 5px solid #2b9995;
}
.catalog_box img {vertical-align: middle;}