/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/*Tabshield Series*/
#w_boxBG {position:relative; width:100%; height:800px; background:#efefef;}
#w_boxBG h2 {text-align:center; color:#000; font-size:30px; padding: 45px 0;}
#w_boxBG h2 strong {/*font-family:'Nanum Gothic';*/ font-weight:400;}
#w_boxBG .w_box {position:relative; width:100%; height:265px; background:#fff; margin-bottom:35px; padding:30px 30px; box-sizing:border-box;}
#w_boxBG .w_box h3 {width:100%; font-weight:400; color:#000; letter-spacing:-1px; line-height:24px; font-size:18px; word-break:keep-all;}
#w_boxBG .w_box h3 span {font-size:18px; color:#269ed9; text-decoration:underline;}
#w_boxBG .w_box .ico {position:absolute; bottom:30px;}
#w_boxBG .w_box .ico img {width:80px;}

#w_boxBG .btns {z-index:1000;}
#w_boxBG .btns .left {position:absolute; top:50%; left:10%; margin-top:10px;}
#w_boxBG .btns .right {position:absolute; top:50%; right:10%; margin-top:10px;}

@media (max-width: 992px) {
	#w_boxBG {height: auto;}
	#w_boxBG h2 {font-size:24px; padding: 25px 0;}
	#w_boxBG .w_box {position:relative; width:100%; height:185px; background:#fff; margin-bottom:35px; padding:15px; box-sizing:border-box;}
	#w_boxBG .w_box h3 {font-weight:400; color:#000; font-size:14px; line-height:20px; word-break:normal;}
	#w_boxBG .w_box h3 span {float:none; display:block; }
	#w_boxBG .w_box h3 span a {font-size:12px; color:#269ed9; text-decoration:underline;}
	#w_boxBG .w_box .ico {position:absolute; bottom:15px;}
	#w_boxBG .w_box .ico img {width:50px;}
}

/*탭쉴드 소개*/
#tabshield {}
#tabshield .col-md-6 {padding:0;}
#tabshield .img01 {width:100%; height:335px; background:url(/images/tabshield_01.jpg); background-size:cover; background-position: center center;}
#tabshield .img02 {width:100%; height:335px; background:url(/images/tabshield_02.jpg); background-size:cover; background-position: center center;}
#tabshield p.img01_tit, #tabshield p.img02_tit {text-align:center; font-size:20px; color:#000; margin:30px 0;}

@media (max-width: 992px) {
	#tabshield .img01 {width:100%; height:125px; background:url(/images/tabshield_01.jpg); background-size:cover; background-position: center center;}
	#tabshield .img02 {width:100%; height:125px; background:url(/images/tabshield_02.jpg); background-size:cover; background-position: center center;}
	#tabshield p.img01_tit, #tabshield p.img02_tit {text-align:center; font-size:16px; color:#000; margin:15px 0;}
}

/*경쟁력 비교*/
#blueBG {position:relative; margin-top:70px; width:100%; height:400px; background:#00adef;}

#blueBG .slide-01 {position:relative;}
#blueBG .slide-01 .btns {position:absolute; bottom:20px; right:20px;}

#blueBG .slide-02 {position:relative;}
#blueBG .slide-02 .btns {position:absolute; bottom:20px; right:20px;}

#blueBG .col-md-6 {padding:0;}
#blueBG .col-md-6:first-child {height:400px;}
#blueBG .col-md-6:last-child {padding:50px 50px;}
#blueBG .slide_img_1 {position:absolute; top:-46px; width:100%; height:400px; background:url(/images/kofitech_bann01.jpg); background-size:cover; background-position: center center; box-shadow:0px 19px 35px rgba(0, 0, 0, 0.6);}
#blueBG .slide_img_2 {position:absolute; top:-46px; width:100%; height:400px; background:url(/images/kofitech_bann02.jpg); background-size:cover; background-position: center center; box-shadow:0px 19px 35px rgba(0, 0, 0, 0.6);}
#blueBG .contents {}
#blueBG .contents h3, #blueBG .contents p {color:#fff;}
#blueBG .contents h3 {font-size:30px; font-weight:400;}
#blueBG .contents p {font-size:16px; margin:35px 0 75px;}

@media (max-width: 992px) {
	#blueBG {height:auto; padding-bottom:40px;}
	#blueBG .col-md-6:first-child {height:200px;}
	#blueBG .col-md-6:last-child {padding:0px 10px;}
	#blueBG .slide_img_1, #blueBG .slide_img_2 {height:200px;}
	#blueBG .contents p {margin:35px 0 35px;}
}

/*커뮤니티*/
.board_list {margin-bottom:80px;}
.board_list h3 {text-align:center; color:#000; font-size:30px; margin:60px 0 30px;}
.board_list ul {border-top:1px solid #00aced; padding:0;}
.board_list li {width:100%; height:50px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:14px 0 14px 40px; margin:0 14px 0 0; font-size:16px; line-height:24px; border-bottom:1px solid #a7a7a7; background-size:200px auto; background:url(/images/board_ico.png) 0px 10px no-repeat;}
.board_list li a {}


/*커뮤니티*/
.sub-title {padding:0 0 5px;text-align:left;font-size:26px;border-bottom:1px solid #ddd;color:#000;}

/*커뮤니티*/
.textBoxWrap { width:100%; /*min-height:300px;*/ margin-top:30px; /*padding-left:175px;*/}
.textBoxWrap + .textBoxWrap { border-top:1px solid #e5e5e5;}
.textBoxWrap  .identityTitle { font-size:22px; text-align:left; color:#000; font-weight:400; word-break:keep-all;}
.textBoxWrap  .line_Box { margin-top:-18px;  padding:3px 0; text-align:center; background:#9adeff;}
/*.textBoxWrap:before { content:''; display:block; position:absolute; top:80px; left:175px; width:1px; height:80px; background:#e5e5e5;}*/
.textBoxWrap .textBox {}
.textBoxWrap .textBox > p { font-size:16px; color:#666; font-weight:300; line-height:24px; word-break:keep-all;}
.textBoxWrap .lineBox { overflow:hidden; margin-top:120px; border:1px solid #ebebeb; padding:78px 68px 60px;}
.textBoxWrap .lineBox .img { float:left; width:50%;}
.textBoxWrap .lineBox .text { float:left; width:50%; margin-top:8px; font-size:12px; color:rgba(17,17,17,0.7); line-height:2; font-weight:300;}

@media (max-width: 991px) {
  	.textBoxWrap {
		height: auto;
	}

	.textBoxWrap  .identityTitle {
		margin-top: 0px;
	}
}


.greetings p {line-height:30px; word-break:keep-all;}

.imgWrap {position: relative;width: 100%;}
.imgWrap.shadow {box-shadow:10px 10px 30px rgba(0,0,0,0.2)}
.imgWrap .line {display: block;position: absolute;top:-36px;left:50%;width: 1px;height: 60px;}
.imgWrap .line .top {display: block;width: 1px;height: 36px;background: #ddd;}
.imgWrap .line .bottom {display: block;width: 1px;height: 24px;background: #fff;}
.imgWrap img {display: block;width:auto;margin:0 auto;}
.imgWrap .txtWrap{position: absolute;left:50%;bottom:0;margin-left: -400px;padding-top: 30px;width: 800px;text-align: center;background: #fff;}
.imgWrap .txtWrap .tit{font-size: 38px;color: #222;}
.imgWrap .txtWrap .tit strong {font-family: 'Cute Font', cursive;}
.imgWrap .txtWrap .tit span{color: #0078d4;margin-bottom: 10px;}
.imgWrap .txtWrap .txt{font-size: 24px;color: #444; font-family: 'Cute Font', cursive;}

@media (max-width: 991px) {

	.imgWrap .txtWrap {
		padding-top: 0;
		position: static;
		width: 100%;
		left: 0;
		margin: 0;
		background: #f1f1f1;
		padding: 10px 0;
	}

	.imgWrap .txtWrap .txt {
		font-size: 18px;
		margin: 0;
	}
	
	.imgWrap .txtWrap .tit {
		font-size: 24px;
	}
}


/* img */
.pc-img {display: block !important;}
.mb-img {display: none !important;}


.company_history{position:relative;margin:60px 0 30px;padding-left:25.45%}
.company_history h4 {position:absolute;top:0;left:0;margin:0;font-family:'Nanum Gothic';font-size:24px;color:#269ed9;font-weight:900;line-height:24px;}
.company_history > ul > li{position:relative;padding:35px 0 35px 90px;border-top:1px solid #e6e6e6;}
.company_history > ul > li > h3 {position:absolute;margin:0;left:0;font-size:24px;line-height:24px;}
.company_history > ul > li:first-child{border-top:none;padding-top:0;}
.company_history > ul > li:first-child > em{top:0;}
@media (max-width: 991px) {
	.company_history {
		padding-left: 0;
	}

	.company_history h4 {
		position: static;
		margin-bottom: 30px;
	}

}

/* dot 텍스트 리스트 */
.dot_txt_list{}
.dot_txt_list > li{position:relative;font-size:16px;line-height:24px;padding-left:6px;}
.dot_txt_list > li:after{content:'·';position:absolute;top:0;left:0;display:block;}

/* 코팅액 제조방법 */
.bu{margin:0; padding:5px 0 5px 0; text-align: left;}
.bu li{position:relative; margin:5px 0; padding:0 0 2px 15px; font-size:16px; color:#555; line-height:25px; list-style:none; }
.bu li:before{position:absolute; display:inline-block; content:'';}
.bu li li{padding-left:12px; }
.bu > li:before{ top:10px; left:0; width:9px; height:2px; border-radius:1px; background:#333; transform: rotate( 130deg );}
.bu li li:before{left:0; top:10px; width:5px; height:2px; background-color:#9f9f9f;}
.bu li li li:before{left:4px; top:9px; width:3px; height:3px; background:#555; }
.bu ul,.bu ol{margin:0; padding:4px 0 6px 20px; }

.box1 {background:url('/images/box_bg1.gif') repeat left top; width:100%; display:inline-block; vertical-align:top; padding:10px; box-sizing:border-box; margin:15px 0 15px 0}
.box1 .box1_wrap {position:relative; width:100%; display:inline-block; vertical-align:top; background:#fff;  box-sizing:border-box; padding:30px 45px;} 
.box1 .box1_wrap h3.h0 {font-size:22px; font-weight:400; color:#333; line-height:1.25em;}
.box1 .box1_icon_wrap.small_icon {padding:30px 45px 30px 135px} 
.box1 .box1_icon_wrap.small_icon i.icon {left:20px}
.box1 .box1_icon_wrap {position:relative; width:100%; display:inline-block; vertical-align:top; background:#fff;  box-sizing:border-box; padding:30px 45px 30px 185px;} 
.box1 .box1_icon_wrap i.icon {position:absolute; top:50px; left:50px; width:100px; height:100px; display:inline-block; background-repeat:no-repeat; background-position:center top; }
.box1 .box1_icon_wrap h3 {}
.box1 .box1_icon_wrap h3:first-child {margin-top:0px}
.box1 .box1_icon_wrap h3:before {display:none}

@media only screen and (max-width:640px){
	.box1 {width: calc(100% + 4%);  padding: 10px; margin: 0 0 20px -2%;}
	.box1 .box1_icon_wrap, .box1 .box1_icon_wrap.small_icon {padding:20px 5%}
	.box1 .box1_wrap{padding:20px 5%}
	.box1 .box1_wrap h3.h0 {font-size:20px;}
	.box1 .box1_icon_wrap i.icon  {display:none}
}

/* 코팅액 제조방법 */
.v_list {position:relative;}
.v_list > ul > li {}
.v_list > ul > li > dl dt {font-size: 18px; color:#000; margin-bottom: 10px;font-weight:  bold;}
.v_list > ul > li > dl dt > span {background:url(/images/list_icon.png) no-repeat 0 0;color:  #fff;display:  inline-block;width: 34px;height: 38px;font-size: 0.8em;text-align: center;padding: 9px 13px;font-size:  0.8em;margin-right: 13px;}
.v_list > ul > li > dl dt em {color:#00529b}
.v_list > ul > li > dl dd {padding-left: 50px;margin-bottom: 5px; font-size:16px;}
.v_list > ul > li > dl dd span {display:block}
.v_list .r_img {position:absolute;right:0;top: 0;}
@media (max-width:640px){
	.v_list > ul > li > dl dt {font-size: 16px;}
	.v_list > ul > li > dl dt > span {margin-right: 7px;}
	.v_list > ul > li > dl dd {padding-left: 0px;}
}

.table2 {position:relative; width:100%; margin:15px 0 30px; border-top:2px solid #000;}
.table2 caption {position:static; }
.table2 thead {background:#128852; }
.table2 thead th {padding:20px 5px; background-color:#f7f7f7; border:1px solid #d9d9d9; font-size:16px; font-weight:bold; color:#333333; vertical-align: middle;  word-break:keep-all }
.table2 thead tr:first-child th {border-top:2px solid #333; }
.table2 tbody th,.table2 tbody td {padding:15px 15px; border:1px solid #d9d9d9; vertical-align:middle;  text-align:center; word-break:keep-all}
.table2 th {color:#444; font-size:14px; font-weight:600; text-align:center; }
.table2 tbody th {background-color:#f7f7f7; font-size:16px; color:#000; font-weight:normal}
.table2 tbody td {font-size:14px; color:#555; border:1px solid #d9d9d9; text-align:center;}
.table2 tfoot th,.table2 tfoot td {padding:20px 5px; border:1px solid #d9d9d9; background-color:#f7f7f7; }
.table2 td img {vertical-align:middle; }
.table2.type2 {border-top:2px solid #333}
.table2.narrow th, .table.narrow td {padding: 10px 3px; font-size: 14px;}

h3.made_title {margin:15px 0 15px 0; word-break:keep-all; padding:15px 0 0; color: #269ed9; font-size: 20px; font-weight: 600; font-family: Wonchuri;}

.h3-business-box {background:#fff;margin-top:15px;height:270px;border:1px solid #aaa;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.h3-business-img img {margin:20px auto}
.h3-business-content {padding:0 10px 10px}
.h3-business-content p {font-size:12px; font-weight:bold; text-align: center; word-break:keep-all; letter-spacing:-0.5px;}
@media (max-width: 991px) {
  	.h3-business-box {
		height: auto;
	}
}

/**/
.table3 {position:relative; width:100%; margin:15px 0 30px; border-top:2px solid #000;}
.table3 caption {position:static; }
.table3 thead {background:#128852; }
.table3 thead th {padding:20px 5px; background-color:#f7f7f7; border:1px solid #d9d9d9; font-size:16px; font-weight:bold; color:#333333; vertical-align: middle;  word-break:keep-all }
.table3 thead tr:first-child th {border-top:2px solid #333; }
.table3 tbody th,.table3 tbody td {padding:15px 15px; border:1px solid #d9d9d9; vertical-align:middle;  text-align:center; word-break:keep-all}
.table3 th {color:#444; font-size:14px; font-weight:600; text-align:center; }
.table3 tbody th {background-color:#f7f7f7; font-size:16px; color:#000; font-weight:normal}
.table3 tbody td {font-size:16px; color:#555; border:1px solid #d9d9d9; text-align:center;}
.table3 tfoot th,.table3 tfoot td {padding:20px 5px; border:1px solid #d9d9d9; background-color:#f7f7f7; }
.table3 td img {vertical-align:middle; }
.table3.type2 {border-top:2px solid #333}
.table3.narrow th, .table.narrow td {padding: 10px 3px; font-size: 14px;}
@media (max-width: 991px) {
  	.table3 tbody th,.table3 tbody td {
		padding:15px 15px;
	}
}