/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1280px; height:400px; margin:0px auto; text-align:left; position:relative;}
#svisual:before {position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 100%; height: 400px; background: #000; opacity: 0.3;}

#svisual.sv1{background:url(../img/sub/s_top01.jpg)}
#svisual.sv2{background:url(../img/sub/s_top02.jpg)}
#svisual.sv3{background:url(../img/sub/s_top03.jpg)}
#svisual.sv4{background:url(../img/sub/s_top04.jpg)}

#svisual .s_text{position:relative; top:40%; max-width:1280px; margin:0 auto; padding:0; box-sizing:border-box; color:#fff; text-align:center}
#svisual .s_text h3{ font-size:45px; font-weight:700; margin-bottom:10px; position:relative;}
#svisual .s_text h3 span{display:inline-block;}
#svisual .s_text span{display:block; font-size:2em; font-family: 'Gmarket Sans', sans-serif;}

#container{z-index:0;}
#container .line.gray{top:-28px; height:103%;}
#container .line.gray i{border-right:1px solid rgba(0,0,0,0.03);}
#page_sch{ display:none}


@media (max-width:1600px) {
	#svisual .s_text{width:1000px}
}
@media (max-width:1500px) {
	#svisual .s_text{width:90%; max-width:90%;}
	#svisual .line .left{left:calc(50% - 45%); left:-webkit-calc(50% - 45%);}
	#svisual .line .right{right:calc(50% - 45%); right:-webkit-calc(50% - 45%);}
}
@media (max-width:1400px) {
	#svisual .line{display:none;}
	#svisual .s_text{width:100%; max-width:100%;}
}

@media (max-width:1280px) {
#svisual { min-width:100%; background-position:center top; background-size:cover;}

}
@media (max-width:850px) {
	#svisual{height:300px;}	
	#svisual .s_text{padding:0; text-align:center; top:50%;}
	#svisual .s_text h3{font-size:38px; margin-bottom:0;}
	#container .line.gray{top:0;}
}
@media (max-width:768px) {
    #svisual.sv1{background-position: 59% bottom;}
    #svisual.sv2{background-position: 33%;}
    #svisual.sv3{background-position: 10%;}
    #svisual.sv4{background-position: 30%;}
    
	#svisual .s_text{top:40%; width:80%;}
}
@media (max-width:550px) {
	#svisual .s_text h3{font-size:25px; margin:0 0 5px}
}

/* 사업분야 */
.box{}
.box h2{font-size:30px; font-weight: bold; color:#333; line-height:1.5em;}
.box:after{content:''; display:block; clear:both;}
.box > div{float:left; width:50%; height:413px;}
.box .area_img{display:block; max-width:100%; overflow:hidden;}
.box .area_img img{height:100%;}
.box .area_txt{display:table; background:#fff; padding:40px; box-sizing:border-box; text-align:center;}
.box .area_txt .area_txt_wrap{display:table-cell; height:100%; vertical-align:middle;}
.box .area_txt .area_txt_wrap h4{display:inline-block; margin:0 0 8px; font-size:20px; font-weight:400; background:#192448; border-radius:50px; box-sizing:border-box; padding:7px 15px; color:#fff;}
.box .area_txt .area_txt_wrap p{width:80%; margin:0 auto; font-size:18px; font-weight:400; color:#333; line-height:1.8em; word-break:keep-all;}
.box:nth-child(2n) .area_img{float:right;}

.box_img{margin:0 0 30px; width:100%; height:0; padding-bottom:33%;}
.box_img.business{background:url(../img/sub/img_business02.jpg)no-repeat center; background-size:cover !important;}
.box_img.realestate{background:url(../img/sub/img_business04_01.jpg)no-repeat center; background-size:cover !important;}
.box_img.marin{background:url(../img/sub/img_marin.jpg)no-repeat center; background-size:cover !important;}
.box_txt.marin{text-align:center;}
.box_txt{margin:4%;}
.box_txt > h2{font-size:30px; font-weight:bold; color:#333; line-height:1.4em; word-break:keep-all;}
.box_txt > h3{display:inline-block; padding:3px 0 0; font-size:26px; font-weight:500; color:#333; line-height:1.4em;}
.box_txt > p{display:block; margin:10px 0 40px; width:80%; font-size:17px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.box_txt > span{display:inline-block; width:80%; margin:20px 10%; font-size:17px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.box_txt ul{margin:20px 0 0;}
.box_txt ul > li{position:relative; display:block; padding:0 0 14px 30px; font-size:17px; font-weight:400; color:#333; line-height:1.5em;}
.box_txt ul > li:before{content:''; position:absolute; top:2px; left:0; width:20px; height:20px; background:url(../img/sub/icon_check.svg)no-repeat center; background-size:cover;}

.box_list{margin:40px 0 0;}
.box_list > li{position:relative; width:100%; height:140px; margin:20px; background:#fff; margin:0 0 20px;}
.box_list > li > i{position:absolute; top:0; left:0; width:35px; height:35px; line-height:35px; background:#192448; font-style:normal; font-size:18px; font-weight:500; color:#fff; text-align:center;}
.box_list > li .area_txt{display:table; padding:0 20px 0 0; box-sizing:border-box; margin-left:auto; width:85%; height:100%; text-align:left;}
.box_list > li .area_txt_wrap{display:table-cell; height:100%; vertical-align:middle;}
.box_list > li .area_txt_wrap h3{font-size:20px; font-weight:600; color:#333;}
.box_list > li .area_txt .area_txt_wrap p{display:block; padding:5px 0 0; width:100%; font-size:17px; font-weight:400; color:#555; word-break:keep-all;}
.box_list > li .area_icon{position:absolute; top:50%; left:0; width:15%; height:65px; transform:translateY(-50%);}
.box_list > li:nth-child(1) .area_icon{background:url(../img/sub/icon_business01.svg)no-repeat 50% 50%; background-size:27%;}
.box_list > li:nth-child(2) .area_icon{background:url(../img/sub/icon_business02.svg)no-repeat 50% 50%; background-size:30%;}
.box_list > li:nth-child(3) .area_icon{background:url(../img/sub/icon_business03.svg)no-repeat 50% 50%; background-size:30%;}
.box_list > li:nth-child(4) .area_icon{background:url(../img/sub/icon_business04.svg)no-repeat 50% 50%; background-size:30%;}
.box_list > li:nth-child(5) .area_icon{background:url(../img/sub/icon_business05.svg)no-repeat 50% 50%; background-size:30%;}
body.ie .box_list > li .area_icon{background-size:100% 100% !important;}

.box.v2 .box_list{margin:50px 0 0;}
.box.v2 .box_list > li{height:auto; padding:25px;}
.box.v2 .box_list > li .area_txt{width:100%;}
.box.v2 .box_list > li .area_txt h3{display:block; position:relative; padding:0 0 0 25px; font-size:20px; font-weight:600; color:#333;}
.box.v2 .box_list > li .area_txt h3:before{content:''; position:absolute; top:0; left:0; width:20px; height:20px; background: url(../img/sub/icon_check.svg)no-repeat center; background-size: cover;}
.box.v2 .box_list > li .area_txt p{display:block; padding:8px 0 0; font-size:17px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.box_list.v2{margin:50px 0 0; text-align:center;}
.box_list.v2 > li{display:inline-block; vertical-align:top; margin:0 40px 0 0; box-sizing:border-box; width:calc(100% / 3 - 29px); width:-webkit-calc(100% / 3 - 29px); height:auto;}
.box_list.v2 > li:nth-child(3n){margin:0;}
.box_list.v2 > li .area_img{}
.box_list.v2 > li .area_img img{max-width:100%;}
.box_list.v2 > li .area_txt{display:block; padding:20px; width:100%; box-sizing:border-box; text-align:center;}
.box_list.v2 > li .area_txt h3{font-size:20px; font-weight:600; color:#333;}
.box_list.v2 > li .area_txt p{padding:5px 0 0; font-size:17px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.ctt_business03 .box_list.v2{text-align:left;}
.ctt_business03 .box .area_img img{height:auto;}
.ctt_business03 .box_list.v2 > li:nth-child(n+4){margin-top:40px;}
.ctt_business03 .box_list.v2 > li .area_txt{display:table; min-height:170px;}

@media (max-width:1024px){
	.box_list > li .area_icon{width:20%;}
	.box_list > li .area_txt{width:80%;}
	.box_list > li:nth-child(1) .area_icon{background:url(../img/sub/icon_business01.svg)no-repeat 50% 50%; background-size:30%;}
	.box_list > li:nth-child(2) .area_icon{background:url(../img/sub/icon_business02.svg)no-repeat 50% 50%; background-size:35%;}
	.box_list > li:nth-child(3) .area_icon{background:url(../img/sub/icon_business03.svg)no-repeat 50% 50%; background-size:35%;}
	.box_list > li:nth-child(4) .area_icon{background:url(../img/sub/icon_business04.svg)no-repeat 50% 50%; background-size:35%;}
	.box_list > li:nth-child(5) .area_icon{background:url(../img/sub/icon_business05.svg)no-repeat 50% 50%; background-size:35%;}

	.box_txt > span br{display:none;}
	.box_list.v2 > li{margin:0 20px 0 0; width:calc(100% / 3 - 16px); width:-webkit-calc(100% / 3 - 16px);}

}
@media (max-width:950px){
	.box > div{height:340px;}
	.box .area_txt .area_txt_wrap h4{font-size:18px;}
	.box .area_txt .area_txt_wrap p{width:100%; font-size:17px; line-height:1.6em;}
	.ctt_business03 .box_list.v2 > li .area_txt{min-height:190px;}
}
@media (max-width:850px){
	.box_list.v2 > li{margin:0 20px 0 0; width:47%;}
	.box_list.v2 > li:nth-child(1){margin:0 20px 20px;}
	.ctt_business03 .box_list.v2 > li{float:left; width:calc((100%/2) - 10px); width:-webkit-calc((100%/2) - 10px);}
	.ctt_business03 .box_list.v2 > li:nth-child(1),
	.ctt_business03 .box_list.v2 > li:nth-child(3n){margin:0 20px 20px 0;}
	.ctt_business03 .box_list.v2 > li:nth-child(2n){margin:0;}
	.ctt_business03 .box_list.v2 > li:nth-child(n+4){margin-top:0;}
}
@media (max-width:768px){
	.box h2{font-size:27px;}
	.box > div{height:300px;}
	.box_txt > h2{font-size:27px;}
	.box_txt > h3{font-size:24px;}
	.box .area_txt{padding:20px;}
	.box_txt > span{margin:10px 10%;}
	.box_list{margin:20px 0 0;}
	.box_list > li{margin:0 0 2%;}
	.box_list > li .area_icon{width:25%;}
	.box_list > li .area_txt{width:75%;}
	.box_list.v2{margin:30px 0 0;}
	.box_list.v2 > li .area_txt h3{font-size:18px;}
	.box_list.v2 > li .area_txt p{font-size:16px;}
}

@media (max-width:550px){
	.box h2{font-size:25px;}
	.box_txt{margin:0 0 20px;}
	.box_txt.marin{margin:0 3% 10px;}
	.box_txt > h2{font-size:25px;}
	.box_txt > h3{font-size:22px;}
	.box_txt > span{margin:10px 0 0; width:100%; font-size:15px;}
	.box_txt ul{margin:15px 0 0;}
	.box > div{height:240px;}
	.box_list > li{margin:0 0 10px 0;}
	.box_list > li > i{width:30px; height:30px; line-height:30px;}
	.box_list > li .area_txt_wrap h3{font-size:18px;}
	.box_list > li .area_txt .area_txt_wrap p{font-size:16px; line-height:1.5em;}
	.box_list > li:nth-child(1) .area_icon{background:url(../img/sub/icon_business01.svg)no-repeat 50% 50%; background-size:35%;}
	.box_list > li:nth-child(2) .area_icon{background:url(../img/sub/icon_business02.svg)no-repeat 50% 50%; background-size:45%;}
	.box_list > li:nth-child(3) .area_icon{background:url(../img/sub/icon_business03.svg)no-repeat 50% 50%; background-size:45%;}
	.box_list > li:nth-child(4) .area_icon{background:url(../img/sub/icon_business04.svg)no-repeat 50% 50%; background-size:45%;}
	.box_list > li:nth-child(5) .area_icon{background:url(../img/sub/icon_business05.svg)no-repeat 50% 50%; background-size:45%;}
	.box_txt ul > li{font-size:16px;}
	.box > div{width:100%; height:auto;}
/*	.box .area_img img{width:100%;}*/
	.box .area_txt{padding:40px 20px;}	
	.box_txt > p{margin:10px 0 30px; width:100%;}
	.box.v2 .box_list{margin:20px 0 0;}

	.box_list.v2 > li{margin:0 10px 0 0; width:47%;}
	.box_list.v2 > li:nth-child(1){margin:0 10px 10px;}
	.box_list.v2 > li .area_txt{width:100%; margin:0;}

}

@media (max-width:500px){
	.box h2{font-size:25px;}
	.ctt_business03 .box_list.v2 > li .area_txt{min-height:200px;}
}

@media (max-width:450px){
	.box h2{font-size:20px;}
	.box_txt > h2{font-size:20px;}
	.box_txt > h3{font-size:18px;}
	.box_list > li .area_icon{width:30%;}
	.box_list > li .area_txt{width:70%;}
	.box_list.v2 > li,
	.ctt_business03 .box_list.v2 > li{margin:0 0 10px; width:100%; }
	.ctt_business03 .box_list.v2 > li:nth-child(2n){margin:0 0 10px;} 
	.ctt_business03 .box_list.v2 > li:nth-child(1), 
	.ctt_business03 .box_list.v2 > li:nth-child(3n){margin:0 0 10px;} 
 	.ctt_business03 .box_list.v2 > li .area_txt{min-height:auto;}


}
@media (max-width:400px){

}

/* 연혁 */
.box_img{margin:0 0 50px; width:100%; height:0; padding-bottom:35%; box-shadow: 2.868px 4.096px 16px 4px rgba(0, 0, 0, 0.07);}
.box_img.history{background:url(../img/sub/img_history01.jpg)no-repeat center; background-size:cover !important;}
.box.history{position:relative; margin:50px 0 50px;}
.box.history > h3{font-size:26px; font-weight:300; color:#333; line-height:1.4em;}
.box.history > h3 .txt_blue{font-weight:600;}
.box.history > span{display:inline-block; position:absolute; top:50px; left:50%; width:2px; height:100%; background:#eee;}
.box.history > ul{width:100%;}
.box.history > ul:after{content:''; display:block; clear:both;}
.box.history > ul > li{position:relative; content:''; margin:0 0 50px; padding:0; width:50%; border:none; transition:all 0.3s ease;}
.box.history > ul > li.active{opacity:1;  transform:translateY(0px); transition:all 0.3s ease;}
.box.history > ul > li.active em:after{background:#273069;}
.box.history > ul > li > em{position:relative; display:block; font-style:normal; font-size:35px; font-weight:800; color:#333; line-height:1.6em;}
.box.history > ul > li > em:after{content:''; position:absolute; top:30px;; width:12px; height:12px; background:linear-gradient(135deg, rgba(198,212,92,1) 0%, rgba(50,102,50,1) 100%); border-radius:50px;}
.box.history > ul > li.right > em:after{margin-left:-5px; left:0;}
.box.history > ul > li.left > em:after{margin-right:-6px; right:0;}
.box.history > ul > li > ul{display:block;}
.box.history > ul > li > ul > li{display:block;}
.box.history > ul > li > ul > li > p{position:relative; display:inline-block; padding:0 0 0 10px;font-size:16px; font-weight:400; color:#333; line-height:1.7em; word-break:keep-all;}
.box.history > ul > li > ul > li > p:before{content:''; position:absolute; top:13px; left:0; width:4px; height:1px; background:#333;}
.box.history > ul > li > .area_img.v1{margin:20px 38px 0 0;}
.box.history > ul > li > .area_img.v2{margin:20px 38px 0 45px; }
.box.history > ul > li.right{float:right; margin-left:50%;}
.box.history > ul > li.right > em{padding:0 0 5px 38px;}
.box.history > ul > li.right > ul{padding:0 0 0 38px;}
.box.history > ul > li.left{float:left; margin-right:50%; text-align:right;}
.box.history > ul > li.left > em{padding:0 38px 5px 0;}
.box.history > ul > li.left > ul{padding:0 38px 0 0;}
.box.history #historyLine{display:block; width:2px; height:0%; background:rgba(198,212,92,1);}
.txt_blue{color:#273069; font-weight:400;}


@media (max-width:850px) {
	.box.history > span{left:0; top:130px;}
	.box.history > ul{margin:50px 0 0;}
	.box.history > ul > li{width:100%; margin:0 0 30px;}
	.box.history > ul > li > em{font-size:25px;}
	.box.history > ul > li > em:after{top:25px;}
	.box.history > ul > li.right{float:left; margin-left:0;}
	.box.history > ul > li.left{text-align:left;}
	.box.history > ul > li.left > em{padding:0 0 5px 38px;}
	.box.history > ul > li.left > em:after{right:unset; left:-5px;}
	.box.history > ul > li.left > ul{padding:0 0 0 38px;}
	.box.history > ul > li > .area_img.v1{margin:20px 0 0 38px;}
}
@media (max-width:550px) {
	.box_img{margin:0 0 30px; padding-bottom:45%;}
	.box.history > ul{margin:30px 0 0;}
	.box.history > ul > li.right > em{padding:0 0 5px 20px;}
	.box.history > ul > li.right > ul{padding:0 0 0 20px;}
	.box.history > ul > li.left > em{padding:0 0 5px 20px;}
	.box.history > ul > li.left > ul{padding:0 0 0 20px;}
	.box.history > ul > li > .area_img.v1,
	.box.history > ul > li > .area_img.v2{margin:20px 0 0 20px;}
	.box.history > ul > li > em:after{top:20px;}
}
@media (max-width:450px) {
	.box.history > h3{font-size:22px;}
	.box.history > ul > li > .area_img{width:80%;}
	.box.history > ul > li > .area_img img{max-width:100%;}
}
.btn_sale a{background:#0032a0; border-radius:0px; padding:17px 30px; margin-left:20px; /*box-shadow:0 3px 6px 0 rgb(238, 78, 71, 0.2);*/ color:#fff !important; transition:all 0.5s; font-size:1.35em} 
.btn_sale a:hover{ background:#0c0d3c; color:#fff; transition:all 0.5s;}


/* 파트너쉽 */
.partner_list{}
.partner_list:after{content:''; display:block; clear:both;}
.partner_list > li{float:left; width:calc(100% / 5);  width:-webkit-calc(100% / 5); height:156px; background:#fff; border:1px solid #eee; border-left:none; box-sizing:border-box;}
.partner_list > li:first-child{border-left:1px solid #eee;}
.partner_list > li > a{position:relative; display:block; height:100%;}
.partner_list > li img{max-width:100%;}
.partner_list > li span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:17px; font-weight:300; color:#999;}

@media (max-width:1024px){
	.partner_list > li{width:-webkit-calc(100% / 3); width:calc(100% / 3)}
	.partner_list > li:nth-child(n+4){border-top:none;}
}
@media (max-width:550px){
	.partner_list > li{width:-webkit-calc(100% / 2); width:calc(100% / 2);}
	.partner_list > li:nth-child(n+3){border-top:none;}

}

/*오시는길*/
.map{}
.map_add_wrap{width:100%; overflow:hidden; padding:0 0 28px 0; font-size:1.3em; font-weight:500; box-sizing:border-box; text-align:center;}
.map_box_wrap{width:100%; overflow:hidden; border:1px dotted #ddd; display:flex; box-shadow:0px 0px 4px rgba(0,0,0,0.05);}
.map_box_wrap .map_bx{width: 33.333%; float:left; box-sizing:border-box; border-left:1px dotted #ddd; padding:8px; align-items:stretch; text-align:center;}
.map_box_wrap .map_bx:first-child{border:0;}
.map_box_wrap .map_bx .t{line-height:1em; font-size:1.22em; font-weight:500; margin:6px auto 6px;}
.map_box_wrap .map_bx .c{font-size:1.15em; letter-spacing:-0.2px;}
.map_box_wrap .map_bx a.bt{display:inline-block; background:#f8f8f8; font-size:0.9em; padding:2px 8px; margin:2px; border-radius:3px; border:1px solid #dadada;}
.map_box_wrap .map_bx a.bt:hover{font-weight:500; color:#FFF; background:linear-gradient(135deg, rgba(198,212,92,1) 0%, rgba(50,102,50,1) 100%); border:1px solid #c6d45c;}
@media (max-width:1200px) {
.map_add_wrap{padding:14px 6px; font-size:1em}
.map_box_wrap{display:block;}
.map_box_wrap .map_bx{width:50%;}
.map_box_wrap .map_bx:first-child{border-bottom:1px dotted #ddd;}
.map_box_wrap .map_bx:nth-of-type(2){border-top:0; border-bottom:1px dotted #ddd;}
.map_box_wrap .map_bx:nth-of-type(3){border-left:0;}
.map_box_wrap .map_bx .t{font-size:1.15em; margin:4px auto 4px;}
.map_box_wrap .map_bx .c{font-size:1.0em;}
.map_box_wrap .map_bx a.bt{font-size:0.9em; padding:1px 8px; margin:1px;}
}

/* 진행사업 */
.area_photo{position:relative; width:100%;}
.area_photo,
.area_photo .list{height:600px;}
.area_photo .list li{z-index:1 !important; height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:cover;}
.area_photo .bx-pager{display:block; position:absolute; left:50%; bottom:-40px; margin:0 0 0 -42px; z-index:99;}
.area_photo .bx-pager-item{display:inline-block;}
.area_photo .bx-pager-item .bx-pager-link{display:block; display:inline-block; margin:0 7px 0 0; width:10px; height:10px; background:#fff; border-radius:50px; text-indent:-9999px; transition:all 0.5s;} 
.area_photo .bx-pager-item .bx-pager-link.active{background:#192448;}
.area_photo .bx-controls-direction{position:absolute; bottom:0; right:0; z-index:99; background:#fff;}
.area_photo .bx-controls-direction a{display:block; float:left; width:70px; height:70px; background:#fff; line-height:70px; text-align:center; text-indent:-9999px;}
.area_photo a.bx-prev{position:relative; background:url(../img/sub/icon_larrow.svg)no-repeat center; background-size:10px 12px;}
.area_photo a.bx-prev:before{content:''; position:absolute; top:50%; right:0; width:2px; height:14px; background:#eee; transform:translateY(-50%);}
.area_photo a.bx-next{background:url(../img/sub/icon_rarrow.svg)no-repeat center; background-size:10px 12px;}
.area_content .area_table{margin:70px 0 0;}
.area_content .area_table table{background:#fff;}
.area_content .area_table .table > tbody > tr > td{padding:20px 30px; vertical-align:middle; font-weight:400; font-size:16px;}
.area_content .area_table .table > tbody > tr > th{padding:20px; background:#192448; border-top:1px solid #2d3a63 !important; color:#222; border-right:1px solid #eee; text-align:center; font-size:17px; font-weight:400; color:#fff; vertical-align:middle;}
.area_content .area_table .table > tbody > tr > td p{line-height:2em;}
.area_content .area_table .table>tbody>tr>td, 
.area_content .area_table .table>tbody>tr>th, 
.area_content .area_table .table>tfoot>tr>td, 
.area_content .area_table .table>tfoot>tr>th, 
.area_content .area_table .table>thead>tr>td, 
.area_content .area_table .table>thead>tr>th{border-top:1px solid #eee;}
.area_content .area_table .table>tbody>tr:last-child{border-bottom:1px solid #eee;}


@media (max-width:1024px){
	.area_photo,
	.area_photo .list{height:480px;}
}
@media (max-width:768px){
	.area_photo,
	.area_photo .list{height:400px;}
	.area_photo .bx-controls-direction a{width:50px; height:50px;}
	.area_content .area_table{margin:50px 0 0;}
	.area_content .area_table .table > tbody > tr > th{padding:15px;}
	.area_content .area_table .table > tbody > tr > td{padding:15px;}
}
@media (max-width:550px){
	.area_photo,
	.area_photo .list{height:400px;}
	.area_content .area_table .table > tbody > tr > th{font-size:16px;}
	.area_content .area_table .table > tbody > tr > td{font-size:15px;}
}
@media (max-width:450px){
	.area_photo,
	.area_photo .list{height:280px;}
}

/* 조직도 */
.area_box img{width:100%; max-width:100%;}
.area_box img.w{display:block;}
.area_box img.m{display:none;}
.ctt_company03{padding:10px 0 200px !important; max-width:100% !important; background:#f9f9f9 url(../img/sub/orgainzation_bg.jpg) no-repeat 50% 100%;}
.ctt_company03 #ctt_con{max-width:1200px; margin:0 auto;}

@media (max-width:768px){
	.area_box img.w{display:none;}
	.area_box img.m{display:block;}
	.ctt_company03{padding:10px 0 0 !important; background:none;}
}

/* 제품 설명 */
.spec{}
.spec li{ padding:0; margin:0 0 7px; font-size:1.10em}
.spec li:before{ content:""; display:inline-block; width:7px; height:1px; background:#999; margin:0 5px 0 0; vertical-align:middle}
.spec li > ul > li{ padding:0 0 0 15px; font-size: 1em; margin: 10px 0;}

/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.3em; line-height:1.3em; color:#333;}
#ready strong{color: #FC3;}
#ready p{font-size:0.8em; color:#666;}

.ready{ text-align:center;}


@media screen and (max-width: 1099px){
.imgWidth {max-width: 100%;}
}

/* 텍스트- decoration */
span.certi_t{ font-size:1.22em}
p{ font-size:1.15em; line-height:1.6em}
p.b{ font-weight:bold; color:#333; font-size:1.15em; line-height:1.6em;}
p span.b{ font-weight:bold; color:#333; }
p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
p span.check{ color:#362de4}
p.t1{padding:0;  word-break: keep-all; font-size:2.2em; line-height:1.4em;color:#222; font-weight:600; letter-spacing:-.055em; /*width: 85%;*/}
p.t1 span{color:#1134a8;}
p.t2{padding:0;word-break:keep-all; font-size:1.8em; line-height:1.6em;color:#333; font-weight:300; letter-spacing:0}
p.t2 span{ font-weight:500; font-size: 1.7em; color:#125fa3;}
p.t3{padding:0;word-break:break-all; font-size:2.9em; line-height:1.6em;color:#555; font-weight:500; letter-spacing:-.055em}
p.t3 span{padding:0;word-break:break-all; font-size:1.0em; line-height:1.6em;color:#362de4; font-weight:500; letter-spacing:-.055em}
p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
p.t4{padding: 0;
    word-break: break-all;
    font-size: 1.35em
    line-height: 1.8em;
    color: #555;
    font-weight: 600;
    font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    letter-spacing: -.055em;}
p.t4 span{color:#362de4;}
p.t5{padding:0;word-break:break-all; font-size:1.20em; line-height:1.25em;color:#555; font-weight:400}
p.t5 span{color:#2f429b; font-size:0.9em; font-weight:500 }
p.t6{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:rgb(0,0,0,0.9);color:rgba(0,0,0,0.9); font-weight:500; letter-spacing:-.045em;  }
p.t6 a{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:rgb(0,0,0,0.9) !important;color:rgba(0,0,0,0.9) !important; font-weight:500; letter-spacing:-.045em;  }
p.t6 span{padding:0;word-break:break-all; font-size:1.6em; line-height:1.6em;color:#333; font-weight:500; letter-spacing:-.045em;  }
p.t7{padding:0;word-break:break-all; font-size:1.em; line-height:1.6em;color:#908b88;c font-weight:220; letter-spacing:-.055em}
p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
p.t9{padding:0;word-break:break-all; font-size:1.25em; line-height:1.6em;color:#333;  font-weight:500; letter-spacing:-.055em; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height:28px; white-space:nowrap}
p.t10{padding:0;word-break:break-all; font-size:1.6em; line-height:1.30em;color:#2a5dc5; font-family: 'Montserrat', sans-serif,"굴림","돋움";letter-spacing:-.075em; font-weight:bold}
p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.40em; line-height:1.6em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
p.t12{padding:0;word-break:break-all; font-size:1.80em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
p.t13{padding:0;word-break:break-all; font-size:1.20em; line-height:1.00em;color:#191919;letter-spacing:-.055em; font-weight:400;}
p.t13 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#1793da;letter-spacing:-.055em; font-weight:bold; }
p.t14{padding:0;word-break:break-all; font-size:1.15em;color:#191919;letter-spacing:-.055em; font-weight:bold; line-height:1.4em}
p.t14 span{padding:0;word-break:break-all; font-size:0.75em; line-height:1.00em;color:#6c6c6c;letter-spacing:-.055em; font-weight:500;}
p.t15{padding:0;word-break:break-all; font-size:1.20em; line-height:1.6em;color:#3659aa;  font-weight:220; letter-spacing:-.055em}
p.t16{padding:0;word-break:break-all; font-size:1.00em;color:rgb(0,0,0,0.5);color:rgba(0,0,0,0.5);letter-spacing:-.020em; font-weight:bold; line-height:1.4em;font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height:40px}
p.t16 span{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t16 span a{padding:0;word-break:break-all; font-size:1.00em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t17{padding:0;word-break:break-all; font-size:0.90em;color:#888;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t17 span{padding:0;word-break:break-all; font-size:0.90em; line-height:1.00em;color:#2097dc;letter-spacing:-.055em; font-weight:700;}
p.t18{padding:0;word-break:break-all; font-size:0.90em;color:#555;letter-spacing:-.055em; font-weight:400; line-height:1.4em; }
p.t18 span{padding:0;word-break:break-all; font-size:1.15em; line-height:1.8em;color:#333;letter-spacing:-.055em; font-weight:700;}
p span.box{ background:#666; text-align:center; padding:3px 8px; color:#fff; font-size:0.95em; border-radius:5px}
@media screen and (max-width:767px) {
p.b{ font-weight:bold; color:#333; font-size:1.10em; line-height:1.6em;}
p span.b{ font-weight:bold; color:#333}
p span.b2{ font-weight:bold; color:#333; font-size:1.30em}
p span.check{ color:#ff3600}
p.t1{padding:0; font-size:1.3em; line-height:1.4em; color:#222; font-weight:600; letter-spacing:-.055em; /*width: 85%;*/}
p.t1 span{color:#1134a8;}
p.t2{padding:0;word-break:keep-all; font-size:1.2em; line-height:1.3em;color:#333; font-weight:300; letter-spacing:0; margin:0 0 20px}
p.t2 span{ font-weight:500; font-size: 1.3em;}
p.t3{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#555; font-weight:500; letter-spacing:-.055em}
p.t3 span{padding:0;word-break:break-all; font-size:1.0em; line-height:1.6em;color:#362de4; font-weight:500; letter-spacing:-.055em}
p.t3_1{padding:0;word-break:break-all; font-size:2.4em; line-height:1.6em;color:#2a2a2a; font-weight:500; letter-spacing:-.075em}
p.t4{padding: 0;
    word-break: break-all;
    font-size: 1.35em;
    line-height: 1.8em;
    color: #555;
    font-weight: 600;
    font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;
    letter-spacing: -.055em;}
p.t4 span{color:#76b628;}
p.t5{padding:0;word-break:break-all; font-size:1.25em; line-height:1.25em;color:#555; font-weight:500}
p.t6{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#5496cf; font-weight:500; letter-spacing:-.045em;  }
p.t6 span{padding:0;word-break:break-all; font-size:1.35em; line-height:1.6em;color:#333; font-weight:500; letter-spacing:-.045em;  }
p.t7{padding:0;word-break:break-all; font-size:.9em; line-height:1.6em;color:#908b88;  font-weight:220; letter-spacing:-.055em}
p.t8{padding:0;word-break:break-all; font-size:1.4em; line-height:1.6em;color:#10276e;  font-weight:220; letter-spacing:-.055em}
p.t9{padding:0;word-break:break-all; font-size:1.10em; line-height:1.4em;color:#333;  font-weight:500; letter-spacing:-.055em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height:40px}
p.t10{padding:0;word-break:break-all; font-size:1.6em; line-height:1.30em;color:#2a5dc5; font-family: 'Montserrat', sans-serif,"굴림","돋움";letter-spacing:-.075em; font-weight:bold}
p.t10 span.bar{padding:0;word-break:break-all; font-size:0.80em; line-height:1.50em;color:#2a5dc5;letter-spacing:-.075em;}
p.t11{padding:0 0 5px 0;word-break:break-all; font-size:1.30em; line-height:1.6em;color:#378ccd; font-weight:400;letter-spacing:-.055em; }
p.t12{padding:0;word-break:break-all; font-size:1.40em; line-height:1.00em;color:#2a2a2a;letter-spacing:-.055em; font-weight:300; }
}


/* MARGIN-TOP관련 */
.t_margin-20{margin-top:-20px;}
.t_margin-19{margin-top:-19px;}
.t_margin-18{margin-top:-18px;}
.t_margin-17{margin-top:-17px;}
.t_margin-16{margin-top:-16px;}
.t_margin-15{margin-top:-15px;}
.t_margin-14{margin-top:-14px;}
.t_margin-13{margin-top:-13px;}
.t_margin-12{margin-top:-12px;}
.t_margin-11{margin-top:-11px;}
.t_margin-10{margin-top:-10px;}
.t_margin-9{margin-top:-9px;}
.t_margin-8{margin-top:-8px;}
.t_margin-7{margin-top:-7px;}
.t_margin-6{margin-top:-6px;}
.t_margin-5{margin-top:-5px;}
.t_margin-4{margin-top:-4px;}
.t_margin-3{margin-top:-3px;}
.t_margin-2{margin-top:-2px;}
.t_margin-1{margin-top:-1px;}
.t_margin0{margin-top:0px;}
.t_margin1{margin-top:1px;}
.t_margin2{margin-top:2px;}
.t_margin3{margin-top:3px;}
.t_margin4{margin-top:4px;}
.t_margin5{margin-top:5px;}
.t_margin6{margin-top:6px;}
.t_margin7{margin-top:7px;}
.t_margin8{margin-top:8px;}
.t_margin9{margin-top:9px;}
.t_margin10{margin-top:10px;}
.t_margin11{margin-top:11px;}
.t_margin12{margin-top:12px;}
.t_margin13{margin-top:13px;}
.t_margin14{margin-top:14px;}
.t_margin15{margin-top:15px;}
.t_margin16{margin-top:16px;}
.t_margin17{margin-top:17px;}
.t_margin18{margin-top:18px;}
.t_margin19{margin-top:19px;}
.t_margin20{margin-top:20px;}
.t_margin21{margin-top:21px;}
.t_margin22{margin-top:22px;}
.t_margin23{margin-top:23px;}
.t_margin24{margin-top:24px;}
.t_margin25{margin-top:25px;}
.t_margin26{margin-top:26px;}
.t_margin27{margin-top:27px;}
.t_margin28{margin-top:28px;}
.t_margin29{margin-top:29px;}
.t_margin30{margin-top:30px;}
.t_margin31{margin-top:31px;}
.t_margin32{margin-top:32px;}
.t_margin33{margin-top:33px;}
.t_margin34{margin-top:34px;}
.t_margin35{margin-top:35px;}
.t_margin36{margin-top:36px;}
.t_margin37{margin-top:37px;}
.t_margin38{margin-top:38px;}
.t_margin39{margin-top:39px;}
.t_margin40{margin-top:40px;}
.t_margin41{margin-top:41px;}
.t_margin42{margin-top:42px;}
.t_margin43{margin-top:43px;}
.t_margin44{margin-top:44px;}
.t_margin45{margin-top:45px;}
.t_margin46{margin-top:46px;}
.t_margin47{margin-top:47px;}
.t_margin48{margin-top:48px;}
.t_margin49{margin-top:49px;}
.t_margin50{margin-top:50px;}
.t_margin75{margin-top:75px;}
.t_margin200{margin-top:200px;}
@media screen and (max-width:767px) {
.t_margin40{margin-top:0px;}
.t_margin75{margin-top:20px;}
}

/* MARGIN-LEFT관련 */
.l_margin-70{margin-left:-70px;}
.l_margin-50{margin-left:-50px;}
.l_margin-40{margin-left:-40px;}
.l_margin-35{margin-left:-35px;}
.l_margin-30{margin-left:-30px;}
.l_margin-25{margin-left:-25px;}
.l_margin-24{margin-left:-24px;}
.l_margin-23{margin-left:-23px;}
.l_margin-22{margin-left:-22px;}
.l_margin-21{margin-left:-21px;}
.l_margin-20{margin-left:-20px;}
.l_margin-19{margin-left:-19px;}
.l_margin-18{margin-left:-18px;}
.l_margin-17{margin-left:-17px;}
.l_margin-16{margin-left:-16px;}
.l_margin-15{margin-left:-15px;}
.l_margin-14{margin-left:-14px;}
.l_margin-13{margin-left:-13px;}
.l_margin-12{margin-left:-12px;}
.l_margin-11{margin-left:-11px;}
.l_margin-10{margin-left:-10px;}
.l_margin-9{margin-left:-9px;}
.l_margin-8{margin-left:-8px;}
.l_margin-7{margin-left:-7px;}
.l_margin-6{margin-left:-6px;}
.l_margin-5{margin-left:-5px;}
.l_margin-4{margin-left:-4px;}
.l_margin-3{margin-left:-3px;}
.l_margin-2{margin-left:-2px;}
.l_margin-1{margin-left:-1px;}
.l_margin0{margin-left:0px;}
.l_margin1{margin-left:1px;}
.l_margin2{margin-left:2px;}
.l_margin3{margin-left:3px;}
.l_margin4{margin-left:4px;}
.l_margin5{margin-left:5px;}
.l_margin6{margin-left:6px;}
.l_margin7{margin-left:7px;}
.l_margin8{margin-left:8px;}
.l_margin9{margin-left:9px;}
.l_margin10{margin-left:10px;}
.l_margin11{margin-left:11px;}
.l_margin12{margin-left:12px;}
.l_margin13{margin-left:13px;}
.l_margin14{margin-left:14px;}
.l_margin15{margin-left:15px;}
.l_margin16{margin-left:16px;}
.l_margin17{margin-left:17px;}
.l_margin18{margin-left:18px;}
.l_margin19{margin-left:19px;}
.l_margin20{margin-left:20px;}
.l_margin21{margin-left:21px;}
.l_margin22{margin-left:22px;}
.l_margin23{margin-left:23px;}
.l_margin24{margin-left:24px;}
.l_margin25{margin-left:25px;}
.l_margin26{margin-left:26px;}
.l_margin27{margin-left:27px;}
.l_margin28{margin-left:28px;}
.l_margin29{margin-left:29px;}
.l_margin30{margin-left:30px;}
.l_margin31{margin-left:31px;}
.l_margin32{margin-left:32px;}
.l_margin33{margin-left:33px;}
.l_margin34{margin-left:34px;}
.l_margin35{margin-left:35px;}
.l_margin36{margin-left:36px;}
.l_margin37{margin-left:37px;}
.l_margin38{margin-left:38px;}
.l_margin39{margin-left:39px;}
.l_margin40{margin-left:40px;}
.l_margin41{margin-left:41px;}
.l_margin42{margin-left:42px;}
.l_margin43{margin-left:43px;}
.l_margin44{margin-left:44px;}
.l_margin45{margin-left:45px;}
.l_margin46{margin-left:46px;}
.l_margin47{margin-left:47px;}
.l_margin48{margin-left:48px;}
.l_margin49{margin-left:49px;}
.l_margin50{margin-left:50px;}
.l_margin80{margin-left:80px;}
.l_margin85{margin-left:85px;}
.l_margin87{margin-left:87px;}
.l_margin90{margin-left:90px;}
.l_margin100{margin-left:100px;}

/* MARGIN-RIGHT관련 */
.r_margin-20{margin-right:-20px;}
.r_margin-19{margin-right:-19px;}
.r_margin-18{margin-right:-18px;}
.r_margin-17{margin-right:-17px;}
.r_margin-16{margin-right:-16px;}
.r_margin-15{margin-right:-15px;}
.r_margin-14{margin-right:-14px;}
.r_margin-13{margin-right:-13px;}
.r_margin-12{margin-right:-12px;}
.r_margin-11{margin-right:-11px;}
.r_margin-10{margin-right:-10px;}
.r_margin-9{margin-right:-9px;}
.r_margin-8{margin-right:-8px;}
.r_margin-7{margin-right:-7px;}
.r_margin-6{margin-right:-6px;}
.r_margin-5{margin-right:-5px;}
.r_margin-4{margin-right:-4px;}
.r_margin-3{margin-right:-3px;}
.r_margin-2{margin-right:-2px;}
.r_margin-1{margin-right:-1px;}
.r_margin0{margin-right:0px;}
.r_margin1{margin-right:1px;}
.r_margin2{margin-right:2px;}
.r_margin3{margin-right:3px;}
.r_margin4{margin-right:4px;}
.r_margin5{margin-right:5px;}
.r_margin6{margin-right:6px;}
.r_margin7{margin-right:7px;}
.r_margin8{margin-right:8px;}
.r_margin9{margin-right:9px;}
.r_margin10{margin-right:10px;}
.r_margin11{margin-right:11px;}
.r_margin12{margin-right:12px;}
.r_margin13{margin-right:13px;}
.r_margin14{margin-right:14px;}
.r_margin15{margin-right:15px;}
.r_margin16{margin-right:16px;}
.r_margin17{margin-right:17px;}
.r_margin18{margin-right:18px;}
.r_margin19{margin-right:19px;}
.r_margin20{margin-right:20px;}
.r_margin21{margin-right:21px;}
.r_margin22{margin-right:22px;}
.r_margin23{margin-right:23px;}
.r_margin24{margin-right:24px;}
.r_margin25{margin-right:25px;}
.r_margin26{margin-right:26px;}
.r_margin27{margin-right:27px;}
.r_margin28{margin-right:28px;}
.r_margin29{margin-right:29px;}
.r_margin30{margin-right:30px;}
.r_margin31{margin-right:31px;}
.r_margin32{margin-right:32px;}
.r_margin33{margin-right:33px;}
.r_margin34{margin-right:34px;}
.r_margin35{margin-right:35px;}
.r_margin36{margin-right:36px;}
.r_margin37{margin-right:37px;}
.r_margin38{margin-right:38px;}
.r_margin39{margin-right:39px;}
.r_margin40{margin-right:40px;}
.r_margin41{margin-right:41px;}
.r_margin42{margin-right:42px;}
.r_margin43{margin-right:43px;}
.r_margin44{margin-right:44px;}
.r_margin45{margin-right:45px;}
.r_margin46{margin-right:46px;}
.r_margin47{margin-right:47px;}
.r_margin48{margin-right:48px;}
.r_margin49{margin-right:49px;}
.r_margin50{margin-right:50px;}

/* MARGIN-BOTTOM관련 */
.b_margin-20{margin-bottom:-20px;}
.b_margin-19{margin-bottom:-19px;}
.b_margin-18{margin-bottom:-18px;}
.b_margin-17{margin-bottom:-17px;}
.b_margin-16{margin-bottom:-16px;}
.b_margin-15{margin-bottom:-15px;}
.b_margin-14{margin-bottom:-14px;}
.b_margin-13{margin-bottom:-13px;}
.b_margin-12{margin-bottom:-12px;}
.b_margin-11{margin-bottom:-11px;}
.b_margin-10{margin-bottom:-10px;}
.b_margin-9{margin-bottom:-9px;}
.b_margin-8{margin-bottom:-8px;}
.b_margin-7{margin-bottom:-7px;}
.b_margin-6{margin-bottom:-6px;}
.b_margin-5{margin-bottom:-5px;}
.b_margin-4{margin-bottom:-4px;}
.b_margin-3{margin-bottom:-3px;}
.b_margin-2{margin-bottom:-2px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin-1{margin-bottom:-1px;}
.b_margin0{margin-bottom:0px;}
.b_margin1{margin-bottom:1px;}
.b_margin2{margin-bottom:2px;}
.b_margin3{margin-bottom:3px;}
.b_margin4{margin-bottom:4px;}
.b_margin5{margin-bottom:5px;}
.b_margin6{margin-bottom:6px;}
.b_margin7{margin-bottom:7px;}
.b_margin8{margin-bottom:8px;}
.b_margin9{margin-bottom:9px;}
.b_margin10{margin-bottom:10px;}
.b_margin11{margin-bottom:11px;}
.b_margin12{margin-bottom:12px;}
.b_margin13{margin-bottom:13px;}
.b_margin14{margin-bottom:14px;}
.b_margin15{margin-bottom:15px;}
.b_margin16{margin-bottom:16px;}
.b_margin17{margin-bottom:17px;}
.b_margin18{margin-bottom:18px;}
.b_margin19{margin-bottom:19px;}
.b_margin20{margin-bottom:20px;}
.b_margin21{margin-bottom:21px;}
.b_margin22{margin-bottom:22px;}
.b_margin23{margin-bottom:23px;}
.b_margin24{margin-bottom:24px;}
.b_margin25{margin-bottom:25px;}
.b_margin26{margin-bottom:26px;}
.b_margin27{margin-bottom:27px;}
.b_margin28{margin-bottom:28px;}
.b_margin29{margin-bottom:29px;}
.b_margin30{margin-bottom:30px;}
.b_margin31{margin-bottom:31px;}
.b_margin32{margin-bottom:32px;}
.b_margin33{margin-bottom:33px;}
.b_margin34{margin-bottom:34px;}
.b_margin35{margin-bottom:35px;}
.b_margin36{margin-bottom:36px;}
.b_margin37{margin-bottom:37px;}
.b_margin38{margin-bottom:38px;}
.b_margin39{margin-bottom:39px;}
.b_margin40{margin-bottom:40px;}
.b_margin41{margin-bottom:41px;}
.b_margin42{margin-bottom:42px;}
.b_margin43{margin-bottom:43px;}
.b_margin44{margin-bottom:44px;}
.b_margin45{margin-bottom:45px;}
.b_margin46{margin-bottom:46px;}
.b_margin47{margin-bottom:47px;}
.b_margin48{margin-bottom:48px;}
.b_margin49{margin-bottom:49px;}
.b_margin50{margin-bottom:50px;}

/* PADDING-TOP관련 */
.box-rpad{ padding-right:42px}
.box-lpad{ padding-left:42px}
@media screen and (max-width:1199px) {
.box-rpad{ padding-right:0px}
.box-lpad{ padding-left:0px}
}
.t_padding0{padding-top:0px;}
.t_padding1{padding-top:1px;}
.t_padding2{padding-top:2px;}
.t_padding3{padding-top:3px;}
.t_padding4{padding-top:4px;}
.t_padding5{padding-top:5px;}
.t_padding6{padding-top:6px;}
.t_padding7{padding-top:7px;}
.t_padding8{padding-top:8px;}
.t_padding9{padding-top:9px;}
.t_padding10{padding-top:10px;}
.t_padding11{padding-top:11px;}
.t_padding12{padding-top:12px;}
.t_padding13{padding-top:13px;}
.t_padding14{padding-top:14px;}
.t_padding15{padding-top:15px;}
.t_padding16{padding-top:16px;}
.t_padding17{padding-top:17px;}
.t_padding18{padding-top:18px;}
.t_padding19{padding-top:19px;}
.t_padding20{padding-top:20px;}
.t_padding21{padding-top:21px;}
.t_padding22{padding-top:22px;}
.t_padding23{padding-top:23px;}
.t_padding24{padding-top:24px;}
.t_padding25{padding-top:25px;}
.t_padding26{padding-top:26px;}
.t_padding27{padding-top:27px;}
.t_padding28{padding-top:28px;}
.t_padding29{padding-top:29px;}
.t_padding30{padding-top:30px;}
.t_padding31{padding-top:31px;}
.t_padding32{padding-top:32px;}
.t_padding33{padding-top:33px;}
.t_padding34{padding-top:34px;}
.t_padding35{padding-top:35px;}
.t_padding36{padding-top:36px;}
.t_padding37{padding-top:37px;}
.t_padding38{padding-top:38px;}
.t_padding39{padding-top:39px;}
.t_padding40{padding-top:40px;}
.t_padding41{padding-top:41px;}
.t_padding42{padding-top:42px;}
.t_padding43{padding-top:43px;}
.t_padding44{padding-top:44px;}
.t_padding45{padding-top:45px;}
.t_padding46{padding-top:46px;}
.t_padding47{padding-top:47px;}
.t_padding48{padding-top:48px;}
.t_padding49{padding-top:49px;}
.t_padding50{padding-top:50px;}

/* PADDING-LEFT관련 */
.l_padding0{padding-left:0px;}
.l_padding1{padding-left:1px;}
.l_padding2{padding-left:2px;}
.l_padding3{padding-left:3px;}
.l_padding4{padding-left:4px;}
.l_padding5{padding-left:5px;}
.l_padding6{padding-left:6px;}
.l_padding7{padding-left:7px;}
.l_padding8{padding-left:8px;}
.l_padding9{padding-left:9px;}
.l_padding10{padding-left:10px;}
.l_padding11{padding-left:11px;}
.l_padding12{padding-left:12px;}
.l_padding13{padding-left:13px;}
.l_padding14{padding-left:14px;}
.l_padding15{padding-left:15px;}
@media (max-width: 991px) {
.l_padding15{padding-left:0px;}	
}
.l_padding16{padding-left:16px;}
.l_padding17{padding-left:17px;}
.l_padding18{padding-left:18px;}
.l_padding19{padding-left:19px;}
.l_padding20{padding-left:20px;}
@media (max-width: 991px) {
.l_padding20{padding-left:0x;}
}
.l_padding21{padding-left:21px;}
.l_padding22{padding-left:22px;}
.l_padding23{padding-left:23px;}
.l_padding24{padding-left:24px;}
.l_padding25{padding-left:25px;}
.l_padding26{padding-left:26px;}
.l_padding27{padding-left:27px;}
.l_padding28{padding-left:28px;}
.l_padding29{padding-left:29px;}
.l_padding30{padding-left:30px;}
.l_padding31{padding-left:31px;}
.l_padding32{padding-left:32px;}
.l_padding33{padding-left:33px;}
.l_padding34{padding-left:34px;}
.l_padding35{padding-left:35px;}
.l_padding36{padding-left:36px;}
.l_padding37{padding-left:37px;}
.l_padding38{padding-left:38px;}
.l_padding39{padding-left:39px;}
.l_padding40{padding-left:40px;}
@media (max-width: 991px) {
.l_padding40{padding-left:0px;}
}
.l_padding41{padding-left:41px;}
.l_padding42{padding-left:42px;}
.l_padding43{padding-left:43px;}
.l_padding44{padding-left:44px;}
.l_padding45{padding-left:45px;}
.l_padding46{padding-left:46px;}
.l_padding47{padding-left:47px;}
.l_padding48{padding-left:48px;}
.l_padding49{padding-left:49px;}
.l_padding50{padding-left:50px;}
.l_padding80{padding-left:80px;}

/* PADDING-RIGHT관련 */
.r_padding0{padding-right:0px;}
.r_padding1{padding-right:1px;}
.r_padding2{padding-right:2px;}
.r_padding3{padding-right:3px;}
.r_padding4{padding-right:4px;}
.r_padding5{padding-right:5px;}
.r_padding6{padding-right:6px;}
.r_padding7{padding-right:7px;}
.r_padding8{padding-right:8px;}
.r_padding9{padding-right:9px;}
.r_padding10{padding-right:10px;}
@media screen and (max-width:767px) {
.r_padding10{padding-right:0px;}
}
.r_padding11{padding-right:11px;}
.r_padding12{padding-right:12px;}
.r_padding13{padding-right:13px;}
.r_padding14{padding-right:14px;}
.r_padding15{padding-right:15px;}
@media (max-width: 991px) {
.r_padding15{padding-right:0px;}	
}
.r_padding16{padding-right:16px;}
.r_padding17{padding-right:17px;}
.r_padding18{padding-right:18px;}
.r_padding19{padding-right:19px;}
.r_padding20{padding-right:20px;}
@media (max-width: 991px) {
.r_padding20{padding-right:0px;}	
}
.r_padding21{padding-right:21px;}
.r_padding22{padding-right:22px;}
.r_padding23{padding-right:23px;}
.r_padding24{padding-right:24px;}
.r_padding25{padding-right:25px;}
.r_padding26{padding-right:26px;}
.r_padding27{padding-right:27px;}
.r_padding28{padding-right:28px;}
.r_padding29{padding-right:29px;}
.r_padding30{padding-right:30px;}
.r_padding31{padding-right:31px;}
.r_padding32{padding-right:32px;}
.r_padding33{padding-right:33px;}
.r_padding34{padding-right:34px;}
.r_padding35{padding-right:35px;}
.r_padding36{padding-right:36px;}
.r_padding37{padding-right:37px;}
.r_padding38{padding-right:38px;}
.r_padding39{padding-right:39px;}
.r_padding40{padding-right:40px;}
.r_padding41{padding-right:41px;}
.r_padding42{padding-right:42px;}
.r_padding43{padding-right:43px;}
.r_padding44{padding-right:44px;}
.r_padding45{padding-right:45px;}
.r_padding46{padding-right:46px;}
.r_padding47{padding-right:47px;}
.r_padding48{padding-right:48px;}
.r_padding49{padding-right:49px;}
.r_padding50{padding-right:50px;}
.r_padding60{padding-right:60px;}

/* PADDING-BOTTOM관련 */
.b_padding0{padding-bottom:0px;}
.b_padding1{padding-bottom:1px;}
.b_padding2{padding-bottom:2px;}
.b_padding3{padding-bottom:3px;}
.b_padding4{padding-bottom:4px;}
.b_padding5{padding-bottom:5px;}
.b_padding6{padding-bottom:6px;}
.b_padding7{padding-bottom:7px;}
.b_padding8{padding-bottom:8px;}
.b_padding9{padding-bottom:9px;}
.b_padding10{padding-bottom:10px;}
.b_padding11{padding-bottom:11px;}
.b_padding12{padding-bottom:12px;}
.b_padding13{padding-bottom:13px;}
.b_padding14{padding-bottom:14px;}
.b_padding15{padding-bottom:15px;}
.b_padding16{padding-bottom:16px;}
.b_padding17{padding-bottom:17px;}
.b_padding18{padding-bottom:18px;}
.b_padding19{padding-bottom:19px;}
.b_padding20{padding-bottom:20px;}
.b_padding21{padding-bottom:21px;}
.b_padding22{padding-bottom:22px;}
.b_padding23{padding-bottom:23px;}
.b_padding24{padding-bottom:24px;}
.b_padding25{padding-bottom:25px;}
.b_padding26{padding-bottom:26px;}
.b_padding27{padding-bottom:27px;}
.b_padding28{padding-bottom:28px;}
.b_padding29{padding-bottom:29px;}
.b_padding30{padding-bottom:30px;}
.b_padding31{padding-bottom:31px;}
.b_padding32{padding-bottom:32px;}
.b_padding33{padding-bottom:33px;}
.b_padding34{padding-bottom:34px;}
.b_padding35{padding-bottom:35px;}
.b_padding36{padding-bottom:36px;}
.b_padding37{padding-bottom:37px;}
.b_padding38{padding-bottom:38px;}
.b_padding39{padding-bottom:39px;}
.b_padding40{padding-bottom:40px;}
.b_padding41{padding-bottom:41px;}
.b_padding42{padding-bottom:42px;}
.b_padding43{padding-bottom:43px;}
.b_padding44{padding-bottom:44px;}
.b_padding45{padding-bottom:45px;}
.b_padding46{padding-bottom:46px;}
.b_padding47{padding-bottom:47px;}
.b_padding48{padding-bottom:48px;}
.b_padding49{padding-bottom:49px;}
.b_padding50{padding-bottom:50px;}


.flex {display: flex;}
.flexa {display: flex; justify-content: space-around;}
.flexb {display: flex; justify-content: space-between;}
.flexe {display: flex; justify-content: space-evenly;}
.bggrey {background: #eee; padding: 20px;}
.posirel {position: relative;}


/* greet01 인사말 ----------------------------------------------------------------------------------------------------------------------------------*/

h3.main_title_big {
    position: relative;
    font-size: 50px;
    letter-spacing: 0.01em;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    z-index: 1;
    text-transform: uppercase; 
    font-family: 'HKGrotesk';
    font-weight: 800;
}

.about_us .line {
    position: relative;
    width: 42px;
    height: 2px;
    margin: 0 auto 70px;
    text-align: center;
    float: right;
}

section {
    box-sizing: border-box;
    overflow: hidden;
/*    position: relative;*/
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

section.about_us {
    overflow: inherit;
}

section .title {
    text-align: center;
    padding: 0px 30px;
    box-sizing: border-box;
    font-size: 42px;
    letter-spacing: -0.05em;
    font-weight: 400;
    max-width: 1000px;
    margin: 0 auto;
    word-break: keep-all;
    line-height: 50px;
}

section.about_us .inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 95px;
    box-sizing: border-box;
}
section.about_us .sensor .line {
    float: none;
}


section.about_us .main_text {
    padding: 0 0 70px;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
}




section.about_us .overview {
    position: relative;
    background-image: url(../img/sub/sub_about_bg1.png); /* 대표이미지 */
    background-repeat: no-repeat;
    max-width: 1280px;
    width: 100%;
    background-size: auto;
    margin: 0 auto 130px;
}


section.about_us .overview .gradient {
    position: relative;
    display: inline-block;
    background-image: url(../img/sub/gradient.png); /* 글자뒤 바탕화면 */
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 100;
    width: auto;
    padding: 50px 65px;
    box-sizing: border-box;
    margin-top: 330px;
    margin-left: 50px;
    letter-spacing: 0.05em;
}

section.about_us .overview .gd_img {
    position: absolute;
    background-image: url(../img/sub/overview_cir.png); /* 동그라미 세개 이미지 돌아감 */ 
    background-repeat: no-repeat;
    background-size: auto;
    top: 240px;
    left: 70px;
    z-index: 9;
    width: 137px;
    height: 138px;
    animation: rotation 10s infinite linear;
}

section.about_us .bg {
    position: relative;
    height: 625px;
    padding: 63px 0;
    box-sizing: border-box;
    background: #f1f1f1;
}

section.about_us .current_bg {
    background-image: url(../images/sub/overview_bg.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    max-width: 1920px;
    height: 754px;
    margin: 0 auto;
    bottom: 0;
    /* z-index: -1; */
}

section.about_us .bg .title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: normal;
    font-weight: 600;
    text-transform: uppercase;
}

section.about_us .bg .line {
    float: none;
}

section.about_us .bg .line {
    margin: 11px auto 25px;
}


.about_us .line {
    position: relative;
    width: 42px;
    height: 2px;
    margin: 0 auto 70px;
    text-align: center;
    float: right;
}


section.about_us .bg > .des {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    margin-bottom: 70px;
    font-weight: 300;
    padding: 0 2px;
    box-sizing: border-box;
}

section.about_us .inner3 {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

section.about_us .current {
    font-size: 0;
    text-align: center;
}

section.about_us .current li {
    width: 15.6%;
    height: 266px;
    background: rgba(255, 255, 255, .8);
    margin-right: 1%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #222;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

section.about_us .current li:last-of-type{
    margin-right: 0;
}
section.about_us .current li:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    background: rgb(16,196,164);
    background: linear-gradient(135deg, rgba(198,212,92,1) 0%, rgba(50,102,50,1) 100%);
    height: 266px;
}

section.about_us .current li:hover {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

section.about_us .current li:hover:before {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}


section.about_us .bg .tit {
    font-size: 24px;
    font-weight: 600;
    margin-top: 80px;
    margin-bottom: 35px;
    letter-spacing: -0.05em;
}

section.about_us .bg li .des {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.05em;
    font-weight: 300;
}

section.about_us .bg li:last-child > .tit {
    background-image: url(../img/sub/greet_icon01.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    height: 100px;
    margin-top: 40px;
    }





@media screen and (max-width: 1920px) {
    section.about_us .current li {width: 15.6%;}
    
}
@media screen and (max-width: 1280px) {
    section.about_us .current li {width: 25%; margin-bottom: 10px;}
    section.about_us .bg {height: 900px;}
    section.about_us .current li:last-of-type{
    margin-right: 1%;
}
}
@media (max-width:768px){
    section.about_us .current li:before{ height: 100%;}
    section.about_us .overview {background-position: center;}
    section.about_us .overview .gradient {
    padding: 37px 65px;
    }
}
@media screen and (max-width: 500px) {
    section.about_us .current li {width: 40%; height: 150px; margin-bottom: 5px;}
    section.about_us .bg {height: 750px;}
    section.about_us .bg .title {font-size: 30px; padding: 0;}
    section.about_us .bg > .des {font-size: 15px;}
    section.about_us .bg .tit {font-size: 18px;margin-top: 20px;margin-bottom: 15px;}
    section.about_us .bg li .des {font-size: 14px;}
    section.about_us .bg li:last-child > .tit {background-size: 40%;height: 60px;margin-top: 10px;}
    section.about_us .inner {padding: 0;}
    section.about_us .main_text {padding: 0 0 20px;font-size: 18px;line-height: 30px;}
    section.about_us .overview .gradient {font-size: 13px; line-height: 25px; padding: 10px; margin-left: 20px; margin-top: 200px;}
    section.about_us .overview {background-size: 250%; margin: 0 auto 50px;}
}










/* 서브페이지 제품소개 ----------------------------------------------------------------------------------------------------------------------------------*/
.tblx_x > .contentsx_x {margin: 100px 0;}
.tblx_x > .contentsx_x > div {text-align: center;}
.tblx_x > .contentsx_x > div b {color: #ccc; font-size: 20px; font-weight: 100;}
.tblx_x > .contentsx_x > div h2 {color: #0ba848; width: 80%; border-radius: 30px; font-size: 40px; margin: 0 10%;}
.tblx_x > .contentsx_x > div h3 {color: #ccc; font-size: 20px; font-weight: 400;}
.tblx_x > .contentsx_x > div h4 {color: #555; line-height: 30px; margin-top: 50px; text-align: left;}

.tblx_x > .contentsx_x > div strong {color: #74c500; font-size: 35px; line-height: 1em;}
.tblx_x > .contentsx_x > div strong em {font-style: normal;}
.tblx_x > .contentsx_x > div strong i {color: #555; line-height: 30px; margin-top: 50px; text-align: left; font-size: 20px; font-style: normal;}

.tblx_x .contentsx_x article {margin: 100px 0; background: #eee; padding: 20px;}
.tblx_x .contentsx_x article:after {content: ''; display: block; clear: both;}
.tblx_x .contentsx_x article dl {width: calc(100%/2 - 20px); float: left; margin-right: 20px;}
.tblx_x .contentsx_x article dl:last-child {margin-right: 0;}
.tblx_x .contentsx_x article dl dt {line-height: 60px; font-size: 20px; text-align: center; font-weight: 400;}
.tblx_x .contentsx_x article dl dt:after {content: ''; display: block; background: #aeaeae; width: calc(100% - 40px); height: 2px; position: relative; top:-10px; margin: 0 10px;}
.tblx_x .contentsx_x article dl dd {line-height: 30px; padding: 0 5%;}
.tblx_x .contentsx_x article dl dd:before {content: ''; display: inline-block; width: 3px; height: 3px; background: #555; border-radius: 50%; position: relative; top: -3px; left: -10px;}
.tblx_x .contentsx_x article ol li:first-child {width: 100%; line-height: 60px; font-size: 20px; color: #555; font-weight:bold; text-align: center; margin: 0;}
.tblx_x .contentsx_x article ol li:first-child:before {display: none;}
.tblx_x .contentsx_x article ol li:first-child:after {content: ''; display: block; background: #aeaeae; width: 100%; height: 2px; position: relative; top:-10px;}
.tblx_x .contentsx_x article ol li {line-height: 30px; color: #999; margin: 0 20px;}
.tblx_x .contentsx_x article ol li:before {content: ''; display: inline-block; width: 3px; height: 3px; background: #555; border-radius: 50%; position: relative; top: -3px; left: -10px;}
.tblx_x .contentsx_x article ol li strong {color: #555;}
.tblx_x .contentsx_x .nmtxt {font-size: 18px; line-height: 1.6; text-align: left;}


/* 서브페이지 테이블 */

        .tblx_x {margin-bottom: 300px;}
        .tblx_x > section {margin-top: 50px;}
        .tblx_x  h3.tit {font-size: 25px; color: #0ba848; padding-bottom: 10px; }
        .tblx_x  h3.tit > i {font-size: 20px; font-style: normal;}
        .tblx_x  p.s_tit {font-size: 15px;  color: darkgreen; font-weight: 500; opacity: 0.7;}
        .tblx_x  p.s_tit > span {display: inline-block; width: 5px; height: 5px; background-color: darkgreen; margin: 0 10px 3px 0; border-radius: 50%;}
        .tblx_x  p.size_tit {text-align: right;}
        .tblx_x  p.xs_tit {color: #fff; margin-bottom: -49px; padding: 0 10px; font-weight: 700; }
        .tblx_x p.xs_tit:after {width: 125px; height: 30px; content: ''; display: block; position: relative; bottom: 25px; z-index: -1; background: #ff935e;  left: -10px; border-radius: 0 10px 10px;}
        .tblx_x p.note {color: #000; font-size: 12px; text-align: right; opacity: 0.2;}
        .tblx_x section em.sbt_txt {font-style: normal; font-size: 1px;}
        .tblx_x section em.up_txt {display: inline-block; font-style: normal; font-size: 1px; position: relative; top:-10px;}
        
        /*테이블02*/
        .tbl02 { border:0; border-top:1px #555 solid; width:100%; margin:10px 0 10px; }
        .tbl02 table { width:100%; /*font-family:Sans-serif; margin-bottom:10px;*/border-collapse: collapse;}
        .tbl02 caption.none {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
        .tbl02 thead th { font-size:1.20em; border:0; border-bottom:1px solid #dde2e9; border-right:1px solid #dde2e9; color:#1e2e42; font-weight:500; line-height:1.5em; background:#f5f5f5; height:1.5em; padding:13px 5px; text-align:center; vertical-align:middle }
        .tbl02 thead th.right { border-right:1px solid #dde2e9 !important}
        .tbl02 thead th:last-child { border-right:0px }
        .tbl02 tbody th { font-size:1.10em; border:0; border-bottom:1px solid #dde2e9; border-right:1px solid #dde2e9; color:#353535; line-height:1.5em; background:#fbfbfb; height:1.5em; padding:10px 5px; text-align:center; font-weight:500;}
        .tbl02 td {font-size:1.10em; border:0; border-bottom:1px solid #dde2e9; color:#5c5c5c; border-right:1px solid #dde2e9; text-align:center; padding:7px 5px; line-height:1.5em;word-break:break-all; vertical-align:middle;}
        .tbl02 td span{ color:#1e2e42; font-weight:500; margin:0 0 10px}
        .tbl02 td.point{font-size:1.10em; border:0; font-weight:600; border-bottom:1px solid #dde2e9; color:#555; border-right:1px solid #dde2e9; text-align:center; padding:7px 5px; line-height:1.5em;word-break:break-all; vertical-align:middle}
        .tbl02 td.right{font-size:1.00em; border:0; border-bottom:1px solid #dde2e9; border-right:1px solid #dde2e9 !important; text-align:center; padding:7px 5px; line-height:1.5em;word-break:break-all; vertical-align:middle}
        .tbl02 td.nooright {border-right: none;}
        .tbl02 tr td:last-child { border-right:0px }
        .tbl02 .center {text-align:center;}
        .tbl02 .left {text-align:left;}
        .tbl02 dd{ padding-left:15px; background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;}
        .scroll_comm{ display:none}


        @media all and (max-width:1024px){
        .tbl02{ overflow: scroll; margin:15px 0;}
        .tbl02 table{table-layout:fixed; width:1024px;}
        .tbl02 thead th { font-size:1.10em;}
        .tbl02 td {font-size:1.0em; }
        .scroll_comm{ display:block; margin:20px 0 0; font-weight:600}
        .scroll_comm img{ height:30px; margin:0 7px 0 0; vertical-align:middle}
        }

        @media all and (max-width:800px){
        .tbl02{overflow: scroll;}
        .tbl02 table{table-layout:fixed;width:800px;}
        .tbl02 thead th { font-size:1.10em;}
        .tbl02 tbody th { font-size:1.0em;}
        .tbl02 td {font-size:1.0em; }
        }


/* 이미지 */
.box {width: 100%; margin: 50px 0;}

.box.v1 {}
.box.v1 p{width: 100%;}
.box.v1 img{width: 100%;}
.ctt_product01 .box{margin: 0 0 50px 0;}

.box.v2 {}
.box.v2 p{width: calc(50% - 10px); float: left; margin-right: 10px; text-align: center;}
.box.v2 p:last-child{margin-right: 0px;}
.box.v2 img{width: 100%; padding: 0 0 10px 0;}
.ctt_product11 .box.v2 p img{width: 100%; padding: 0 50px;}
.ctt_product11 .sec2 p.tcenter{display: inline-block;}

.box.v3 {}
.box.v3 p{width: calc(33.3% - 10px); float: left; margin-right: 10px; text-align: center;}
.box.v3 p:last-child{margin-right: 0px;}
.box.v3 img{width: 100%; padding: 0 0 10px 0;}
.ctt_product04 .box.v3 img {border-radius: 50%;padding: 20px;}

.box.v4 {}
.box.v4 p{width: calc(25% - 10px); float: left; margin-right: 10px; text-align: center;}
.box.v4 p:last-child{margin-right: 0px;}
.box.v4 img{width: 100%; padding: 0 0 10px 0;}


@media all and (max-width:800px){
.ctt_product01 .box.v1{overflow: scroll;}
.ctt_product01 .box.v1 img{width: auto;}
.ctt_product06 .box.v1{overflow: scroll;}
.ctt_product06 .box.v1 img{width: auto;}
.ctt_product11 .box.v2 p img {
    width: 100%;
    padding: 20px;
}
    @media all and (max-width:570px){
        .ctt_product11 .sec2 p.tcenter{margin: 0 0 10px 0;}}    


}
@media all and (max-width:500px){
    .tblx_x > .contentsx_x {
    margin: 0 0 20px 0;
}
.box.v2 {}
.box.v2 p{width: 100%; margin-right: 0px;}
.box.v2 img{width: 100%; padding: 0 0 10px 0;}

.box.v3 {}
.box.v3 p{width: 100%; margin-right: 0px;}
.box.v3 img{width: 100%; padding: 0 0 10px 0;}

.box.v4 {}
.box.v4 p{width: calc(50% - 10px); float: left; margin-right: 10px; text-align: center;}
}
@media all and (max-width:400px){
.box.v4 p{width: 100%; margin-right: 0px;}
}

.tblx_x > section > div.airRoll {padding: 0 10%}
.tblx_x > section > div.airRoll > figure {width: 30%; background: #fc6; height: 350px; float: left; margin: 1%}
.tblx_x > section > div.airRoll > figure:nth-child(3n-1) {background: #fcc;}
.tblx_x > section > div.airRoll > figure:last-child {width: 62%;}
.pro_img:after{content: ''; clear: both; display: block;}
.pro_img50:after{content: ''; clear: both; display: block;}
.pro_img {margin: 50px 0;}
.pro_img img {width: calc(100% - 300px); margin:0 150px;}
.ctt_product02 #tab2 .pro_img img, .ctt_product02 #tab3 .pro_img img, .ctt_product02 #tab1 .pro_img img{width: calc(100% - 200px);height: auto;margin: 50px 100px;}
.ctt_product02 #tab1 .pro_img img:last-child{margin-right: 0;}
.ctt_product03 #tab2 .pro_img img,.ctt_product05 #tab2 .sec1 .pro_img img {width: calc(100%/2 - 20px);height: auto;margin: 50px 10px; float: left;}
.ctt_product01 .pro_img img {width: calc(100% - 500px);height: auto;margin: 50px 250px;}
.ctt_product07 #tab1 .pro_img50 img{width: calc(100%/2 - 150px);height: auto;margin: 50px 75px;float: left;}
.ctt_product10 .pro_img img{width: calc(100%/3 - 18px);height: auto;margin: 50px 10px;float: left;}
.ctt_product10 .pro_img img:last-child{margin-right:0px;}


.ctt_product02 .pro_img{margin: 0;}
.air01 > p > img {border-radius: 50%; width: 30%; border-bottom: 10px solid #f1f1f1;}
.air04 > p > img {margin: 0 10px;}
.bag01 > p > img {border-radius: 50%; width: 25%; border-bottom: 10px solid #f1f1f1;}

.tblx_x .contentsx_x .synopexline {width: 100%; height: 200px;}
.tblx_x .contentsx_x .synopexbar {width: 100%;}
.tblx_x .contentsx_x .synopexbar p {float: left;}
.tblx_x .contentsx_x .synopex01 dd {float: left; width: calc(100%/6);}
.tblx_x .contentsx_x .synopex01 dd img {width: 99%;}
.tblx_x .contentsx_x .synopex01 dd.blind {opacity: 0; width: calc(100%/6); height: 200px;}
.tblx_x .contentsx_x .synopextxt span {float: left; width: calc(100%/6); padding: 0 18px; font-size: 13px;}
.housingimg img {width: 50%;}


.microbar {height: 30px;margin: 50px 0 10px;text-align: left;line-height: 30px; }
.microbarsp {border-left: 2px solid #fff;}
.microbar01 {width: 100%; background: #fc6;}
.microbar02 {width: 33.33%; background: #fc6;}
.microbar03 {width:66.66%; background: #aae;}
.microbar04 {width:50%; background: #fcc;}
.microbar05 {width:33.5%; background: #aea;}
.microbar05-1 {width:10%; background: #fff;}

.microbar06 {width:66.5%; background: #aee;}
.microbar06-1 {width:30%; background: #fff;}

.microbar07 {width:33.33%; background: bisque;}
.microbar08 {width:50%; background: gainsboro;}
.microbar08-1 {width:13.33%; background: #fff;}
.ect_a02 img {float:left; width: 50%;}



/* tab */
#menu_section .tabs{margin:40px auto 0; width:100%; text-align: center;}
#menu_section .tabs:after{content:''; display:block; clear:both;}
#menu_section .tabs li{ margin:0 10px 10px 0; padding:11px; width:calc(50% - 10px); background:#fff; border: 1px solid #ccc; box-sizing:border-box; border-radius:50px; transition:all 0.3s ease 0s; cursor:pointer; text-align:center; display: inline-block; float: left;}
#menu_section .tabs li span{font-size:13px; font-weight:300; line-height:1.3em;}
#menu_section .tabs li.active{background:#74c500; color:#fff; box-shadow: none; border: 1px solid #0ba848;}
#menu_section .tabs li:hover{background:#74c500; color:#fff; border: 1px solid #0ba848;}
#menu_section .tab_container{margin:20px 0 0; width:100%; background:#fff;}
#menu_section .tab_content{position:relative; height:100%; margin:50px 0; border-radius: 15px; overflow: hidden;}
#menu_section .tab_content:after{content:''; display:block; clear:both;}

#menu_section .tab_content .tit_wrap{clear: both;width:100%; text-align: center;}
#menu_section .tit_wrap h3{font-size: 26px;margin: 30px 0 10px;}
#menu_section .tit_wrap p{font-size: 15px; margin: 10px 0 0; opacity: 0.7;}


@media (max-width:1600px){
    
    #menu_section .tabs{width: 80%;}
    #menu_section .tabs li{width: 100%; margin: 0 0 10px;}
    #menu_section .tabs li:nth-child(4n){margin-right: 0;margin-bottom: 10px;}
}

@media (max-width:1200px){
    
    #menu_section { padding: 80px 0;}
    #menu_section .img_wrap .box .img img{width:auto; height: 150px;}
    #menu_section .img_wrap .box .text{}
    #menu_section .img_wrap .box .border{}
    #menu_section .area_btn {display: table;margin: 50px auto 0;}
    .pro_img img {width: 100%; margin: 0;}
}

@media (max-width:1100px){
    
    #menu_section .img_wrap .box{width:100%;margin: 0 0 40px;}
    #menu_section .tabs{width: 100%;}
}

@media (max-width:768px){
    
    #menu_section .img_wrap .box{width: 100%;}
    #menu_section .img_wrap .box .img{ width:100%;float: unset;}
    #menu_section .img_wrap .box .text{width:100%;float: unset;}
    #menu_section .img_wrap .box .text h2 {font-size: 1.8em; }
    #menu_section .tabs{width: 100%;}
    .ctt_product03 #tab2 .pro_img img, .ctt_product05 #tab2 .sec1 .pro_img img {width: 100%;height: auto;margin: 0;float: none;}
    .ctt_product01 .pro_img img {width: calc(100% - 160px);height: auto;margin: 50px 80px;}
    .ect_a02 img {float:left; width: 100%;}
}

@media (max-width:500px){
    
    .tblx_x > .contentsx_x > div b {line-height: 30px;font-size: 13px;}
    .tblx_x > .contentsx_x > div h2 {width: 100%;border-radius: 15px;line-height: 30px;font-size: 25px;margin: 0; padding: 5px;}
    .tblx_x > .contentsx_x > div h3 {line-height: 20px; font-size: 10px}
    .tblx_x > .contentsx_x > div strong {font-size: 30px;line-height: 50px;}
    .tblx_x > .contentsx_x > div strong em {font-size: 20px;font-style: normal;}
    .tblx_x > .contentsx_x > div strong i {line-height: 0px;margin-top: 0px;font-size: 10px;}
    
    .ctt_product02 #tab2 .pro_img img, .ctt_product02 #tab3 .pro_img img, .ctt_product02 #tab1 .pro_img img {width: 100%; margin: 0;}
    .tblx_x .contentsx_x article {display: block; margin: 50px 0;}
    .tblx_x .contentsx_x article dl dt:after {width: 100%; margin: 0;}
    .tblx_x .contentsx_x article dl {width: 100%;}
    .tblx_x .contentsx_x article dl dt {font-size: 15px;}
    .tblx_x .contentsx_x article dl dd {line-height: 20px; font-size: 12px;}
    .tblx_x .contentsx_x .nmtxt {font-size: 10px;}
    .tblx_x h3.tit {font-size: 15px;}
    .tblx_x h3.tit > i {font-size: 15px;}
    .tblx_x p.s_tit {font-size: 13px;font-weight: 500;}
    .tblx_x .contentsx_x article ol li:first-child {line-height: 50px;font-size: 15px;}
    .tblx_x .contentsx_x article ol li {line-height: 20px;font-size: 11px;}
    .tblx_x .mbftxtb {font-size: 12px;}
    
    
    .mpro_img100 img {width: 100%;}
    .mpro_img80 img {width: 80%;}
    .mpro_img50 img {width: 50%;}
    .mpro_img30 img {width: 30%;}
    
    
    #menu_section {padding: 0px 0 }
    #menu_section .tabs {margin: 0;}
    #menu_section .tabs li { padding: 1px 1px;border-radius: 20px; width: 100%; height: auto;}
/*    #menu_section .tabs li:nth-child(2n) {margin-bottom: 5px;}*/
    #menu_section .tabs li span {font-size: 10px;font-weight: 700;line-height: 10px;}
    #menu_section .tabs li.active {box-shadow: none;}
    
    .bggrey {font-size: 10px;}
    .bggrey .mliquid {display: block;}
    .bggrey .mliquid dl {border: 1px solid #fff; padding: 5px; margin-bottom: 10px}
    .bggrey .mliquid dl:last-child {margin-bottom: 0px}
    .mcarbon {display: }
    
    .tblx_x .contentsx_x .synopextxt span {padding: 0 2px;font-size: 1px;}
    .tblx_x p.size_tit { margin-bottom: 0px; font-size: 10px;}
    .ctt_product01 .pro_img img{width: 100%;margin: 0px;}
    .ctt_product07 #tab1 .pro_img50 img{width: calc(100%/2);margin: 0;}
    .ctt_product10 .pro_img img{width: 100%; margin: 0;}
}





.tbl02 thead th.backslash {background: url(../img/sub/backslash.svg) center center #f5f5f5;}
.tbl02 thead th.slash {background: url(../img/sub/slash.svg) #f5f5f5;}
.tbl02 thead th.slash, 
.tbl02 thead th.backslash { text-align: left; padding-left: 30px;}
.tbl02 thead th.slash div, 
.tbl02 thead th.backslash div { text-align: right; padding-right: 30px;}


@media (max-width: 1100px){
    .tbl02 thead th.backslash {background: url(../img/sub/mmbackslash.svg) center center #f5f5f5;}
}
}

@media (max-width: 800px){
    .tbl02 thead th.backslash {background: url(../img/sub/mbackslash.svg) center center #f5f5f5;}
}
}