body {/*background:url(/img/site_back.png);*/min-width:1200px;}

/*intro*/
.intro {/*background:url(/img/intro_bg.png)*/ no-repeat center center;height:100vh;width:100%;position:relative;min-width:1200px;}
.intro .bg_video {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	min-width:1200px;
	height:937px;
	object-fit:cover;
}
.intro_logo {
	position:absolute;
	top:440px;
	left:1200px;
	text-align:center;
	z-index:2;
}
.bg_black {background:rgba(0,0,0,0.5);/*backdrop-filter:blur(3px);*/width:100%;min-width:1200px;height:937px;position:absolute;top:0;left:0;z-index:1;}
.intro_head {
	position:relative;top:0;right:0;width:1200px;margin:0 auto;height:90px;z-index:2;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.intro_head li {margin-right:20px;}
.intro_head li:last-child {margin-right:0px;}
.intro_head li a {position:relative;font-size:13px;color:#919191;padding-left:13px;}
.intro_head li a::before {position:absolute;top:5px;left:0px;content:'';width:5px;height:5px;background:#919191;border-radius:50%;}
.intro_head li.active a {color:#fff;}
.intro_head li.active a::before {background:#da1d1d;}

.intro_con {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	position:absolute;
	left:4%;
	top:8%;
	z-index:9999;
	/*transform:translateY(-50%);
	-webkit-transform:translateY(50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);*/
}
.intro_con ul {
	/*display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;*/
}
.intro_con ul li:first-child {margin-bottom:50px;}


.intro_con2 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	position:absolute;
	left:30%;
	top:8%;
	z-index:9999;
	/*transform:translateY(-50%);
	-webkit-transform:translateY(50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);*/
}
.intro_con2 ul {
	/*display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;*/
}
.intro_con2 ul li:first-child {margin-bottom:50px;}

/*header*/
.header_top {background:#0a50a1;height:3px;}
.header_top .header_top_con {width:1200px;margin:0 auto;height:128px;}
.header_top .header_top_con .header_bar {width:107px;background:#da1d1d;height:3px;}

.header_con {
	width:1200px;margin:0 auto;height:128px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	border-bottom:1px solid #ccc;
	box-shadow:0 4px 4px -4px #ccc;
}
.header_con02 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.header_con02 p {margin-right:50px;font-size:13px;color:#6e6e6e;line-height:16px;}
.header_con02 ul {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.header_con02 ul li {margin-right:20px;}
.header_con02 ul li:last-child {margin-right:0px;}
.header_con02 ul li a {position:relative;font-size:13px;color:#919191;padding-left:13px;}
.header_con02 ul li a::before {position:absolute;top:5px;left:0px;content:'';width:5px;height:5px;background:#919191;border-radius:50%;}
.header_con02 ul li.active a {color:#313131;}
.header_con02 ul li.active a::before {background:#da1d1d;}

/*content*/
.main_wrap {width:1200px;margin:0 auto;}
.section {width:1000px;margin:0 auto;}
.section_title {padding:70px 0px;}
.section_title h3 {text-align:center;font-size:35px;color:#565656;margin-bottom:10px;}
.section_title h1 {text-align:center;font-size:35px;color:#565656;margin-bottom:10px;}
.section_title p {text-align:center;font-size:15px;color:#919191;}

.section01 {background:url(/img/section01_bg.png) center no-repeat;height:700px;}
.section01_ul01 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	width:1000px;
}
.section01_ul01 li {width:234px;height:184px;border-radius:50%;}
.section01_ul01 li a {display:block;}
.section01_ul01 li:nth-child(1) a {width:234px;height:184px;background:url(/img/no_circle_1.png) no-repeat center;}
.section01_ul01 li:nth-child(1) a:hover {opacity:0.7}
.section01_ul01 li:nth-child(2) a {width:234px;height:184px;background:url(/img/no_circle_2.png) no-repeat center;}
.section01_ul01 li:nth-child(2) a:hover {opacity:0.7}
.section01_ul01 li:nth-child(3) a {width:234px;height:184px;background:url(/img/no_circle_3.png) no-repeat center;}
.section01_ul01 li:nth-child(3) a:hover {opacity:0.7}
.section01_ul01 li:nth-child(4) a {width:234px;height:184px;background:url(/img/m_circle_05_off.png) no-repeat center;}
.section01_ul01 li:nth-child(4) a:hover {opacity:0.7}
.section01_ul01 li:nth-child(5) a {width:234px;height:184px;background:url(/img/m_circle_06_off.png) no-repeat center;}
.section01_ul01 li:nth-child(5) a:hover {opacity:0.7}

.section01_ul02 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	width:1000px;
	margin-top:32px;
}
.section01_ul02 li {width:234px;height:184px;}
.section01_ul02 li h4 {font-size:22px;color:#515151;text-align:center;margin-bottom:28px;}
.section01_ul02_h4 {margin-top:-12px;margin-bottom:13px !important;}
.section01_ul02 li p {font-size:14px;color:#919191;line-height:18px;letter-spacing:-1px;}

/*section02*/
.section02 {width:1200px;position:relative;}
.section02_bar {margin-left:100px;}
.main_banner {width:1000px;}
.main_banner .swiper-button-prev {background:url(/img/prev_btn.png) no-repeat center;left:7%;}
.main_banner .swiper-button-next {background:url(/img/next_btn.png) no-repeat center;right:7%;}
.swiper-button-prev , .swiper-button-next {margin-top:0px !important;top:65% !important;width:44px !important;height:79px !important;background-size:44px 79px !important;}
.main_banner h4 {font-size:15px;color:#313131;margin-top:10px;word-break:break-all;}
.main_banner .swiper-slide a > div {width:184px; height:230px;}
.main_banner .swiper-slide a > div div {box-sizing:border-box;position:relative;width:184px !important; height:230px !important;border-radius:5px;overflow:hidden;border:1px solid #D3D3D3;}
.main_banner .swiper-slide a > div img {
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

/*section03*/
.section03 {width:1200px;margin-top:100px;}
.section03_ul {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	width:1000px;margin:0 auto;
}
.section03_ul li {width:490px;position:relative;}
.section03_ul li a {width:490px;position:absolute;top:0;left:0;height:285px;z-index:9999;}
.section03_ul li iframe {width:490px;height:280px;box-sizing:border-box;border:1px solid #ccc;}
.section03_ul li iframe html {overflow:hidden;}
.section03_ul li #map {width:490px !important;height:280px important;}
.section03_ul li .txt {margin-top:20px;}
.section03_ul li h4 {font-size:17px;text-align:center;margin-bottom:15px;}
.section03_ul li p {font-size:14px;line-height:18px;}
.section03_ul li p a{font-size:14px;line-height:18px;font-weight:100;color:#515151;}

/*footer*/
#footer {border-top:1px solid #ccc;margin-top:100px;}
.ft_top_con {width:1200px;margin:0 auto;padding:50px 0px;}
.ft_top_con ul {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.ft_top_con ul:first-child {margin-bottom:5px;}
.ft_top_con ul li {font-size:14px;color:#818181;}
.ft_top_con ul li.bar {margin:2px 10px 0;width:1px;height:10px;background:#818181;padding:0px;}
.ft_top_con ul li h2 {font-size:14px;color:#313131;margin-right:10px;}
.ft_top_con ul li a {color:#818181;font-weight:100;}

/*main_menu*/
.main_menu {width:1200px; margin:0 auto;border-bottom:1px solid #ccc;box-shadow:0 4px 4px -4px #ccc;}
.main_menu_ul {
	width:1000px;height:80px;margin:0 auto;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.main_menu_ul li a {
	font-size:22px;
	width:184px;height:80px;text-align:center;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.main_menu_ul li:nth-child(4) a {font-size:17px;}
.main_menu_ul li:nth-child(5) a {font-size:17px;}
.main_menu_ul li a.active {color:#0a50a1;position:relative;}
.main_menu_ul li a.active:before {position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#0a50a1;content:'';}
.main_menu_ul li a:hover {color:#0a50a1;position:relative;}
.main_menu_ul li a:hover:before {position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#0a50a1;content:'';}

.sub_menu {width:1000px;margin:0 auto;margin-top:50px;margin-bottom:50px;}
.sub_menu ul {display: -webkit-box; display: -ms-flexbox; display: flex;}
.sub_menu ul li {margin-right:12px;}
.sub_menu ul li:last-child {margin-right:0px;}
.sub_menu ul li a {width:128px;height:47px;background:#aaa;display:block;text-align:center;line-height:47px;color:#fff;font-weight:100;}
.sub_menu ul li a.active {background:#313131;}

.sub_wrap {width:1000px; margin:0 auto;}

/*sub1_1*/
.sub1_1_ul {
	width:100%;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}

/*sub1_3*/
#listBody .listWrap li {
	display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
	-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;
	width:235px !important;
	margin-right:20px !important;
	verflow:hidden;
	padding-bottom:0px !important;
	margin-bottom:20px !important;
}
#listBody .listWrap li:nth-child(4n+4) {margin-right:0px !important;}
#listBody .listWrap dt {height:auto !important;}
#listBody .listWrap dt a {display:block;height:176px; overflow:hidden;}
#listBody .listWrap dt a img {
	width:100% !important;
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-o-transform:scale(1.5);
	-moz-transform:scale(1.5);
}

.board_list tr.notice {background:none !important;}
.writeForm th {background:none !important;}
.yunboard .iText {background:none !important;}
.read_header .meta {background:none !important;}
.list_footer .ruboard_search .iSelect {background:none !important;}

/*sub4_1*/
.sub4_1 {margin-top:50px;}

/*sub5_1*/
.sub5_1 {margin-top:50px;}
.sub5_1 .pagination {display:none;}
.sub5_1 .board_list td {color:#717171;}

/*Àåºñ ¼ö¸®, °³Á¶ ¹× ¾÷±×·¹ÀÌµå*/
.sample_title {font-size:17px;margin-top:50px;padding-left:30px;}
.board_list td {border-bottom:1px solid #aaa !important;padding:15px 30px !important;}
.board_list tr.notice td.ru-title a {color:#fff;}
.board_list tr.notice td.ru-title > img {display:none;}
.board_list td.ru-title > img {display:none;}
.board_list table {margin-top:15px !important;}


.pagination{margin:0px auto; padding:4px 0 10px 0; _text-align:center; line-height:normal} 
.pagination a,
.pagination strong{position:relative;color:#a1a1a1; font-weight:bold;/*font:bold 12px "Tahoma", "³ª´®°íµñ", NanumGothic, "µ¸¿ò", Dotum, Arial, Sans-serif;*/ vertical-align:top;display:inline-block;text-decoration:none;padding:1px 8px;margin:0 -3px;border-left:1px solid #ccc;border-right:1px solid #ccc;/*background-color:#fff;*/z-index:2}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{background-color:#f8f8f8}
.pagination strong{color:#222;font-size:12px}
.pagination .direction{font-weight:normal;color:#999;text-decoration:none !important;border:0;z-index:1}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{color:#a1a1a1;background-color:#fff}
.pagination .prev{border-left:0}
.pagination .next{border-right:0}
.pagination .direction span{position:relative;display:inline-block;width:0;height:0;font-size:0;line-height:0;vertical-align:top;top:4px}
.pagination .prev span{border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0;margin-right:1px;*left:-4px}
.pagination .next span{border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0;margin-left:1px}


.p_prod_list dd.description b {word-break:break-all;}


.round_border img {max-width:100%;}
