/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:300px; background:url(../img/sub/s_top01.png) no-repeat center 0px; margin:0px auto; text-align:center;}
#svisual.a{background:url(../img/sub/s_top01.png) no-repeat center 0px;}
#svisual.b{background:url(../img/sub/s_top02.png) no-repeat center 0px;}
#svisual.c{background:url(../img/sub/s_top03.png) no-repeat center 0px;}
#svisual.d{background:url(../img/sub/s_top04.png) no-repeat center 0px;}
#svisual.e{background:url(../img/sub/s_top05.png) no-repeat center 0px;}

#svisual .s_text{color:#fff; text-shadow:0px 0px 6px rgba(0,0,0,0.5); padding-top:55px;}
#svisual .s_text h3{font-size:3.2em; font-weight:400; letter-spacing:-3.3px; margin-bottom:25px; position:relative;}
#svisual .s_text h3:after{display:block; content:""; width:2px; height:20px; background:#fff; position:absolute; left:50%; top:60px;}
#svisual .s_text span{display:block; font-size:2.05em; line-height:1.5em; padding-top:20px; letter-spacing:-1.7px;}
@media (max-width:1200px) {
#svisual { min-width:100%; height:120px; background-position:center top; background-size:cover; display:none;}

}

	
/*기업비전 */
.greet02{ text-align:center; padding-bottom:50px;}
.greet02 h3{background:url(../img/main/tt01.png) no-repeat top left; padding-left:40px; padding-right:40px; display:inline-block; color:#000; font-size:2em; line-height:1.6em; 
margin-bottom:70px; letter-spacing:-2px; font-weight:600; position:relative;}
.greet02 h3:after{display:block; content:""; background:url(../img/main/tt02.png) no-repeat top right; position:absolute; right:0; top:3px; width:50px; height:50px; }
.greet02 h3 .green{color:#5ca819;}
.greet02 h3 .title{}
.greet02 h3 strong{color:#2592d1;}
.sub02_pro {}
.sub02_pro .stitle{ background:url(../img/sub/title_line.png) no-repeat center bottom; font-size:2.6em; color:#000; padding-bottom:20px; margin-bottom:20px;}
.sub02_pro_wrap{overflow:hidden; box-sizing:border-box; }
.sub02_bx{width:calc(33.333% - 10px); float:left; margin:5px; overflow:hidden; }
.sub02_bx:nth-of-type(4n)+.sub02_bx{clear:both}
.sub02_bx .img{width:100%;}
.sub02_bx .img img{width:100%; }
.sub02_bx .txt{width:100%; border:1px solid #eee; border-top:0; padding:15px; box-sizing:border-box; min-height:192px;}
.sub02_bx .txt .t{text-align:center; font-size:1.68em; font-weight:400; color:#000; }
.sub02_bx .txt .line{width:100%; height:1px; background:#eee ; margin:15px auto;}
.sub02_bx .txt .c span{display:block; font-size:1.1em; line-height:1.7em;}
@media (max-width:1200px) {
.greet02{padding-bottom:25px;}
.greet02 h3{padding-left:25px; padding-right:25px; font-size:1.3em; line-height:1.6em; margin-bottom:30px; letter-spacing:-1.2px;}
.greet02 h3:after{display:block; content:""; background:url(../img/main/tt02.png) no-repeat top right; position:absolute; right:0; top:3px; width:50px; height:50px; }
.greet02 h3 .green{color:#5ca819;}
.greet02 h3 .title{}
.greet02 h3 strong{color:#2592d1;}
.sub02_pro .stitle{font-size:1.8em; color:#000; padding-bottom:20px; margin-bottom:20px;}
.sub02_bx{width:98%; margin:1% 1% 2.5%;}
.sub02_bx:nth-of-type(2n)+.sub02_bx{clear:both}
.sub02_bx:nth-of-type(3n)+.sub02_bx{clear:unset}
.sub02_bx .txt{padding:12px; min-height:100%;}
.sub02_bx .txt .line{margin:10px auto;}
.sub02_bx .txt .t{font-size:1.3em;}
.sub02_bx .txt .c span{font-size:1em; line-height:1.5em;}
}


/*인사말*/
.greet01{ font-size:1.25em; letter-spacing:-0.8px; line-height:1.8em; background:url(../img/sub/greet01_bg.png) no-repeat center top; padding:180px 0 0 80px;}
.greet01 h3{color:#37559B; font-size:1.4em; margin-bottom:25px;}
.greet01 h3 span{display:block; font-size:1.2em; color:#000; padding-top:10px;}
.greet01 p{font-size:1.15em; color:#000; margin-top:15px;}
.greet01 p span{display:inline-block; margin-left:15px; font-size:1.2em; color:#039; font-weight:600;}
@media (max-width:1200px) {
.greet01{ font-size:1em; letter-spacing:-0.8px; line-height:1.7em; background:none; padding:0; text-align:center;}
.greet01 h3{color:#37559B; font-size:1.25em; margin-bottom:25px;}
.greet01 h3 span{display:block; font-size:1.1em; color:#000; padding-top:10px;}
.greet01 p span img{width:80px; height:auto;}
}
	


/*  ci  */
.greet03{ background:#fff; padding:20px; margin-bottom:20px; box-shadow:0px 0px 7px rgba(0,0,0,0.1); border:1px solid #ddd;}
.greet03 img{ width:100%; height:auto;}

@media (max-width:1200px) {

}



/*  오시는길  */
.greet04{ background:#fff; padding:20px; margin-bottom:20px; box-shadow:0px 0px 7px rgba(0,0,0,0.1); border:1px solid #ddd;}
.greet04 .info{ line-height:1.8em; font-size:1.14em; margin-bottom:10px;}
.greet04 .svg-inline--fa{font-size:1.15em; margin-right:4px;}
@media (max-width:1200px) {
.greet04{ padding:8px;}
.greet04 .info{ line-height:1.5em; font-size:1.05em;}
.greet04 .svg-inline--fa{}
}







/*제품소개 탭메뉴*/
.pro{}
.pro_cate{margin-bottom:30px;}
.pro_cate li{/*width:calc(50% - 5px) !important;*/ text-align:center; margin-right:5px; margin-bottom:5px; margin-left:0 !important; }
.pro_cate li:nth-child(3){margin-right:0;}
.pro_cate li a{background:#f8f9fa; border:1px solid #e4e4e4; border-radius:0; font-size:1.35em; color:#000; padding:12px 35px;}
.pro_cate li a:hover{background-image:linear-gradient(120deg, #e7f6ff, #fff); color:#06C;}
.pro_cate>li.active>a, .busi_cate>li.active>a:focus, .busi_cate>li.active>a:hover{ background-image:linear-gradient(120deg, #00bbd7, #1a5fc6); border:1px solid #00bbd7;}
@media (max-width:1200px) {
.pro_cate li a{font-size:1em; padding:5px 14px; border-radius:20px;}
}
/*제품소개 내용작업*/
.bio_th{font-size:1.15em; line-height:1.6em;}
.bio_th .box{margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #eeeeee;}
.bio_th .title{font-size:1.8em; font-weight:600; margin-bottom:25px;}
.bio_th .title strong{color:#36C;}
.bio_th .point{border:1px dotted #ddd; padding:20px; font-size:1.28em; line-height:1.6em;}
.bio_th .point span{color:#DE6373;}
.bio_th .point strong{color:#36C;}
.bio_th .bx:after{display:block; content:""; clear:both;}
.bio_th .bx{margin:20px 0;}
.bio_th .bx dl{float:left; width:calc(50% - 8px); margin-right:15px; border:1px solid #eeeeee; padding:15px;}
.bio_th .bx dl:last-child{margin-right:0;}
.bio_th .bx dl dt img{width:100%; height:auto; margin-bottom:15px;}
.bio_th .bx dl dd {padding-left:12px; margin-bottom:10px; font-size:1.18em; position:relative;}
.bio_th .bx dl dd:after{display:block; content:""; width:5px; height:5px; background:#69F; border-radius:50%; top:10px; left:0; position:absolute;}
.bio_th .cr_box{}
.bio_th .cr_box li{float:left; width:calc(50% - 15px); margin-right:15px; margin-bottom:15px; background:#6386c5; color:#fff; padding:20px;}
.bio_th .cr_box li:nth-child(2n){margin-right:0; background: #6A6FBD}
.bio_th .cr_box .big{font-size:1.35em; margin-bottom:15px; color:#FEF9D1; font-weight:600;}
.bio_th .list{margin-top:20px;}
.bio_th .list li{ list-style-type:disc; margin-left:20px; margin-bottom:12px;}
.bio_th .list li span{ color:#DE6373;}
.bio_th .ts{margin-bottom:25px;}
.bio_th .ts span{display:inline-block; padding:12px 25px; border:1px solid #4662b2; border-radius:10px; font-size:1.12em;}
.bio_th .ts span.tit{ background:#4662b2; color:#FFC;}
.bio_th .photo{ background:#333; color:#fff; text-align:center; padding-bottom:20px;}
.bio_th .photo img{width:100%; height:auto; padding-bottom:20px;}

/* table */
.responsive-table{overflow-x:auto; overflow-y:hidden}
.responsive-table .table{min-width:700px;}
.f_table{width:100%; /*border-left:1px solid #ddd; border-right:1px solid #ddd;*/ background:#fff; line-height:1.5em;}
.f_table caption{display:none}
.f_table th,.f_table td{padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:1em;}
.f_table th{background: #6386c5; color:#fff; font-size:1.2em;  text-align:center;}
.f_table td.t{color:#6386c5; font-weight:800; background:#F4FBFF;  text-align:center;}
.f_table th:first-child,.f_table td:first-child{border-left:none}
.f_table th:last-child,.f_table td:last-child{border-right:none}
.f_table .dot li{list-style-type:disc; margin-left:20px; margin-bottom:6px;}
.f_table tr.point th, .f_table tr.point td{ font-weight:bold; color:#f71f1f; font-size:1.2em;}
@media (max-width: 991px) {
.bio_th .box{margin-bottom:18px; padding-bottom:18px; }
.bio_th{font-size:0.95em; line-height:1.5em;}	
.bio_th .title{font-size:1.4em; margin-bottom:15px;}
.bio_th .point{font-size:1em; padding:12px;}
.bio_th .bx dl{width:100%; margin-bottom:10px;}
.bio_th .cr_box li{margin-right:5px; width:calc(50% - 3px); padding:10px; margin-bottom:5px; min-height:130px;}
.bio_th .box .mg img{width:100%; height:auto;}
.bio_th .ts span{padding:8px 16px; font-size:1em; margin-bottom:5px; border-radius:4px;}
.f_table{width:600px;}
.f_table th,.f_table td{font-size:0.9em;}
.bio_th .box:last-child{border-bottom:0; margin-bototm:0;}
}

/*제품소개 내용작업2*/
.mis_c{font-size:1.15em; line-height:1.6em;}
.mis_timg{ text-align:center;}
.mis_c .title{ font-size:2.7em; text-align:center; margin:40px 0 80px 0; font-weight:bold; color:#aa1e3a;}
.mis_c .title2{ font-size:1.8em; font-weight:600; margin-bottom:25px;}
.mis_c .box_b{ margin-bottom:80px !important;}
.mis_c .box1{}
.mis_c .box1 dl{ border:1px solid #ddd; padding:30px 40px; margin:15px 0;}
.mis_c .box1 dt{ font-size:1.5em; margin-bottom:10px; color:#4886c3;}
.mis_c .box1 dd{ font-size:1.1em;}
.mis_c .pimg1{ width:80%; margin:0 auto;}
.mis_c .pimg1 img{ width:100%;}
.mis_c .box2{}
.mis_c .box2 li{}
.mis_c .box2 li {padding-left:12px; margin-bottom:10px; font-size:1.18em; position:relative;}
.mis_c .box2 li:after{display:block; content:""; width:5px; height:5px; background:#69F; border-radius:50%; top:10px; left:0; position:absolute;}
.mis_c .box2 .stxt{ border:2px solid #4886c3; border-radius:30px; text-align:center; margin-top:20px; font-size:1.3em; font-weight:600; padding:20px 0;}
.mis_c .box3{}
.mis_c .box3 dl{ padding:30px 40px; margin:15px 0; background:#f5f5f5; border-radius:15px;}
.mis_c .box3 dt{ font-size:1.5em; margin-bottom:10px; color:#4886c3;}
.mis_c .box3 dd{ font-size:1.1em; padding-left:12px; position:relative;}
.mis_c .box3 dd:after{display:block; content:""; width:5px; height:5px; background:#69F; border-radius:50%; top:10px; left:0; position:absolute;}
.mis_c .box4{}
.mis_c .box4 .pimg2{ display:inline-block; vertical-align:top; width:calc(50% - 13px); margin:5px 5px;}
.mis_c .box4 .pimg2 img{ width:100%;}
.mis_c .pimg3{ width:70%; margin:0 auto;}
.mis_c .pimg3 img{ width:100%;}
.mis_c .stxt{ border:2px solid #4886c3; border-radius:30px; text-align:center; margin-top:20px; font-size:1.5em; font-weight:600; padding:20px 0; line-height:1.3em;}
.mis_c .stxt strong{ color:#597dae;}
.mis_c .pimg4{ width:80%; margin:20px auto 0 auto;}
.mis_c .pimg4 img{ width:100%;}
.mis_c .pimg5{ margin: 0 auto 40px auto;}
.mis_c .pimg5 img{/* width:100%;*/}
.mis_c .pimg6{ text-align:center; margin-bottom:40px;}
.mis_c .pimg6 img{/* width:100%;*/}
.mis_c .box5 dl{ border:1px solid #ddd; padding:30px 40px; margin:15px 0;}
.mis_c .box5 dt{ font-size:1.5em; margin-bottom:10px; color:#4886c3;}
.mis_c .box5 dd{ font-size:1.1em; padding-left:12px; position:relative;}
.mis_c .box5 dd:after{display:block; content:""; width:5px; height:5px; background:#69F; border-radius:50%; top:10px; left:0; position:absolute;}
@media (max-width: 991px) {
.mis_c{font-size:0.95em; line-height:1.5em;}	
.mis_timg img{ width:40%; margin:0 auto;}
.mis_c .title{ font-size:2.2em; margin:20px 0 50px 0; line-height:1.2em;}
.mis_c .title2{ font-size:1.4em; margin-bottom:15px;}
.mis_c .box_b{ margin-bottom:50px !important;}
.mis_c .box1 dl{ padding:20px 20px; margin:10px 0;}
.mis_c .box1 dt{ font-size:1.3em;}
.mis_c .pimg1{ width:100%;}
.mis_c .box2 li:after{ top:7px;}
.mis_c .box2 .stxt{ border-radius:10px; padding:15px 10px;}
.mis_c .box3{}
.mis_c .box3 dl{ padding:20px 20px; margin:10px 0; border-radius:5px;}
.mis_c .box3 dt{ font-size:1.3em;}
.mis_c .box3 dd:after{ top:7px;}
.mis_c .box4 .pimg2{ display:block; width:100%; margin:5px 0px;}

.mis_c .pimg3{ width:80%;}
.mis_c .stxt{ border-radius:10px; padding:15px 10px;}
.mis_c .pimg4{ width:100%; margin:20px auto 0 auto;}
.mis_c .pimg5{ margin: 0 auto 20px auto;}
.mis_c .pimg5 img{ width:100%;}
.mis_c .pimg6{ margin-bottom:20px;}
.mis_c .pimg6 img{ width:100%;}
.mis_c .box5 dl{ padding:20px 20px; margin:10px 0;}
.mis_c .box5 dt{ font-size:1.3em;}
.mis_c .box5 dd:after{ top:7px;}
}





/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{ margin-top:10px;}
.tbl table{ width:100%; border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center;border-left:1px solid #e3e3e3; }
.tbl tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222;}
.tbl tr td { vertical-align:middle; padding:8px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333;}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}



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

.ready{ text-align:center;}