@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500&display=swap');

h1 {font-size:32px;}
h2 {font-size:26px;}
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {}
h6 {}

.inner {width:100%;max-width:1280px;margin:0 auto;}

@media screen and (max-width: 767px){
	.inner {padding-left:5px;padding-right:5px;box-sizing:border-box;}
}


/* //////////////// HEADER //////////////// */
#header {position:fixed;top:0;left:0;background:#fff;width:100%;height:105px;-webkit-box-shadow: 0px 0px 10px 0px #000000; 
box-shadow: 0px 0px 10px 0px #000000; z-index:998;}

.header_color_bar {position:relative;width:100%;height:15px;}
.header_color_bar div {width:calc(100% / 6);height:100%;float:left;}
.header_color_bar div:nth-child(1) {background:#c87a63}
.header_color_bar div:nth-child(2) {background:#fe8282}
.header_color_bar div:nth-child(3) {background:#ffd632}
.header_color_bar div:nth-child(4) {background:#96b430}
.header_color_bar div:nth-child(5) {background:#bf82bb}
.header_color_bar div:nth-child(6) {background:#3aa6a6}

.logo {float:left;margin-top:15px;line-height:0;}
.logo img {max-height:80px;}

@media screen and (max-width: 1190px){
	#header {height:90px;text-align:center;}
	.logo {float:none;padding:3px;text-align:center;display:inline-block;margin:10px 0 0;}
	.logo img {height:50px;margin-top:0;}
}

@media screen and (max-width: 767px){

}

#gnb {float:left;width:70%;max-width:790px;min-width:600px;margin:0 0 0 15px;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:210px; display:none; z-index: 99;padding:10px 0;}
.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 {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:7px 15px;font-size:13px;}

#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(241,83,118,0.9);}

#gnb > li:hover > a, #gnb > li.sfHover > a, #gnb > li.current > a{background-color:#f15376;}

#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:90px;text-align:center;font-size:15px;font-weight:500;color:#3d3d3d;padding:36px 21px 0;margin-top:0;}



@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;border:1px solid #f15376;background:#f15376 url(../images/common/icon_m_nav.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:#fff;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;background:#f15376;}
	#total_m_lay .mbTopLink::before{display:block;margin:0 auto 10px;width:105px;height:30px;content:'';/*background:url('/img/common/com_img.png') no-repeat -220px -190px*/}
	#total_m_lay .mbTopLink > a{position:relative;display:block;margin:0 auto;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 .mbTopLink ul {text-align:center;margin-top:15px;}
	#total_m_lay .mbTopLink ul li {display:inline-block;border-right:1px solid rgba(255,255,255,0.6);line-height:100%;}
	#total_m_lay .mbTopLink ul li:last-child {border:none;}
	#total_m_lay .mbTopLink ul li a {padding:0 10px;color:#fff;line-height:100%;}
	#total_m_lay .total_m > ul{background:#fff; 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 rgba(0,0,0,0.1)}
	#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_s.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:#313131;padding:15px 0 15px 20px;font-weight:bold;text-decoration:none;word-break: keep-all; font-size:15px;}
	#total_m_lay .total_m > ul > li.open > a{color:#fff;background:#f15376}
	#total_m_lay .total_m > ul > li.has-sub.open > a{background:#f15376}
	#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:33px;left:5px;margin:0;background-color:#f15376}
	#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;border-radius:60px;overflow:hidden;margin-top:25px;background:#f15376;}
.header_btns > li {float:left;padding:10px 0 10px 10px;}
.header_btns > li a.links {display:block;font-size:14px;padding:0 10px;box-sizing:border-box;text-align:center;color:#fff;border-right:1px solid #fff;}
.header_btns > li:last-child {margin-left:-1px;padding:10px 10px 10px 0;}
.header_btns > li:last-child a.links {border:none;}
.header_btns > li > button {background-color:#005e76;border:1px solid #9dd3e1;height:90px;}

@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;}

	.header_btns {display:none;}
}
/*
@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:90px;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%;}
.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:105px auto 0;}

@media screen and (max-width: 1190px) {
	#container {margin-top:90px;}
}

/*----------------------------- 메인 ---------------------------------*/

/*/// 메인슬라이드 ///*/
.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:500px;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 {position:absolute;text-align:left;top:15%;margin-top:0;opacity:0;transition:opacity 1s ease;transition-delay: 2s; }
.main_slide_inner .slick-slide .text_area > div p {color:#fff;font-size:30px;text-shadow: 0px 0px 10px #000;font-weight:600;line-height:24px;padding:15px;border-top:1px solid #fff;font-family:'Noto Serif KR';}
.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;}
.main_slide_inner .text_area > div img {width:100%;max-width:432px;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:10px;height:10px;margin:0 0 0 10px;background-color:#b6b6b6;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:#f15376;}
.main_slide_inner .slick-dots li button {width:10px;height:10px;padding:0;text-indent:-9999px;}
.main_slide_inner .slick-dots li button:before {content:"";width:10px;height:10px;background-color:#b6b6b6;border:3px solid #5e82ab;border-radius:16px;line-height:1;opacity:1;}
.main_slide_inner .slick-dots li.slick-active button:before {background-color:#f15376;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);}

.main_slide_inner .text_area > div p span.f_names {display:inline-block;margin-top:30px;padding:5px 10px;font-size:17px;background:rgba(255,255,255,0.85);color:#000;text-shadow:none;border-radius:8px;}

@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 > 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;padding:10px;}
	.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;}
	.main_slide_inner .text_area > div img {width:70%;float:none;}

}

@media screen and (max-width: 567px){
	.main_slide_inner .image_area > div {height:300px;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 p {width:100%;font-size:22px;text-align:center;line-height:130%;padding:10px 0;}
	.main_slide_inner .slick-slide .text_area > div p span {font-size:14px;}
}

@media screen and (max-width: 410px){
	.main_slide_inner .image_area > div {height:200px;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:#fff url(/images/main/main_video_back.png) 50% 0 no-repeat; background-size:cover;}
.contents.m2 {background:#f0f0f0 url(/images/main/cont_m2_back.png) 50% 0 no-repeat; background-size:cover;}
.contents.m3 {background:#fff url(/images/main/cont_m3_back.png) 50% 100% no-repeat; background-size:cover;}
.contents .bg_txt {position:absolute;z-index:0;line-height:70%;top:50px;right:50px;padding:0;height:50%;max-height:192px;}
.contents .bg_txt img {height:100%;}
.contents .bg_logo {position:absolute;z-index:0;left:50px;bottom:50px;box-sizing:border-box;width:auto;height:50%;max-height:206px;}
.contents .bg_logo img {height:100%;}

@media screen and (max-width: 1199px){
	.contents .bg_txt {}
	.contents .bg_logo {}
}

.contents .inner h1 {font-size:34px;font-weight:500;margin-bottom:40px;}
.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:#fff;}
.contents.m3 .inner h1 {color:#051c62;}

.contents.m1 .m_p_box {position:relative;display:flex; flex-flow: row wrap;justify-content:space-between;}
.contents.m1 .m_p_box .item {width:24%;/*background:#fff;height:350px;-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.m1 .m_p_box .item a {display:block;position:relative;height:100%;}
.contents.m1 .m_p_box .item a div.thumbs {width:100%;text-align:center;padding:10px 15px;box-sizing:border-box;}
.contents.m1 .m_p_box .item a div.thumbs img {width:calc(100% - 20px);border:10px solid #fff;}
.contents.m1 .m_p_box .item a div.hover_b {position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);transition:all .5s;opacity:0;}
.contents.m1 .m_p_box .item a:hover div.hover_b, .contents.m1 .m_p_box .item a:focus div.hover_b {opacity:1;}
.contents.m1 .m_p_box .item a div.txts {position:relative;width:90%;margin:10px auto;text-align:center;color:#fff;font-size:150%;line-height:35px;border-radius:50px;background:#276ab3;padding:5px;transition:all .5s;}
.contents.m1 .m_p_box .item a div.txts img {display:inline-block;vertical-align:middle;margin-top:-5px;transition:all .5s;}
.contents.m1 .m_p_box .item a:hover div.txts, .contents.m1 .m_p_box .item a:focus div.txts {background:#bf202f;}
.contents.m1 .m_p_box .item a:hover div.txts img, .contents.m1 .m_p_box .item a:focus div.txts img {transform: rotate( 180deg );}


.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;height:340px;box-sizing:border-box;border:1px solid #f15376;padding:15px 20px;border-radius:0 0 15px 0;overflow:hidden;}
.contents.m2 .m_p_box .item h3 {position:absolute;width:100%;height:50px;line-height:45px;border-bottom:1px solid #f15376;border-left:4px solid #f15376;padding-left:20px;box-sizing:border-box;top:0;left:0;font-size:26px;font-weight:600;color:#f15376;}
.contents.m2 .m_p_box .item ul {width:100%;margin:50px 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; color:#333;}
.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-around;margin-top:80px;}
.contents.m2 .m_p_box .item .gall_box a.item {position:relative;display:block;padding:0 !important;width:170px;height:205px;box-sizing:border-box;border-radius:0;-webkit-box-shadow: none; 
box-shadow: none;}
.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;text-align:center;box-sizing:border-box;padding-top:12px;width:50px;height:49px;top:0;right:0;background:#f15376;}
.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.m2 .m_p_box .item ul li.n_li {text-align:center;margin-top:100px;}
.contents.m2 .m_p_box .item ul li.n_li:before {content: "";}

.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:260px;box-sizing:border-box;border:1px solid #f15376;padding:15px 20px;border-radius:0 0 15px 0;overflow:hidden;}
.contents.m3 .m_p_box .item h3 {position:absolute;width:100%;height:50px;line-height:45px;border-bottom:1px solid #f15376;border-left:4px solid #f15376;padding-left:20px;box-sizing:border-box;top:0;left:0;font-size:26px;font-weight:600;color:#f15376;}
.contents.m3 .m_p_box .item ul {width:100%;margin:80px 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.n_li {text-align:center;}
.contents.m3 .m_p_box .item ul li.n_li:before {content: "";}
.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:80px;}
.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;text-align:center;box-sizing:border-box;padding-top:12px;width:50px;height:49px;top:0;right:0;background:#f15376;}
.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 );}


@media screen and (max-width: 1199px){

}

@media screen and (max-width: 1078px){
	.contents.m2 .info_box ul li p {width:calc(100% - 70px);}
}

@media screen and (max-width: 900px){
	.contents.m2 .m_p_box .item .gall_box a.item {width:49%;}
	.contents.m3 .m_p_box .item .gall_box a.item {width:49%;}
}

@media screen and (max-width: 680px){
	.contents.m1 .m_p_box .item {width:48%;margin-bottom:20px;}
	.contents.m2 .info_box {float:none;width:100%;margin-bottom:20px;}
	.contents.m2 .map_box {float:none;width:100%;margin:0;}
	.contents.m2 .m_p_box .item {width:100%;margin-bottom:20px;}
	.contents.m3 .m_p_box .item {width:100%;margin-bottom:20px;}
}

@media screen and (max-width: 360px){
	.contents.m1 .m_p_box .item {width:100%;}
}









/*----------------------------- 서브 ---------------------------------*/


/*/// 서브 상단 이미지 ///*/
.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:'Noto Serif KR';}
.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:30px;}
	.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;}
.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:100%;}

/*
.conts_wrap .nav_box {position:absolute;top:0;left:0;width:250px;box-sizing:border-box;background:#fff;border:1px solid #f15376;border-radius:0 0 15px 0;overflow:hidden;}
.conts_wrap .nav_box h2 {background:#f15376;color:#fff;font-weight:500;box-sizing:border-box;padding:8px 20px;}
.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:25%;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;}*/
}





/* 페이징 */
.pagingWrap {width:100%;text-align:center;padding:20px 0;}
.pagingWrap .arr_box {margin:0 1px;padding:10px 13px;background:#6a84ae;font-size:10pt;border-radius:5px;}
.pagingWrap .arr_box.sm {padding:10px 15px;}
.pagingWrap .num_box {margin:0 1px;padding:10px 15px;background:#f0f0f0;color:#14a4ab;font-size:10pt;cursor:pointer;border-radius:5px;}
.pagingWrap .num_box.curr {background:#14a4ab;color:#fff;}

@media screen and (max-width: 540px){
	.pagingWrap .arr_box {font-size:9pt;padding:5px 8px;}
	.pagingWrap .arr_box.sm {padding:5px 10px;}
	.pagingWrap .num_box {font-size:9pt;padding:5px 8px;}
}



/* 게시판 상세 */
.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:800px;margin:0 auto 30px;}
.form_box h3 {background:#597fab; color:#fff; padding:10px 15px;}
.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 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 50% 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:506px;border:3px solid #ddd;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:#313131;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:800px;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 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%}
}







/* 로그인 */
.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;}





.sub_tabNav {width:100%;box-sizing:border-box;padding:3px;border:1px solid #ccc; border-radius:0 0 15px; 0;overflow:hidden;}
.sub_tabNav li {display:inline-block;box-sizing:border-box;width:calc(25% - 3px);}
.sub_tabNav li a {display:block;width:100%;height:34px;line-height:34px;color:#555;background:#f6f6f6;font-weight:600;text-align:center;}
.sub_tabNav li:last-child a {border-radius:0 0 12px 0;}
.sub_tabNav li a:hover, .sub_tabNav li a:focus, .sub_tabNav li a.curr {color:#fff;background:#bf82bb;} 







.filebox {position:relative; width:100%;height: 46px;margin: 5px 0 20px;font-size: 18px;border: 1px solid #d9d9d9;box-sizing:border-box;}
.filebox input[type="file"] {position: absolute; top:0; left:0; width: 89px; height: 44px; padding: 0; overflow: hidden; border: 0;z-index:0;}
.filebox label {position:relative;z-index:1;display: inline-block; padding: 9px 20px; vertical-align: middle; cursor: pointer; background:#2f7ad5; color:#fff;}
.filebox .upload-name {display: inline-block; width:calc(100% - 113px); height: 44px; font-size:18px; padding: 0 10px; vertical-align: middle;border:none;box-sizing:border-box;margin:0 -2px;}





.filebox_dvs {position:relative; width:100%;height: 46px;margin: 5px 0 20px;font-size: 18px;border: 1px solid #d9d9d9;box-sizing:border-box;}
.filebox_dvs input[type="file"] {position: absolute; top:0; left:0; width: 89px; height: 44px; padding: 0; overflow: hidden; border: 0;z-index:0;}
.filebox_dvs label {position:relative;z-index:1;display: inline-block; padding: 9px 20px; vertical-align: middle; cursor: pointer; background:#2f7ad5; color:#fff;}
.filebox_dvs .upload-name {display: inline-block; width:calc(100% - 113px); height: 44px; font-size:18px; padding: 0 10px; vertical-align: middle;border:none;box-sizing:border-box;margin:0 -2px;}







.pp h3 {color:#c87a63;}
.pp h4 {display:inline-block;padding:5px 15px;background:#c87a63;color:#fff;border-radius:10px;}
.pp h5 {color:#ab6e35;}
.pp h5::before {content:"- ";color:#ab6e35;}
.pp p {color:#777;}
.pp p span {color:#333;font-weight:500;}
.pp p span.caps {display:block;box-sizing:border-box;padding:10px 15px;background:#f6f6f6;font-weight:400;color:#777;font-size:14px;}
.pp p.img_wraps {width:100%;max-width:850px; margin-left:auto; margin-right:auto;}
.pp p.img_wraps img {width:100%;}







/* //////////////// FOOTER //////////////// */
#footer {position:relative;background:#6e6e6e;padding:35px 0;}
.h_trans {height:27px;float:right;}
#footer .footer_logo {float:left;margin-top:3px;}
#footer .footer_info {float:left;margin-left:59px;max-width:532px;color:#fff;font-size:14px;line-height:160%;}
#footer .footer_links {float:right;}
#footer .footer_links a {display:inline-block; padding:10px; border-radius:5px; background:#fff; vertical-align:middle;}
#footer .footer_links a div.pdf_l {background:#96b430; color:#fff; height:70px; font-size:18px; font-weight:600;line-height:150%; text-align:left; padding:7px 10px 0; border-radius:5px; box-sizing:border-box; text-align:center;}
#footer .footer_links a div.pdf_l span {font-weight:500; font-size:16px;}
#footer .footer_links a img {height:50px;}

@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;}
	#footer .footer_links {float:none; margin-top:10px;}
}