.in {width:100%; max-width:1400px; margin:0 auto; }
.in_100 {width: 100%;padding-left: 10%;padding-right: 10%; box-sizing:border-box;}

h2.h2_tit {font-size:2.4rem; font-weight:700; font-family:'Open Sans';  color:#222; line-height:1.3em; letter-spacing:-1px; text-align:center; margin-bottom:40px; }
h3 {font-size:1.3rem; font-weight:500; color:#333; line-height:1.35em}

.span_br {display:block}

.eng {font-family:'Montserrat'; letter-spacing:0 !important}
.color_f {color:#fff !important;}
.main_section {width:100%; display:inline-block;  padding:80px 3%; box-sizing:border-box}

#section01 { padding:6% 0; width:100%; display:block; box-sizing:border-box;}
#section01 .s1_h3{font-size:1.3rem; color:#555; font-weight:400; line-height:1.5;  margin-top:10px}
#section01 .s1_box_txt b{font-size:2rem;color:#222;display:block;}



/* 메인 */
.main_business.main_section {padding: 0;}
.main_business {position: relative; z-index: 120;}

.main_business img {max-width: 100%;height: auto;vertical-align: middle;position: relative;}
.main_business h3 {padding: 9px 0 5px;margin-left: -5px; font-size: 2.4rem !important;font-weight: 500;line-height: 1.25;letter-spacing: -0.025em;color: #222; font-family: 'Open Sans', sans-serif !important;}
.main_business b {font-size: 24px;line-height: 1;font-weight: 500;letter-spacing: -0.025em;color: #555;}
.main_business p {font-size: 16px;line-height: 1.75;color: #666;}
.main_business strong {display: block;padding-bottom: 60px;margin-left: -2px;font-size: 2.4rem;font-weight: 700;color: #222; font-family:'Open Sans'}

.main_business .jt_btn {margin-top: 34px;}

.main_business_products {max-width: 1723px;margin: 0 auto;position: relative;}
.main_business_products_decorate {width: 800px; height: 900px;position: absolute; right: 0;bottom: -50px; background: url('/common/img/main/divbox_2_img.png') no-repeat center;}

.main_business_box {display: table;width: 100%;position: relative;}
.main_business_img {display: table-cell;vertical-align: top;position: relative;}
.main_business_txt {display: table-cell;width: 500px;vertical-align: middle;position: relative; border:0px solid #ddd;}


.main_business_box_secondary .main_business_txt h3,
.main_business_box_secondary .main_business_txt b,
.main_business_box_secondary .main_business_txt p {color: #fff; }

.main_business_box_01 {margin-top: -87px;}
.main_business_box_01 .main_business_img {/*text-align: right; z-index: 1; width: 685px; */overflow: hidden;}
.main_business_box_01 .main_business_txt {padding-bottom: 37px;}

.main_business_box_02 {margin-top: -116px;}
.main_business_box_02 .main_business_img {z-index: 2;}

.main_business_box_02 .main_business_txt {padding-top: 87px; padding-left:20px}

.main_business_colorpaste {max-width: 1700px;margin: -0px auto 0;padding: 245px 0 194px;position: relative;background: #000 url('/common/img/main/divbox_5_corr2.png') no-repeat center center;background-size: cover;z-index: -1;background-color: rgba(0, 0, 0, 0.3);}

.colorpaste_txt {position: relative;z-index: 1; margin-left:5%}

.main_business .colorpaste_txt h3,
.main_business .colorpaste_txt b,
.main_business .colorpaste_txt p {color: #fff;}





/* aboutus */
.company {width:100%;  display:block; padding-bottom:5%;}
.company_ul {width:88%; display:flex;   justify-content:space-between; margin:0 auto}
.company_ul li {width: 48%;padding: 0px; box-sizing:border-box; text-align:center;  box-sizing:border-box; border-radius:50%}
.company_ul h2 {font-size: 1.6rem;line-height: 1.5; font-weight: 600;color: #222; margin-top:15px;}

.company_ul li img {max-width:60px; margin:10px 0 15px 0}

.pc_block_m_none {display:block;}
.pc_none_m_block {display:none;}


/*  반응형 style */
@media (max-width: 1280px) {
    .main_business strong {padding-bottom: 35px;font-size: 30px;}
    .main_business h3 {font-size: 1.8rem;}
    .main_business b {font-size: 20px;}
    .main_business .img_v {width: -webkit-calc(100% + 5px);width: calc(100% + 5px);}
    .main_business_box_01 {margin-top: -70px;}
    .main_business_box_02 {margin-top: -85px;}
    .main_business_box_02 .main_business_txt {padding-right: 4%;}
    .main_business_box_01 p br, .main_business_box_02 p br {display: none;}
    .main_business_products_decorate {width: 60%;height: 800px;bottom: -120px;right: 0px;}
    .main_business_colorpaste {/*margin: -51px 40px 0;*/}
}


@media (max-width: 1100px) {
    /* MAIN */
    .main_business_box_01 .main_business_txt {width: 48%;}
    .main_business_box_01 .main_business_img {width: 52%;}

    .main_business_box_02 .main_business_txt {width: 48%;}
    .main_business_box_02 .main_business_img {width: 52%;}

	.main_business_products_decorate {width: 48%;}
	.in_100 {width: 100%;padding-left: 6%;padding-right: 6%; box-sizing:border-box;}
}

@media (max-width: 1000px) {
	/* MAIN */
    .main_section {padding: 60px 0 75px;}
    .main_section_title {padding-bottom: 38px;font-size: 2rem;}

    .main_business strong {padding-bottom: 25px;font-size: 26px;}
    .main_business b {font-size: 18px;}
    .main_business h3 {margin-left: 0;font-size: 1.77rem !important;}
    .main_business p {font-size: 15px;}
    .main_business .jt_btn {margin-top: 25px;}
    .main_business_box_secondary .main_business_txt h3, .main_business_box_secondary .main_business_txt b {color: #222;}
    .main_business_box_secondary .main_business_txt p {color: #666;}
    .main_business_box_secondary .jt_basic_btn.secondary {color: #222;border-color: #222;}
    .main_business_box_secondary .jt_basic_btn.secondary:before {background: #222;}
    .main_business_box_secondary .jt_basic_btn.secondary:hover {color: #fff;}
    .main_business_box_01 {margin-top: -50px;}
    .main_business_box_01 .main_business_txt {padding-bottom: 20px;}
    .main_business_box_02 {margin-top: -60px;}
    .main_business_box_02 .main_business_txt {padding-top: 0;padding-right: 0;}
    .main_business_colorpaste {margin: -40px 3% 0;}
    .colorpaste_txt {padding: 0 2%;}
    .main_business_products_decorate {display: none;}
}


@media (max-width: 767px) {
.pc_block_m_none  {display:none;}
.pc_none_m_block {display:block;}

	/* MAIN */
    .main_section {padding: 7% 0 8%;}
    .main_section_title {padding-bottom: 25px;font-size: 32px;}

    .main_visual_item h2 {font-size: 38px;}
    .main_visual_item span {font-size: 16px;}

    .main_business_products .wrap {margin: 0;}
    .main_business strong {padding-bottom: 20px;font-size: 22px;}
    .main_business h3 {font-size: 32px;}
    .main_business p {font-size: 14px;line-height: 1.6;}
    .main_business b {font-size: 16px;}
    .main_business .jt_btn {margin-top: 20px;}
    .main_business_box_01 {margin-top: -33px;}
    .main_business_box_01 .main_business_txt {width: 52%;padding: 20px 25px 0 20px;}
    .main_business_box_01 .main_business_img {width: 48%;}
    .main_business_box_02 {margin-top: 25px;}
    .main_business_box_02 .main_business_txt {width: 52%;padding: 0 20px 0 25px;}
    .main_business_box_02 .main_business_img {width: 48%;}
    .main_business_colorpaste {margin: -33px 0 0;padding-top: -webkit-calc(12% + 33px);padding-top: calc(12% + 33px);padding-bottom: 12%;}
    .colorpaste_txt {padding: 0;}

	.company_ul {flex-wrap:wrap}
	.company_ul li{width:100%; margin-bottom:20px;}
	.company_ul li:last-child{margin-bottom:0px;}
	.company_ul h2 {font-size: 1.2rem;line-height: 1.5; font-weight: 600;color: #222; margin-top:15px;}
}




@media (max-width: 600px) {
	.in_100 {width: 100%;padding-left: 0%;padding-right: 0%; box-sizing:border-box;}

	/* MAIN */
    .main_business.main_section {padding: 7% 0 0;}
    .main_business_products .wrap {margin: 0 20px;}
    .main_business_box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;}
    .main_business_img {display: block;-ms-flex-order: 1;-webkit-order: 1;-webkit-box-ordinal-group: 2;order: 1;height: 0;padding-top: 60%;overflow: hidden;transform: none !important;}
    .main_business img, .main_business .img_v {position: absolute;top: -20%;left: 0;}
    .main_business_txt {display: block;position: static;-ms-flex-order: 2;-webkit-order: 2;-webkit-box-ordinal-group: 3;order: 2;}
    .main_business p br {display: none;}
    .main_business strong {width: 100%;padding-bottom: 0;position: absolute;left: 0;top: -60px;font-size: 32px;text-align: center;}
    .main_business_box_01 {margin-top: 65px;}
    .main_business_box_02 {margin-top: 0;}
    .main_business_box_01 .main_business_txt, .main_business_box_02 .main_business_txt {padding: 20px 0 0;}
    .main_business_box_01 .main_business_txt, .main_business_box_01 .main_business_img,
    .main_business_box_02 .main_business_txt, .main_business_box_02 .main_business_img {width: 100%;}
    .main_business_colorpaste {margin-top: 0;padding-top: 12%;}
}





.product_divbox {position:relative;width:100%; max-width:1400px; float:left;  }
.product_divbox .tt {font-size:2rem; font-weight:400; margin-bottom:65px}
.product_divbox span {font-size:1.25rem; font-weight:400; margin-bottom:10px; display:inline-block}
.product_divbox .p1 {font-size:2.2rem; font-weight:400; margin-bottom:20px}
.product_divbox .p2 {font-size:1rem; font-weight:400; color:#666; line-height:1.8}

.product_divbox .divbox_1 {width:500px; float:left; }
.product_divbox .divbox_2 {width:900px; float:right;margin-top:340px; z-index:-1 !important}
.product_divbox .divbox_3 {position:relative;width:900px; float:right;margin-top:-1550px; z-index:99 !important}
.product_divbox .divbox_4 {position:relative;width:980px; float:left;margin-top:-775px; z-index:99 !important}
/*.product_divbox .divbox_5 {width:100%; width:1500px; margin-left:-50px; }*/
.divbox_5 {max-width: 1600px; margin: 1400px auto 0; padding: 150px 0 194px; background: url('/common/img/main/divbox_5_img.png') no-repeat center center; background-size: cover; z-index: -99999  !important;}
.prod_btn {background:#333; text-align:center; color:#fff !important;  font-size:1rem; padding:15px 40px; display:inline-block; margin-top:30px; letter-spacing:0.5px; font-family:'Open Sans'}
.prod_btn:hover {transition:0.2s ease-in; background:#fff; color:#333 !important; border:1px solid #333;}

.right_textbox {float:right; margin-right:50px; margin-top:100px; color:#fff; z-index:9999999; position:relative;}
.right_textbox .p2 {color:#fff;}
.right_textbox .prod_btn {color:#fff; border:1px solid #fff;}


.s1_box_wrap {width:100%; display:block;}
.s1_box_wrap ul { display:flex; justify-content:space-between;  flex-wrap:wrap}
.s1_box_wrap ul li{width:50%; margin-bottom:5%;}
.s1_box_wrap ul li:nth-child(2){width:50%; }
.s1_box_wrap ul li:nth-child(2) img, .s1_box_wrap ul li:nth-child(6) img
{float:right;}
.s1_box_wrap ul li:nth-child(3){width:50%;}

.s1_box_txt {padding-top:35px;}
.s1_box_spanbg {display:inline-block; background:#f17705; padding:0 20px;  line-height:32px; border-radius:8px; margin-bottom:20px; text-align:center; color:#fff;}

.s1_prodbox_tit {font-size:2rem; font-family:'Montserrat'; padding-bottom:13px; font-weight:700; width:100%; line-height:1em; text-align:left; margin:35px 0; display:inline-block; color:#333;}
.s1_prodbox_txt {font-size:1.3rem; color:#555; font-weight:600;}



.label_wrap {width:100%; display:flex; margin-top:30px; margin-bottom:20px;   justify-content:space-between }
.product .label {border:3px solid #30583e; color:#30583e; border-radius:50px;  width:32%; font-size:1.3rem; font-weight:600; display:flex; justify-content:center; align-items:center; text-align:center; padding:10px 10px; line-height:1.15em;  box-sizing:border-box; }

.product  ul.icon {width:100%; margin-top:40px}
.product  ul.icon li {display:inline-block; box-sizing:border-box; padding:0 30px; font-size:1.5rem; font-weight:600; color:#30583e;  }
.product  ul.icon li div {width:170px; height:170px; margin-bottom:10px;  border-radius:50%; background-color:#fff; position:relative; border:5px solid #30583e; }
.product  ul.icon li div img {width:55%; position:absolute;  transform: translate(-50%, -50%); top:50%; left:50%;}

.pd_ol  .material-icons {font-size:1.4rem; margin-right:8px; color:#f17705; margin-top:3px; vertical-align:bottom}

.pd_ol {width:100%; display:inline-block; margin-top:15px;}
.pd_ol dl{width:100%; float:left; font-size:1.05rem; line-height:1.6em; margin-bottom:12px; font-weight:500; color:#333; }


.s_line {width:10px; height:2px; background-color:#333; display:block; margin-bottom:10px}


/*.news ul {width:100%; display:flex; justify-content:space-between;}*/
/*.news ul  a { width:32%; border:1px solid #ddd; border-bottom:3px solid #333; vertical-align:top; transition: all 0.1s ease-out;}*/
/*.news ul a:hover {margin-top:-20px;  }*/
/*.news  li img {width:100%;   }*/
/*.news  li div {width:100%; box-sizing:border-box; padding:5%}*/
/*.news  li div  h3 {font-weight:700; font-size:1.3rem}*/
/*.news  li div p {width:100%;  padding:10px 0; font-size:0.95rem; color:#666; }*/
/*.news  li div  p span {width:100%; display:inline-block; padding-top:10px;}*/



/* 뉴스 */
.news  {background:url('/common/img/main/Aboutus_bg.png') no-repeat center;  }

.main_news_list {width:100%; display:flex;   justify-content:space-between}
.main_news_list li {float: left;width: 32%;padding: 0px; box-sizing:border-box;}
.main_news_list .img_box {max-height:320px; overflow:hidden;}
.main_news_list img {display: block; max-width: 100%;height: 100%; }

.main_news_txt {width:100%; display:inline-block;  padding:30px 20px;  box-sizing:border-box;}
.main_news_txt h4 {font-size: 1.3rem;line-height: 1.5; font-weight: 600;color: #222;}
.main_news_txt p {padding-top: 13px;font-size: 1rem; line-height: 1.5;color: #666;}





.about  { background-color:#f1f1f1; text-align:center; background:url('/common/img/main/20805067.jpg') no-repeat center; background-attachment: fixed; font-size:1.2rem; line-height:1.5em;  color:#fff; padding:0}

.about_bg {background-color:rgba(0,0,0,.5); padding:60px 3%; width:100%; display:inline-block; box-sizing:border-box;}
.about b {font-size:1.8rem; line-height:1.3em; font-weight:700; color:#fff ; width:100%; display:block; margin-bottom:20px }
a.btn {width:200px; line-height:40px; background-color:#f17705; color:#fff !important; font-size:1rem; display:inline-block; text-shadow:none; letter-spacing:1px  }

.partner {  background-color:#f1f1f1; padding:50px 3%   }
.partner ul {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.partner  li {display:inline-block; margin:10px;  width:13%; box-sizing:border-box;}
/*.partner  li:first-child {width:200px; font-size:1.5rem; font-weight:600; font-family:'Montserrat'; }*/
.partner  li img {width:100%; }

h3.h3_tit { font-size:1.5em; letter-spacing:-2px; }





/* 이미지 호버효과 */
.img_hv_box_con {
  overflow: hidden;
  position: relative;
  border:0px solid #c00;
  float:left;
}



a.hv_img {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
}

.img_hv_box_con img {
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  display: block;
  overflow: hidden;
  transform: scale(1);
  width:100%;
}

a.hv_img:hover img {
  opacity: 1;
  transform: scale(1.1);
 -webkit-transform:scale(1.1); /*  크롬 */
-moz-transform:scale(1.1); /* FireFox */
-o-transform:scale(1.1); /* Opera */
}





 @media all and (max-width:1200px) {
	.partner ul {flex-wrap:wrap; margin-bottom:-1.5% }
	.partner  li {width:32%; margin:0; margin-bottom:1.5%;  }


}
 @media all and (max-width:1000px) {




}

 @media all and (max-width:800px) {

	.span_br {display:inline}

	#section01 { padding:5% 3%; box-sizing:border-box;}

		h2.h2_tit {font-size:1.8rem; font-weight:700; font-family:'Noto Sans KR';  color:#222; line-height:1.2em; }

		.about_bg {padding:80px 3%;}
		.main_section {padding:80px 3%; }

		h3.h3_tit { font-size:1.2em; letter-spacing:-2px; }

		 .main_news_list {flex-wrap:wrap;}
		.main_news_list li {width: 100%;}

#section01 .s1_h3{font-size:1.1rem; color:#555; font-weight:400; line-height:1.5;  margin-top:10px}
#section01 .s1_box_txt b{font-size:1.6rem;color:#222;display:block;}


.s1_box_wrap ul li{width:100%; margin-bottom:5%;}
.s1_box_wrap ul li:nth-child(1) {order:1}
.s1_box_wrap ul li:nth-child(2) {order:2}
.s1_box_wrap ul li:nth-child(3) {order:4}
.s1_box_wrap ul li:nth-child(4) {order:3}

.s1_box_wrap ul li:nth-child(2){width:100%; }
.s1_box_wrap ul li:nth-child(2) img, .s1_box_wrap ul li:nth-child(6) img
{width:100%;}
.s1_box_wrap ul li:nth-child(3){width:100%;}


.s1_prodbox_wrap ul li:nth-child(1), .s1_prodbox_wrap ul li:nth-child(4)
{width:100%;  box-sizing:border-box; height:350px}


		.product .in {width:100%;   display:inline-block }

		.about  {  background:url('/common/img/main/m_vi2.png') no-repeat center;  }
		.about {font-size:1rem}
		.about b {font-size:1.3rem;  line-height:1.4em  }



		.news ul {flex-wrap:wrap;}
		.news ul a {width:100% ; margin-bottom:10px}
		.news  ul a:hover {margin-top:0;  }
		.news  li div  h3 {font-size:1.4rem; font-weight:700}

		.news  p.img {width:100%; height:30vw; overflow:hidden}

		.partner  li {width:49%; margin:0; margin-bottom:1.5% }
		.partner  li:last-child {margin-right:0; }
}