@import url("common.css");

#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:280px;}
#visual .subimg{display:block; width:100%; height:100%; transition:all 0.3s ease-out;animation-duration: 5s; animation-name:visualScale;}
	@keyframes visualScale {
		 0% { transform:scale(1.15); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
		 100% { transform:scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}
#visual .subtop_txt{position: absolute; text-align:center; width:100%; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; }
#visual .subtop_txt .subtop_stxt{font-size:40px;color:#fff; line-height:100%; margin-top:90px;}
#visual .subtop_txt .subtop_stxt span{font-weight:500; letter-spacing:10px;}
#visual .subtop_txt .subtop_title{letter-spacing:-1px; font-size:18px; color:#fff; font-weight:400; line-height:100%; margin-top:0px;}

	.subtop_company{background:url('/html/images/sub/subtop_company.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_product{background:url('/html/images/sub/subtop_other.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_board{background:url('/html/images/sub/subtop_board.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_customer{background:url('/html/images/sub/subtop_customer.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_other{background:url('/html/images/sub/subtop_product.jpg') center 0 no-repeat; background-size:cover;}

/* ****************** 글자효과 ********************** */
.subtop_txt{opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.active-item .subtop_txt{opacity:1.0;filter:Alpha(opacity=100);}
.glow-text {white-space: pre;}
.glow-text span {display:inline-block;}
.active-item .glow-text span {-webkit-animation: letter-glow 0.7s 0s ease both; animation: letter-glow 1.2s 0s ease both;}
@-webkit-keyframes letter-glow {
  0% {opacity: 0; transform: translateY(20%) translateX(100%)  rotate(10deg);}
  77% {opacity: 1; transform: translateY(0px) translateX(0%)  rotate(0);}
  100% {opacity: 1;transform: translateY(0px)  translateX(0%) rotate(0);}
}
@keyframes letter-glow {
   0% {opacity: 0; transform: translateY(20%) translateX(100%)  rotate(10deg);}
  77% {opacity: 1; transform: translateY(0px) translateX(0%)  rotate(0);}
  100% {opacity: 1; transform: translateY(0px) translateX(0%)  rotate(0);}
}












#contents{overflow:hidden; position:relative;}

.lnb {position:relative; overflow:hidden; border-bottom:1px solid #3c79b2;}
	.lnb ul{position:relative; overflow:hidden; max-width:100%; margin:0 auto; text-align:center;}
	/*.lnb ul.nine li{width:11.11111111111111%;}
	.lnb ul.eight li{width:12.5%;}
	.lnb ul.seven li{width:14.285714%;}
	.lnb ul.six li{width:16.66666666666667%;}
	.lnb ul.five li{width:20%;}
	.lnb ul.four li{width:25%;}
	.lnb ul.three li{width:33.33333333%;}
	.lnb ul.two li{width:50%;}*/
	.lnb li {position:relative; display:inline-block; text-align:center; width:auto; padding: 0 18px;}
	.lnb li a{border-bottom: 2px solid transparent; padding: 0 30px; color:#fff; font-size:15px; letter-spacing:-0.5pt; display:block; line-height:60px; height:60px; text-align:center; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
	.lnb li a:hover{display:block; color:#005dab; text-decoration: none;  }
	.lnb .com_warp li a{padding: 0 10px;}
	.left_linktop{display:block; color:#005dab !important; text-decoration: none; border-bottom-color: #3c79b2 !important;}

.lnb_mobile{display:block; background:#fff;  position:relative;  border-bottom: 1px solid #3c79b2}


.lnbMenu{background:#0b579f;}

.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#fff; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; z-index:11; margin-left:-1px; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { background-color:#024788; max-height:530px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span {background-color:#013558;}
.dropLst .txt, .dropLst ul { border:1px solid #3c79b2; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {font-weight:600;}
.dropLst li span, .dropLst li a { display:block; }


.mobile_snb {display: block; max-width:1280px; margin:0 auto; height:60px; border-left:1px solid #3c79b2;}
.mobile_snb h2 {float:left;}
.mobile_snb h2 a {display:block; width:60px; height:60px;box-sizing: border-box; border-right:1px solid #3c79b2; background:#024788 url('/html/images/sub/home.png') center no-repeat}
.mobile_snb .box {width: 360px; float:left; height: 60px; background-color: #fff; box-sizing:border-box; border-right:1px solid #3c79b2} /* background-color: #fff;  */
.mobile_snb .box.dep1 {background-color: #0b579f;}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:20px; width:100%; height:60px; line-height:60px; font-size:17px; font-weight:500; border:none; z-index: 11; box-sizing:border-box; letter-spacing:-0.5px;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:20px; display: block; width:15px; height:9px; margin-top:-4px; background: url("/html/images/sub/icons.png") no-repeat center center/cover; background-size:100%; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color:#024788;}
.mobile_snb .box.dep1 .dropLst ul li:first-child {}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:20px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 11; box-sizing:border-box; letter-spacing:-0.5pt; color:#fff;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#bfdcf8; background:#013558;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; } /* color:#fff; */
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:top left;} /* 첫번째 서브메뉴 화살표 위치 */ /* background-position: 0px 0px */
.mobile_snb .box.dep2 {background-color: #0b579f;}
.mobile_snb .box.dep2 .dropLst ul,
.mobile_snb .box.dep2 .dropLst ul li  {background-color: #024788;}
.mobile_snb .box.dep2 .dropLst li .value {padding-left:20px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 11; box-sizing:border-box; letter-spacing:-0.5pt; color:#fff;} /*color:#003591;*/
.mobile_snb .box.dep2 .dropLst li .value.on {color:#bfdcf8; background:#013558;}
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:361px;}
.mobile_snb .dropLst .dlst ul {border:1px solid #3c79b2; }

.contentArea{max-width:1280px; margin:0 auto 100px auto }
.contentArea_wide{width:100%; overflow:hidden;}


#contents .tit_area{width:100%; padding:80px 0 50px 0; overflow:hidden;}
	#contents p.location {float:right; font-size:0.9375rem; color:#777; padding:15px 0 0 0}
	#contents p.location a:link, .tit_area p.location a:visited{font-size:0.9375rem; color:#222; background:url('/html/images/sub/lnbHome.png') 0 2px no-repeat; padding-left:23px; font-weight:500;}
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin-bottom:2px;}
	#contents h3.title {color:#222; font-weight:700; font-size:2.250rem; line-height:100%;letter-spacing:-1px; float:left;}

.le0{font-family: 'Montserrat', sans-serif; letter-spacing:-1px !important}

.contents_in {position:relative;clear:both; *zoom:1; min-height:300px;}


/*** 공통css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}


/* Transition */
.trans300 {-webkit-transition:all 300ms;transition:all 300ms}
.trans400 {-webkit-transition:all 400ms;transition:all 400ms}
.trans500 {-webkit-transition:all 500ms;transition:all 500ms}
.trans700 {-webkit-transition:all 700ms;transition:all 700ms}

.br_pc{display:block;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.marb80{margin-bottom:80px}
.con_tit{font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}




.table_style {width:100%; border-collapse:separate; border-spacing:0;  border-top:1px solid #333;}
.table_style th {font-size:17px; color:#333; font-weight:500;letter-spacing: -0.3pt; line-height:22px; background:#eaeaea; padding:20px 20px;border-bottom:1px solid #bbb; border-right:1px solid #bbb;}
.table_style tr th:last-child{border-right:none;}
.table_style td {background:#fff; padding:20px 25px; letter-spacing: -0.3pt; font-size:16px; font-weight:300; border-bottom:1px solid #ddd; border-right:1px solid #ddd; -webkit-text-size-adjust: 100%;}
.table_style tr td:last-child{border-right:none}


.table_style2 {width:100%; border-collapse:separate; border-spacing:0;  border-top:1px solid #333;}
.table_style2 th {font-size:17px; color:#333; font-weight:500;letter-spacing: -0.3pt; line-height:24px; background:#eaeaea; padding:15px 10px;border-bottom:1px solid #bbb; border-right:1px solid #bbb;}
.table_style2 tr th:last-child{border-right:none;}
.table_style2 td {background:#fff; padding:15px 10px; letter-spacing: -0.3pt; font-size:16px; text-align:center; font-weight:300; border-bottom:1px solid #ddd; border-right:1px solid #ddd; -webkit-text-size-adjust: 100%;}
.table_style2 tr td:last-child{border-right:none}

.table_style3 {width:100%; border-collapse:separate; border-spacing:0;  border-top:1px solid #333;}
.table_style3 th {font-size:17px; color:#333; font-weight:500; background:#eaeaea; padding:10px;border-bottom:1px solid #bbb; border-right:1px solid #bbb;}
.table_style3 tr th:last-child{border-right:none;}
.table_style3 td {background:#fff; padding:10px; font-size:16px; text-align:center; font-weight:300; border-bottom:1px solid #ddd; border-right:1px solid #ddd; -webkit-text-size-adjust: 100%;}
.table_style3 tr td:last-child{border-right:none}

.responsive-dim{display:none;}


h4.linet{letter-spacing:-0.8pt; position:relative; font-weight:700; font-size:24px; line-height:32px; color:#222; margin-bottom:25px;}
h4.linet:before{content:''; display:block; position:absolute; top:-16px; left:0; width:39px; height:4px; background:#d71819}

h4.sub_title{font-size:33px; line-height:37px; letter-spacing:-1px; color:#333; font-weight:300; margin-bottom:30px;}
h4.sub_title span.bold{font-weight:700; color:#d71819; letter-spacing:-1px;}
h4.sub_etitle{font-size:40px; color:#fff; line-height:100%; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}


h5.sub_title2{font-size:33px; line-height:100%; letter-spacing:-2pt; color:#333; font-weight:700;  margin-bottom:50px;}

p.sub_st{font-size:18px; font-weight:300; color:#777; line-height:28px; letter-spacing: -0.5pt;}
p.sub_st2{font-size:18px; color:#333; line-height:28px; font-family: 'Montserrat', sans-serif;}
p.sub_txt{font-size:16px; font-weight:300; color:#777; line-height:26px; letter-spacing:-0.3pt;}
p.redtxt{position:relative; padding:20px; font-family: 'Montserrat', sans-serif; line-height:100%; font-weight:700; color:#fff; font-size:18px; background:#5b9bd5}

p.entlite{color:#fff; font-size:25px; font-weight:300; line-height:100%; font-family: 'Montserrat', sans-serif;}

.wid1280{max-width:1280px; margin:0 auto 150px auto}


.line_list{position:relative; overflow:hidden;}
.line_list li{position:relative; overflow:hidden; font-size:16px; line-height:24px;  font-weight:300; color:#777; padding-left:12px; margin-bottom:5px;}
.line_list li:last-child{margin-bottom:0}
.line_list li:before{position: absolute; left: 0; top: 12px; width:5px; height:2px; background:#333; display:block; content:''}



.subTabD{position:relative; margin:0 auto 50px auto; max-width:1170px; text-align:center}
.subTabD .subTab{display:table; margin:0 auto}
.subTabD .subTab a{ box-sizing: border-box; display:table-cell; width:292px; height:60px; line-height:58px; color:#555; text-align:center;border:1px solid #ddd; border-right:none; background:#fff; box-sizing:border-box; font-size:17px; letter-spacing: -0.5pt;
transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.subTabD .subTab a:last-child{border-right:1px solid #ddd}
.subTabD .subTab a.on{font-weight:700; color:#fff; background:#144e94; border:1px solid #144e94}
.subTabD .subTab a:hover{background:#144e94; border-color:#144e94; color:#fff; }
.subTabD .subTab a.on + a{border-left:none}



/****************** 회사소개 ******************/
/* 인사말 */
.greeting_con {position:relative; width:100%;}
.greeting_con .greeting_img {position:relative; width:100%; }
.greeting_con .greeting_img img{width:100%}

.greeting_con .greeting_txt {position:relative; width:100%; text-align:center;}
.greeting_con .greeting_txt p.sub_txt{font-size:1.075rem; letter-spacing:-0.5px; font-weight:500; line-height:1.6; color:#666; width:80%; margin:40px auto;}

.greeting_con .v_numbers {padding-top:40px;}
.greeting_con .v_numbers ul {width:100%; text-align:center; font-size:0;}
.greeting_con .v_numbers ul li {width:30%; text-align:center; display:inline-block; font-size:1.25rem; line-height:1.5; letter-spacing:0; font-weight:600; color:rgba(0,0,0,0.4); margin:0 0 0;}
.greeting_con .v_numbers ul li:last-child{}
.greeting_con .v_numbers ul li i{display:block; font-size:5rem; color:#000; line-height:1;}
.greeting_con .v_numbers ul li span {display:inline-block; padding:20px 0 31px; font-family:'Montserrat', sans-serif; color:#006cb7; font-weight:800; font-size:3rem; line-height:1; letter-spacing:0px; }
.greeting_con .v_numbers ul li span.counter_txt {display:inline-block; font-family:'Montserrat', sans-serif; color:#006cb7; font-weight:600; font-size:2rem; line-height:1; letter-spacing:2.5px; }


/* 조직도 */
.organization_con{position:relative;}
.organization_con h4.sub_title{text-align:center;}
.organization_con .pic{position:relative; text-align:center;}
.organization_con .pic img{max-width:100%}
.organization_con .pic .pnone{display:none;}


/* 연혁 */
.history_top{position:relative; text-align:center; background:url('/html/images/sub/history_tbg.jpg') center no-repeat; background-size:cover; padding:100px 20px; margin-bottom:60px;}
.history_top h4.sub_title{color:#fff}
.history_top h4.sub_title span.bold{color:#fff}
.history_top p.sub_st{color:rgba(255,255,255,0.8)}


.his_in{position:relative; margin-bottom:60px;}
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{float: left; width: 50%; box-sizing: Border-box; padding:0px 0px 0px 60px;}
.his_imgblock{display:none;}
.his_in:nth-child(even) .his_img{ float: right; }
.his_in:nth-child(odd) .his_img{text-align:right; padding:0px 60px 0px 0px;}
.his_in .his_img img{max-width: 100%;}

.his_in:nth-child(odd) ul{float: right; text-align: left;  padding: 0 0 0 60px;}
.his_in:nth-child(even) ul{float:left; }
.his_in ul{float: right;  text-align: right; width: 50%;box-sizing: Border-box; padding: 0 60px 0 0;}

.his_table {position:relative; overflow:hidden; padding:0 0 9px 0px;}
.his_in:nth-child(even) .his_table{padding:0 0px 9px 0}
.his_in:nth-child(even) .his_table:before{left: calc(100% + 7px);}

.his_table:last-child{padding-bottom:0}
.his_table dd {position:relative; line-height:24px;  text-align:left; color:#777; letter-spacing:-0.5pt; font-weight:300; font-size:16px; float:left; width: calc(100% - 80px); word-break: keep-all;}
.his_table dd.col{color:#f57b20}
.his_table dt{color:#333; letter-spacing:-0.5pt; line-height:24px; font-size:16px; width:80px; float:left; font-weight:700}
.his_in:nth-child(even) .his_table dt{float:right;}
.his_in:nth-child(even) .his_table dd{text-align:right;}
.his_in:nth-child(even) .his_table dd:before{left: calc(100% + 7px);}
.his_in:nth-child(even) li.year{text-align: right;}


.his_in ul{position:relative; float:right; width:50%; box-sizing:Border-box;}
.his_in ul:before {display:block; content:""; width:9px; height:9px; background:#4a932b;  border-radius: 15px; box-sizing: border-box; position:absolute; top:9px; left:-4px; z-index:9}
.his_in ul:after{ width:9px; height:9px;  content: '';display: block; background-color: #4a932b; border-radius: 50%; position: absolute; left:-4px; top:9px; z-index: -1; animation: dots 1.5s ease-in-out infinite;}
.his_in:nth-child(even) ul:before{left: calc(100% + -4px);}
.his_in:nth-child(even) ul:after{right: -5px;left: auto;}
.his_in li.year{font-family: 'Montserrat', sans-serif; font-size:30px; line-height:100%; color:#333; font-weight:700; text-align:left; margin-bottom:20px; }
.his_in li.year:before {display:block; content:""; width:8%; height:1px; background:#ddd; position:absolute; top:14px; left:0; z-index:-2}
.his_in:nth-child(even) li.year:before{left: calc(100% + -47px);}


.tableWrap{position:relative; overflow:hidden; padding-top:60px}
.tableWrap:before{content:""; width:10px; height:10px; display:block; background:#d8d8d8; border-radius: 10px;  position: absolute; top: 0; left:50%; transform:translateX(-50%); z-index:2}
.tableWrap:after {display:block; content:""; background:#ddd; width:1px; height:100%; position:absolute; top:0; left:50%;     z-index: -2;}
/*.tableWrap ul{position:relative; float:right; width:50%; padding-left:70px; box-sizing:Border-box;}
.tableWrap ul:before {display:block; content:""; width:15px; height:15px; background:#fff; border:4px solid #009fa8;  border-radius: 15px; box-sizing: border-box; position:absolute; top:11px; left:-8px; z-index:9}*/
.tableWrap li{}

.his_in li.year a{font-size:28px; line-height:100%; color:#333; font-weight:700; text-align:left; margin-bottom:12px; }
.his_in li.days{position: relative;}

	
@keyframes dots {
    0%{
      opacity: 0.5;
      transform: scale(1);
    }
    100%{
      opacity: 0;
      transform: scale(4);
    }
}











/* 오시는길 */
.root_daum_roughmap{width:100% !important; padding:0 !important; border:none !important;}
.root_daum_roughmap .wrap_map{height:460px !important;}
.roughmap_maker_label{display:none;}


h5.datail_tit{position:relative; margin-bottom:25px;}
h5.datail_tit:after{position:absolute; top:50%; left:0; width:100%; height:1px; background:#ddd; content:''; z-index:-1;}
h5.datail_tit span{font-size:2rem; color:#222; line-height:100%; letter-spacing:-0.5px; font-weight:500; background:#fff; z-index:0; padding-right:20px;}


.map_con{position:relative; margin-top:20px;}
.map_con:after{content:''; display:block; clear:both}
.map_con2{position:relative;}
.map_con2:after{content:''; display:block; clear:both}

.location_con{position:relative; overflow:hidden;}
.location_con:after{content:''; display:block; clear:both}
.location_con h4.sub_title{margin-bottom:25px}
.location_con .con1{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:20px 20px 27px 20px; margin-top:20px;}
.location_con .con1 dl{position:relative; overflow:hidden; display:inline-block; margin-right:30px;}
.location_con .con1 dt{width:40px; margin-right:10px; float:left; color:#333; font-size:16px; line-height:22px; letter-spacing: -0.3pt; font-weight:700}
.location_con .con1 dd{float:left; font-size:16px; width: calc(100% - 50px); line-height:22px; letter-spacing:-0.3pt;}



.location_con2 {position:relative; overflow:hidden;}
.location_con2 .mtbox{position:relative; border:1px solid #ddd; border-top:none; padding:25px 25px 15px 25px; margin-bottom:60px}
.location_con2 .mtbox ul{position:relative; overflow:hidden;}
.location_con2 .mtbox li{position:relative; overflow:hidden; margin-bottom:5px}
.location_con2 .mtbox li p.sub_txt{text-align:left;}
.location_con2 .mtbox li:nth-child(2){float:left; margin-right:20px;}
.location_con2 .mtbox li:nth-child(3){float:left;  margin-right:20px;}
.location_con2 .mtbox li:nth-child(4){float:left;}
.location_con2 .mtbox li:nth-child(5){clear:both;}
.location_con2 .mtbox li span.tit{font-weight:700; color:#333; line-height:26px; letter-spacing: -0.3pt; margin-right:10px;}
.location_con2 .mtbox li span{line-height:26px; letter-spacing: -0.3pt; float:left;}


.locationBtn2{position:absolute; top:25px; right:25px}
	.locationBtn2 .print_btn2{display:inline-block; margin-right:5px; background:#144e94; border:1px solid #144e94; box-sizing:border-box;  color:#fff; font-size:15px; text-align:center; letter-spacing:-0.3pt; width:140px; line-height:54px;  height:54px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn2 .print_btn2 span:after{position: relative; top: 2px; content:''; display:inline-block; width:20px;margin-right:10px; height:18px; background:url('/html/images/sub/pr.png') center no-repeat; background-size:20px;}
	.locationBtn2 .print_btn2:hover{color:#fff; box-shadow:0 84px 0 0 #144e94 inset, 0 -84px 0 0 #144e94 inset; color:#fff;border-color:#144e94;}
	

.locationBtn{position:absolute; top:0px; right:20px}
	.locationBtn .detail_btn{display:inline-block;  background:#fff; border:1px solid #d71819; box-sizing:border-box; color:#222; font-size:15px; text-align:center; letter-spacing:-0.3pt; width:140px; line-height:54px;  height:54px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn .detail_btn span:after{position: relative; top: 2px; content:''; display:inline-block; width:19px;margin-right:10px; height:19px; background:url('/html/images/sub/map.png') center no-repeat; background-size:19px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn .detail_btn:hover{color:#fff; box-shadow:0 84px 0 0 #d71819 inset, 0 -84px 0 0 #d71819 inset; color:#fff;border-color:#d71819;}
	.locationBtn .detail_btn:hover span:after{background:url('/html/images/sub/map2.png') center no-repeat; background-size:19px; }
	.locationBtn .print_btn{display:inline-block; margin-right:5px; background:#144e94; border:1px solid #144e94; box-sizing:border-box;  color:#fff; font-size:15px; text-align:center; letter-spacing:-0.3pt; width:140px; line-height:54px;  height:54px; transition: all 0.8s, color 0.2s 0.2s;}
	.locationBtn .print_btn span:after{position: relative; top: 2px; content:''; display:inline-block; width:20px;margin-right:10px; height:18px; background:url('/html/images/sub/pr.png') center no-repeat; background-size:20px;}
	.locationBtn .print_btn:hover{color:#fff; box-shadow:0 84px 0 0 #ff6600 inset, 0 -84px 0 0 #ff6600 inset; color:#fff;border-color:#ff6600;}




/****************** BUSINESS ******************/
/* Partner */
.partner_list {position:relative; overflow:hidden;}
.partner_list dl{float:left; width:23.671875%; margin-right:1.5625%; margin-bottom:1.5625%}
.partner_list dl:nth-child(4n){margin-right:0}
.partner_list dl a{display:block;}
.partner_list dl a dt img{ width: 100%; height: auto; background-size:contain;  background-repeat: no-repeat;  background-position:center;  transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.partner_list dl a dt:hover img{transform:rotate(0.01deg) scale3d(1.05, 1.05, 1);}
.partner_list dt{overflow:hidden; border: 1px solid #ddd;  box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.partner_list dt img{width:100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.partner_list dd{position:relative; padding:10px 0 0 0}
.partner_list dd p.title{ position:relative; overflow: hidden; word-break: keep-all; color:#333;  text-align:center; letter-spacing: -0.3pt; line-height:24px;}
.partner_list dd p.sub_txt{text-align:center; margin-top:4px}
.partner_list dd p.date{color:#999; font-size:13px; padding-top:4px}
.partner_list dd p.date span.recom{color:#f94e7e; font-weight:bold; font-size:13px; font-weight:normal; line-height: inherit; margin-left:5px}






/****************** PRODUCT타입2 ******************/
/*  */
.product-list {padding-bottom:100px}
.product-list ul li {position:relative;float:left;width:23.5%;margin-right:2%;}
.product-list ul li:nth-child(4n) {margin-right:0}
.product-list ul li .item-thumb {display:block;height:310px;line-height:310px;text-align:center;cursor:pointer}
.product-list ul li .item-thumb img {width:100%}
.product-list ul li:hover .item-thumb img {width:80%}
.product-list ul li > span {display:block}
.product-list ul li .item-cont {min-height:160px;padding:20px 0 50px;text-align:center;cursor:pointer}
.product-list ul li .item-cont .subject {font-size:18px;color:#333}
.product-list ul li .item-cont .cont-txt {display:block;padding:20px;font-size:15px;font-weight:bold;color:#999;line-height:1.6}
.product-list ul li .item-view {position:absolute;left:0;top:0;right:0;bottom:0;height:540px;padding:6px;background:rgba(0,0,0,.8);box-sizing:border-box;box-shadow:6px 6px 10px rgba(0,0,0,.3);opacity:0}
.product-list ul li .item-view .view-thumb {display:block;height:190px;text-align:center;background:#fff;overflow:hidden}
.product-list ul li .item-view .view-thumb img {width:90%}
.product-list ul li .item-view .view-cont {padding:0 30px}
.product-list ul li .item-view .view-cont h4 {padding:15px 0;font-size:22px;font-weight:bold;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}
.product-list ul li .item-view .view-cont dl {margin-top:20px;font-size:12px;font-weight:bold}
.product-list ul li .item-view .view-cont dl dt {float:left;width:80px;color:#999;background:url(/html/images/sub/sline02.png) no-repeat right 90%}
.product-list ul li .item-view .view-cont dl dd {padding-left:90px;color:#fff;margin-bottom:8px}
.product-list ul li .item-view .view-cont .btn-detailview {display:block;padding:15px 0;margin-top:20px;font-size:15px;color:#fff;text-align:center;background:#237fd6 url(/html/images/sub/bullet_arrow_ok.png) no-repeat 90% 50%}
.product-list ul li .item-view .view-cont .btn-detailview:hover {background:#235ed6 url(/html/images/sub/bullet_arrow_ok.png) no-repeat 92% 50%}
.product-list ul li:hover .item-view {opacity:1}
.product-view .view-default .view-prod-img {float:left;width:45%;margin-right:5%}
.product-view .view-default .view-prod-img .view-prod-img-screen {display:block;height:420px;line-height:420px;text-align:center;overflow:hidden}
.product-view .view-default .view-prod-img .view-prod-img-screen img {max-width:100%}
.product-view .view-default .view-prod-img .prod-thumb {margin-top:20px;text-align:center}
/* .product-view .view-default .view-prod-img .prod-thumb ul {display:inline-block}
.product-view .view-default .view-prod-img .prod-thumb ul li {float:left;width:65px;margin:0 4px} */
.product-view .view-default .view-prod-img .prod-thumb ul {display: flex; flex-wrap: wrap; justify-content: center;}
.product-view .view-default .view-prod-img .prod-thumb ul li {width: 12.6%;}
.product-view .view-default .view-prod-img .prod-thumb ul li + li{margin-left: 4px;}
.product-view .view-default .view-prod-img .prod-thumb ul li a {display:block;padding:5px}
.product-view .view-default .view-prod-img .prod-thumb ul li a:hover {border:1px solid #ccc}
.product-view .view-default .view-prod-img .prod-thumb ul li a img {width:100%}
.product-view .view-default .view-prod-cont {float:left;width:50%;border:1px solid #e0e0e0;background:#fafafa;box-sizing:border-box}
.product-view .view-default .view-prod-cont h4 {padding:45px 0 45px 65px;font-size:30px;color:#333;border-bottom:1px solid #e0e0e0;background:url(/html/images/sub/bullet_h4.png) no-repeat left 50%}
.product-view .view-default .view-prod-cont .prod-merit {min-height:300px;padding:40px 65px 50px}
.product-view .view-default .view-prod-cont .prod-merit .title {display:inline-block;padding:6px 10px;font-size:17px;color:#fff;background:#132d6f}
.product-view .view-default .view-prod-cont .prod-merit ul li {padding-left:15px;margin-top:15px;font-size:15px;background:url(/html/images/sub/bullet_01.png) no-repeat left 8px}
.product-view .view-default .btn-sec {clear:both;display:block;padding-top:30px}
.product-view .btn-list {display:inline-block;padding:12px 28px 14px 23px;font-size:18px;color:#fff;background:#1f8ba4 url(/html/images/sub/bullet_list.png) no-repeat 90% 50%;border-radius:2px}
.product-view .btn-list:hover {background-color:#117288}

.product-view .btn-blog{background:#00c300 url(/html/images/sub/bullet_list.png) no-repeat 90% 50%; margin-right: 1px;}
.product-view .btn-blog:hover {background-color:#009612;}
.product-view .btn-youtube{background:#cd201f url(/html/images/sub/bullet_list.png) no-repeat 90% 50%;}
.product-view .btn-youtube:hover {background-color:#b91918;}

.product-view .view-detail {margin-top:50px}
.product-view .view-detail .detail-tabs {height:44px;margin:70px 0 40px 0;border-bottom:1px solid #cacaca}
.product-view .view-detail .detail-tabs ul li {float:left;margin-right:1px}
.product-view .view-detail .detail-tabs ul li a {display:block;height:44px;line-height:44px;padding:0 60px;font-size:16px;font-weight:bold;color:#bdbdbd;background:#f3f3f3;box-sizing:border-box}
.product-view .view-detail .detail-tabs ul li a:hover {color:#666;background:#eee}
.product-view .view-detail .detail-tabs ul li a.active,
.product-view .view-detail .detail-tabs ul li.active a {color:#fff;background:#132d6f url(/html/images/sub/bullet_arrow_down.png) no-repeat 92% 50%}
















/****************** R&D ******************/
/* 기술 및 설비안내 */
.skill_con{position:relative;}

.skill_con .inbox1{}
.skill_con .inbox1 h4.sub_title{text-align:center;}
.skill_con .inbox1 p.sub_st{text-align:center;}

.skill_con .dep1{position:relative; margin-top:80px;}
.skill_con .dep1 ul{position:relative; overflow:hidden; }
.skill_con .dep1 ul.five li{width:18.125%; margin-right:2.34375%}
.skill_con .dep1 ul.five li:last-child{margin-right:0}
.skill_con .dep1 li{float:left; width:23.125%; margin-right:2.5%;}
.skill_con .dep1 li:nth-child(4){margin-bottom:0; margin-right:0}
.skill_con .dep1 li:last-child{margin-right:0}

.skill_con .dep1 li .pic{position:relative; }
.skill_con .dep1 li img{width:100%}
.skill_con .dep1 li .num{box-shadow: 5px 5px 10px rgba(0,0,0,0.1); position: absolute; right: 20px; bottom: -20px; border-radius: 100%; font-size:16px; background:#144e94; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; font-weight:700; font-family: 'Montserrat', sans-serif;}
.skill_con .dep1 li p.sub_st2{margin-top:15px; font-weight:500}

.skill_con .inbox2{position:relative; overflow:hidden; background:#f2f2f2}
.skill_con .inbox2 .in{max-width:1280px; margin:150px auto}
.skill_con .inbox2 h4.sub_title{text-align:center;}
.skill_con .inbox2 p.sub_st{text-align:center;}
.skill_con .inbox2 li p.sub_st{text-align:left;}
.skill_con .inbox2 ul{position:relative; margin-top:80px;}
.skill_con .inbox2 ul:after{content:''; display:block; clear:both}
.skill_con .inbox2 li{position:relative;  float:left; width:30%; margin-right:5%; margin-bottom:50px;}
.skill_con .inbox2 li.no7:before{ position: absolute;right:-35px; top:44px;display: block; width: 10px; height: 16px; background: url('/html/images/sub/sar.png') center no-repeat; background-size:10px; content: '';}
.skill_con .inbox2 li.no7:after{transform: rotate(90deg); position: absolute;right: auto; bottom: -33px; left:44px;top: auto;display: block; width: 10px; height: 16px; background: url('/html/images/sub/sar.png') center no-repeat; background-size:10px; content: '';}
.skill_con .inbox2 li:nth-child(3n){margin-right:0}
.skill_con .inbox2 li .icin{display:table; }
.skill_con .inbox2 li .ictxt{display: table-cell;vertical-align: middle; padding-left:25px;}
.skill_con .inbox2 li .num{font-family: 'Montserrat', sans-serif; font-weight:700; color:#333; line-height:100%; margin-bottom:10px;}
.skill_con .inbox2 li .icon{display: table-cell; width:100px;}
.skill_con .inbox2 li .icon span{display:block; width:100px; height:100px;  border-radius: 100%; box-shadow: 20px 20px 50px rgba(0,0,0,0.1);}
.skill_con .inbox2 li.no1 .icon span{background:url('/rnd/img/skill_icon01.png') center no-repeat, #fff}
.skill_con .inbox2 li.no2 .icon span{background:url('/rnd/img/skill_icon02.png') center no-repeat, #fff}
.skill_con .inbox2 li.no3 .icon span{background:url('/rnd/img/skill_icon03.png') center no-repeat, #fff}
.skill_con .inbox2 li.no4 .icon span{background:url('/rnd/img/skill_icon04.png') center no-repeat, #fff}
.skill_con .inbox2 li.no5 .icon span{background:url('/rnd/img/skill_icon05.png') center no-repeat, #fff}
.skill_con .inbox2 li.no6 .icon span{background:url('/rnd/img/skill_icon06.png') center no-repeat, #fff}
.skill_con .inbox2 li.no7 .icon span{background:url('/rnd/img/skill_icon07.png') center no-repeat, #144e94}
.skill_con .inbox2 li.no8 .icon span{background:url('/rnd/img/skill_icon08.png') center no-repeat, #fff}
.skill_con .inbox2 li.no9 .icon span{background:url('/rnd/img/skill_icon09.png') center no-repeat, #fff}
.skill_con .inbox2 li.no10 .icon span{background:url('/rnd/img/skill_icon08-2.png') center no-repeat, #fff}
.skill_con .inbox2 li.no11 .icon span{background:url('/rnd/img/skill_icon09-2.png') center no-repeat, #fff}
.skill_con .inbox2 li.no12 .icon span{background:url('/rnd/img/skill_icon10.png') center no-repeat, #fff}
.skill_con .inbox2 li.no10, .skill_con .inbox2 li.no11, .skill_con .inbox2 li.no12{margin-bottom:0}



.skill_con .inbox3{position:relative; overflow:hidden;}
.skill_con .inbox3 h4.sub_title{text-align:center;}
.skill_con .inbox3 p.sub_st{text-align:center;}
.skill_con .inbox3 .topimg {background:url('/html/images/sub/qc_img.jpg') center center/cover no-repeat; font-size:50px; font-weight:700; letter-spacing:0.3pt; color:#fff; line-height:0.7; padding-top:335px; margin-bottom:50px; font-family: 'Montserrat', sans-serif; text-align:center;}

.skill_con .inbox3 .sum_list{position:relative; overflow:hidden; margin-top:60px}
.skill_con .inbox3 .sum_list dl{position:relative; overflow:hidden; display:table; margin-bottom:100px;}
.skill_con .inbox3 .sum_list dt{position:relative; border:1px solid #ddd; box-sizing:border-box; display:table-cell; width:50%}
.skill_con .inbox3 .sum_list dt.pnone{display:none;}
.skill_con .inbox3 .sum_list dt img{width:100%}
.skill_con .inbox3 .sum_list dd{padding-left:6%; vertical-align: middle; display:table-cell;}
.skill_con .inbox3 .sum_list dl:nth-child(2n) dd{padding-right:6%; padding-left:0}
.skill_con .inbox3 .sum_list dd .tit{font-size:28px; color:#333; line-height:100%; font-weight:700; letter-spacing:-1.5pt; margin-bottom:30px;}
.skill_con .inbox3 .sum_list dd p.sub_txt{word-break: keep-all;}
.skill_con .inbox3 .sum_list dd .num{font-family: 'Montserrat', sans-serif; font-weight:700; color:#144e94; font-size:16px; margin-bottom:10px; line-height:100%}

.skill_con .inbox3 .list{overflow:hidden;margin-top:70px;}
.skill_con .inbox3 .list li{float:left;width:25%; margin-right:0 !important;}
.skill_con .inbox3 .list li dl dt{font-weight:700; position: relative; padding-bottom:12px;font-family: 'Montserrat', sans-serif;font-size:32px;color:#1c4a89;border-bottom:3px solid #f5f2f2;}
.skill_con .inbox3 .list li dl dt:after{content: "";position: absolute;left:0;bottom:-3px;width:42px;height:3px;background-color: #222;}
.skill_con .inbox3 .list li dl dd{padding-top:40px;font-size:18px;line-height: 1.667em;letter-spacing: -.075em; text-align:left !important; font-weight:300; margin-right: 30px; box-sizing:border-box;}






/* 인증서 */
.cer_list {position:relative; overflow:hidden; max-width:1280px;}
.cer_list dl{float:left; width:22.75%; margin-right:3%; margin-bottom:3%;}
.cer_list dl:nth-child(4n){margin-right:0}
.cer_list dl a{display:block;}
.cer_list dl a dt{position: relative;}
.cer_list dl a dt img{max-width: 100%; height: auto; background-size:cover; background-position:center; background-repeat: no-repeat; transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); border-radius:0; overflow:hidden;}
.cer_list dl a dt:hover img{transform:rotate(0.01deg) scale3d(1.05, 1.05, 1);}
.cer_list dt{overflow:hidden; border: 1px solid #ddd;  box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-radius:0;}
.cer_list dt img{width:100%}
.cer_list dd{overflow: hidden; padding:10px 0 0 0; width: 100%;}
.cer_list dd span{text-align:center; color:#222; letter-spacing: -0.25pt; font-size:1rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}


/* Styles for dialog window */
.white-popup.wid{max-width:960px; margin:0 auto; background:#fff}
.white-popup {background: white;text-align: left;max-width:560px;margin: 40px auto;position: relative;}
.white-popup h1{background:#144e94; color:#fff; font-weight:500; font-size:18px; padding:0 50px 0 20px; line-height:50px; letter-spacing: -0.25pt; font-family:'Noto Sans KR', sans-serif; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block}
.white-popup h1 span{line-height:100%;  font-size:15px;}
.white-popup img{max-width:100%; background-size: cover;}
.white-popup .smimg{text-align:center; padding:20px;}
.white-popup .infob{text-align:center; padding:0 20px 30px 20px}
.white-popup .etx{font-size:16px; color:#16306d;  line-height:100%; margin-bottom:10px;}
.white-popup .smtit{font-weight:600; line-height:30px; font-size:20px; color:#222;  letter-spacing: -0.8pt; margin-bottom:12px;}

.white-popup .grbox{position:relative; overflow: hidden;background:#f0f0f0; padding:25px 20px}
.white-popup dl{position:relative;overflow: hidden;  margin-bottom:12px}
.white-popup dl:last-child{margin-bottom:0}
.white-popup dt{letter-spacing: -0.3pt;position:relative;overflow: hidden; float:left; width:60px; margin-right:30px;  font-size:16px;line-height:22px; color:#222; font-weight:500}
.white-popup dd{letter-spacing: -0.3pt; font-weight:300; position:relative;overflow: hidden; float:left; font-size:16px; line-height:22px;  width: calc(100% - 90px);}


.white-popup2{max-width:960px; margin:0 auto; background:#fff}
.white-popup2 .smcbox{text-align:center; padding:20px;}
.white-popup2 .smimg img{max-width:100%;     max-height: 760px;}
/*.white-popup2 .mfp-close{background:#15613b; width:50px !important; height:50px !important; line-height:50px !important; top: -50px; right:0px;}
.white-popup2 .mfp-close:active { top:-50px; }*/

.mfp-close{opacity:1 !important; width:50px !important; height:50px !important; line-height:50px !important;}
.mfp-close-btn-in .mfp-close{color:#fff !important}
/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 



    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 

    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
    z-index: 9999999;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}





/* WARRANTY */
.warranty dl{position:relative; width:100%;}
.warranty dt{background:url('/html/images/sub/warranty_bg.jpg') center center no-repeat; background-size:100% auto; text-align:center; padding:100px 20px; border-radius:0 0 80px 0; overflow:hidden;}
.warranty dt h4.warranty_tit{font-size:2.5rem; color:#fff; font-weight:500; line-height:1.5; letter-spacing:-0.5px; margin-bottom:10px;}
.warranty dt h4.warranty_tit span{color:#27a1ff; font-weight:800; letter-spacing:-0.5px;}
.warranty dt p.warranty_txt{font-size:1.125rem; color:rgba(255,255,255,0.7); font-weight:400; line-height:1.6; letter-spacing:-0.5px;}
.warranty dt p.warranty_txt span{color:rgba(255,255,255,1); font-weight:600; letter-spacing:-0.5px;}
.warranty dt hr {display: block; margin: 30px auto; width:100px; border-top: 2px solid rgba(255,255,255,0.5);}
.warranty dd{box-sizing:border-box; padding:40px 20px 40px 180px; position: relative; border-bottom:1px solid #ddd; min-height:170px;}
.warranty dd .icon{display: flex; justify-content: center; align-items: center; width: 110px; height: 110px; border-radius:50%; background:rgba(0,0,0, 0.03); border:1px solid #ddd; position: absolute; left:20px; top:30px;} 
.warranty dd .icon i{font-size:60px; color:#000;}
.warranty dd h4.check_tit{font-size:1.25rem; color:#222; font-weight:500; line-height:-0.5px;}
.warranty dd .check_list{margin: 10px 0 0;}

.check_list{}
.check_list > li{position:relative; padding:0 0 8px 30px; font-size:1.125rem; letter-spacing:-0.5px; color:#888; line-height:150%; box-sizing:border-box;}
.check_list > li:last-child{padding-bottom:0;}
.check_list > li:before{content:'\e5ca'; font-family: "Material Symbols Outlined"; font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; color:#d71718; font-size:1.5rem; display:block; position:absolute; left:0; top:1px;}


/* CHEMCOS METHOD */
.method_con{position:relative;}
.method_con .method_box{margin-bottom:100px;}
.method_con .method_box:last-child{margin-bottom:0}
.method_con h4.linet p{font-size:16px; color:#144e94;font-family: 'Montserrat', sans-serif;  font-weight:700;line-height: 100%; margin-bottom:3px;}
.method_con h4.linet{font-family: 'Montserrat', sans-serif;  }
.method_con dl{position:relative; overflow:hidden; display:table; width:100%}
.method_con dt{padding:30px 20px; vertical-align: middle; position:relative; border:1px solid #ddd; box-sizing:border-box; text-align:center; display:table-cell; width:42%}
.method_con dt p.method_tit{}
.method_con dt img{max-width:100%}
.method_con dd{padding-left:3%; vertical-align: middle; display:table-cell;}
.method_con p.method_tit{position:relative; font-weight:700; font-family: 'Montserrat', sans-serif; color:#5b9bd5; font-size:24px; line-height: 32px; margin-bottom:15px; }
.method_con dd p.method_tit:before{ position: absolute; left: 0;  top:-1px; content:'▣'; line-height:32px; font-weight:700; font-family: 'Montserrat', sans-serif; }
.method_con dd p.method_tit{padding-left:30px;}






/** 온라인 예약내역 검색 **/
.inquiry_check {}
.inquiry_check > p.tit {text-align:center; font-size:23px; letter-spacing:-0.8pt; color:#333; font-weight:600;}
.inquiry_check > span {display:block; text-align:center; font-size:15px; letter-spacing:-0.5pt; margin:8px 0 25px 0;}
.inquiry_check dl {position:relative; width:630px; margin:0 auto 30px auto; padding:40px 30px; box-sizing:border-box; border:1px solid #ddd; box-shadow:0px 5px 0px #f6f6f6;}
.inquiry_check dl.result {width:460px;}
.inquiry_check dd {position:relative; margin-bottom:10px;}
.inquiry_check dd strong {display:inline-block; color:#333; letter-spacing:-0.5pt; font-weight:600; width:90px;}
.inquiry_check dd p {display:inline-block; letter-spacing:-0.3pt;}
.inquiry_check dd input[type=text] {border:1px solid #ddd; padding:6px;}
.inquiry_check dd input[name=email_1] {width:130px;}
.inquiry_check dd input[name=email_2] {width:160px;}
.inquiry_check dd span.alpha {display:inline-block; margin:0 5px;}
.inquiry_check dd span.status {display:inline-block; min-width:50px; padding:5px 8px; border-radius:50px; text-align:center; font-size:12px; letter-spacing:-0.5pt;}
.inquiry_check dd span.msg {display:inline-block; margin-left:10px; letter-spacing:-0.5pt; }
.inquiry_check dd select {border:1px solid #ddd; padding:6px; width:120px;}
.inquiry_check dt {position:absolute; right:0; top:0;}
.inquiry_check input[type=submit] {display:inline-block; width:201px; height:48px; line-height:45px;}
.inquiry_check input.btn_research {display:inline-block; width:201px; height:48px; line-height:45px; background:#666; color:#fff; font-weight:600; border:none; transition:all 0.3s ease-out; cursor:pointer; letter-spacing:-0.5pt;}
.inquiry_check .btn {text-align:center; margin-bottom:25px;}
.inquiry_check .btn_inquirySearch {background:#54a6f2; color:#fff; font-weight:600; border:none; transition:all 0.3s ease-out; cursor:pointer;}
.inquiry_check .btn_inquirySearch:hover{background-color:#207dd3; transition:all 0.3s ease-out;}

/* 진행상태 아이콘*/
span.status.apply {border:1px solid #54a6f2; background:#54a6f2; color:#fff;}
span.status.ok {border:1px solid #064e91; background:#064e91; color:#fff;}
span.status.cancel {border:1px solid #555; background:#fff; color:#555;}
span.status.end {background:#999; color:#fff;} /*  border:1px solid #999;  */
 
.upfile_msg {letter-spacing:-0.4pt; margin-top:5px; font-size:14px; color:#eb2329;}



/* 이용약관, 개인정보취급방침 */
.policy_con{position:relative; overflow:hidden;  letter-spacing:-0.3pt;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important; letter-spacing:-0.5pt;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; letter-spacing:-0.3pt;}

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500; letter-spacing:-0.3pt; } 

/* 천명호추가(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}






/****** 사이트맵 ******/
.sitemap {position:relative;}
.sitemap ul{position:relative; overflow:hidden;}
.sitemap ul.two{margin-top:30px}
.sitemap ul li{float:left; width:17.5%; margin-right:3.125%;  margin-bottom:3.125%;}
.sitemap ul li:last-child{margin-right:0;}
.sitemap dl{position:relative; overflow:hidden;}
.sitemap dt{ font-weight:700; background-color:#f1f1f1; padding:12px 15px; letter-spacing: -0.3pt;border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-size:17px;}
.sitemap dd a.tit{border-bottom:1px dashed #d4d4d4; display:block; padding:10px 15px;  letter-spacing: -0.3pt; font-size:16px; color:#777; font-weight:300; font-size:16px;}









/*******************************************************************************
	@media 1025px~1280px
*******************************************************************************/
@media all and (max-width:1280px){
	

.contentArea{width:94%;}
#visual .subtop_txt{margin:0 3%; width:94%}


.wid1280{margin:0 3% 150px 3%}





/****************** 회사소개 ******************/
/* 인사말 */
.greeting_con {width:100%}



/* 오시는 길*/
.location_con .con1{padding:0; border:none; margin-top:30px;}
.locationBtn{position: relative;top: 0; right: 0; margin-top: 30px; }
.locationBtn .print_btn{width:49.5%; margin-right:1%}
.locationBtn .detail_btn{width:49.5%}


/****************** R&D ******************/
/* 기술 및 설비안내 */
.skill_con .inbox2 .in{margin:150px 3%}
.skill_con .inbox2 li .icon{width:110px;}
.skill_con .inbox2 li .icon span{width:110px; height:110px}
.skill_con .inbox2 li .ictxt{padding-left:20px;}
.skill_con .inbox2 li.no7:before{width:7px; height:11px; background-size:7px; right: -10%;}
.skill_con .inbox2 li.no7:after{width:7px; height:11px; bottom:-36px; background-size:7px;  left: 50px;}

.skill_con .inbox3 .list li{width:50%; margin-bottom:50px; }
.skill_con .inbox3 .list li:nth-child(3), .skill_con .inbox3 .list li:nth-child(4){margin-bottom:0}
.skill_con .inbox3 .list li br{display:none;}
.skill_con .inbox3 .list li dl dd p.sub_st{padding-right:30px;}

/****** 사이트맵 ******/
.sitemap ul li{width:32%; margin-right:2%}
.sitemap ul li:nth-child(3n){margin-right:0}


	
}


/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){


#visual{height:260px;}

.br_pc{display:none;}


.greeting_con .v_numbers ul li i{font-size:4rem;}
.greeting_con .v_numbers ul li span {font-size:2.5rem;}
.greeting_con .v_numbers ul li span.counter_txt {font-size:2rem;}




.product-list ul li .item-thumb {height:200px;line-height:200px}
.product-list ul li .item-view {height:auto !important}
.product-list ul li .item-view .view-thumb {height:auto}
.product-list ul li .item-view .view-cont {padding:0 10px}
.product-list ul li .item-view .view-cont h4 {font-size:16px}
.product-list ul li .item-view .view-cont dl dd {padding-left:100px}
.product-list ul li .item-view .view-cont dl dt, .product-list ul li .item-view .view-cont dl dd {display:none}
.product-list ul li .item-view .view-cont dl dt {float:none;width:auto;background:none}
.product-list ul li .item-view .view-cont dl dd {padding-left:0}
.product-list ul li .item-view .view-cont dl dt:nth-child(1),
.product-list ul li .item-view .view-cont dl dt:nth-child(3),
.product-list ul li .item-view .view-cont dl dd:nth-child(2),
.product-list ul li .item-view .view-cont dl dd:nth-child(4) {display:block !important}



}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

#visual{height:240px;}


.contentArea{margin:0 auto 5rem auto}
#contents .tit_area{padding:4rem 0 2rem 0;}	
#contents h3.title{font-size:32px; letter-spacing:-2pt}



.mobile_snb .box {width:calc(50% - 35px);}


h4.linet{font-size:20px; margin-bottom:20px;}
h4.sub_title{font-size:26px; letter-spacing:-1.5pt; margin-bottom:20px;}
h4.sub_title span.bold{letter-spacing:-1.5pt;}
h4.sub_etitle{font-size:34px; line-height: 36px; margin-bottom:15px;}

h5.sub_title2{font-size:26px; letter-spacing:-1.5pt;}

p.sub_st{font-size:17px; line-height:25px;}
p.sub_st2{font-size:17px;  line-height:25px;}
p.sub_txt{font-size:15px; line-height:22px;}

p.entlite{font-size:22px;}

.wid1280{margin-bottom:6rem}

.table_style th{font-size:16px; padding:15px;}
.table_style td{font-size:15px; padding:15px;}

.table_style2 th{font-size:16px; padding:15px;}
.table_style2 td{font-size:15px; padding:15px;}

.table_style3 th{font-size:16px; padding:12px;}
.table_style3 td{font-size:15px; padding:12px;}



.line_list li{font-size:15px; line-height:20px}
.line_list li:before{top:10px;}


.subTabD .subTab a { height: 50px; font-size: 15px; line-height: 48px;}

/****************** 회사소개 ******************/
/* 인사말 */
.greeting_con {}
	.greeting_con > div {}
	.greeting_con .greeting_img {}
	.greeting_con .greeting_txt {background-size:40% auto}
	.greeting_con .sub_title:before, .greeting_con .sub_title:after {font-size:6rem; top:-20px; left:-35px}
	.greeting_con .sub_title:after {left:auto; top:auto; right:-10px; bottom:-50px}
	.greeting_con .ceo {margin-top:50px;}


/* 연혁 */
.history_top{padding:60px 20px}

.his_in{margin-bottom:40px;}
.his_in ul{padding:0 40px 0 0 }
.his_in:nth-child(odd) ul{padding:0 0 0 40px}
.his_in:nth-child(even) ul:after{}
.his_in li.year{font-size:24px;}
.his_in ul:before{ left:-5px}
.his_in ul:after{left:-5px;}

.his_table dd{font-size:15px;}
.his_table dd:before{top:12px;}
.his_in:nth-child(even) li.year:before{left: calc(100% + -35px);}
.his_in .his_img{padding:0 0 0 40px}
.his_in:nth-child(odd) .his_img{padding:0 0 0 110px; text-align:left}






/* 조직도 */
.organization_con .pic .pnone{display:block;}
.organization_con .pic .mnone{display:none;}


/* 오시는 길 */
.root_daum_roughmap .wrap_map{height:360px !important}
.location_con h4.sub_title{margin-bottom:20px}
.location_con .con1{padding:0; margin-top:20px;}
.location_con .con1 dt{font-size:15px;}
.location_con .con1 dd{font-size:15px;letter-spacing: -0.2pt;}
.location_con .con1 dl{margin-bottom:10px; display:block; margin-right:0}


.locationBtn{margin-top:20px;}
.locationBtn .detail_btn{width: 100%; text-align: center; font-size: 14px; letter-spacing: -0.3pt; height: auto; padding: 10px 0; line-height:30px}
.locationBtn .print_btn{display:none;}


.location_con .con2 li{padding:25px 20px 25px 100px; width:100%; margin-right:0}
.location_con .con2 li:nth-child(2){margin-bottom:2.5641025641%}
.location_con .con2 li p.sub_txt{margin-top:10px;}
.location_con .con2 li p.sub_txt .none{display:none;}




/****************** BUSINESS ******************/
/* Partner */
.partner_list dl{width:32%; margin-right:2%; margin-bottom:3%}
.partner_list dl:nth-child(3n){margin-right:0 !important}
.partner_list dl:nth-child(4n){margin-right:2%}




/****************** R&D ******************/
/* 기술 및 설비안내 */
.skill_con .dep1 li{width:49%; margin-right:2%; margin-bottom:30px}
.skill_con .dep1 li:nth-child(even){margin-right:0}
.skill_con .dep1 li:nth-child(odd){margin-right:2%}
.skill_con .dep1 ul.five li{width:49%; margin-right:2%; margin-bottom:30px}
.skill_con .dep1 ul.five li:nth-child(even){margin-right:0}
.skill_con .dep1 ul.five li:nth-child(odd){margin-right:2%}
.skill_con .dep1 ul.five li:last-child{margin-bottom:0}

.skill_con .dep1 li .num{right:15px; font-size:13px; width:30px; height:30px; line-height:30px; bottom:-15px;}
.skill_con .dep1 li p.sub_st2{margin-top:10px}

.skill_con .inbox2 .in{margin:6rem 3%}
.skill_con .inbox2 ul{margin-top:50px}
.skill_con .inbox2 li{text-align:center;}
.skill_con .inbox2 li .icin{display:block;}
.skill_con .inbox2 li .icon{display:block; margin:0 auto 20px auto}
.skill_con .inbox2 li .ictxt{display:block; padding-left:0}
.skill_con .inbox2 li p.sub_st{text-align:center;}
.skill_con .inbox2 li .num{font-size:13px;}
.skill_con .inbox2 li.no7:after{left: 50%; margin-left: -2px;     bottom: -30px;}

.skill_con .inbox3 .topimg {font-size:40px; padding-top:230px; margin-bottom:40px;}
.skill_con .inbox3 .sum_list{margin-top:40px;}
.skill_con .inbox3 .sum_list dl{display:block; margin-bottom:50px;}
.skill_con .inbox3 .sum_list dd .tit{font-size:20px; letter-spacing:-1pt; margin-bottom:20px;}
.skill_con .inbox3 .sum_list dt{display:block; width:100%}
.skill_con .inbox3 .sum_list dd{padding-left:0; display:block; margin-top:20px;}
.skill_con .inbox3 .sum_list dd .num{font-size:13px}
.skill_con .inbox3 .sum_list dl:nth-child(2n) dd{padding-right:0}

.skill_con .inbox3 .sum_list dt.pnone{display:block;}
.skill_con .inbox3 .sum_list dt.mnone{display:none;}

.skill_con .inbox3 .list{margin-top:30px}
.skill_con .inbox3 .list li dl dt{font-size:26px;}
.skill_con .inbox3 .list li dl dt:after{width:37px;}
.skill_con .inbox3 .list li dl dd{padding-top:30px; font-size:16px;}



/* 인증서 */
.cer_list dl{width:31.333%; margin-right:3%; margin-bottom:3%;}
.cer_list dl:nth-child(4n){margin-right:3%;}
.cer_list dl:nth-child(3n){margin-right:0}
.cer_list dt{border-radius:0;}
.cer_list dt img{border-radius:0;}
.cer_list dd{padding:8px 0 0 0;}





/* CHEMCOS METHOD */
.method_con dl{display:block; }
.method_con dt{display:block; width:100%; margin-bottom:15px;}
.method_con dd{display:block; padding-left:0; margin-top:10px}
.method_con p.method_tit{font-size:20px; margin-bottom:10px; line-height:26px;}
.method_con dd p.method_tit:before{ line-height:26px;}
.method_con dd p.method_tit{padding-left:25px}


/* 개인정보처리방침 */
.privacy_list li{width:100%}



}

/*******************************************************************************
	@media 640px~780px
*******************************************************************************/
@media all and (max-width:780px){

#visual{height:220px;}

h4.linet:before{top:-10px}
h4.linet{font-size:18px; letter-spacing:-0.5pt; margin-bottom:15px;}
h4.sub_title{font-size:24px;}
h5.sub_title2{font-size:24px; margin-bottom:40px;}

p.sub_st{font-size:16px; line-height:24px;}
p.sub_st2{font-size:16px; line-height:24px;}
p.sub_txt{font-size:14px;}



	#contents p.location {display:none; float:none;}
	#contents h3.title {color:#222; font-weight:700; font-size:2.250rem; line-height:100%;letter-spacing:-1px; float:none; text-align:center;}


/****************** 회사소개 ******************/
/* 회사개요*/
.info_con .inbox5 .inbox{border:none; padding:0}


/* 인사말 */
.greeting_con .v_numbers {padding-top:20px;}
.greeting_con .v_numbers ul li {width:32%;}
.greeting_con .v_numbers ul li i{font-size:4rem;}
.greeting_con .v_numbers ul li span {font-size:2rem;}
.greeting_con .v_numbers ul li span.counter_txt {font-size:1.5rem;}




/* 연혁 */
.history_top{padding:50px 20px; margin-bottom:40px}
.history_top h4.sub_title{word-break: keep-all;}
.history_top p.sub_st{word-break: keep-all;}
.history_top p.sub_st br{display:none;}

.tableWrap{background-position:left 1px top; padding-top:40px; padding-left:30px;}
.tableWrap:before{left:11px; transform: translateX(0%); width:9px; height:9px}
.tableWrap:after{left:15px; }
.his_in{margin-bottom:30px; }
.his_in ul{width:100%}
.his_in ul:before{top:4px; left:-19px}
.his_in ul:after{left:-19px; top:4px}
.his_in:nth-child(even) ul:after{right:auto; left:-19px;}
.his_in li.year{font-size:20px; width:70px;}
.his_in li.year:before{top:8px; width:30px;}
.his_table dd{font-size:14px; line-height:20px; width: calc(100% - 70px);}
.his_table dt{font-size:14px; line-height:20px; text-align: left; width:70px}
.his_table:before{top:12px;}


.his_in:nth-child(even) ul{float:left;}
.his_in:nth-child(even) .his_table dt{float:left;}
.his_in .his_img{float:none; clear:both; width: 100%; box-sizing: Border-box; }
.his_in:nth-child(even) ul:before{left:-19px}
.his_in:nth-child(even) li.year:before{left:0}
.his_in:nth-child(even) li.year{text-align:left;}
.his_in:nth-child(even) ul{padding:0 0 0 40px}
.his_in:nth-child(even) .his_table dd{text-align:left;}
.his_in:nth-child(even) .his_table dd:before{left:-10px}
.his_in:nth-child(even) .his_table:before{left:-10px}
.his_in:nth-child(even) .his_table{padding: 0 0 9px 0px;}
.his_in:nth-child(even) .his_table:last-child{padding: 0 0 0 0px;}


.his_in .his_img.none{display:none;}
.his_imgblock{position: relative; overflow: hidden; display:block; padding:15px 0 0 110px;}
.his_imgblock img{max-width:100%}



.product-list {padding-bottom:30px}
.product-list ul li .item-thumb {height:160px;line-height:160px}
.product-list ul li {width:32%}
.product-list ul li:nth-child(4n) {margin-right:2%}
.product-list ul li:nth-child(3n) {margin-right:0}

.product-view .view-default .view-prod-img {float:none;width:auto;margin-right:0}
.product-view .view-default .view-prod-cont {float:none;width:auto;margin-top:30px}
.product-view .view-default .view-prod-cont h4 {padding:25px 0 25px 35px;font-size:22px;background-size:3px}
.product-view .view-default .view-prod-cont .prod-merit {padding:40px 35px}

table.basic-table thead th,
table.basic-table tbody th,
table.basic-table tbody td {padding:12px 5px;font-size:16px}
.product-view .view-default .btn-sec {padding-top:10px; margin-top: 30px;}

.product-view .view-detail .detail-tabs ul li {width:33.3%;margin-right:0}
.product-view .view-detail .detail-tabs ul li a {font-size:15px;padding:0 10px;text-align:center}



/* CHEMCOS METHOD */
.method_con h4.linet{margin-bottom:5px}
.method_con h4.linet p{font-size:14px;}
p.redtxt{font-size:16px; padding:15px}
.method_con .method_box{margin-bottom:60px;}
.method_con p.method_tit{font-size:18px; line-height:24px; margin-bottom:5px;}
.method_con dd p.method_tit:before{line-height:24px;}




/****** 사이트맵 ******/
.sitemap ul li{width:48%; margin-right:4%; margin-bottom:30px}
.sitemap ul li:nth-child(odd){margin-right:4%}
.sitemap ul li:nth-child(even){margin-right:0% !important}






}
/*******************************************************************************
	@media 640px~780px
*******************************************************************************/
@media all and (max-width:680px){

#visual{height:200px;}
#visual .subtop_txt .subtop_stxt{font-size:30px; margin-top:80px;}


.mobile_snb{height:50px; border-left:none;}
.mobile_snb h2{display:none;}
.mobile_snb .box1:before{display:none;}
.mobile_snb .dropLst:after{top:17px}
.mobile_snb .box:last-child{border-right:none;}
.mobile_snb .box2 .dropLst:after{display:none;}
.mobile_snb .box3 .dropLst:after{left: 0;}
.mobile_snb .box{width:50%; height:50px}
.mobile_snb .modnone{display:none;}
.mobile_snb .dropLst .dlst{width:100%; left:0; margin-left:0}
.mobile_snb .dropLst .dlst ul{border-bottom:1px solid #ddd;}
.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a{font-size:14px; height:50px; line-height:50px; padding-left:15px;}
.mobile_snb .box.dep1 .dropLst li .value{font-size:14px; line-height:46px; height:46px}
.mobile_snb .box.dep2 .dropLst li .value{font-size:14px; line-height:46px; height:46px}
.mobile_snb .box .dropLst .txt:before{right:15px;}


.contentArea{margin:0 auto 4rem auto}
#contents .tit_area{padding: 3rem 0 2rem 0;}
#contents h3.title{font-size:28px; letter-spacing:-1pt}

h4.linet{font-size:17px}
h4.sub_title{font-size:20px; letter-spacing:-1.2pt; line-height:30px;}
h4.sub_title span.bold{letter-spacing:-1.2pt; line-height:30px;}
h4.sub_etitle{font-size:30px; line-height:32px; margin-bottom:12px;}

h5.sub_title2{font-size:20px; letter-spacing:-1.2pt;}


p.sub_st{font-size:15px; }
p.sub_st2{font-size:15px;}
p.sub_txt{font-size:14px;}

p.entlite{font-size:22px;}

.wid1280{margin-bottom:5rem}

.table_style th{font-size:15px;}
.table_style td{font-size:14px;}

.table_style2 th{font-size:15px;}
.table_style2 td{font-size:14px;}

.table_style3 th{font-size:16px; }
.table_style3 td{font-size:15px;}


.line_list li{font-size:14px; line-height:18px;}
.line_list li:before{top:9px;}



.subTabD .subTab a.on + a{border-left:1px solid #ddd;}

    .subTabD{margin:0 auto 20px auto;}
    .subTabD .subTab{display:block; overflow:hidden;}
    .subTabD .subTab a{float:left; display:block; width:50%; height:40px; font-size:14px; line-height:38px; border-right:1px solid #ddd;}
    .subTabD .subTab a:nth-child(n+3){border-top:none;}
    .subTabD .subTab a:nth-child(even){border-left:none;}

.marb80{margin-bottom:40px;}



/****************** 회사소개 ******************/



/* 조직도 */



/* 연혁 */
.history_top{padding:40px 20px; margin-bottom:30px;}


/* 오시는 길 */
.root_daum_roughmap .wrap_map{height:300px !important}
.location_con h4.sub_title{margin-bottom:13px}

.location_con .con1 dl{margin-bottom:8px}
.location_con .con1 dt{font-size:13px; width:30px;}
.location_con .con1 dd{font-size:13px; width: calc(100% - 50px);}




/****************** BUSINESS ******************/
/* Partner */
.partner_list dl{float:left; width:49%; margin-right:2%; margin-bottom:1%}
.partner_list dl:nth-child(odd){margin-right:2% !important}
.partner_list dl:nth-child(even){margin-right:0% !important}
.partner_list dd{position:relative; padding:8px 0 15px 0}
.partner_list dd p.date{font-size:12px;}
.partner_list dd p.date span.recom{font-size:12px}
.partner_list dd p.title{font-size:15px; line-height:22px;}




/****************** R&D ******************/
/* 기술 및 설비안내 */
.skill_con .dep1{margin-top:50px;}
.skill_con .dep1 li{margin-bottom:15px}
.skill_con .dep1 ul.five li{margin-bottom:15px}
.skill_con .dep1 li .num{font-size:12px; width:25px; height:25px; line-height:25px; right:10px; bottom:-12.5px}
.skill_con .dep1 li p.sub_st2{margin-top:5px}

.skill_con .inbox2 .in{margin:5rem 3%}

.skill_con .inbox2 li{margin-bottom:30px;}
.skill_con .inbox2 li .icon{width:80px; margin:0 auto 15px auto}
.skill_con .inbox2 li .icon span{width:80px; height:80px; background-size:40px !important;}
.skill_con .inbox2 li:nth-child(3n+1){clear:left;}
.skill_con .inbox2 li .num{margin-bottom:5px}
.skill_con .inbox2 li p.sub_st{font-size:13px; line-height:18px;}
.skill_con .inbox2 li.no7:before{top:35px;}
.skill_con .inbox2 li.no7:after{bottom:-20px;}


.skill_con .inbox3 .topimg {font-size:32px; padding-top:150px; margin-bottom:20px;}
.skill_con .inbox3 .sum_list dd .tit{font-size:18px; letter-spacing:-0.5pt; margin-bottom:15px;}

.skill_con .inbox3 .list li dl dt{font-size:22px; padding-bottom:8px}
.skill_con .inbox3 .list li dl dt:after{width:32px;}
.skill_con .inbox3 .list li dl dd{padding-top:20px; font-size:15px;}



/* 인증서 */
.cer_list dl{width:48.5%; margin-right:3%; margin-bottom:3%;}
.cer_list dl:nth-child(3n){margin-right:3%;}
.cer_list dl:nth-child(2n){margin-right:0}
.cer_list dt{border-radius:0;}
.cer_list dt img{border-radius:0;}




}

/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){


#visual{height:200px;}



.tableWrap ul:before {top:5px;}
.his_in ul:after{top:5px}
.tableWrap li.year:before {top:10px}
.tableWrap li.year {font-size:20px}
.his_table dd {font-size:13px}
.his_table dt{font-size:13px;}
.his_table:before {top: 11px;}


h5.datail_tit{text-align:center;}
h5.datail_tit span{font-size:2rem; padding-right:10px; padding-left:10px;}


/* 인사말 */
.greeting_con .greeting_txt p.sub_txt{width:90%;}

.greeting_con .v_numbers {padding-top:0px;}
.greeting_con .v_numbers ul li {width:33%; font-size:1.125rem;}
.greeting_con .v_numbers ul li i{font-size:3rem;}
.greeting_con .v_numbers ul li span {font-size:1.5rem; padding:10px 0 10px;}
.greeting_con .v_numbers ul li span.counter_txt {font-size:1.25rem;}



/* WARRANTY */
.warranty dt{padding:70px 20px; border-radius:0 0 40px 0;}
.warranty dt h4.warranty_tit{font-size:2rem;}
	
.warranty dd{box-sizing:border-box; padding:130px 20px 30px 20px;}
.warranty dd .icon{width:80px; height: 80px; left:20px; top:30px;} 
.warranty dd .icon i{font-size:40px;}

.check_list{}
.check_list > li{padding:0 0 8px 25px; font-size:1rem; }
.check_list > li:before{left:0; top:-1px;}



/****** 사이트맵 ******/
.sitemap dt{font-size:15px;}
.sitemap dd a.tit{font-size:14px;}	


/* 개인정보처리방침 */
.policy_con{font-size:14px; letter-spacing:-0.3pt; line-height:20px;}
p.cont_tit{font-size:16px; letter-spacing:-0.5pt;}
.cont_txt2{font-size:15px}
.email_con{padding:5%; font-size:13px; letter-spacing:-0.3pt;}


}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){ 

#contents h3.title{font-size:24px;}




h4.sub_title{font-size:18px; letter-spacing:-1pt; line-height:26px; margin-bottom:20px;}
h4.sub_title span.bold{letter-spacing:-1pt; line-height:26px;}
h4.sub_etitle{font-size:28px; line-height:30px; margin-bottom:12px;}

h5.sub_title2{font-size:18px; letter-spacing:-1pt; margin-bottom:30px}

p.redtxt{font-size:14px;}
p.entlite{font-size:20px;}


.wid1280{margin-bottom:4rem}

.table_style th{font-size:13px; padding:12px}
.table_style td{font-size:13px; padding:12px}

.table_style2 th{font-size:13px; padding:12px}
.table_style2 td{font-size:13px; padding:12px}

.table_style3 th{font-size:13px; padding:12px}
.table_style3 td{font-size:13px; padding:12px}

.line_list li{font-size:13px; line-height:16px;}
.line_list li:before{top:7px}


.subTabD .subTab a{font-size:13px; letter-spacing:-0.3pt;}


/****************** 회사소개 ******************/


/* 오시는 길*/
.locationBtn{margin-top:20px}



.product-list ul li {width:48%}
.product-list ul li:nth-child(4n),
.product-list ul li:nth-child(3n) {margin-right:2%}

.select-search select {font-size:13px}
.select-search input {width:auto;font-size:13px}
.product-view .view-default .view-prod-img .view-prod-img-screen {height:320px;line-height:320px}
.product-list ul li .item-thumb {height:120px;line-height:120px}
.product-list ul li .item-cont .subject {font-size:18px}
.product-list ul li .item-cont .cont-txt {font-size:13px}
.product-list ul li .item-view .view-cont .btn-detailview {padding:12px 0;font-size:13px}



/****************** BUSINESS ******************/
/* Partner */
.partner_list dd p.title{font-size:14px; line-height: 20px;}



/****************** R&D ******************/
/* 기술 및 설비안내 */
.skill_con .inbox2 .in{margin:4rem 3%}

.skill_con .inbox3 .sum_list dd .tit{font-size:16px;}
.skill_con .inbox3 .sum_list dd{margin-top:15px;}
.skill_con .inbox3 .sum_list dl{margin-bottom:40px;}

.skill_con .inbox3 .list li dl dt{font-size:18px;}
.skill_con .inbox3 .list li dl dt:after{width:26px;}
.skill_con .inbox3 .list li dl dd{font-size:14px;}

.skill_con .inbox2 li{margin-bottom:25px;}
.skill_con .inbox2 li .icon{width:70px; margin:0 auto 10px auto}
.skill_con .inbox2 li .icon span{width:70px; height:70px; background-size:35px !important;}



/* CHEMCOS METHOD */
.sch_bwrap2{ width: 100%; overflow-x: auto; position: relative;}
.sch_bwrap2 .table_style3{width:520px;}
.method_con p.method_tit{font-size:16px; line-height:22px;}
.method_con dd p.method_tit:before{line-height:22px;}
.method_con dd p.method_tit{padding-left:20px;}
.method_con dt.pad0{padding:0}



.responsive-dim{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6);z-index: 2; display:block;}
.responsive-dim p{position: absolute;top: 50%; left: 0;right: 0; text-align: center; transform: translate(0,-50%);}
.responsive-dim span{display: block; margin-top: 10px;color: #fff; font-weight: 600; font-size: 14px; letter-spacing: -0.3pt;}
.responsive-dim img{width:40px;}


}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:375px){

#visual{height:180px;}
#visual .subtop_txt .subtop_stxt{font-size:28px;}

#contents h3.title{font-size:20px;}

h4.linet{font-size:16px;}
h4.sub_title{font-size:16px; letter-spacing:-0.5pt; line-height:24px; margin-bottom:20px;}
h4.sub_title span.bold{letter-spacing:-0.5pt; line-height:24px;}
h4.sub_etitle{font-size:26px; line-height:28px; margin-bottom:10px;}

h5.sub_title2{font-size:16px;  letter-spacing:-0.5pt; margin-bottom:20px}

p.sub_st{font-size:14px; line-height:20px}
p.sub_st2{font-size:14px; line-height:20px}
p.entlite{font-size:18px;}

.wid1280{margin-bottom:3rem}

.table_style th{padding:10px;}
.table_style td{padding:10px;}

.table_style2 th{padding:10px;}
.table_style2 td{padding:10px;}

.table_style3 th{padding:10px;}
.table_style3 td{padding:10px;}

/****************** 회사소개 ******************/





/****************** R&D ******************/
/* 기술 및 설비안내 */
.skill_con .inbox2 .in{margin:3rem 3%}
.skill_con .inbox2 ul{margin-top:30px;}
.skill_con .inbox2 li .icon{width:60px;}
.skill_con .inbox2 li .icon span{width:60px; height:60px; background-size:30px !important;}
.skill_con .inbox2 li .num{font-size:12px;}
.skill_con .inbox2 li p.sub_st{font-size:12px;}
.skill_con .inbox2 li.no7:before{top:24px; right:-15%}
.skill_con .inbox2 li.no7:after{bottom:-27px;}


.skill_con .inbox3 .sum_list dl{margin-bottom:30px}
.skill_con .inbox3 .sum_list dd .num{font-size:12px;}
.skill_con .inbox3 .sum_list dd .tit{font-size:15px; margin-bottom:10px;}

.skill_con .inbox3 .list li dl dt{font-size:15px}
.skill_con .inbox3 .list li dl dt:after{width:22px;}
.skill_con .inbox3 .list li dl dd p.sub_st{padding-right:20px; font-size:13px;}



/****** 사이트맵 ******/
.sitemap dt{font-size:14px;}
.sitemap dd a.tit{font-size:13px;}	





/* 개인정보처리방침 */
.policy_con{font-size:13px; letter-spacing:-0.3pt; line-height:20px;}
p.cont_tit{font-size:15px; letter-spacing:-0.5pt;}
.cont_txt2{font-size:14px}
.email_con{padding:5%; font-size:13px; letter-spacing:-0.3pt;}

}

/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){



h4.sub_title{font-size:15px; line-height:20px;}
h4.sub_title span.bold{line-height:20px;}


.skill_con .inbox2 li.no7:after{bottom:-19px;}



.product-list ul li .item-cont .cont-txt {padding:10px 0;font-size:12px}
.product-list ul li .item-view .view-cont .btn-detailview {padding-left:15px;font-size:12px;text-align:left}



}

/*******************************************************************************
	@media ~280px
*******************************************************************************/
@media all and (max-width:280px){



}