@CHARSET "UTF-8";

/* font-family:'Poppins',sans-serif;  font-family:'notokr-regular', sans-serif; font-family: 'NanumSquare', sans-serif; font-family: 'notokr-bold', sans-serif;font-family: 'notokr-light', sans-serif;  */
html {height:100%; margin: 0;padding: 0;  width:100%; overflow:hidden}
body {height:100%;  margin: 0;padding: 0; font-family:'notokr-regular', 'Poppins', 'Play', sans-serif; width:100%}
input, textarea, select, button { }
input[type=password] { }
input,select,textarea {	}
input[type=password] { }
a {color:#222222; text-decoration:none !important}
a:hover {color:#222222;}
h1, h2, h3, h4, h5, h6,{font-family:'notokr-regular', 'Poppins', 'Play', sans-serif; margin:0; padding:0}
* {line-height:1.5; word-break:keep-all}
/* .w_wrapper *{
-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;} 	 */
			

.w_wrapper {width:100%;position:relative;}
.wg_wrapper {width:100%;position:relative; background:#fff}
.w_main_wrapper {width:100%; position:relative;}
.w_container {position:relative; width:1200px; margin-left:auto; margin-right:auto;   }
.ww_container {position:relative; width:1200px; margin-left:auto; margin-right:auto;   background:#fff; }
.www_container {position:relative; width:1000px; margin-left:auto; margin-right:auto;   background:#fff; }
.ws_container {position:relative; width:1200px; margin-left:auto; margin-right:auto;   background:#fff; padding:50px 0 50px 0 }
.w_container2 {position:relative; width:1250px; margin-left:auto; margin-right:auto;   }
@media (max-width:1480px) {
	.w_container {width:100%;  padding:0 50px 0 50px;}
	.ws_container {width:100%; padding:50px}
	.w_container2 {width:100%;  padding:0 50px 0 50px;}

}


@media (max-width:1280px) {
	.ww_container {width:100%;  padding:0;}
	.w_container2 {width:100%;  padding:0 50px 0 50px;}
	

}



@media (max-width:720px) {
	.w_container {width:100%;  padding:0 10px 0 10px;}
	.ws_container { padding:30px 10px 30px 10px}
	.w_container2 {width:100%;  padding:0 10px 0 10px;}
	
}

img {max-width:100%; vertical-align:middle;}
.clear {clear:both}
.common_font {font-size:20px; font-weight:300; font-family: 'Noto Sans KR', sans-serif;  line-height:1.8}


@media(max-width:980px) {
	.common_font {font-size:18px;  }
}


.en_Poppins {font-family:'Poppins', 'Play', sans-serif; letter-spacing:0}
.en_Play {font-family:'Play', 'Poppins', sans-serif;letter-spacing:0}




/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
 /* 기본상단 */
.header {position:fixed; left:0; top:0; z-index:99999; height:100px;  width:100%; background:#fff; transition: all .2s !important; -webkit-transition: all .2s !important;}
.header .w_logo {position:absolute; left:20px; top:35px;z-index:9999;transition: top .2s !important; -webkit-transition: top .2s !important;}
.header .logo_1 {display:none}
.header .logo_2 {display:block}
.header .oe_wrapper {text-align:center; }
.header ul.oe_menu{list-style:none;position:relative;clear:both; }
.header ul.oe_menu > li{display:inline-block; line-height:100px;transition: all .2s !important; -webkit-transition: all .2s !important;}
.header ul.oe_menu > li > a{display:inline-block; color:#222;text-decoration:none;line-height:100px; height:100%; width:100%;  padding:0 25px 0 25px; font-size:18px; font-family: 'notokr-medium', sans-serif;  }
.header ul.oe_menu div.menu_box{position:absolute;top:99px;left:50%; margin-left:-960px; text-align:center;  -webkit-margin-start:-969px;  background:#fff; border-top:solid 1px #dedede;border-bottom:solid 1px #dedede;padding:10px 0 10px 0; box-shadow:5px 5px 10px rgba(0,0,0,0.2); width:1920px;display:none;  overflow:hidden;transition: all .2s !important;}
.header ul.oe_menu div.menu_box ul li {display:inline-block; padding:20px}
.header:hover{background:rgba(255,255,255,1)}
.header:hover ul.oe_menu > li > a{color:#222} 
.header:hover .logo_1 {display:none}
.header:hover .logo_2 {display:block;}
.header ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a, ul.oe_menu > li.selected > a:after, ul.oe_menu > li.selected > a:before{transition: all .1s !important; -webkit-transition: all .1s !important;  color:#1979d3; border-bottom:solid 5px #1979d3}
.header:hover .oe_menu > li > a:hover, .header:hover .oe_menu > li.selected > a, .header:hover .oe_menu > li.selected > a:after, .header:hover .oe_menu > li.selected > a:before{-webkit-transition: all .1s !important;transition: all .1s !important; border-bottom:solid 5px #1979d3; color:#1979d3}

.header_index {position:fixed; left:0; top:0; z-index:999; height:100px;  width:100%; background:none;  transition: all .2s !important;}
.header_index:hover{background:#fff}
.header_index:hover ul.oe_menu > li > a{color:#222} 
.header_index .w_logo {position:absolute; left:20px; top:35px;z-index:9999}
.header_index .logo_1 {display:block}
.header_index .logo_2 {display:none}
.header_index:hover .logo_1 {display:none}
.header_index:hover .logo_2 {display:block; }
.header_index .oe_wrapper {text-align:center; }
.header_index ul.oe_menu{list-style:none;position:relative;clear:both; }
.header_index ul.oe_menu > li{display:inline-block; line-height:100px; }
.header_index ul.oe_menu > li > a{display:inline-block; color:#fff;text-decoration:none; width:100%; height:100%; padding:0 25px 0 25px; font-size:18px;border-bottom:solid 0 #1979d3; font-family: 'notokr-medium', sans-serif !important;  }
.header_index ul.oe_menu div.menu_box{position:absolute;top:99px;left:50%; margin-left:-960px; -webkit-margin-start:-969px;  background:#fff; border-top:solid 1px #dedede;border-bottom:solid 1px #dedede; box-shadow:5px 5px 10px rgba(0,0,0,0.2); width:1920px;display:none;  overflow:hidden;transition: all .5s !important;}
.header_index ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a, ul.oe_menu > li.selected > a:after, ul.oe_menu > li.selected > a:before{transition: all .5s !important; color:#1979d3; }
.header_index.header:hover .oe_menu > li > a:hover, .header_index.header:hover .oe_menu > li.selected > a, .header_index.header:hover .oe_menu > li.selected > a:after, .header_index.header:hover .oe_menu > li.selected > a:before{transition: all .5s !important; color:#1979d3}



 /* 햄버거 */
.header .burger {width: 50px;height: 100px;position: absolute;top: 0;right: 20px;  z-index:999999999;transition: all .2s !important; -webkit-transition: all .2s !important;}
.header .burger.clicked {position:fixed}
.header .burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}
.header .burger span, .header .burger span::before, .header .burger span::after {display: block; width: 25px; height: 2px; background:#000;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.header .burger span::before, .header .burger span::after {position: absolute;content: "";}
.header:hover .burger span, .header:hover .burger span::before, .header:hover .burger span::after {background:#000}
.header .burger span::before { top: -9px; }
.header .burger span::after { top: 9px; }
.header .burger.clicked span { background-color: transparent; }
.header .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);	background:#000	  ; z-index:9999999999999999}
.header .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);	background:#000}
.header:hover .burger.clicked span { background-color: transparent !important; }
.header:hover .burger.clicked span::before {background:#000}
.header:hover .burger.clicked span::after {background:#000}
.header:hover .burger.clicked:hover span {background-color: transparent !important;}
.header .burger:hover { cursor: pointer;}
.header .burger.clicked:hover span {background-color: transparent; }
.header .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);	background:#000 !important	  ; z-index:9999999999999999}
.header .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);	background:#000 !important}



 /* 햄버거 */
.header_index .burger {width: 50px;height: 100px;position: absolute;top: 0;right: 20px;  z-index:999999999;transition: all .2s !important; -webkit-transition: all .2s !important;}
.header_index .burger.clicked {position:fixed}
.header_index .burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}
.header_index .burger span, .header_index .burger span::before, .header_index .burger span::after {display: block; width: 25px; height: 2px; background:#ffffff;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.header_index .burger span::before, .header_index .burger span::after {position: absolute;content: "";}
.header_index:hover .burger span, .header_index:hover .burger span::before, .header_index:hover .burger span::after {background:#000}
.header_index .burger span::before { top: -9px; }
.header_index .burger span::after { top: 9px; }
.header_index .burger.clicked span { background-color: transparent; }
.header_index .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);	background:#000	  ; z-index:9999999999999999}
.header_index .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);	background:#000}
.header_index:hover .burger.clicked span { background-color: transparent !important; }
.header_index:hover .burger.clicked span::before {background:#000}
.header_index:hover .burger.clicked span::after {background:#000}
.header_index:hover .burger.clicked:hover span {background-color: transparent !important;}
.header_index .burger:hover { cursor: pointer;}
.header_index .burger.clicked:hover span {background-color: transparent; }
.header_index .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);	background:#000 !important	  ; z-index:9999999999999999}
.header_index .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);	background:#000 !important}



 /* 햄버거펼침 */
.m_nav {background-color: #fff; position: fixed;  z-index: 999999; top: 0;  right: 0;  height: 100%;  max-width: 515px;  width: 100%;  padding: 0 0 60px 0;  overflow-y: auto;-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%);  transform: translateX(100%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.m_nav.show { -webkit-transform: translateX(0px);   -moz-transform: translateX(0px); -ms-transform: translateX(0px);  -o-transform: translateX(0px);  transform: translateX(0px); }
.overlay { position: fixed;  top: 0; left: 0;  z-index: 9999;width: 100%;  height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; background-color: #222222;  opacity: 0; visibility: hidden;}
.overlay.show {  opacity: 0.8;  visibility: visible;}
.m_logo {line-height:100px; margin:0 0 0 20px}
.ziehharmonika {}
.ziehharmonika h3 {background: #fff;color: #222222;text-align: left;cursor: pointer;transition: 0.25s all;position: relative; line-height:60px;   margin:0;  padding:0 0 0 30px; font-size:16px;  font-family:'notokr-medium', 'Poppins', 'Play', sans-serif;}
.ziehharmonika > div {display: none;background: #f5f6f7;text-align: left; border-top:solid 1px #dedede}
.ziehharmonika > div > ul > li {height:50px; line-height:50px;background: #f5f6f7;text-align: left; color:#222222;  padding:0 0 0 30px; border-bottom:solid 1px rgba(0,0,0,0.1);font-size:15px;}
.ziehharmonika > div > ul > li a{color:#222222; width:100%; height:100%; display:inline-block}
.ziehharmonika .active .arrowDown {bottom: -13px;border-color: #525252 transparent transparent transparent;opacity: 1;}
.ziehharmonika .collapseIcon {position: absolute;right: 40px;top: 45%;font-size: 20px;font-weight: 300;-ms-transform: translate(0, -50%); transform: translate(0, -50%);}



@media (max-width:1920px) {
	.header ul.oe_menu div.menu_box{left:0; margin-left:0; width:100%;}
}

@media (max-width:1480px) {
	.header {height:80px;}
	.header .w_logo {top:25px;}
	.header .w_logo img {height:30px}
	.m_logo {line-height:80px}
	.header .burger {height: 80px;right: 0; }
	.header .right_btn { right:70px;  }
    ul.oe_menu > li{ line-height:80px !important;   }
	ul.oe_menu > li > a{ line-height:80px !important;   }
	ul.oe_menu div.menu_box{top:79px !important}

}

@media (max-width:720px) {

	.header ul.oe_menu {display:none}

	
}



/*-------------------------------------------------------------------------------------*
 *  main                                                                               *
 *-------------------------------------------------------------------------------------*/


/* 메인 */
.section {position:relative}
.bg1 {background:url(/images/bg1.jpg) no-repeat; background-size:cover}
.bg2 {background:url(/images/bg2.jpg?ver=2.0) no-repeat; background-size:cover}
.bg3 {background:url(/images/bg3.jpg) no-repeat; background-size:cover}
.bg4 {background:url(/images/bg4.jpg) no-repeat; background-size:cover}
.main_t { display: table; width: 100%; height: 100%; }
.main_t .row { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;/* -webkit-transform: scale(1.2);-ms-transform: scale(1.2); 
    transform: scale(1.2);*/-webkit-transition: ease-out 3s; -o-transition: ease-out 3s;transition: ease-out 3s;}
.bg-zoom{ -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
[data-an="fade-up"]{ opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);-webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s;}
[data-fade="in"] [data-an="fade-up"]{ opacity: 1;-webkit-transform: translateY(0); -ms-transform: translateY(0);transform: translateY(0);}
[data-an-order="1"]{-webkit-transition-delay: .2s;-o-transition-delay: .2s; transition-delay: .2s;}
[data-an-order="2"]{ -webkit-transition-delay: .33s;-o-transition-delay: .33s;transition-delay: .33s;}
[data-an-order="3"]{ -webkit-transition-delay: .55s; -o-transition-delay: .55s;transition-delay: .55s;}
[data-an-order="4"]{ -webkit-transition-delay: .66s; -o-transition-delay: .66s; transition-delay: .66s;}
.section { overflow: hidden; position: relative; width:100%; height:100vh; text-align:center}
.section .main_t { position: relative; z-index: 2; }
.section1 { background: url('/images/bg1.jpg')  no-repeat center / cover}
.section2 { background: url('/images/bg2.jpg?ver=2.0') no-repeat center / cover}
.section3 { background: url('/images/bg3.jpg') no-repeat center / cover; }
.section4 { background: url('/images/bg4.jpg') no-repeat center / cover; }

.main_s_title {font-size:18px; font-weight:100; color:#fff; background:url(/images/main_line.jpg) center bottom no-repeat; display:inline-block; width:65px; padding:0 0 6px 0; margin:0 0 20px 0}
.main_text01 {font-size:23px; font-weight:300;color:#fff; padding:25px 10% 60px 10%;  font-family: 'notokr-light', sans-serif;   }
.main_btn {width:230px; height:60px; border:solid 2px #fff; display:inline-block; text-align:center; line-height:58px;  font-size:18px; color:#fff}
.main_btn:hover {background:#fff; color:#162a02}
.main_text02 {font-weight:600; font-size:40px;   color:#fff; padding:0 0 30px 0; word-break:keep-all; }
.main_list li {display:inline-block; padding:0 20px 0 20px; width:366px}
.main_list_box {background:#fff; padding:25px}
.main_list_tit {font-size:25px; text-align:left; font-weight:600; padding:0 0 10px 0}
.main_list_tit_3ab034 {color:#3ab034}
.main_list_tit_1e8cc6 {color:#1e8cc6}
.main_list_text {text-align:left;font-size:16px;}
.main_list_more {text-align:right}
.main_pro_m {display:none}


.main_title {font-size:60px;font-family:'Montserrat'; font-weight:600; color:#fff; line-height:1 }
@media (max-width:1400px) {
	.main_text01 {padding:25px 15% 60px 15%; }

	.main_list li {width:300px}
	.main_list_tit {font-size:20px;}
	.main_list_text {text-align:left;font-size:14px;}
}



@media (max-width:1200px) {
	.main_s_title {font-size:16px}
	.main_s_img img{width:80%; padding:0 10% 0 10%}
	
	.main_btn {width:auto; height:40px; border:solid 2px #fff; display:inline-block; text-align:center; line-height:36px;  font-size:16px; color:#fff; padding:0 20px 0 20px}

}

@media (max-width:980px) {
	
	.main_table {padding:0 20px 50px 20px}
	.main_text02 {font-size:30px}
	.main_list {padding:0 20px 0 20px}
	
	.main_list_text {display:none}
	.main_list_tit {font-size:16px}
	.main_list_box { padding:10px}
	
}


@media (max-width:720px) {
	.main_s_img img{width:100%; }
	.main_text01 {font-size:18px}
	.main_text01 {padding:25px 20px 30px 20px; }
	.main_list {padding:0 0px 0 0px}
	.main_list li {padding:0 5px 0 5px; vertical-align:top }
	.main_list li {padding:0 10px 0 10px; width:50%; margin:0 -2px 0 -2px}
	.main_title {font-size:50px}
	.main_pro {display:none}
	.main_pro_m {display:block}
}




@media (max-width:480px) {
	.main_table {padding:0 20px 50px 20px}
	.main_text01 {padding:25px 0 30px 0; }
	.main_s_img img{padding:0}
	.main_list_tit {font-size:14px}

}








/*-------------------------------------------------------------------------------------*
 *  sub                                                                               *
 *-------------------------------------------------------------------------------------*/
.sub_title {font-size:40px;  color:#fff; font-weight:600;   padding:120px 0 0 0; text-align:center }
.w_sub_location {padding:0 0 0 0;  text-align:center}
.w_sub_location ul li {display:inline-block; color:#ffffff; font-size:16px; margin:0 10px 0 0}
.w_sub_con {padding:0 0 100px 0}




.main_pro {}
.main_pro li {width:33.3333%; float:left; padding:0 20px 0 20px}

@media(max-width:720px) {
	
	.main_pro li {width:50%; padding:0 20px 40px 20px }
	.main_pro li:last-child {display:none}
}


/***************************************** 인사말 *********************************************************/
.ceo_wrap {}
.ceo_m {display:none; padding:50px 0 50px 50px}
.ceo_left {width:55%; float:left;}
.ceo_right {width:45%; float:left;position:relative}
.ceo_left_tit {font-size:36px; letter-spacing:-2px; line-height:1.3 !important  }
.ceo_left_tit span {font-weight:600; font-size:48px;line-height:1.3 !important  }
.ceo_left_line {height:2px; background:#333; margin:30px 0 30px 0}
.ceo_left_text { padding:0 150px 0 0; }
.ceo_left_text span {font-size:25px; font-weight:600; color:#3ab034}
.ceo_right_img1 {max-width:482px; width:100%; position:relative}
.ceo_right_img2 {position:absolute; right:0px; top:50px;}
.sub01_02_bg_1 { z-index:3; position:absolute; right:0; top:0 ; height:100%; background:url(/images/ceo_img1.jpg) no-repeat; background-size:cover}
.sub01_02_bg_2 {z-index:2; background:#f1f1f1 }
.sub01_02_bg_3 {text-align:right; padding:80px 0 0 0}


	
@media(max-width:1480px) {
	.ceo_left_text {padding:0 100px 0 0;}
	.sub01_02_bg_1{background-size:95%}
	.ceo_right_img2 {width:90%}
}

@media(max-width:1200px) {
	.ceo_left_text {padding:0 50px 0 0;}
	.ceo_left_tit {font-size:30px;}
	.ceo_left_tit span {font-size:40px;}
}

@media(max-width:980px) {
	.ceo_left_tit {font-size:25px;}
	.ceo_left_tit span {font-size:35px;}
	.ceo_left_text span {font-size:20px; }
}


@media(max-width:800px) {
	.ceo_left {width:100%; padding:0 0 0 20px}
	.ceo_right {display:none}
	.ceo_m  {display:block}
}

@media(max-width:720px) {
	.ceo_left {width:100%}
	.ceo_left_text {padding:0 50px 0 0;}
}

/**************************************************************************************************************/




/***************************************** 사업방향 *********************************************************/
.sub01_02_tit {font-size:55px; font-family:'Poppins', 'Play', sans-serif; font-weight:700; color:#3ab034;   padding:0 0 20px 0}
.sub01_02_text { letter-spacing:-2px; font-size:28px; padding:0 20% 30px 0; }
.bold {font-weight:600}
.sub01_02_img {padding:0 0 100px 0}
.clo {font-weight:600; font-size:30px }
.sub01_02_list {padding:80px 0 0 0}
.sub01_02_left {width:55%; float:left;}
.sub01_02_right {width:45%; float:left;position:relative}
.sub01_02_left_tit {font-size:35px; font-family: 'notokr-bold', sans-serif;  padding:30px 0 60px 0; }
.sub01_02_left_box {border-left:solid 5px #626262; margin:0 0 0 18px; padding:0 0 0 80px}
.sub01_02_font01 {font-family:'Play', serif; font-weight:600; color:#a2a2a2; font-size:27px; padding:0 0 10px 0}
.sub01_02_font02 {padding:0 100px 20px 0}

@media(max-width:1200px) {
	.sub01_02_left_box {padding:0 0 0 50px}
	.sub01_02_font01 { padding:0 50px 30px 0}
}

@media(max-width:980px) {
	.sub01_02_tit {font-size:40px; }
	.sub01_02_text {font-size:23px;padding:0 10% 30px 0;}
	.sub01_02_img {padding:50px 0 80px 50px}
	.clo {font-size:26px;}
	.sub01_02_font01 { padding:0 50px 30px 0;font-size:22px;}
	.sub01_02_font02 { padding:0 30px 20px 0; }
	.sub01_02_left_tit {font-size:30px;}
	.sub01_02_right {position:relative; top:200px; padding:0 0 200px 0}
}


@media(max-width:720px) {
	.sub01_02_list {padding:50px 0 0 0}
	.sub01_02_text {font-size:23px;padding:0 10% 0 0;}
	.sub01_02_left {width:100%}
	.sub01_02_right {width:100%; top:0;padding:40px 0 0 100px}
	.clo {font-size:25px;}
}
/**************************************************************************************************************/


/***************************************** 핵심가치 *********************************************************/
.sub01_03_text { font-size:35px; padding:0 20% 30px 0; letter-spacing:-2px }
.sub01_03_img {padding:0 0 80px 0}
.sub01_03_list { display:table; width:100%}
.sub01_03_row {display:table-row}
.sub01_03_list_cell {display:table-cell; padding:0 40px 80px 40px; width:33.3333333333%; vertical-align:top; text-align:center}
.w_pc .sub01_03_list_cell {display:table-cell; padding:0 40px 80px 40px; width:33.3333333333%; vertical-align:top; text-align:center}
.w_mo .sub01_03_list_cell {display:table-cell; padding:0 40px 80px 40px; width:50%; vertical-align:top; text-align:center}
.sub01_03_list_box {background:#fff; border:solid 1px #dedede; padding:60px 0 60px 0; width:100%; height:100%}
.sub01_03_list_tit {font-family: 'notokr-bold', sans-serif; font-size:25px; padding:10px 0 0 0}
.sub01_03_list_text {padding:5px 0 0 0; line-height:1.2 !important}
.clo2 {font-weight:600; font-size:40px }
.w_mo {display:none}
@media(max-width:1480px) {
	.sub01_03_img img{width:100%}
}

@media(max-width:1200px) {
	.sub01_03_list_cell { padding:0 20px 40px 20px !important; }
}


@media(max-width:980px) {
	.sub01_03_text {font-size:28px;padding:0 10% 0 0;}
	.sub01_03_img {padding:50px 0 50px 50px}
	.clo2 {font-size:32px;}
	.sub01_03_list_tit {font-size:20px}
	.sub01_03_list_cell { padding:0 5px 10px 5px  !important; }
	.sub01_03_list_img img{height:80px}
}


@media(max-width:760px) {
	.w_pc {display:none}
	.w_mo {display:block}
	.sub01_03_list_box {padding:30px 0 40px 0}
	.sub01_03_list_text {font-size:14px}
}
/**************************************************************************************************************/




/***************************************** 특허현황 *********************************************************/
.sub01_04_tit {font-size:40px; font-weight:700; color:#3ab034;  padding:0 0 30px 0}
.license_list_4 li {width:25%; float:left;  }
.license_list_4 li:nth-child(1), .license_list_4 li:nth-child(5){padding:0 36px 50px 0}
.license_list_4 li:nth-child(2), .license_list_4 li:nth-child(6){padding:0 24px 50px 12px;}
.license_list_4 li:nth-child(3), .license_list_4 li:nth-child(7){padding:0 12px 50px 24px;}
.license_list_4 li:nth-child(4), .license_list_4 li:nth-child(8){padding:0 0 50px 36px}

.license_list_4 li img {border:solid 1px #dedede }
.license_table {padding:10px 0 80px 0}
.license_table table {width:100%; border-top:solid 2px #222}
.license_table table th {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding:15px 10px;font-family:'Play', 'notokr-regular', sans-serif;text-align:center; background:#f6f6f6}
.license_table table td {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding:15px 10px; text-align:center; font-family:'Play', 'notokr-regular', sans-serif;} 
.license_table table th:last-child {border-right:none;}
.license_table table td:last-child {border-right:none;}
.license_table table td.center {text-align:center}
.license_table table td.left {text-align:left}


.license_table2 {padding:10px 0 80px 0}
.license_table2 table {width:100%; border-top:solid 2px #222}
.license_table2 table th {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding:15px 10px;font-family:'Play', 'notokr-regular', sans-serif;text-align:center; background:#f6f6f6}
.license_table2 table td {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding:15px 10px; text-align:center; font-family:'Play', 'notokr-regular', sans-serif;} 
.license_table2 table td.center {text-align:center}
.license_table2 table td.left {text-align:left}
@media(max-width:980px) {
	.sub01_04_tit {font-size:32px;; padding:0 0 20px 0 }
	.license_list_4 li:nth-child(1), .license_list_4 li:nth-child(5){padding:0 24px 24px 0}
	.license_list_4 li:nth-child(2), .license_list_4 li:nth-child(6){padding:0 16px 24px 8px;}
	.license_list_4 li:nth-child(3), .license_list_4 li:nth-child(7){padding:0 8px 24px 16px;}
	.license_list_4 li:nth-child(4), .license_list_4 li:nth-child(8){padding:0 0 24px 16px}

	.license_table table td {font-size:14px; padding:15px 5px;} 
	.license_table table th {font-size:14px; padding:15px 5px}
	.td_mo {display:none}
	.td_mo_t {word-break:keep-all !important}
	.license_table table th:nth-child(3) {border-right:none;}
	.license_table table td:nth-child(3) {border-right:none;}

	.license_table2 table td {font-size:14px; padding:15px 5px;} 
	.license_table2 table th {font-size:14px; padding:15px 5px}
	
}


@media(max-width:720px) {
	.license_list_4 li {width:50%; float:left; }
	.license_list_4 li:nth-child(1), .license_list_4 li:nth-child(3), .license_list_4 li:nth-child(5), .license_list_4 li:nth-child(7){padding:0 15px 30px 0}
	.license_list_4 li:nth-child(2), .license_list_4 li:nth-child(4), .license_list_4 li:nth-child(6), .license_list_4 li:nth-child(8){padding:0 0 30px 15px}
	.license_table {padding:10px 0 50px 0}
	.license_table2 {padding:10px 0 50px 0}
}
/**************************************************************************************************************/


/***************************************** CI *********************************************************/
.sub01_05_tit {font-size:40px; font-weight:700; color:#3ab034;  padding:0 0 20px 0}
.sub01_05_text { padding:0 10% 10px 0;  }
.sub01_05_50 {float:left; width:50%; text-align:center}
.sub01_05_teble {width:100%; display:table; margin:0 0 70px 0}
.sub01_05_tr {display:table-row}
.sub01_05_left {width:50%; display:table-cell}
.sub01_05_left img {width:100%}
.sub01_05_right {width:50%; display:table-cell; border:solid 1px #dedede; text-align:center; vertical-align:middle; padding:50px}
.sub01_05_box img  {width:100%}
.sub01_05_right table {text-align:center}
.sub01_05_right table tr td {padding:0 20px 20px 0; text-align:left}
.sub01_05_tit2 {font-size:25px;  padding:0 0 15px 0; font-family: 'notokr-bold', sans-serif; }
.sub01_05_box {padding:0 0 80px 0}
.color_font {color:#222; font-size:18px; font-weight:300}
.color_font01 {color:#3ab034; font-weight:400}
.color_font02 {color:#1e8cc6; font-weight:400}
.color_font03 {color:#c61b5a; font-weight:400}
.color_font04 {color:#ee7717; font-weight:400}
.color_list {padding:0 0 50px 0}
.color_list li{float:left; width:20%;}
.color_list li:nth-child(1), .color_list li:nth-child(6) {padding:0 9px 12px 0} 
.color_list li:nth-child(2), .color_list li:nth-child(7) {padding:0 6px 12px 3px} 
.color_list li:nth-child(3), .color_list li:nth-child(8) {padding:0 4.5px 12px 4.5px} 
.color_list li:nth-child(4), .color_list li:nth-child(9) {padding:0 3px 12px 6px} 
.color_list li:nth-child(5), .color_list li:nth-child(10) {padding:0 0 12px 9px} 

.color_list_font{font-family:'Play', 'Noto Sans KR', sans-serif; text-align:center; font-size:16px; padding:10px 0 0 0}
@media(max-width:1200px) {
	.sub01_05_right {padding:50px 0 30px 30px}
	.color_list_font{ font-size:15px; }
}


@media(max-width:1100px) {
	.sub01_05_tit {font-size:28px; }
	.sub01_05_teble { display:block;}
	.sub01_05_tr {display:block}
	.sub01_05_left {width:100%; display:block; text-align:left}
	.sub01_05_left img {width:100%}
	.sub01_05_right {width:100%; display:block;border:none; text-align:left;  vertical-align:middle; }
	.sub01_05_left img {width:auto}
	.color_list li img {width:100%}
	.color_list_font{ font-size:14px; }
}



@media(max-width:980px) {
	.sub01_05_tit {font-size:28px; }
	.color_list li{width:33.3333%; }
	.color_list li:nth-child(1), .color_list li:nth-child(4) {padding:0 9px 12px 0} 
	.color_list li:nth-child(2), .color_list li:nth-child(5) {padding:0 4.5px 12px 4.5px} 
	.color_list li:nth-child(3), .color_list li:nth-child(6) {padding:0 0 12px 9px} 
	.sub01_05_teble { padding:0 0 0 0}
	.sub01_05_right { padding:30px 0 0 0 }
	.color_list_font{ font-size:16px; }
	
}

@media(max-width:980px) {
	.color_list_font{ font-size:14px; }
	
}
@media(max-width:720px) {
	.color_list_font{ font-size:13px; }
}
@media(max-width:500px) {
	.color_list li {width:50%}
	.color_list li:nth-child(1), .color_list li:nth-child(3), .color_list li:nth-child(5) {padding:0 5px 20px 0} 
	.color_list li:nth-child(2), .color_list li:nth-child(4), .color_list li:nth-child(6) {padding:0 0 20px 5px} 
	.color_list_font{ font-size:14px; }
}
/**************************************************************************************************************/


/***************************************** 생활바이오 *********************************************************/
.bio_left {padding:0 0 0 0; width:44.1%; float:left;  }
.bio_right {width:55.9%; float:left; padding:0 0 0 60px}
.bio_right_tit {font-size:36px;  line-height:1.3; padding:0 18% 0 0 ;font-family:'notokr-medium', sans-serif;  }
.bio_right_tit2 {font-size:36px;  line-height:1.3;     padding:0 22% 0 0 ;font-family:'notokr-medium', sans-serif; }
.bio_right_text {  padding:30px 20% 0 0; }
.bio_table_wrap {display:table; width:100%; padding:130px 0 0 0}
.bio_table_row {display:table-row}
.bio_left_title {font-size:40px; font-weight:600; display:table-cell; width:23.6%; vertical-align:top; line-height:1.2 !important   }
.bio_left_title span {width:100%; display:inline-block; border-right:solid 5px #3ab034;line-height:1.2 !important }
.bio_left_title span font {color:#c8c8c8;font-size:37px;line-height:1.2 !important  }
.bio_right_list { display:table-cell; width:76.4%; padding:0 0 0 20px}
.bio_right_list ul li {width:50%; float:left; padding:0 40px 50px 40px}
.bio_right_list_img {text-align:center}
.bio_right_list_text {text-align:center; padding:20px 0 0 0}



	
@media(max-width:1480px) {
	.bio_right_list ul li {padding:0 20px 50px 20px}
}

@media(max-width:1200px) {
	.bio_right_tit {font-size:30px; padding:0 50px 0 0}
	.bio_right_tit2 {font-size:30px; padding:0 50px 0 0}
	.bio_right_text {padding:40px 50px 0 0;}
	.bio_left_title {font-size:35px;  }
}

@media(max-width:980px) {
	.bio_right_tit {font-size:25px;}
	.bio_right_tit2 {font-size:25px;}
	.bio_left_title {font-size:30px;  }
	.bio_left_title span {padding:0 20px 0 0}
	
}


@media(max-width:800px) {
	.bio_right {width:100%;padding:0}
	.bio_left {width:100%; padding:0 0 50px 0; text-align:center }
	.m_bio  {display:block}
	.bio_table_wrap {padding:80px 0 0 0}
}

@media(max-width:720px) {
	.bio_right_tit {padding:0 50px 0 20px}
	.bio_right_tit2 {padding:0 50px 0 20px}
	.bio_left_title {width:100%; display:block}
	.bio_left_title span {width:auto; padding:0 30px 0 0; margin:0 0 30px 20px}
	.bio_right_list {width:100%; display:block; padding:0}
	.bio_right_text {font-size:18px; padding:40px 50px 0 20px; }
	.bio_right_list ul li {padding:0 20px 50px 20px}
}
/**************************************************************************************************************/


/***************************************** 이산화염소 *********************************************************/

.tech_tit {font-size:32px; font-weight:600; padding:100px 0 30px 0;    }
.tech_tit2 {font-size:32px; font-weight:600; padding:0 0 30px 0;    }
.who_wrap {background:#f6f6f6; padding:70px 150px 100px 150px; text-align:center;  }
.who_logo {padding:0 0 10px 0}
.sub_font01 {font-size:25px; padding:0 10% 0 10%  }

.sub03_01_list { display:table; width:100%; padding:30px 0 0 0}
.sub03_01_row {display:table-row}
.sub03_01_list_cell {display:table-cell; padding:0 20px 40px 20px; width:33.3333333333%; vertical-align:top; text-align:center}
.sub03_01_list_box {background:#fff; padding:60px 0 60px 0; width:100%; height:100%; box-shadow:2px 2px 2px rgba(0,0,0,0.2)}
.sub03_01_list_text {padding:15px 0 0 0; line-height:1.2 !important}

@media(max-width:1480px) {
	.sub01_03_img img{width:100%}
}




@media(max-width:980px) {
	.sub03_01_list_cell { padding:0 5px 10px 5px  !important; }
	.sub03_01_list_img img{height:80px}
}

@media(max-width:760px) {
	.sub03_01_list_box {padding:30px 0 40px 0}
	.sub03_01_list_text {font-size:14px}
	.sub03_01_list_img img{height:50px}
}



.who_list {padding:30px 0 0 0}
.who_list li {float:left; padding:0 15px 0 15px; width:33.3333%}
.sub_table_wrap {padding:100px 0 100px 0}
.sub_table_50 { padding:0 80px 50px 0}

.sub_table{width:100%; border-top:solid 2px #222}
.sub_table th {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding: 15px; text-align:center; background:#f6f6f6;font-family:'Play', 'notokr-regular', sans-serif;}
.sub_table td {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding: 15px; text-align:center; font-family:'Play', 'notokr-regular', sans-serif;  } 
.sub_table th:last-child {border-right:none;}
.sub_table td:last-child {border-right:none;}
.sub_table td.center {text-align:center}
.sub_table td.left {text-align:left}
.sub_table td.gray {background:#f6f6f6}
.sub_table_tit {font-size:28px; text-align:center; padding:0 0 30px 0;  font-family: 'notokr-bold', sans-serif;  }
.sub_table_left {width:50%; float:left}
.sub_table_right {width:50%; float:left}
.sub_img { }


.sub_table_a{width:100%; border-top:solid 2px #222}
.sub_table_a th {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding: 10px; text-align:center; background:#f6f6f6;font-family:'Play', 'notokr-regular', sans-serif;}
.sub_table_a td {border-bottom:solid 1px rgba(0,0,0,0.2);border-right:solid 1px rgba(0,0,0,0.2);font-size:18px; padding: 10px; text-align:center; font-family:'Play', 'notokr-regular', sans-serif;  } 
.sub_table_a th:last-child {border-right:none;}
.sub_table_a td:last-child {border-right:none;}
.sub_table_a td.center {text-align:center}
.sub_table_a td.left {text-align:left}
.sub_table_a td.gray {background:#f6f6f6}

.sub_table_100 {}
.sub_font02 {  padding:0 0 15px 0;  }
.sub_table_p {padding:100px 0 0 0}

.sub_table2{width:100%; border-top:solid 2px #222}
.sub_table2 th {border-bottom:solid 1px rgba(0,0,0,0.2); font-size:18px; padding: 15px; text-align:center; font-family:'Play', 'notokr-regular', sans-serif;}
.sub_table2 td {border-bottom:solid 1px rgba(0,0,0,0.2); font-size:18px; padding: 15px; text-align:center;  font-family:'Play', 'notokr-regular', sans-serif; } 
.sub_table2 th:last-child {border-right:none;}
.sub_table2 td:last-child {border-right:none;}
.sub_table2 td.center {text-align:center}
.sub_table2 td.left {text-align:left; padding:15px 15px 15px 25px}
.color_gray {background:#f6f6f6}

@media(max-width:1480px) {

}

@media(max-width:1200px) {

.who_wrap { padding:70px 70px 80px 70px; }
.sub_table_50 { padding:30px 50px 50px 0}
}

@media(max-width:980px) {
.tech_tit {font-size:26px; padding:50px 0 20px 0; }
.sub_font01 {font-size:23px; padding:0   }

.sub_table_wrap {padding:50px 0 50px 0;  }
.sub_table_50 {width:100%; padding:0 0 50px 0}
	 .sub_table_right {padding:0 0 0 50px}
	.sub_table_p {padding:50px 0 0 0}


	.sub_table th { font-size:14px;   }
	.sub_table td { font-size:14px;  } 
	.sub_table_a th { font-size:14px;   }
	.sub_table_a td { font-size:14px;  } 
	.sub_table2 th { font-size:14px;   }
	.sub_table2 td { font-size:14px;  } 
}


@media(max-width:800px) {
	.who_wrap { padding:50px 10px 50px 10px; }
	.who_logo img {height:40px}
	.who_list li { padding:0 7px 0 7px; }
	.sub_table_left {width:100% }
	.sub_table_right {width:100%; padding:0 }
	.sub_table_tit {font-size:23px;  padding:0 0 20px 0;  }

}


/**************************************************************************************************************/



.sub03_02_font01 {font-size:40px;  letter-spacing:-2px; padding:0 20% 30px 0}
.sub03_02_box {border:solid 1px #dedede; padding:40px 80px; display:table; width:100%; }
.sub03_02_row {display:table-row}
.sub03_02_td1 {display:table-cell; width:30%;  }
.sub03_02_td2 {display:table-cell; width:70%; padding:0 0 0 70px; vertical-align:middle}
.sub03_02_font02 {font-size:30px;  font-family: 'notokr-bold', sans-serif;}
.sub03_02_font03 {font-size:35px;   color:#3ab034;  ; padding:0 0 10px 0;font-family: 'notokr-bold', sans-serif;}
.sub03_02_font04 {padding:0 50px 0 0}
.sub03_02_font05 { text-align:center; padding:15px 0 0 0; }

.sub03_02_list li {text-align:center}
.sub03_02_list li:nth-child(1), .sub03_02_list li:nth-child(4), .sub03_02_list li:nth-child(7)  {width:33.3333%; float:left; padding:0 40px 60px 0}
.sub03_02_list li:nth-child(2), .sub03_02_list li:nth-child(5), .sub03_02_list li:nth-child(8)  {width:33.3333%; float:left; padding:0 20px 60px 20px}
.sub03_02_list li:nth-child(3), .sub03_02_list li:nth-child(6), .sub03_02_list li:nth-child(9)  {width:33.3333%; float:left; padding:0 0 60px 40px}
.sub03_02_list li:last-child  { padding-bottom:0}


.color_font_3ab034 {color:#3ab034}
.color_font_424242 {color:#424242}
.color_font_8d8d8d {color:#8d8d8d}
.color_font_1e8cc6 {color:#1e8cc6}



.sub03_02_list2 li {text-align:center}
.sub03_02_list2 li:nth-child(1), .sub03_02_list2 li:nth-child(4), .sub03_02_list2 li:nth-child(7)  {width:33.3333%; display:inline-block; margin:0 -2px 0 -2px; text-align:center; padding:0 40px 0 0}
.sub03_02_list2 li:nth-child(2), .sub03_02_list2 li:nth-child(5), .sub03_02_list2 li:nth-child(8)  {width:33.3333%; display:inline-block; margin:0 -2px 0 -2px; text-align:center; padding:0 20px 0 20px}
.sub03_02_list2 li:nth-child(3), .sub03_02_list2 li:nth-child(6), .sub03_02_list2 li:nth-child(9)  {width:33.3333%; display:inline-block; margin:0 -2px 0 -2px; text-align:center; padding:0 0 0 40px}


@media(max-width:1200px) {
.sub03_02_font01 {font-size:30px}
.sub03_02_td1 {width:30%}
.sub03_02_td1 img{width:100%}
.sub03_02_td2 {display:table-cell; padding:0 0 0 50px; vertical-align:middle}
.sub03_02_font02 {font-size:25px;  }
.sub03_02_font03 {font-size:30px;  }
.sub03_02_font04 { padding:0;  }
}



@media(max-width:980px) {
.sub03_02_font01 {font-size:25px}
.sub03_02_list li:nth-child(1), .sub03_02_list li:nth-child(4), .sub03_02_list li:nth-child(7)  {  padding:0 20px 0 0}
.sub03_02_list li:nth-child(2), .sub03_02_list li:nth-child(5), .sub03_02_list li:nth-child(8)  {  padding:0 10px 0 10px}
.sub03_02_list li:nth-child(3), .sub03_02_list li:nth-child(6), .sub03_02_list li:nth-child(9)  {  padding:0 0 0 20px}
.sub03_02_list li:last-child  { padding-bottom:0}
.sub03_02_list2 li:nth-child(1), .sub03_02_list2 li:nth-child(4), .sub03_02_list2 li:nth-child(7)  { padding:0 20px 0 0}
.sub03_02_list2 li:nth-child(2), .sub03_02_list2 li:nth-child(5), .sub03_02_list2 li:nth-child(8)  { padding:0 10px 0 10px}
.sub03_02_list2 li:nth-child(3), .sub03_02_list2 li:nth-child(6), .sub03_02_list2 li:nth-child(9)  { padding:0 0 0 20px}

.sub03_02_box {padding:40px 40px; }
.sub03_02_td1 {width:25%}
.sub03_02_font02 {font-size:20px;  }
.sub03_02_font03 {font-size:25px;  }
}

@media(max-width:720px) {
.sub03_02_list li:nth-child(1), .sub03_02_list li:nth-child(3), .sub03_02_list li:nth-child(5), .sub03_02_list li:nth-child(7)  {width:50%; float:left; padding:0 15px 30px 0}
.sub03_02_list li:nth-child(2), .sub03_02_list li:nth-child(4), .sub03_02_list li:nth-child(6), .sub03_02_list li:nth-child(8)  {width:50%; float:left; padding:0 0 40px 15px}
.sub03_02_font05 {font-size:16px important}
.sub03_02_list2 li:nth-child(1), .sub03_02_list2 li:nth-child(2) {width:50%; padding:0 10px 30px 10px}
.sub03_02_list2 li:nth-child(3) {width:100%;  padding:0 25% 30px 25%}
.sub03_02_td1 { display:none}
.sub03_02_td2 { display:block;padding:0; width:100%}
.sub03_02_td1 {}
.sub03_02_box {  padding:40px 30px;  }
.sub03_02_list li:last-child  { padding-bottom:0}
}


.sub03_02_box2 {border:solid 1px #dedede; margin:50px 0 0 0}
.sub03_02_box2_top {padding:80px 45px}
.sub03_02_box2_bot {background:#f9f9f9; text-align:center;padding:50px 70px}
.sub03_02_box2_table {display:table; width:100%}
.sub03_02_td3 {display:table-cell; width:50%; padding:0 70px 0 0; vertical-align:middle}
.sub03_02_td4 {display:table-cell; width:50%;  vertical-align:middle}
.sub03_02_font06 {font-size:23px;   padding:0 0 45px 0}
.sub03_02_font07 {font-size:28px; font-family: 'notokr-bold', sans-serif;    padding:0 0 30px 0;}

@media(max-width:1300px) {
.sub03_02_td4 {width:40%;}
.sub03_02_td4 img {width:100%}
}

@media(max-width:1200px) {
.sub03_02_font06 {font-size:20px; ;  }
.sub03_02_td4 {width:40%;}
.sub03_02_td4 img {width:100%}
}

@media(max-width:980px) {
.sub03_02_td3 { padding:0 0 30px 0;width:100% ; display:block; text-align:center }
.sub03_02_td4 { display:block; width:60%; margin:0 0 0 20%; }
.sub03_02_font07 {font-size:23px;  }
.sub03_02_box2_bot { padding: 40px}
}

@media(max-width:720px) {
.sub03_02_box2_top {padding:50px 30px}

.sub03_02_td4 {  width:100%; margin:0 ; }
}
@media(max-width:480px) {
.sub03_02_font07 span {width:100%; display:inline-block}
}


.point {font-weight:600; font-size:30px; color:#3ab034; line-height:1.3 !important  }
.sub03_03_font01 {font-size:20px;  padding:0 15% 0 0; font-weight:300;font-family: 'Noto Sans KR', sans-serif; }
.sub02_02_font01 {font-size:20px;  padding:0 15% 0 0; font-weight:300;font-family: 'Noto Sans KR', sans-serif; }
.sub02_02_s_tit {font-size:28px;  padding:0 0 15px 0; font-family: 'notokr-bold', sans-serif;}
.sub03_03_s_tit {font-size:28px;  padding:40px 0 0 0; font-family: 'notokr-bold', sans-serif;}
.sub03_03_text {font-size:20px;   padding:0 15% 0 0; font-weight:300;font-family: 'Noto Sans KR', sans-serif;  }
.sub03_03_img {padding:10px 0 0 0}
.sub03_03_list {padding:10px 0 0 0}
.sub03_03_list li {padding:0 5px 20px 5px; float:left;width:16.66666666%;text-align:center;}
.sub03_03_list div { padding:10px 0 0 0; font-weight:600; font-size:18px;font-family:'Poppins', 'Play','notokr-bold', sans-serif; letter-spacing:0}
.sub03_03_list2 {padding:10px 0 0 0}
.sub03_03_list2 li {padding:0 5px 20px 5px; float:left;width:25%; text-align:center;}
.sub03_03_list2 li div { padding:10px 0 0 0}



@media(max-width:1200px) {
.point { font-size:25px; }
.sub03_03_font01 {font-size:18px; }
.sub02_02_font01 {font-size:18px; }
.sub03_03_s_tit	 {font-size:23px;  }
.sub03_03_s_tit {font-size:23px;  }
.sub03_03_text {font-size:18px;  }
}

@media(max-width:980px) {
.sub03_03_list div {  font-size:16px}
.sub03_03_list li { width:25%; }
.sub03_03_list2 li { width:50%}
.sub03_03_list2 li img {width:100%}
}
@media(max-width:720px) {
.sub03_03_list li { width:33.3333%; }
.sub03_03_list div {  font-size:14px}

.sub03_03_list2 div {  font-size:14px !important}
}



.p_img {}
.m_img {display:none}


@media(max-width:720px) {
.p_img {display:none}
.m_img {display:block}
}




.sub03_04_list li {padding:0 15px 30px 15px; float:left; width:33.3333%; text-align:center}
.sub03_04_box {padding:55px 0 0 0 ; background:#f6f6f6}
.sub03_04_img {padding:0 0 30px 0}
.sub03_04_text1	{font-size:28px;font-family: 'notokr-bold', sans-serif; padding:0 20px 10px 20px}
.sub03_04_text2	{font-family: 'Noto Sans KR', sans-serif; font-size:20px; line-height:1.5; height:120px; padding:0 15% 0 15%;}

@media(max-width:1200px) {
.sub03_04_list li { padding:0 5px 10px 5px; }
.sub03_04_img img {height:120px;}
.sub03_04_text1	{font-size:22px; }
.sub03_04_text2	{ font-size:18px; }
}

@media(max-width:980px) {
.sub03_04_text2	{ font-size:16px; padding:0 10% 0 10%;}
}
@media(max-width:780px) {
.sub03_04_box {padding:40px 0 0 0 ; }
.sub03_04_text1	{font-size:20px; }
.sub03_04_img img {height:80px;}	
.sub03_04_list li {width:50%; }
.sub03_04_text2	{  padding:0 5% 0 5%;}
}











.pro_wrap {}
.pro_top {width:100%;display:table}
.pro_top_row {width:100%; display:table-row}
.pro_left {width:40%;  text-align:center;display:table-cell; vertical-align:top }
.pro_right {width:60%; padding:0 0 0 70px; display:table-cell; vertical-align:middle }
.pro_name {font-weight:300; font-size:35px; letter-spacing:-1px; padding:10px 0 12px 0;font-family: 'notokr-bold', sans-serif; }
.pro_text {font-size:20px; font-weight:300; border-bottom:solid 2px #222; padding:0 0 15px 0 }
.pro_info_list {padding:30px 0 0 0}
.pro_info_list table {width:100%}
.pro_info_list table tr th, .pro_info_list table tr td  { font-size:18px; padding:15px;  word-break:keep-all;}
.pro_info_list table tr th { width:30% }
.pro_btn_list {margin:10px 0 0 0}
.pro_left img {width:100%}
.blue_btn {width:100%; height:60px; line-height:60px;  background:#57ac3e; font-size:18px;  color:#fff; display:inline-block; text-align:center;}
.red_btn {width:100%; height:60px; line-height:60px;  background:#f39800; color:#fff; display:inline-block; text-align:center;}
.table_box_tit {}
.table_box_tit span {font-size:18px;padding:5px 10px; background:#094ca0; color:#fff; display:inline-block}
.pro_bottom {padding:50px 0 50px 0}
.table_box {padding:0 0 50px 0}
.table_box_table {width:100%; display:table;border-collapse:collapse;}
.table_box_row {width:100%; display:table-row}
.table_cell_1 {display:table-cell; width:50%; border:solid 1px #d1e6ff; padding:10px}
.table_cell_2 {display:table-cell; width:50%; border:solid 1px #d1e6ff; padding:10px}
.table_cell_3 {display:table-cell; width:40%; border:solid 1px #d1e6ff; padding:10px; background:#f5f5f5}
.table_cell_4 {display:table-cell; width:60%; border:solid 1px #d1e6ff; padding:10px}
.proinput li{width:50%; float:left}
.proinput_tit {font-weight:600; font-size:20px; }
.winput {height:50px; border:solid 1px #dedede; border-radius:5px; width:100%}
.proinput {width:100%;padding:0 0 20px 0; float:left}
.pro_con {padding:50px 0 0 0}
.pro_text_edit {font-size:18px; line-height:1.5; border:solid 1px #dedede; padding:20px; margin:15px 0 0 0}
.pro_con_img {text-align:center; width:100%; padding:100px 0 0 0 }


.photo_name {font-weight:300; font-size:30px; letter-spacing:-1px;  font-family: 'notokr-bold', sans-serif; padding:20px; background:#f6f6f6; border:solid 1px #dedede; border-bottom:none; position:relative}
.photo_text_edit {font-size:18px; line-height:1.5; border:solid 1px #dedede; padding:20px; }
.photo_right {position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:16px;font-family:'notokr-regular',  sans-serif; }
.pro_top_right {display:none}
.photo_con_img {text-align:center; width:100%;  border:solid 1px #dedede; border-top:none; margin:0 0 50px 0; padding:50px; }

@media(max-width:980px) {
	.pro_right {padding:10px 0 0 20px}

}
@media(max-width:720px) {
	.pro_left {width:100%; display:block; padding:0 20% 0 20%}
	.pro_right {width:100%; padding:40px 0 0 0; display:block}
	.pro_left img {width:100%; }
	.table_box_table {width:100%; float:left; margin:0 0 30px 0}
	.table_box_row {width:100%; float:left;}
	.table_cell_1 {float:left; width:100%;border-bottom:none }
	.table_cell_2 {float:left; width:100%; }
	.table_cell_3 {float:left; width:100%;border-bottom:none}
	.table_cell_4 {float:left; width:100%; margin:0 0 2px 0}
	.pro_name {font-size:30px;}
	.pro_text {font-size:18px; font-weight:300; }
	.pro_info_list table tr th, .pro_info_list table tr td  { font-size:16px; padding:10px;  word-break:keep-all; font-weight:300}
	.blue_btn {width:100%; height:50px; line-height:50px;  background:#57ac3e; font-size:16px;  color:#fff; display:inline-block; text-align:center;}
	.pro_text_edit {font-size:16px}
	.pro_con_img { padding:50px 0 0 0 }

	.photo_name {font-size:20px; padding:12px 10px 10px 10px;}
	.photo_text_edit {font-size:16px}
	.photo_right {display:none}
	.pro_top_right {display:block;   font-size:14px;font-family:'notokr-regular',  sans-serif; text-align:right; padding:0 0 10px 0 }
	.photo_con_img {  margin:0 0 50px 0; padding:20px; }
}
@media(max-width:450px) {
	.pro_left img {width:100%}
}


.list_btn01 {padding:5px 10px 5px 10px; background:#094ca0; color:#fff}
.list_btn01:hover {background:#135ebb}
.list_btn02 {padding:5px 10px 5px 10px; background:#f39800; color:#fff}
.list_btn02:hover {background:#ffa818}

.list_btn03 {padding:5px 10px 5px 10px; background:#094ca0; color:#fff}
.list_btn03:hover {background:#135ebb}
.list_btn04 {padding:5px 10px 5px 10px; background:#777777; color:#ffffff}
.list_btn04:hover {background:#8c8c8c}

.list_goodsname {font-weight:600; color:#094ca0 !important;text-align:left; font-size:18px;text-transform :uppercase}
.list_goodsname  a {color:#094ca0 !important; }




.goods_list li {float:left; width:25%; padding:0 10px 50px 10px; position:relative}
.goods_list li strong {font-size:18px; height:80px; text-align:center; width:100%; padding:15px 0 0 0; display:inline-block}
.goods_list li img {box-shadow:1px 1px 2px rgba(0,0,0,0.2)}

.photo_list li {float:left; width:33.3333%; padding:0 10px 50px 10px; position:relative}
.photo_list li strong {font-size:18px; height:80px; text-align:center; width:100%; padding:15px 0 0 0; display:inline-block; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;}
.photo_list li img {}

.video_con_img {margin:0 0 50px 0}
@media(max-width:980px) {
	.goods_list li {width:33.3333%; }
	.photo_list li {width:33.3333%; }
}

@media(max-width:720px) {
	.goods_list li {width:50%; }
	.goods_list li strong {font-size:16px; height:65px }
	.photo_list li {width:50%; }
	.photo_list li strong {font-size:16px; }

}



.goods_tit {font-size:40px; font-family:'notokr-bold',  sans-serif; padding:0 0 10px 0 }
.goods_latest { }
.goods_latest strong{font-size:18px; text-align:center; display:inline-block;}

@media(max-width:720px) {
	.goods_tit {font-size:25px; }
	.goods_latest strong {font-size:16px;  }
	.goods_latest {padding:0 0 0 0}

}





@media(max-width:720px) {
	.view_quick {display:none}
}

.sub_contents {padding:100px 0 100px 0}
.sub_contentss {padding:100px 0 100px 0}
.w_sub_visual {width:100%; background-size:cover !important; height:520px;   padding:200px 0 110px 0; z-index:999;  }
.w_sub_visual_1 {background:url(/images/w_sub_visual_1.jpg?ver=2.0) center center no-repeat;}
.w_sub_visual_2 {background:url(/images/w_sub_visual_2.jpg?ver=3.0) center center no-repeat;}
.w_sub_visual_3 {background:url(/images/w_sub_visual_3.png?ver=3.0) center center no-repeat;}
.w_sub_visual_4 {background:url(/images/w_sub_visual_4.jpg?ver=3.0) center center no-repeat;}
.w_sub_visual_5 {background:url(/images/sub_visual_5.png?ver=2.0) center center no-repeat;}
.w_sub_visual_33 {background:url(/images/w_sub_visual_33.jpg?ver=3.0) center center no-repeat;} 
.w_sub_tit {text-align:center; font-size:65px; line-height:1.8; letter-spacing:-1px; font-weight:600; color:#fff;; }
.w_sub_text {text-align:center;color:#fff;; font-size:24px;padding:0 30px 0 30px}
.w_sub_stit {text-align:center; font-size:24px; font-weight:bold; color:#fff; word-break:keep-all; padding:0 30px 0 30px}

@media(max-width:980px) {
	.w_sub_visual {height:420px;  z-index:999}
	.w_sub_tit {font-size:45px; padding:0 0 0 0;  }
	.w_sub_text {font-size:20px}
	.w_sub_stit {display:none}
	

}


@media(max-width:720px) {
	.w_sub_tit {font-size:35px;  }
	.w_sub_text {font-size:18px}
	.sub_contents {padding:0 0 50px 0; }
	.sub_contentss {padding:0 0 50px 0; }
}

.pc-icon{height:30px}

@media(max-width:720px) {
	.www_mo {display:none}
}






#k_mo_quick{position: fixed;top: 50%;right: -400px;transform: translateY(-50%);width: 100%;height: 100%;max-width: 400px;max-height: 650px;background: #fff;z-index: 1300;box-shadow:2px 5px 5px #000; border:solid 1px #dedede; transition: right 0.7s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;

	box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -webkit-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -ms-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -o-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
}

#k_mo_quick>h3, #k_mo_quick>p{text-align: center;font-weight: bold;letter-spacing: -0.065em;}
#k_mo_quick>h3{font-size: 30px;margin-top: 50px;margin-bottom: 25px;}
#k_mo_quick>p{font-size: 18px;color: #999;margin-bottom: 25px;}

.k_mo_q_tell{margin-bottom: 30px;}
.k_mo_q_tell span{display: block;text-align: center;font-size: 40px; margin-bottom: 5px;}
.k_mo_q_tell span i{color: #d92620;}

.k_mo_qui_formbox ul li{margin-bottom: 0;}
.k_mo_qui_formbox ul li label{margin-bottom: 0;display: block;}
.k_mo_qui_formbox ul li label::after{content: "";clear: both;display: block;}
.k_mo_qui_formbox ul li label object{display: inline-block;height: 16px;}
.k_mo_qui_formbox ul li label h3{display: inline-block;font-size: 16px;font-weight: 500;letter-spacing: -0.045em;}

.k_mo_qui_formbox ul li input{display: block;width: 100%;height: 45px;border: none;background: #fff; border:solid 1px #dedede; padding: 0 15px;}
.k_mo_qui_formbox ul li input::placeholder{color: #000;font-size: 13px;font-weight: 200;}
.k_mo_qui_formbox ul li input:focus{outline: none;border: 1px solid #222;}
.k_mo_qui_formbox ul li select{display: block;width: 100%;height: 45px;border: none;background: #fff; border:solid 1px #dedede; padding: 0 15px;}
.k_mo_qui_formbox ul li select::placeholder{color: #000;font-size: 13px;font-weight: 200;}
.k_mo_qui_formbox ul li select:focus{outline: none;border: 1px solid #222;}

#k_mo_quick .k_radio_check{margin: 15px 0px;}
#k_mo_quick .k_radio_check input{cursor: pointer;display: inline-block;width: 15px;height: 15px; background:red}
#k_mo_quick .k_radio_check label{display: inline-block !important;font-size: 14px;font-weight: 500;letter-spacing: -0.045em;padding-left: 5px;color: #777;}
.k_radio_check label a{padding-left: 13px;}

#k_mo_quick .k_form_submit{width: 100%;background-color: #23378a;font-size: 16px;font-weight: bold;color: #FFF;transition: background-color 0.3s;}
#k_mo_quick .k_form_submit:hover{background-color: #222;}

.k_mo_quick_close{position: absolute;top: 0;right: 0;width: 60px;height: 60px;padding:15px}
.k_mo_quick_close img {width:100%}
.k_mo_quick_close span{position: absolute;top: 24px;left: 12.5px;width: 25px;height: 2px;background: #222;transition: transform 0.2s;}
.k_mo_quick_close span:nth-child(1){transform: rotate(45deg);}
.k_mo_quick_close span:nth-child(2){transform: rotate(-45deg);}
.k_mo_quick_close:hover span{transform: rotate(0);}

#k_mo_quick.active{right: 95px;}

	

.k_radio_check{}
.k_radio_check input.agree_input{cursor: pointer;display: inline-block;width: 15px;height: 15px; }
.k_radio_check label{display: inline-block !important;font-size: 14px;font-weight: 500;letter-spacing: -0.045em;padding-left: 5px;color: #777;}
.k_radio_check label a{padding-left: 13px;}

.sub02_03_01 {}
	.sub02_03_01_left {width:50%; float:left; padding:0 30px 0 0}
	.sub02_03_01_right {width:50%; float:left; padding:0 0 0 30px}
	.sub02_03_01_btn {margin:50px 0 0 0; text-align:center}
	.sub02_03_01_btn .anchorBtn{max-width:300px !important; width:100%; display:inline-block}
	.agree_input {width:15px; height:15px}


@media screen and (max-width: 1480px){ 
	
	#k_mo_quick{height: 60%;overflow-y: scroll;}

	#k_mo_quick.active{right: 65px;}
}

@media screen and (max-width: 760px){ 
	
	#k_mo_quick{width: 100%;height: 100%;}
	#k_mo_quick.active{right: 0;}

	#k_mo_quick{position: fixed;top: 50%;right: -1000px;transform: translateY(-50%);width: 100%;height: 100%;max-width: 1000px;max-height: 650px;background: #fff;z-index: 1300;box-shadow:2px 5px 5px #000; border:solid 1px #dedede; transition: right 0.7s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;

	box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -webkit-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -ms-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
    -o-box-shadow: 3px 3px 13px rgba(0,0,0,0.15);
}

} 








.sub_tit {padding:0 0 50px 0; text-align:center; letter-spacing:-1px}
.sub_tit h3 {font-size:25px;font-family: 'notokr-regular';}
.sub_tit h2 {font-size:30px; font-family: 'notokr-thin'}
.sub_tit h2 b {font-weight:bold;font-family: 'notokr-bold'}
.sub_tit p {color:#a5a5a5; font-size:16px; padding:10px 0 0 0; line-height:1.5}
.anchorBtn span{width: 100%; height:50px; line-height:50px; background-color: #99c722; text-align:center; font-size: 0.95rem;font-weight: 500;color: #FFF;transition: background-color 0.3s;display:inline-block}
.anchorBtn span:hover{background-color: #222; display:inline-block}

.photo_list li {float:left; width:33.3333%; padding:0 10px 50px 10px; position:relative}
.photo_list li strong {font-size:18px; height:80px; text-align:center; width:100%; padding:15px 0 0 0; display:inline-block}
.photo_list li img {}

.video_con_img {margin:0 0 50px 0}

@media(max-width:980px) {
	.sub_tit h3 {font-size:20px; }
	.sub_tit h2 {font-size:40px; }
}


@media(max-width:720px) {
	.sub_tit h3 {font-size:18px; }
	.sub_tit h2 {font-size:30px; }
	.w_sub_con {padding:70px 0 100px 0;  }
	.sub_tit p {  font-size:16px;  }
}



.partner li{display:inline-block; text-align:center; padding:21px 10.5px 0 10.5px; margin-right:-4px}


@media(max-width:1280px) {
	.partner li{width:33.3333%}
	

}


@media(max-width:980px) {
	.partner li{width:50%}
	

}

@media(max-width:560px) {
	.partner li{width:100%}
	

}