@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500&display=swap');

@import url('https://cdn.jsdelivr.net/npm/fonts-archive-one-mobile/ONEMobile.css');

h1 {font-size:32px;}
h2 {font-size:26px;}
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {}
h6 {}

.inner {width:100%;max-width:1200px;margin:0 auto;}

@media screen and (max-width: 767px){
	.inner {padding-left:5px;padding-right:5px;box-sizing:border-box;}
}


/* //////////////// HEADER //////////////// */
#header {position:relative; background:#fff; border-bottom:1px solid #22a150;z-index:1; }

.header_tops {height:30px; background:#22a150; padding:3px 0; text-align:right; box-sizing:border-box;}
.header_tops a.links {display:inline-block; box-sizing:border-box; color:#fff; padding:0 15px; border-left:1px solid #fff; font-size:14px;}
.header_tops a.links:first-child {border:none;}

.logo {float:left;margin-top:10px;line-height:0;}
.logo img {max-height:60px;}

@media screen and (max-width: 1190px){
	#header {height:90px;text-align:center;}
	.logo {float:none;padding:3px;text-align:center;display:inline-block;margin:0;}
	.logo img {height:50px;margin-top:0;}
}

@media screen and (max-width: 767px){

}

#gnb {float:left;width:80%;max-width:900px;min-width:600px;margin:0 0 0 60px;text-align:left;}

@media screen and (max-width: 1190px){
	#gnb {margin:0 35px 15px 0;}
	nav {display:none;}
}
/*
@media screen and (max-width: 767px){
	nav {display:none;}
}

/* gnb 기본 스타일 */
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}/*
.sf-menu li {position: relative;}*/
.sf-menu ul {position: absolute; width:100%;	display: none;	top:110px; left: 0; right:0; z-index: 99;}
.sf-menu > li {float: left;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display: block;}

.sf-menu a {display: block; position: relative;}
.sf-menu ul ul {top: 0;	left: 100%;}

/* gnb 스타일 */
#gnb ul {width:100%;height:60px;text-align:center;box-shadow:inset 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
#gnb a {padding:0; text-decoration: none;}
#gnb a {color: #fff;}
#gnb a:hover, #gnb a:focus {color:#ffff00;}
#gnb li {/*background: #fff;*/ white-space: nowrap; *white-space: normal;	-webkit-transition: background .2s; transition: background .2s;}
#gnb ul li {display:inline-block;}
#gnb ul li a {color:#fff;padding:20px;font-size:14px;}

#gnb li:hover, #gnb li.sfHover {/*background: #ddd;*/ -webkit-transition: none; transition: none;}

#gnb > li {box-sizing:border-box;}

#gnb > li > ul {background-color:rgba(5,125,48,0.9);}

#gnb > li:hover > a, #gnb > li.sfHover > a, #gnb > li.current > a{background-color:#057d30;}

#gnb > li:hover > a, #gnb > li.sfHover > a, #gnb > li.current > a {color:#fff;}

#gnb > li {width:auto;background:none;}
#gnb > li > a {display:block;box-sizing:border-box;height:80px;text-align:center;font-size:18px;font-weight:800;color:#057d30;padding:32px 25px 0;margin-top:0; font-family: 'ONE Mobile';}



@media screen and (min-width: 1191px){
	.topSearch{display:block;}

	button.btnMenu {display:none;}
	#total_m_lay{display:none !important;}
}

@media screen and (max-width: 1190px){
	#header .btnSearch{position:absolute;top:65px;right:50px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:#3077c6 url(../images/common/icon_m_search.png) no-repeat 0 0;z-index:200;border-radius:5px;}
	#header .btnSearch.on{background:#3077c6 url(../images/common/icon_m_close.png) no-repeat 0 0;}
	#header .btnMenu{position:absolute;top:65px;right:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url(../images/common/icon_m_nav_fix.png) no-repeat 0 0;z-index:200;border-radius:5px;}

	button.btnMenu {display:block;}

	#total_m_lay{display:none;position:fixed;top:0;width:230px;height:100%;overflow:auto;background:#379759;z-index:10004;transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;}
	#total_m_lay .mbTopLink{position:relative;padding-top:15px;height:135px;border-bottom:1px solid #167036}
	#total_m_lay .mbTopLink::before{display:block;margin:0 auto 10px;width:105px;height:60px;content:'';/*background:url('/img/common/com_img.png') no-repeat -220px -190px*/}
	#total_m_lay .mbTopLink a{position:relative;display:block;margin:0 auto;padding-left:10px;width:100px;height:32px;line-height:28px;font-size:15px;color:#fff;font-weight:bold;border:1px solid rgba(255,255,255,0.2)}
	#total_m_lay .mbTopLink a::before{display:inline-block;margin-right:5px;width:18px;height:15px;content:'';vertical-align:middle;/*background:url('/img/common/com_img.png') no-repeat -101px -177px*/}
	#total_m_lay .total_m > ul{background:#379759; text-align:left;}
	#total_m_lay .total_m li{position:relative}
	#total_m_lay .total_m li a{display:block}
	#total_m_lay .total_m li button{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;overflow:hidden;}
	#total_m_lay .total_m > ul > li{width:auto !important;font-size:18px;border-bottom:1px solid #167036}
	#total_m_lay .total_m > ul > li.has-sub > a::after{position:absolute;top:22px;right:20px;width:12px;height:6px;content:'';background:url(../images/common/nav_bl_m.png) no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li.has-sub.open > a::after{background:url(../images/common/nav_bl_o.png) no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > a{display:block;font-family:'NanumSquare';color:#fff;padding:15px 0 15px 20px;font-weight:bold;text-decoration:none;word-break: keep-all;}
	#total_m_lay .total_m > ul > li.open > a{color:#fff;background:#167036}
	#total_m_lay .total_m > ul > li.has-sub.open > a{background:#167036}
	#total_m_lay .total_m > ul > li > ul{display:none;padding:0;background:#e7e7e7;}
	#total_m_lay .total_m > ul > li > ul > li{font-size:15px;border-bottom:1px solid #fff}
	#total_m_lay .total_m > ul > li > ul > li.has-sub{}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open{background-color:#fff;}
	#total_m_lay .total_m > ul > li > ul > li > a{padding:10px 10px 10px 20px;color:#333;}
	#total_m_lay .total_m > ul > li > ul > li.open > a{color:#fff;font-weight:bold;background:#4ba657}
	#total_m_lay .total_m > ul > li > ul > li.has-sub > a::after{position:absolute;top:20px;right:20px;width:12px;height:6px;content:'';background:url(../images/common/nav_bl_s.png) no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open > a::after{background:url(../images/common/nav_bl_o.png) no-repeat 50% 50%}
	#total_m_lay .total_m > ul > li > ul > li > ul{display:none;margin:5px 0;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li{font-size:14px;letter-spacing:-1px;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a::before{position:absolute;top:12px;left:20px;width:5px;height:7px;content:'';}
	#total_m_lay .total_m > ul > li > ul > li > ul > li.on > a{color:#005fca;font-weight:bold}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a{padding:5px 10px 5px 30px;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a:after{position:absolute;top:13px;right:20px;width:7px;height:7px;content:'';}
	
	.btnMenuClose{position:absolute;top:0;left:0;width:40px;height:40px;text-indent:-999px;overflow:hidden;background: url(../images/common/icon_m_close.png) no-repeat 0 0;z-index:20}
	.btnMenuClose:focus{opacity:0.5}

	.wra_box{position:fixed !important;top:0;left:0;width:100%;height:auto;z-index:200;}
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:10003}



	#header .btnMenu{position:absolute;top:40px;left:5px;margin:0;}
	#header .btnSearch{position:absolute;top:10px;left:auto;right:5px;margin:0;background-color:#005e76}

	#total_m_lay{left:-230px;}
	#total_m_lay.mOpen{left:0}
}

.header_btns {float:right; }
.header_btns > li {float:left;}
.header_btns > li a.links {display:block;width:100px;height:46px;box-sizing:border-box;padding:10px 0;text-align:center;color:rgba(255,255,255,0.8);border:1px solid #9dd3e1;background-color:#005e76;}
.header_btns > li a.links:last-child {margin-top:-1px;height:45px;}
.header_btns > li a.links i {color:rgba(255,255,255,0.8);}
.header_btns > li:last-child {margin-left:-1px;}
.header_btns > li > button {height:43px; margin-top:18px;}

@media screen and (max-width: 1190px){/*
	.header_btns {margin-top:5px;margin-right:10px;}*/
	.header_btns {position:absolute;right:5px;top:1px;}
	.header_btns .pcs {display:none;}
	.header_btns > li a.links {width:90px;padding:4px;height:30px;border-radius:5px 5px 0 0;}
	.header_btns > li a.links:last-child {border-radius:0 0 5px 5px;height:29px;}
}
/*
@media screen and (max-width: 767px){
	.header_btns .pcs {display:none;}
}
*/

/* 상단검색 */
.top_search_wrap.topSearch{display:none;position:absolute;top:110px;left:0;width:100%;color:#fff;background:none;z-index:10001; text-align:center;}/*
.top_search_wrap.topSearch::after{position:absolute;top:-30px;right:13px;width:25px;height:25px;content:'';background:#3077c6;-ms-transform: rotate(45deg);
-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1}*/
.topSearch .searchClose{position:absolute;right:10px;top:50%;margin-top:-20px;width:40px;height:40px;4}
.search_Bg{position:absolute;display:none;top:90px;left:0;width:100%;height:85px;box-shadow:inset 0 10px 10px -10px rgba(0, 0, 0, 0.5);background:rgba(2,14,49,0.8);z-index:10000;}

.top_search_wrap.topSearch fieldset {position:relative;max-width:260px;display:inline-block;border:5px solid #ed8b13}
.top_search_wrap.topSearch input[type=text]{width:100%;height:32px;padding:0 37px 0 10px;border:0}
.top_search_wrap.topSearch a{position:absolute;right:0;top:0;width:37px;height:32px;background:url(../images/common/icon-search.png) no-repeat 50% 50%;cursor:pointer;}

@media screen and (max-width: 1190px){/*
	.top_search_wrap.topSearch {top:186px;}
	.search_Bg {top:165px;}*/
	.top_search_wrap.topSearch {top:91px;}
	.search_Bg {top:70px;}
}
/*
@media screen and (max-width: 767px){
	.top_search_wrap.topSearch {top:91px;}
	.search_Bg {top:70px;}
}
*/

.h_sitemap {display:none;position:absolute;top:110px;left:50%;margin-left:-600px;background:#f6f6f6;border:1px solid #e9e9e9;border-top:none;width:100%;box-sizing:border-box;padding:10px 20px 20px;z-index:10002;box-shadow:inset 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.h_sitemap > ul {margin-top:10px;}
.h_sitemap > ul > li {width:25%;float:left;margin:0 0 20px;box-sizing:border-box;padding:10px;}
.h_sitemap > ul > li h2 {padding:5px 10px;color:#fff;font-size:120%; background:#0c8b51;}/*
.h_sitemap > ul > li.sitemap1 h2 {background:#07294d;}
.h_sitemap > ul > li.sitemap2 h2 {background:#0c8b51;}
.h_sitemap > ul > li.sitemap3 h2 {background:#2f7ad5;}
.h_sitemap > ul > li.sitemap4 h2 {background:#27b8a7;}
.h_sitemap > ul > li.sitemap5 h2 {background:#1ec1d9;}
.h_sitemap > ul > li.sitemap6 h2 {background:#d94da6;}
.h_sitemap > ul > li.sitemap7 h2 {background:#eab830;}
.h_sitemap > ul > li.sitemap8 h2 {background:#753b76;}*/
.h_sitemap > ul > li ul {margin-top:5px;}
.h_sitemap > ul > li ul li {line-height:180%;box-sizing:border-box;padding:0 10px;}

.siteMapClose {position:absolute;top:10px;right:10px;}

@media screen and (max-width: 1199px){
	.h_sitemap {left:0;margin-left:0;}
}
@media screen and (max-width: 1190px){
	.h_sitemap {display:none !important;}
}/*
@media screen and (max-width: 767px){
	.h_sitemap {display:none !important;}
}
*/




/* //////////////// CONTAINER //////////////// */
#container {position:relative;margin:0 auto;}

/*----------------------------- 메인 ---------------------------------*/

/*/// 메인슬라이드 ///*/
.main_slide_inner {width:100%;margin-bottom:0 !important;overflow:hidden;}
.main_slide_inner:after {display:block;clear:both;content:"";}
.main_slide_inner .image_area {margin-bottom:-4px;}
.main_slide_inner .image_area > div {height:550px;background-position:50% 50%;background-repeat:no-repeat;}
.main_slide_inner .inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.main_slide_inner .btn_link {
  display: block;
  position: absolute;
  top: 303px;
  left: 0;
  height: 39px;
}
.main_slide_inner .text_area {position:relative;width:1200px;height:100%;margin:0 auto;}
.main_slide_inner .slick-slide .text_area > div {float:right; background:rgba(1,30,12,0.6); box-shadow: 0px 0px 15px rgba(0,0,0,0.2); text-align:right; margin-top:20%; padding:20px 80px 30px; border-radius:90px; opacity:0;transition:opacity 1s ease;transition-delay: 2s; }
.main_slide_inner .slick-slide .text_area > div p {color:#fff;font-size:55px;text-align:right !important;font-weight:600;line-height:60px;padding:0; font-family: 'ONE Mobile';}
.main_slide_inner .text_area > div p span {font-size:30px;color:#fff;font-weight:600; font-family: 'ONE Mobile';}
.main_slide_inner .text_area > div p.b_none span {font-size:26px;}
.main_slide_inner .text_area > div img {width:100%;max-width:532px;float:right;padding:10px 20px;}
.main_slide_inner .slick-slide.slick-current .text_area > div {opacity:1;}
.main_slide_inner .slick-dots {position:absolute;bottom:30px;left:50%;width:360px;margin-left:-180px;text-align:center;z-index:0;}
.main_slide_inner .slick-dots li {display:inline-block;width:8px;height:8px;margin:0 0 0 5px;background-color:#d0d0d0;border:3px solid #fff;border-radius:16px;}
.main_slide_inner .slick-dots li:first-child {margin:0 0 0 0;}
.main_slide_inner .slick-dots li.slick-active {background-color:#006223;}
.main_slide_inner .slick-dots li button {width:8px;height:8px;padding:0;text-indent:-9999px;}
.main_slide_inner .slick-dots li button:before {content:"";width:8px;height:8px;background-color:#d0d0d0;border:3px solid #fff;border-radius:16px;line-height:1;opacity:1;}
.main_slide_inner .slick-dots li.slick-active button:before {background-color:#006223;opacity:1;}
.main_slide_inner .slick-prev, .main_slide_inner .slick-next {position:absolute;top:50%;z-index:99;width:auto;height:auto;margin-top:-35px;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);font-size:0;}
.main_slide_inner .slick-prev {left:40px;}
.main_slide_inner .slick-next {right:40px;}
.main_slide_inner .slick-prev:before, .main_slide_inner .slick-next:before {display:block;content:"";width:70px;height:70px;text-indent:-9999px;}
.main_slide_inner .slick-prev:before {background-image:url(../images/main/main_slide_prev.png);}
.main_slide_inner .slick-next:before {background-image:url(../images/main/main_slide_next.png);}

@media screen and (min-width: 1200px){
	.main_slide_inner {min-width:1200px;}
}

@media screen and (max-width: 1199px){
	.main_slide_inner {width:100%;position:relative;}
	.main_slide_inner .image_area > div {height:450px;background-size:cover;}
	.main_slide_inner .inner {width:100%;}
	.main_slide_inner .btn_link {position: absolute;top:350px;left: 50%;margin-left:-63px;height: 39px;}

	.main_slide_inner .text_area {width:100%;}
	.main_slide_inner .slick-dots {width:100%;text-align:center;margin:0;left:0;top:85%;}
	.main_slide_inner .slick-prev {left:10px;}
	.main_slide_inner .slick-next {right:10px;}
}

@media screen and (max-width: 767px){
	.main_slide_inner .image_area > div {height:350px;background-size:cover;}
	.main_slide_inner .btn_link {position: absolute;top:270px;left: 50%;margin-left:-63px;height: 39px;}
	.main_slide_inner .slick-slide .text_area {padding-left:0;}
	.main_slide_inner .slick-slide .text_area > div {top:15%;}
	.main_slide_inner .slick-slide .text_area > p {font-size:30px}
	.main_slide_inner .slick-slide .text_area > p > span {font-size:20px;}
}

@media screen and (max-width: 670px){
	.main_slide_inner .text_area {text-align:center;}
	.main_slide_inner .slick-slide .text_area > div p {font-size:35px; line-height:35px;}
	.main_slide_inner .text_area > div p span {font-size:20px;color:#fff;font-weight:500;}
	.main_slide_inner .text_area > div p.b_none span {font-size:20px;}
}

@media screen and (max-width: 567px){
	.main_slide_inner .image_area > div {height:200px;background-size:cover;}
	.main_slide_inner .btn_link {position: absolute;top:200px;left: 50%;margin-left:-63px;height: 39px;}

	.main_slide_inner .slick-prev, .main_slide_inner .slick-next {margin-top:-20px;}
	.main_slide_inner .slick-prev:before, .main_slide_inner .slick-next:before {width:40px;height:40px;background-size:cover;}

	.main_slide_inner .slick-slide .text_area {padding:0;width:100%;box-sizing:border-box;}
	.main_slide_inner .slick-slide .text_area > div {margin-top:10%; padding:20px 50px;}
	.main_slide_inner .slick-slide .text_area > div p {width:100%;font-size:22px;text-align:center;line-height:20px;}
	.main_slide_inner .slick-slide .text_area > div p span {font-size:13px; letter-spacing:-0.05em;}
}

@media screen and (max-width: 410px){
	.main_slide_inner .image_area > div {height:150px;background-size:cover;}
	.main_slide_inner .btn_link {position: absolute;top:100px;left: 50%;margin-left:-63px;height: 39px;}
}
/*/// 메인슬라이드 ///*/

.contents {position:relative;box-sizing:border-box;min-height:300px;}
.contents.m1, .contents.m2, .contents.m3 {padding:50px 0;}
.contents.m1 {background:#8bcc64 url(/images/main/main_links_back.png);}
.contents.m2 {background-color:#fff; padding:80px 0 120px;}
.contents.m3 {background-color:#fff;}
.contents.m2 .bg_txt {position:absolute; z-index:0; top:50px; left:50px; padding:0; height:50%; max-height:330px; opacity:0.1;}
.contents.m2 .bg_txt_s {position:absolute; z-index:0; bottom:50px; right:50px; padding:0; height:30%; max-height:230px; opacity:0.1;}
.contents.m2 .bg_txt img, .contents.m2 .bg_txt_s img {height:100%;}

.contents.m4 {padding:40px 0;min-height:10px;position:relative;background:#005e76 url(/images/common/header_back_pattern.png) 50% 50%;}

@media screen and (max-width: 1199px){
	.contents .bg_txt {}
	.contents .bg_logo {}
}

.contents .inner h1 {font-size:50px; font-weight:600; margin-bottom:60px; text-align:center; font-family: 'ONE Mobile';}
.contents .inner h1 img {display:inline-block;vertical-align:middle;margin:-5px 10px 0 0}
.contents.m1 .inner h1 {color:#8d3134;}
.contents.m2 .inner h1 {color:#2b2b2b;}
.contents.m3 .inner h1 {color:#051c62;}
.contents.m4 .inner h1 {width:20%;color:#fff; margin-bottom:0; float:left;}

.contents.m1 .m_p_box {position:relative;display:flex; flex-flow: row wrap;justify-content:space-between;}
.contents.m1 .m_p_box .item {width:282px; height:282px; border-radius:100%; overflow:hidden; position:relative;}
.contents.m1 .m_p_box .item a {display:block;position:relative;height:100%;}
.contents.m1 .m_p_box .item a img {width:100%;}
.contents.m1 .m_p_box .item a div.txts {position:absolute; top:0; left:0; width:calc(100% - 20px); height:calc(100% - 20px); border-radius:100%; border:10px solid rgba(255,255,255,0.8); text-align:center; color:#fff; font-size:150%; line-height:35px; z-index:1; overflow:hidden; transition:all .5s;}
.contents.m1 .m_p_box .item a div.txts p {position:relative; display:block; text-align:center; color:#fff; font-size:30px; line-height:35px; font-family: 'ONE Mobile'; font-weight:600; box-sizing:border-box; padding-top:25px; width:100%; height:50%; top:50%; background:rgba(0,0,0,0.6); border-radius:0 0 50% 50%; transition:all .5s;}
.contents.m1 .m_p_box .item a div.txts p span {color:#fff; font-size:20px; font-family: 'ONE Mobile'; font-weight:600;}
.contents.m1 .m_p_box .item a:hover div.txts, .contents.m1 .m_p_box .item a:focus div.txts {border:10px solid rgba(255,255,255,1);}
.contents.m1 .m_p_box .item a:hover div.txts p, .contents.m1 .m_p_box .item a:focus div.txts p {background:rgba(0,0,0,1);}


.contents.m2 {border-top:2px solid #12843b;}
.contents.m2:before {position:absolute; top:70px; left:10px; width:50%; max-width:330px; height:330px;  z-index:0;}
.contents.m2 .inner {position:relative;}
.contents.m2 .inner a.more {position:absolute;display:block;top:0;right:0;width:45px;height:45px;}
.contents.m2 .inner a.more img {transition:all .5s;}
.contents.m2 .inner a.more:hover img, .contents.m2 .inner a.more:focus img {transform: rotate( 180deg );}
.contents.m2 .company_wrap {position:relative;width:100%;}
.contents.m2 .info_box {float:left;width:50%;box-sizing:border-box;}
.contents.m2 .info_box h3 {color:#fff;font-weight:500;margin-bottom:20px;}
.contents.m2 .info_box ul {margin:0;padding:0;}
.contents.m2 .info_box ul li {margin-top:15px;}
.contents.m2 .info_box ul li img {display:inline-block;vertical-align:middle;margin-right:15px;}
.contents.m2 .info_box ul li p {display:inline-block;vertical-align:middle;color:#fff;}
.contents.m2 .map_box {float:left;width:45%;margin-left:5%;box-sizing:border-box;height:325px;border:3px solid #9dbadc;overflow:hidden;}

.contents.m2 .m_p_box {position:relative;display:flex; flex-flow: row wrap;justify-content:space-between;}
.contents.m2 .m_p_box .item {position:relative;width:48%;background:#fff;box-sizing:border-box;padding:15px 30px 30px; border:1px solid #22a150; border-radius:20px; overflow:hidden;}
.contents.m2 .m_p_box .item h3 {font-size:28px; margin-top:5px; margin-left:-5px; font-weight:600;color:#057d30; font-family: 'ONE Mobile';}
.contents.m2 .m_p_box .item ul {width:100%;margin:20px 0 0;padding:0;}
.contents.m2 .m_p_box .item ul li {position:relative;width:100%;box-sizing:border-box;padding:2px 0 2px 15px;}
.contents.m2 .m_p_box .item ul li:before {	content: "●";position: absolute;left: 0;top:7px;font-size:6px;color:#5e82ab;}
.contents.m2 .m_p_box .item ul li a {display:inline-block;vertical-align:middle;width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.contents.m2 .m_p_box .item ul li p {display:inline-block;vertical-align:middle;width:116px;text-align:right;font-size:16px;}
.contents.m2 .m_p_box .item .gall_box {display:flex; flex-flow: row wrap;justify-content:space-between;margin-top:-5px;}
.contents.m2 .m_p_box .item .gall_box a.item {position:relative;display:block;padding:0 !important;width:47%;height:145px;box-sizing:border-box;border-radius:0;-webkit-box-shadow: none; 
box-shadow: none; border:1px solid #ddd; margin-top:30px;}
.contents.m2 .m_p_box .item .gall_box a.item div {position:relative;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.contents.m2 .m_p_box .item .gall_box a.item p {position:absolute;width:100%;box-sizing:border-box;bottom:0;left:0;background:rgba(0,0,0,0.5);padding:7px 15px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#fff;}
.contents.m2 .m_p_box .item a.more {position:absolute;display:block;width:31px;height:31px;top:20px;right:20px;}
.contents.m2 .m_p_box .item a.more img {transition:all .5s;}
.contents.m2 .m_p_box .item a.more:hover img, .contents.m2 .m_p_box .item a.more:focus img {transform: rotate( 180deg );}


.contents.m3 .m_p_box {position:relative;display:flex; flex-flow: row wrap;justify-content:space-between;}
.contents.m3 .m_p_box .item {position:relative;width:48%;background:#fff;height:240px;box-sizing:border-box;padding:15px 20px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); 
box-shadow: 0px 0px 10px 0px  rgba(0,0,0,0.3);border-radius:10px;overflow:hidden;}
.contents.m3 .m_p_box .item h3 {font-size:24px;font-weight:500;color:#5e5e5e;}
.contents.m3 .m_p_box .item ul {width:100%;margin:20px 0 0;padding:0;}
.contents.m3 .m_p_box .item ul li {position:relative;width:100%;box-sizing:border-box;padding:2px 0 2px 15px;}
.contents.m3 .m_p_box .item ul li:before {	content: "●";position: absolute;left: 0;top:7px;font-size:6px;color:#5e82ab;}
.contents.m3 .m_p_box .item ul li a {display:inline-block;vertical-align:middle;width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.contents.m3 .m_p_box .item ul li p {display:inline-block;vertical-align:middle;width:116px;text-align:right;font-size:16px;}
.contents.m3 .m_p_box .item .gall_box {display:flex; flex-flow: row wrap;justify-content:space-around;margin-top:25px;}
.contents.m3 .m_p_box .item .gall_box a.item {position:relative;display:block;padding:0 !important;width:182px;height:136px;box-sizing:border-box;border-radius:0;-webkit-box-shadow: none; 
box-shadow: none;}
.contents.m3 .m_p_box .item .gall_box a.item div {position:relative;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.contents.m3 .m_p_box .item .gall_box a.item p {position:absolute;width:100%;box-sizing:border-box;bottom:0;left:0;background:rgba(0,0,0,0.5);padding:7px 15px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#fff;}
.contents.m3 .m_p_box .item a.more {position:absolute;display:block;width:31px;height:31px;top:20px;right:20px;}
.contents.m3 .m_p_box .item a.more img {transition:all .5s;}
.contents.m3 .m_p_box .item a.more:hover img, .contents.m3 .m_p_box .item a.more:focus img {transform: rotate( 180deg );}




.contents.m4 ul.goto_list {float:right;width:78%; display:flex; justify-content: space-between;flex-wrap: wrap;}
.contents.m4 ul.goto_list li {width:24%;}
.contents.m4 ul.goto_list li a {display:block; width:100%; text-align:center; color:#fff; font-size:140%; font-weight:bold;padding:15px 0; background:#333 url(/images/main/contents_back_txt_02.png) 100% 0 no-repeat;background-size:auto 300%;border-radius:10px; transition:all .3s;}
.contents.m4 ul.goto_list li a i {color:#fff; font-size:100%;margin-left:10px;}
.contents.m4 ul.goto_list li a:hover, .contents.m4 ul.goto_list li a:focus {background-color:#bf202f}




@media screen and (max-width: 1127px){
	.contents.m1 .m_p_box .item {width:250px; height:250px;}
}

@media screen and (max-width: 1078px){

}

@media screen and (max-width: 999px){
	.contents.m1 .m_p_box {text-align:center; justify-content: space-around;}
	.contents.m1 .m_p_box .item {width:200px; height:200px;}
	.contents.m1 .m_p_box .item a div.txts p {font-size:24px; line-height:24px; padding-top:15px;}
	.contents.m1 .m_p_box .item a div.txts p span {font-size:16px;}
}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 799px){
	.contents.m1 .m_p_box .item {width:160px; height:160px; margin-bottom:15px;}
	.contents.m1 .m_p_box .item:nth-child(3), .contents.m1 .m_p_box .item:nth-child(4) {margin-bottom:0;}
	.contents.m1 .m_p_box .item a div.txts p {font-size:24px; line-height:24px; padding-top:15px;}
	.contents.m1 .m_p_box .item a div.txts p span {font-size:16px;}
}

@media screen and (max-width: 680px){
	.contents.m2 .m_p_box > .item {width:100%; margin-bottom:40px;}
	.contents.m2 .m_p_box > .item:nth-child(2) {margin-bottom:0;}
}

@media screen and (max-width: 650px){
	.contents .inner h1 {font-size:40px; margin-bottom:25px;}
	.contents.m2 {background-color:#fff; padding:50px 0 70px;}
}









/*----------------------------- 서브 ---------------------------------*/


/*/// 서브 상단 이미지 ///*/
.sub_slide_inner {width:100%;margin-bottom:0 !important;overflow:hidden;}
.sub_slide_inner:after {display:block;clear:both;content:"";}
.sub_slide_inner .image_area {margin-bottom:-4px;}
.sub_slide_inner .image_area > div {height:250px;background-position:50% 50%;background-repeat:no-repeat;}
.sub_slide_inner .inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.sub_slide_inner .text_area {position:relative;width:1200px;height:100%;margin:0 auto;}
.sub_slide_inner .text_area > div {text-align:right;padding-top:100px;}
.sub_slide_inner .text_area > div p {color:#fff;font-size:55px;text-shadow: 0px 0px 10px #000;text-align:right !important;font-weight:700;line-height:40px;padding:20px;font-family: 'ONE Mobile';}
.sub_slide_inner .text_area > div p span {font-size:30px;color:#fff;font-weight:500;}

br.w_hide {display:none;}

@media screen and (min-width: 1200px){
	.sub_slide_inner {min-width:1200px;}
}

@media screen and (max-width: 1199px){
	.sub_slide_inner {width:100%;position:relative;}
	.sub_slide_inner .image_area > div {height:250px;background-size:cover;}
	.sub_slide_inner .inner {width:100%;}

	.sub_slide_inner .text_area {width:100%;}
}
/*
@media screen and (max-width: 767px){
	.sub_slide_inner .image_area > div {height:250px;background-size:cover;}
	.sub_slide_inner .text_area {padding-left:30px;}
	.sub_slide_inner .text_area > p {font-size:30px}
	.sub_slide_inner .text_area > p > span {font-size:20px;}
}

@media screen and (max-width: 567px){
	.sub_slide_inner .image_area > div {height:300px;background-size:cover;}

	.sub_slide_inner .text_area {padding:0;width:100%;box-sizing:border-box;}
	.sub_slide_inner .text_area > p {margin-top:-30px;width:100%;font-size:22px;text-align:center;line-height:26px;}
	.sub_slide_inner .text_area > p > span {font-size:14px;}
}
*/
@media screen and (max-width: 670px){
	br.w_hide {display:block;}
}

@media screen and (max-width: 434px){
	.sub_slide_inner .image_area > div {height:200px;background-size:cover;}
	.sub_slide_inner .text_area > div {padding-top:0;}
	.sub_slide_inner .text_area > div p {font-size:35px;}
	.sub_slide_inner .text_area > div p span {font-size:20px;}	
}

@media screen and (max-width: 410px){
	.sub_slide_inner .image_area > div {height:150px;background-size:cover;}
}

/*/// 서브 상단 이미지 ///*/

.contents.subs {padding:20px 0 30px;}
.contents.subs .inner h1 {position:relative;padding:0 10px 20px;border-bottom:1px solid #5e82ab; text-align:left;}
.contents.subs .inner h1 span {position:absolute;top:20px;right:10px;font-weight:400;color:#777;}
.contents.subs .inner h1 span i {color:#666;margin:0 5px;}

.conts_wrap {position:relative;min-height:400px;}

.conts_wrap .conts_box {position:relative;float:right;width:calc(100% - 300px);}

.conts_wrap .nav_box {position:absolute;top:0;left:0;width:250px;box-sizing:border-box;background:#fff; border:1px solid #ddd; border-radius:10px;overflow:hidden;}
.conts_wrap .nav_box h2 {background:#057d30;color:#fff;font-weight:500;box-sizing:border-box;padding:15px 20px;font-family: 'ONE Mobile'; font-weight:600;}
.conts_wrap .nav_box ul {padding:10px 15px;}
.conts_wrap .nav_box ul li {width:100%;border-bottom:1px solid #eee;}
.conts_wrap .nav_box ul li:last-child {border:none;}
.conts_wrap .nav_box ul li a {display:block;padding:10px;box-sizing:border-box;color:#6e6e6e;}
.conts_wrap .nav_box ul li a i {margin-right:5px;color:#6e6e6e;display:inline-block;}
.conts_wrap .nav_box ul li a i.far.fa-check-circle {display:inline-block;}
.conts_wrap .nav_box ul li a i.fas.fa-check-circle {display:none;}
.conts_wrap .nav_box ul li a:hover, .conts_wrap .nav_box ul li a:focus, .conts_wrap .nav_box ul li a:hover i, .conts_wrap .nav_box ul li a:focus i, .conts_wrap .nav_box ul li a.on, .conts_wrap .nav_box ul li a.on i {color:#051c62;}
.conts_wrap .nav_box ul li a:hover, .conts_wrap .nav_box ul li a:focus, .conts_wrap .nav_box ul li a.on {background:#f0f0f0;}
.conts_wrap .nav_box ul li a:hover i.far.fa-check-circle, .conts_wrap .nav_box ul li a:focus i.far.fa-check-circle {display:none;}
.conts_wrap .nav_box ul li a:hover i.fas.fa-check-circle, .conts_wrap .nav_box ul li a:focus i.fas.fa-check-circle {display:inline-block;}
.conts_wrap .nav_box ul li a.on i.far.fa-check-circle {display:none;}
.conts_wrap .nav_box ul li a.on i.fas.fa-check-circle {display:inline-block;}

@media screen and (max-width: 900px){
	.conts_wrap .conts_box {float:none;width:100%;}
	.conts_wrap .nav_box {position:relative;width:100%;margin-top:20px;}
}

@media screen and (max-width: 639px){
	.contents.subs .inner h1 {line-height:100%;}
	.contents.subs .inner h1 span {position:relative;top:0;left:0;}
}





/* 제품 */
.prod_list_wrap {display:flex; flex-flow: row wrap;justify-content:space-between;}
.prod_list_wrap .p_item {position:relative;width:48%;background:#fff;min-height:120px;box-sizing:border-box;padding:15px 20px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); 
box-shadow: 0px 0px 10px 0px  rgba(0,0,0,0.3);border-radius:10px;overflow:hidden;margin-bottom:30px;}
.prod_list_wrap .p_item .thumbs {float:left;width:140px;border:1px solid #d9d9d9; overflow:hidden;}
.prod_list_wrap .p_item .thumbs img {width:auto;min-width:100%;height:auto;min-height:100%;}
.prod_list_wrap .p_item .txts {float:right;width:calc(100% - 160px);}
.prod_list_wrap .p_item .txts h4 {font-weight:500;padding:5px 10px;background:#ab595e;color:#fff;border-radius:5px;}
.prod_list_wrap .p_item .txts p {font-size:14px;padding:10px;}
.prod_list_wrap .p_item .txts a {display:block;padding:5px;color:#fff;background:#58729d;text-align:center;font-size:14px;border-radius:5px;}
.prod_list_wrap .p_item .txts a i {margin-right:5px;color:#fff;}

@media screen and (max-width: 767px){
	.prod_list_wrap .p_item {width:100%;}
}

@media screen and (max-width: 480px){
	.prod_list_wrap .p_item .thumbs {float:none;margin:0 auto 20px;}
	.prod_list_wrap .p_item .txts {float:none;width:100%;}
}











/* 검색창 폼 */
.search-box{padding:15px 20px;background:#f4f4f4;margin-bottom:15px;text-align:right;}
.search-box select{width:104px;height:34px;padding-left:10px;border:1px solid #d9d9d9;background-image:url(../images/sub/icon-search-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;font-weight:300}
.search-box input[type=text]{width:208px;height:34px;padding:0 5px;border:1px solid #d9d9d9}
.search-box button{width:54px;height:34px;background-color:#07294d;text-align:center;font-size:14px;font-weight:300;color:#fff}

@media screen and (max-width: 391px){
	.search-box input[type=text] {width:calc(100% - 168px);}
}


/* 게시판 목록 */
.board-list{border-top:2px solid #3371b8;border-bottom:1px solid #666}
.board-list>ul>li{position:relative;border-bottom:1px solid #d9d9d9}
.board-list>ul>li:last-child{border-bottom:0}
.board-list>ul>li p.no_lists {width:100%;text-align:center;padding:30px 0;font-size:20px;}
.board-list .l{display:table-cell;width:74px;height:98px;padding-left:25px;background:url(../images/sub/bg-tb-line2.gif) no-repeat 100% 50%;vertical-align:middle;font-size:18px;color:#3371b8}
.board-list .l span{display:block;position:relative;margin-bottom:3px;padding-bottom:7px;font-size:13px;font-weight:300;color:#3371b8}
.board-list .l span:after{display:block;content:"";position:absolute;left:0;bottom:0;width:17px;height:1px;background-color:#d9d9d9}
.board-list .r{display:table-cell;width:726px;height:98px;padding-left:25px;vertical-align:middle}
.board-list .r>a{display:block;vertical-align:middle;margin-bottom:9px}
.board-list .r> a i {display:inline-block;vertical-align:middle;font-size:24px;margin-right:5px;}
.board-list .r> a i.fa-replyd {color:#07294d;}
.board-list .r> a i.fa-lock {color:#2f7ad5;font-size:18px;}
.board-list .r>a p.list_n {display:inline-block;vertical-align:middle;height:17px;line-height:16px;padding:2px 5px;margin-left:5px;background:#0c8b51;color:#fff;border-radius:7px;}
.board-list .r>a:hover>strong,.board-list .r>a:focus>strong{text-decoration:underline}
.board-list .r>a>strong, .board-list .r>.t_1>a>strong{display:inline-block;max-width:690px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;font-weight:500;font-size:18px;color:#333}
.board-list .r>a>strong>span {font-size:18px; /*color 추후 삭제*/color:#333 !important;}
.board-list .r>a>img{margin-left:3px;vertical-align:middle}
.board-list .no-data{display:block;padding:15px 0;font-weight:500;font-size:17px;text-align:center;color:#333}
.write-info{overflow:hidden}
.write-info li{float:left;position:relative;margin-right:14px;padding-left:8px;font-weight:300;font-size:14px}
.write-info li:before{display:block;content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;background-color:#666}
.write-info li span{font-weight:400;color:#444}
.write-info li img{vertical-align:middle}

@media screen and (max-width: 850px){
	.board-list .r>a>img {position:relative;float:left;margin:4px 5px 0 -4px;}
	.board-list .r>a>strong {width:calc(100% - 155px);max-width:690px;}

	.board-list table.tools td .img_box {width:100%;max-width:300px;margin:0 auto 10px;}
	.board-list table.tools td .txt_box {width:100%;margin-left:0;}
}

@media screen and (max-width: 640px){
	.board-list .l {padding-left:10px;padding-right:10px;font-size:16px;}
	.board-list .l span {padding-bottom:5px;}
	.board-list .r {width:100%;padding-left:10px;height:auto;
	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	.board-list .r>a {position:relative;clear:both;}
	.board-list .r>a>strong {width:calc(100% - 155px);font-size:16px;}	
}

@media screen and (max-width: 540px){
	.board-list>ul>li {clear:both;padding:10px 0;}
	.board-list .l {display:block;float:left;width:50px;height:100%;background-repeat:repeat-y;}
	.board-list .r {display:block;float:left;width:calc(100% - 70px);}
	.board-list .r>a>strong {width:calc(100% - 35px);}
	.write-info li {width:100%;margin-right:0;font-size:13px}
}


/* 포토 게시판 */
.photo-board{border-top:2px solid #3371b8;border-bottom:1px solid #666}
.photo-board ul{overflow:hidden}
.photo-board li{float:left;width:33.33%;text-align:center;border-bottom:1px solid #d9d9d9;padding:20px 0;}
.photo-board li.no_lists {width:100%;}
.photo-board li.no_lists p.no_lists {width:100%;text-align:center;padding:30px 0;font-size:20px;}
.photo-board li a{display:block;width:240px;margin:0 auto;}
.photo-board li a div.thumb_box {width:100%;height:177px;overflow:hidden;border:1px solid #e9e9e9;text-align:center;background-color:#f8f8f8;}
.photo-board li a div.thumb_box img {width:100% !important; height:auto !important;}
.photo-board li a:hover,.photo-board li a:focus{text-decoration:underline}
.photo-board li strong{display:block;height:48px;overflow:hidden;margin-top:12px;text-align:center;font-size:16px;font-weight:500;color:#333}
.photo-board li strong span {font-size:16px !important;;font-weight:500;color:#333 !important;}

@media screen and (max-width: 850px){
	.photo-board li {width:32%;padding-left:0;padding-right:0;margin:0 0.5%;}
	.photo-board li a {width:100%;}
}

@media screen and (max-width: 640px){
	.photo-board li {width:32%;margin:0 0.5%;}
	.photo-board li a {width:100%;}
	.photo-board li strong {font-size:14px;}
}

@media screen and (max-width: 590px){
	.go_youtube {width:100%;margin-bottom:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	
	}
}

@media screen and (max-width: 480px){
	.photo-board li {width:48%;margin:0 1%;}
}






/* 포토 게시판2 */
.photo-board-2{border-top:2px solid #3371b8;border-bottom:1px solid #666}
.photo-board-2 ul{overflow:hidden}
.photo-board-2 li{width:100%;border-bottom:1px solid #d9d9d9;padding:20px 0;}
.photo-board-2 li.no_lists {width:100%;}
.photo-board-2 li.no_lists p.no_lists {width:100%;text-align:center;padding:30px 0;font-size:20px;}
.photo-board-2 li div.thumb_box {width:130px;display:inline-block;vertical-align:top;overflow:hidden;border:3px solid #e9e9e9;text-align:center;background-color:#f8f8f8;box-sizing:border-box;}
.photo-board-2 li div.thumb_box img {width:100% !important; height:auto !important;}
.photo-board-2 li div.txt_box {width:calc(100% - 160px);display:inline-block;vertical-align:top;text-align:left;margin-left:20px;box-sizing:border-box;}
.photo-board-2 li div.txt_box p {padding:10px 0;line-height:150%;box-sizing:border-box;}

@media screen and (max-width: 680px){/*
	.photo-board-2 li div.thumb_box {display:block;width:70%;max-width:360px;margin:0 auto 20px;}
	.photo-board-2 li div.txt_box {display:block;width:100%;margin-left:0;}*/
}





/* 게시판 상세 */
.board-view{border-top:2px solid #3371b8;border-bottom:1px solid #666}
.board-view .board-info{padding:19px 25px 21px;border-bottom:1px solid #d9d9d9;background-color:#f6f6f6}
.board-view h4{margin-bottom:10px;font-size:20px !important;font-weight:500;color:#333 !important;}
.board-view h4 span {font-size:20px !important;font-weight:500;color:#333 !important;}
.board-txt{padding:25px;border-bottom:1px solid #d9d9d9}
.board-file{overflow:hidden;padding:14px 0}
.board-file .l{float:left;position:relative;width:94px;padding-left:25px}
.board-file .l strong{display:inline-block;padding-left:18px;background:url(../images/sub/icon-addFile.png) no-repeat 0 50%;font-weight:400;font-size:14px;color:#444}
.board-file .r{overflow:hidden;padding-left:25px;background:url(../images/sub/bg-tb-line.gif) repeat-y 0 100%;min-height:21px}
.board-file .r li{position:relative;margin-bottom:5px;padding-left:9px}
.board-file .r li:last-child{margin-bottom:0}
.board-file .r li:before{display:block;content:"";position:absolute;left:0;top:10px;width:3px;height:3px;background-color:#666}
.board-file .r a{font-weight:300;font-size:14px}
.board-file .r a:hover,.board-file .r a:focus{text-decoration:underline}
.board-file .r img{vertical-align:middle}
.btn-baord-view{margin-top:20px;text-align:right}
.btn-baord-view a{display:inline-block;height:39px;padding:0 24px;background-color:#3371b8;line-height:39px;text-align:center;font-weight:300;font-size:15px;color:#fff}
.icon-mail{display:inline-block;margin-top:-1px;vertical-align:top}
.ie .icon-mail{margin-top:-3px}
.board-txt img {max-width:100% !important;}
.video-wrap iframe {max-width:100% !important;}

.go_list_btn {width:120px;height:40px;background-color:#07294d;text-align:center;font-size:18px;font-weight:500;color:#fff;float:right;margin-top:20px;margin-bottom:30px;}

@media screen and (max-width: 640px){
	.board-view .board-info {padding:9px 15px 11px;}
	.board-view h4{font-size:16px;margin-bottom:5px;}

	.board-file .l{width:84px;padding-left:15px}
	.board-file .r{padding-left:15px;}
	.board-file .r li{padding-left:15px;width:calc(100% - 15px);overflow:hidden;text-overflow: ellipsis;  white-space: nowrap; position:relative;}
	.board-file .r li:before {display:none;}
	.board-file .r img{position:relative; top:0; left:0;}
}







ul.write_wrap_new {width:100%;list-style:none;}
ul.write_wrap_new li {width:100%;display:table;border-top:1px solid #ddd;position:relative;}
ul.write_wrap_new li:first-child {border-top:none;}
ul.write_wrap_new li div {display:table-cell;}
ul.write_wrap_new li div.tits {position:absolute;top:0;left:0;height:100%;width:15%;text-align:center;padding:15px 10px;background:#fdfdfd;box-sizing:border-box;}
ul.write_wrap_new li div.conts {float:right;width:85%;padding:10px;border-left:1px solid #ddd;box-sizing:border-box;} 
ul.write_wrap_new li div.conts input[type='text'], ul.write_wrap_new li div.conts input[type='password'], ul.write_wrap_new li div.conts input[type='number'] {width:100%;height:46px;margin:5px 0;font-size:18px;}
ul.write_wrap_new li div.conts select {width:100%;height:46px;font-size:18px;margin:5px 0;border:1px solid #d9d9d9;background-image:url(../images/sub/icon-search-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;}
ul.write_wrap_new li div.conts button {width:calc(33.33% - 4px);height:46px;font-size:18px;background:#07294d;color:#fff;margin:20px auto;display:inline-block;}


ul.write_wrap_new li div.conts input[type='text'].id_confirm {width:calc(100% - 83px);}

.write_btns {width:100%;text-align:center;padding:20px 0;}
.write_btns button {width:calc(33.33% - 4px);height:46px;font-size:18px;background:#07294d;color:#fff;margin:20px auto;display:inline-block;}
.write_btns button:last-child {background:#0c8b51;}

@media screen and (max-width: 640px){
	ul.write_wrap_new li {display:block;}
	ul.write_wrap_new li div {display:block;}
	ul.write_wrap_new li div.tits {float:none;position:relative;height:auto;width:100%;text-align:left;font-weight:bold;padding:10px;}
	ul.write_wrap_new li div.conts {float:none;width:100%;border-left:none;}
	ul.write_wrap_new li div.conts input[type='text'] {width:100%;}
	ul.write_wrap_new li div.conts select {width:100%;}
}







/* 온라인견적 */
.form_box {width:100%;max-width:680px;margin:0 auto 30px;}
.form_box ul {font-size:0;}
.form_box ul li {font-size:18px;}
.form_box label {font-size:18px;}
.form_box label span {font-size:16px;color:#999;}
.form_box input[type='text'], .form_box input[type='password'], .form_box input[type='number'] {width:100%;height:46px;margin:5px 0 20px;font-size:18px;}
.form_box textarea {width:100%;height:150px;margin:5px 0 20px;font-size:18px;}
.form_box button {width:calc(50% - 4px);height:46px;font-size:18px;background:#07294d;color:#fff;margin:20px auto;display:inline-block;}
.form_box button:last-child {background:#0c8b51;float:right;}
.form_box input.s_input {width:calc(100% - 130px);display:inline-block;vertical-align:top;float:left;}
.form_box button.s_btn {width:120px;background:#2f7ad5;float:right;vertical-align:top;margin-top:5px;}
.form_box input.th_divide {display:inline-block;vertical-align:middle;width:33%;}
.form_box input.th_divide2 {display:inline-block;vertical-align:middle;width:27%;}
.form_box select.th_divide {display:inline-block;vertical-align:middle;width:29%;height:46px;font-size:18px;margin:5px 0 20px;border:1px solid #d9d9d9;background-image:url(../images/sub/icon-search-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;}
.form_box input[type='checkbox'] {width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-3px;}
.form_box li input[type='radio'] {display:inline-block;vertical-align:middle;margin-left:15px;margin-top:-3px;}
.form_box li input[type='radio']:first-child {margin-left:0;}
.form_box img {display:inline-block;vertical-align:middle;margin-top:5px;border:1px solid #d9d9d9;height:44px;}
.form_box select.th_divide_w {width:100%;display:inline-block;vertical-align:middle;height:46px;font-size:18px;margin:5px 0 20px;border:1px solid #d9d9d9;background-image:url(../images/sub/icon-search-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;}
.form_box li p {font-size:18px;}
.txt_color_etc {color:#d94da6;font-size:16px !important;}
.form_box.apply {max-width:100%;margin-top:0;}
.form_box.apply ul li {box-sizing:border-box;padding:15px;}
.form_box.apply ul li:nth-child(odd) {background:#f6f6f6;}
.form_box.apply ul li p.etcs_txt {font-size:16px;padding:10px 15px;border:1px dashed #ccc;box-sizing:border-box;}

.apply_form_table {width:100%;border-top:1px solid #2f7ad5;border-bottom:1px solid #2f7ad5;}
.apply_form_table th, .apply_form_table td {padding:10px;border-bottom:1px solid #d9d9d9;}
.apply_form_table td * {font-size:15px !important;}
.apply_form_table td input[type='checkbox'] {width:15px;height:15px;margin-left:30px;}
.apply_form_table td input[type='checkbox'].f_c {margin-left:0;}
.apply_form_table td span {margin-left:30px;}
.apply_form_table tr:last-child th, .apply_form_table tr:last-child td {border-bottom:none;}
.apply_form_table th {text-align:center;border-right:1px solid #d9d9d9;font-weight:500;}

.form_box.payments {max-width:100%;margin-top:0;background:#f6f6f6;border:1px solid #d9d9d9;padding:20px;box-sizing:border-box;}
.form_box.payments ul {max-width:600px;margin:0 auto;}
.form_box.payments ul li input[type='text'] {width:calc(100% - 30px);margin-right:10px;font-weight:bold;display:inline-block;vertical-align:middle;}
.form_box.payments ul li strong {font-size:18px;}
.form_box.payments ul li p {font-size:16px;line-height:180%;}
.form_box.payments ul li span {font-size:16px;color:#f26522;}

@media screen and (max-width: 581px){
	.form_box input.th_divide {width:32%;}
}

@media screen and (max-width: 418px){
	.form_box input.th_divide {width:31%;}
	.form_box select.th_divide {width:28%}
}

@media screen and (max-width: 360px){
	.form_box input.th_divide {width:29%;}
	.form_box select.th_divide {width:27%}
}

@media screen and (max-width: 342px){
	.form_box input.th_divide {width:28%;}
	.form_box select.th_divide {width:25%}
}







/* 인사말 */

.info_1 h4.s_info_tit {font-weight:500;line-height:180%;}
.info_1 h4.s_info_tit span {color:#6a84ae;font-size:100%;}
.info_1 p {line-height:250%;}
.info_1 p.names {padding:30px 40px 0;box-sizing:border-box;text-align:right;font-size:100%;}
.info_1 p.names span {font-family:'Noto Serif KR', serif;font-size:140%;}
.info_1 .img_box {width:100%;text-align:center;box-sizing:border-box;padding:40px 20px;}
.info_1 .img_box img {width:100%;max-width:600px;margin:0 auto;}

.info_1 .info_box {width:100%;box-sizing:border-box;padding:20px 40px;background:#f9f9f9;}
.info_1 .info_box h3 {font-weight:500;margin-bottom:20px;}
.info_1 .info_box ul {margin:0;padding:0;}
.info_1 .info_box ul li {margin-top:15px;}
.info_1 .info_box ul li img {display:inline-block;vertical-align:middle;margin-right:15px;background-color:#5e82ab;border-radius:100%;}
.info_1 .info_box ul li p {display:inline-block;vertical-align:middle;}

@media screen and (max-width: 490px){
	.info_1 .info_box ul li p {width:calc(100% - 70px);}
}

@media screen and (max-width: 771px){
	br.hide {display:none;}
	.info_1 p.l_t_box {float:none;width:100%;}
	.info_1 .img_box {float:none;width:100%;margin-top:20px;}
}


/* 연혁 */
.info_2 ul li h2 {display:inline-block;vertical-align:middle;text-align:center;width:100px;height:100px;border-radius:100%;box-sizing:border-box;padding-top:25px;}
.info_2 ul li:nth-child(4n) h2 {color:#14a4ab;border:5px solid #14a4ab;}
.info_2 ul li:nth-child(4n-1) h2 {color:#2b5166;border:5px solid #2b5166;}
.info_2 ul li:nth-child(4n-2) h2 {color:#6a84ae;border:5px solid #6a84ae;}
.info_2 ul li:nth-child(4n-3) h2 {color:#2f3841;border:5px solid #2f3841;}
.info_2 ul li p {display:inline-block;vertical-align:middle;margin-left:20px;background:#f6f6f6 url(/images/sub/info_2_img_back.png) 105% -20% no-repeat;background-size: auto 150%;width:calc(100% - 130px);max-width:700px;min-height:80px;box-sizing:border-box;}



.info_1_back {background-image:url(/images/sub/info_1_back_01.png);background-position:50% calc(100% - 20px);background-repeat:no-repeat;}
.info_2_back {background-image:url(/images/sub/info_2_back_01.png);background-position:50% 50%;background-size:90% auto;background-repeat:no-repeat;}


/* 업무분야 */
.info_3 {text-align:center;}
.info_3 img {width:100%;margin:0 auto;}

.info_3 > div {border-bottom:1px solid #ccc;padding:20px 0;}
.info_3 > div.mt40 {border-top:1px solid #ccc;}
.info_3 > div div.img_box {float:left;width:40%;max-width:400px;box-sizing:border-box;}
.info_3 > div ul {float:left;margin-left:30px;text-align:left;line-height:200%;}
.info_3 > div ul li {padding-left:15px;background:url(/images/sub/list_bl.png) 0 13px no-repeat;}
.info_3 > div ul li.tit {padding-left:0;margin-bottom:15px;background:none;}
.info_3 > div:nth-child(2n) div.img_box {float:right;}
.info_3 > div:nth-child(2n) ul {margin-left:0;}

.info_3 h3.org_tit {display:inline-block;padding:10px 30px;color:#fff;background:#2da4cb;}

.info_3_slide {position:relative;}
.info_3_slide .slick-arrow {position:absolute;width:30px;height:30px;top:50%;margin-top:-15px;z-index:9;}
.info_3_slide .slick-prev {left:10px;background:url(/images/sub/info_3_slide_prev.png) 50% 50% no-repeat;}
.info_3_slide .slick-next {right:10px;background:url(/images/sub/info_3_slide_next.png) 50% 50% no-repeat;}

@media screen and (max-width: 680px){
	.info_3 > div div.img_box, .info_3 > div:nth-child(2n) div.img_box {float:none;width:100%;max-width:100%;margin:0 auto;}
	.info_3 > div ul {float:none;width:100%;margin:20px 0 0;}
}



/* 활력무 */
.dance_1 {text-align:center;}
.dance_1 img {width:100%;margin:0 auto;}

.dance_1 > div {padding:40px 20px;box-sizing:border-box;background-image:url(/images/sub/dance_cont_back.png);background-position:10px calc(100% - 10px);background-repeat:no-repeat;background-size:40% auto;}
.dance_1 > div:first-child {padding-top:0;}
.dance_1 > div div.img_box {float:left;width:35%;max-width:400px;box-sizing:border-box;}
.dance_1 > div div.txt_box {float:left;width:60%;margin-left:30px;text-align:left;line-height:150%;}
.dance_1 > div div.txt_box ol {margin-left:15px;}
.dance_1 > div div.txt_box ol li {list-style:decimal;}
.dance_1 > div:nth-child(2n) {background-color:#f6f6f6;background-position:calc(100% - 10px) calc(100% - 10px);}
.dance_1 > div:nth-child(2n) div.img_box {float:right;}
.dance_1 > div:nth-child(2n) div.txt_box {margin-left:0;}

.dance_1 h3.org_tit {display:inline-block;padding:10px 30px;color:#fff;background:#2da4cb;}


@media screen and (max-width: 680px){
	.dance_1 > div div.img_box, .dance_1 > div:nth-child(2n) div.img_box {float:none;width:100%;max-width:100%;margin:0 auto;}
	.dance_1 > div div.txt_box {float:none;width:100%;margin:20px 0 0;}
}





/* 활력무 */
.local_1 {text-align:center;}
.local_1 img {width:100%;margin:0 auto;}

.local_1 > div {padding:40px 0;box-sizing:border-box;border-bottom:1px solid #ccc;}
.local_1 > div:first-child {padding-top:0;border-top:none;}
.local_1 > div div.txt_box {width:100%;text-align:left;line-height:150%;}

.local_1 h3.org_tit {display:inline-block;padding:10px 30px;color:#fff;background:#2da4cb;}

.local_1_dbox {padding:10px 15px;background:#f8f8f8;}
.local_1_dbox ul {padding-bottom:10px;border-bottom:1px dotted #ccc;}
.local_1_dbox ul li {padding-left:5px;box-sizing:border-box;}
.local_1_dbox ul li p {font-size:14px;}
.local_1_dbox ul li p.icons {display:block;width:15px;float:left;text-align:center;}
.local_1_dbox ul li p.icons i {color:#0d87a6;}
.local_1_dbox ul li p.txts {float:right;margin-left:10px;width:calc(100% - 25px);}

.img_flex {display:flex; flex-flow: row wrap;/*justify-content:space-between;*/}
.img_flex .items {position:relative;text-align:center;width:calc(25% - 10px);margin:5px;background:#fff;height:180px;box-sizing:border-box;border-radius:10px;overflow:hidden;border:1px solid #ddd;}
.img_flex.bigs .items {width:calc(33.33% - 10px);height:180px;}
.img_flex .items img {width:auto;min-width:100%;height:180px}

@media screen and (max-width: 640px){
	.img_flex .items, .img_flex.bigs .items {width:calc(50% - 10px);}
}
@media screen and (max-width: 420px){
	.img_flex .items, .img_flex.bigs .items {width:calc(100% - 10px);}
}








.info_5 .company_wrap {position:relative;width:100%;}
.info_5 .info_box {width:100%;box-sizing:border-box;}
.info_5 .info_box h3 {font-weight:500;margin-bottom:20px;}
.info_5 .info_box ul {margin:0;padding:0;}
.info_5 .info_box ul li {margin-top:15px;}
.info_5 .info_box ul li img {display:inline-block;vertical-align:middle;margin-right:15px;background-color:#5e82ab;border-radius:100%;}
.info_5 .info_box ul li p {display:inline-block;vertical-align:middle;}
.info_5 .map_box {width:100%;box-sizing:border-box;height:325px;border:3px solid #9dbadc;overflow:hidden;}

@media screen and (max-width: 490px){
	.info_5 .info_box ul li p {width:calc(100% - 70px);}
}













/* 회원가입 */
.agree_box div {background:#f1f1f1;padding:10px;}
.agree_box div.all_check {background:#1ec1d9;text-align:left;}
.agree_box label {font-size:16px;}
.agree_box div.all_check label {color:#fff;font-size:20px;}
.agree_box input[type='checkbox'] {width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-3px;}
.agree_box div.all_check input[type='checkbox'] {width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:-5px;}
.agree_box h2 {padding:10px;margin-top:20px;text-align:left;}
.agree_box textarea {width:100%;padding:20px;height:150px;box-sizing:border-box;text-align:left;overflow:auto;}
.agree_box button {width:calc(50% - 4px);height:46px;font-size:18px;background:#07294d;color:#fff;margin:20px auto;display:inline-block;}
.agree_box button:last-child {background:#0c8b51;float:right;}

.form_box {width:100%;max-width:680px;margin:30px auto;}
.form_box ul {font-size:0;}
.form_box ul li {font-size:18px;}
.form_box label {font-size:18px;}
.form_box label span {font-size:16px;color:#999;}
.form_box input[type='text'], .form_box input[type='password'], .form_box input[type='number'] {width:100%;height:46px;margin:5px 0 20px;font-size:18px;}
.form_box textarea {width:100%;height:150px;margin:5px 0 20px;font-size:18px;}
.form_box button {width:calc(50% - 4px);height:46px;font-size:18px;background:#07294d;color:#fff;margin:20px auto;display:inline-block;}
.form_box button:last-child {background:#0c8b51;float:right;}
.form_box input.s_input {width:calc(100% - 130px);display:inline-block;vertical-align:top;float:left;}
.form_box button.s_btn {width:120px;background:#2f7ad5;float:right;vertical-align:top;margin-top:5px;}
.form_box input.th_divide {display:inline-block;vertical-align:middle;width:33%;}
.form_box input.th_divide2 {display:inline-block;vertical-align:middle;width:27%;}
.form_box select.th_divide {display:inline-block;vertical-align:middle;width:29%;height:46px;font-size:18px;margin:5px 0 20px;border:1px solid #d9d9d9;background-image:url(../images/sub/icon-search-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;}
.form_box input[type='checkbox'] {width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-3px;}
.form_box li input[type='radio'] {display:inline-block;vertical-align:middle;margin-left:15px;margin-top:-3px;}
.form_box li input[type='radio']:first-child {margin-left:0;}
.form_box img {display:inline-block;vertical-align:middle;margin-top:5px;border:1px solid #d9d9d9;height:44px;}
.form_box select.th_divide_w {width:100%;display:inline-block;vertical-align:middle;height:46px;font-size:18px;margin:5px 0 20px;border:1px solid #d9d9d9;background-image:url(../images/sub/icon-search-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;}
.form_box li p {font-size:18px;}
.txt_color_etc {color:#d94da6;font-size:16px !important;}
.form_box.apply {max-width:100%;margin-top:0;}
.form_box.apply ul li {box-sizing:border-box;padding:15px;}
.form_box.apply ul li:nth-child(odd) {background:#f6f6f6;}
.form_box.apply ul li p.etcs_txt {font-size:16px;padding:10px 15px;border:1px dashed #ccc;box-sizing:border-box;}

.apply_form_table {width:100%;border-top:1px solid #2f7ad5;border-bottom:1px solid #2f7ad5;}
.apply_form_table th, .apply_form_table td {padding:10px;border-bottom:1px solid #d9d9d9;}
.apply_form_table td * {font-size:15px !important;}
.apply_form_table td input[type='checkbox'] {width:15px;height:15px;margin-left:30px;}
.apply_form_table td input[type='checkbox'].f_c {margin-left:0;}
.apply_form_table td span {margin-left:30px;}
.apply_form_table tr:last-child th, .apply_form_table tr:last-child td {border-bottom:none;}
.apply_form_table th {text-align:center;border-right:1px solid #d9d9d9;font-weight:500;}

.form_box.payments {max-width:100%;margin-top:0;background:#f6f6f6;border:1px solid #d9d9d9;padding:20px;box-sizing:border-box;}
.form_box.payments ul {max-width:600px;margin:0 auto;}
.form_box.payments ul li input[type='text'] {width:calc(100% - 30px);margin-right:10px;font-weight:bold;display:inline-block;vertical-align:middle;}
.form_box.payments ul li strong {font-size:18px;}
.form_box.payments ul li p {font-size:16px;line-height:180%;}
.form_box.payments ul li span {font-size:16px;color:#f26522;}


.mrfTxt {border:1px solid #adc6d9; background:#fafafa;}
.mrfTxt h3 {color:#fff; background:#1ec1d9; padding:10px 20px;}
.mrfTxt div {padding:10px 20px 20px;}
.mrfTxt div ul li {padding-left:10px; position:relative; margin-top:5px;}
.mrfTxt div ul li:before {content:'-'; position:absolute; left:0;}

.dvd_line {border-top:1px solid #ddd;}

.memChTxt p.memChTxt_count {background:#777;color:#fff;padding:10px 20px;font-size:14px !important;}

@media screen and (max-width: 581px){
	.form_box input.th_divide {width:32%;}
}

@media screen and (max-width: 418px){
	.form_box input.th_divide {width:31%;}
	.form_box select.th_divide {width:28%}
}

@media screen and (max-width: 360px){
	.form_box input.th_divide {width:29%;}
	.form_box select.th_divide {width:27%}
}

@media screen and (max-width: 342px){
	.form_box input.th_divide {width:28%;}
	.form_box select.th_divide {width:25%}
}







/* 로그인 */
.login_box {width:100%;max-width:600px;margin:30px auto;}
.login_box label {font-size:18px;}
.login_box input[type='text'], .login_box input[type='password'] {width:100%;height:46px;margin:5px 0 20px;font-size:18px;}
.login_box button {width:100%;height:46px;font-size:18px;background:#07294d;color:#fff;margin-top:10px;}
.login_box .etcs {width:100%;margin-top:20px;font-size:16px;text-align:right;}
.login_box .etcs label {font-size:16px;float:left;margin-left:5px;}
.login_box .etcs input[type='checkbox'] {width:16px;height:16px;float:left;margin-top:5px;}
.login_box .etcs a {margin-left:10px;}
.login_box .etcs a:hover, .login_box .etcs a:focus {text-decoration:underline;}
.login_box a.joins {display:block;text-align:center;line-height:46px;width:100%;height:46px;font-size:18px;background:#0c8b51;color:#fff;margin-top:20px;}







/* 아이디 비번 찾기 */
.login_box .id_pw_txt {background:#f1f1f1;padding:10px;text-align:center;margin-bottom:20px;}
.login_box .id_pw_txt span {color:#d94da6;font-weight:700;}
.login_box .id_pw_search_result {padding:0 10px 20px;text-align:center;margin-bottom:20px;line-height:26px;border-bottom:1px solid #d9d9d9;}
.login_box .id_pw_search_result a, .login_box .id_pw_search_result span {color:#d94da6;font-weight:700;}






/* 회원탈퇴 */
.unreg_txt {width:100%;box-sizing:border-box;padding:20px;border:1px solid #d9d9d9;background:#f6f6f6;font-size:16px;}
.unreg_txt span {font-size:16px;}








/* */
.floaters {position:absolute; width:110px; border:10px solid rgba(0,104,182,0.5); border-radius:20px; top:200px; right:10px; padding:0; margin:0; overflow:hidden; z-index:1000;}
.floaters ul {width:100%; background:#0068b6; border:1px solid #b3d2e9; border-radius:10px; box-sizing:border-box;}
.floaters ul li {border-top:1px solid #b3d2e9;}
.floaters ul li:first-child {border:none;}
.floaters ul li a {display:block; text-align:center; width:100%; padding:25px 0;}
.floaters ul li a img {margin-bottom:10px; opacity:0.8; transition:all .5s;}
.floaters ul li a p {color:#fff; font-size:18px; font-family: 'ONE Mobile'; font-weight:600;}
.floaters ul li a:hover img, .floaters ul li a:focus img {opacity:1;}

@media screen and (max-width: 800px){
	.floaters {position:relative; width:100%; border:none; border-radius:0; top:0; right:0; z-index:1;}
	.floaters ul {border:none; border-radius:0; display:flex;}
	.floaters ul li {width:50%; border:none; border-left:1px solid #b3d2e9; box-sizing:border-box;}
	.floaters ul li a {padding:15px 0;}
	.floaters ul li a img, .floaters ul li a p {display:inline-block; vertical-align:middle; margin:0 10px;}
}






/* //////////////// FOOTER //////////////// */
#footer {position:relative;background:#9f9f9f;padding:0 0 50px;border-top:1px solid #ccc;}
.f_slide {width:100%;padding:10px 0; margin-bottom:50px;border-bottom:1px solid #ddd; background:#fafafa;}
.footer_relates div {padding:0 20px;}
.footer_relates div a img {height:30px;}
.h_trans {height:27px;float:right;}
#footer .footer_logo {float:left;margin-top:15px;}
#footer .footer_info {float:left;margin-left:59px;max-width:532px;color:#fff;font-size:14px;}

@media screen and (max-width: 680px){
	#footer .footer_logo {float:none;margin-top:0;margin-bottom:20px;}
	#footer .footer_info {float:none;margin-left:0;}
}