@charset "utf-8";

/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}
.t_center{ text-align:center;}
.tl{ text-align:left !important;}
.fl{ float:left;}
.ball_wrap{display: flex;align-items: center;justify-content: center;}
i.ball {display:inline-block;width:10px;height:10px;border-radius:50%;    margin-left: 3px;}
i.ball.red_type{background:red}
i.ball.white_type{border:1px solid #adadad;width:11px;height:11px;background:#FFFl}
i.ball.green_type{background:green}
i.ball.blue_type{background:blue}

/*테이블*/
.tblNimg { overflow: hidden; width: 100%; margin-top:20px;}
/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.to_table{ border-top:2px solid #254e8b; background:#ffffff; width:100%;}
.to_table caption{display:none;}
.to_table tr th{ font-weight:normal; text-align:center; padding:7px 0; border:1px solid #ccc; border-right:0; background:#ecf0f6;letter-spacing: -.5px;}
.to_table thead tr th{ font-weight:bold; text-align:center; padding:7px 5px; border:1px solid #ccc;}
.to_table tr td{border:1px solid #e0e0e0; padding:7px 5px; color:#666; text-align:center; border-collapse:collapse;letter-spacing: -.5px;}
.to_table.ver_line6 tr td,
.to_table.ver_line6 tr th{padding:4px 5px}
.to_table .ver_line7{padding-right:2px;padding-left:2px}

.to_table2{ border-top:2px solid #254e8b; background:#ffffff; width:100%; margin-top:20px; font-size:1.1em;}
.to_table2 tr th{ font-weight:normal; text-align:center; padding:10px 10px; border:1px solid #ccc; border-right:0; background:#ecf0f6;}
.to_table2 thead tr th{ font-weight:normal; text-align:center; padding:10px 10px; border:1px solid #ccc;}
.to_table2 tr td{border:1px solid #e0e0e0; padding:10px 10px; color:#555; text-align:center; border-collapse:collapse;}
.to_table2 img{ width:100% !important;}
@media (max-width:575px) {
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
/*가로스크롤*/
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
.tbl_title{ font-size:1.4em; background-position: left 1px; padding-bottom:3px;}
.to_table thead tr th{padding:5px; }
.to_table td{padding:5px; font-size:11px;}

.to_table2{ margin-top:0px; font-size:1em;}
.to_table2 tr th{ padding:5px;}
.to_table2 thead tr th{ padding:5px;}
.to_table2 tr td{ padding:5px;}
.to_table2 img{ width:100% !important; min-width:150px;}
}

/* 연혁 */
.his{ background:url(../img/sub/global_map.jpg) no-repeat left 10px; padding-bottom:30px;}
.his_ul li{/*border-bottom:1px solid #e5e6e6;*/overflow:hidden;padding:7px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{color:#333;font-size:1.6em; font-weight:600; left:0;letter-spacing:-1px;line-height:32px;position:absolute;top:15px; padding-left:22px; display:block;}
.his_ul li strong:before{ display:block; content:""; width:15px; height:15px; background:#fff; border:3px solid #2480dd; border-radius:50px; position:absolute; top:9px; left:0px;}
.his_ul li .history_dl{margin:0 0 0;padding:10px 0 0 17%;position:relative;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl b{font-weight:500;    display: inline-block;flex: 1;}
.his_ul li .history_dl dt{font-weight:400;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{padding:0 0 0 8%; font-size: 1.15em;display:inline-flex}
.his_ul li .history_dl dd span{ display:inline-block; font-weight:500; color:#2480dd; font-size:1.1em; width:18px; margin-right:5px;width:25px}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 5px 0;margin-top:15px; height:600px; overflow-y:scroll;}



/*오시는 길*/
.map p{ font-size:1.5em; color:#555; text-align:center; line-height:1.6em; margin-bottom:10px;}
.map strong{ font-size:1.2em;}

/*****************제품소개***************/
.pro_cate{ width:80%; margin:20px auto;}
.pro_cate h2{ font-size:2.8em; color:#333; text-align:center; font-weight:600; text-align:center; margin-bottom:30px; padding: 10px 0; border-top:2px solid #39a7c6; border-bottom:1px solid #7f7f7f;}
.pro_cate h3{ margin-bottom:30px; padding:8px 0 15px 35px; background:#f4f4f4; border-top:2px solid #39a7c6; border-bottom:1px solid #dfdfdf;}
.pro_cate h3 img{ height:33px; width:auto;}
.pro_cate li{ background:url(../img/main/mc_icon.svg) no-repeat 17px 8px; background-size: 15px; padding-left:38px;}
.pro_cate a{ font-size:1.45em; color:#444; line-height:1.8em;}
.pro_cate a:hover{ letter-spacing: -1px;font-weight:600; color:#003e99;}

.pro_cate2{ width:80%; margin:60px auto 20px auto;}
.pro_cate2 h2{ font-size:2.2em; color:#333; font-weight:600; margin-bottom:25px; margin-left:18px; position:relative; padding-left:20px;}
.pro_cate2 h2:before{ display:block; content:""; width:15px; height:15px; border-radius:3px 0 3px 3px; border:5px solid #4297b1 ;position:absolute; top:7px; left:0;}

#product{ font-size:1.2em;}
#product img{ width:100%;}

/*탭관련*/
.nav-tabs li a{ font-size:1.2em;}
.nav-tabs li.active a{ font-weight:600; border-bottom-color:#fff; color:#003e99;}
.nav-tabs li.active a:hover{ color:#003e99;}
.nav-tabs li.active a:focus{ color:#003e99;}
.nav-tabs li .dropdown-menu li a{ color:#555; font-weight:500;}
.nav-tabs li .dropdown-menu li.active a{ color:#fff; font-weight:600;}
.tab-content{ padding-top:30px;}

#pro_top{ font-size:1.1em; background:#f5f5f5; padding:40px 25px 40px 20px ; box-sizing:border-box; margin-bottom:50px;}
#pro_top h3{ font-size:1.5em; margin-bottom:10px;}
#pro_top img{ width:50%;}
#pro_top span{ text-align:center; display:inline-block; width:15%; margin:0 10px;}
#pro_top span img{ width:100%;}
#pro_top span.span2{ width:30%; margin:0 0 0 24px;}
#pro_top span.span3{ width:100%; margin:0;}
#pro_top p{ padding-left:11px; background:url(../img/sub/prot_sm_arrow.svg) no-repeat left 6px; letter-spacing:-0.3px;background-size: 8px;word-break: keep-all; }
#pro_top p + p{    margin-top: 7px;}


#pro_box{ margin-bottom:50px; padding-bottom:50px; border-bottom:1px dotted #ccc;}
#pro_box .pro_img1{ max-width:600px; margin:0 auto;}
#pro_box .pro_img2{ max-width:800px; margin:0 auto;}
#pro_box .pro_img3{ border-radius:7px; overflow:hidden;}
#pro_box .pro_img4{ margin:10px 0; border:1px solid #ddd; border-radius:7px; overflow:hidden;}
#pro_box .pro_img5{ max-width:900px; margin:0 auto; border-radius:12px; overflow:hidden;}
#pro_box .pro_img6{ border-radius:7px; overflow:hidden; margin-top:20px;}
#pro_box .pro_img7{ border-radius:7px; overflow:hidden;}
#pro_box h1{ font-size:2.3em; font-weight:normal; margin:0px 0 20px 0; position:relative; padding-left:24px; background:url(../img/sub/prot_big_arrow.svg) no-repeat left 7px; background-size: 12px}
/*#pro_box h1:before{ display:block; content:""; width:5px; height:25px; background:#003e99; position:absolute; top:6px; left:0px;}*/
#pro_box h2{ font-size:1.4em; color:#fff; background:#003e99; padding:5px 15px; margin:50px 0 20px 0;}
#pro_box h4{ font-size:1.7em; font-weight:normal; margin:0px 0 10px 0; position:relative; padding-left:17px; background:url(../img/sub/prot_big_arrow.svg) no-repeat left 5px/12px auto; background-size: 12px}
/*#pro_box h4:before{ display:block; content:""; width:13px; height:13px; border:5px solid #003e99; border-radius:2px; position:absolute; top:7px; left:0px;}*/
#pro_box h4.h4s{ font-size:1.3em; margin-bottom:15px; background-position:left 1px;}
#pro_box h4.h4s:before{ height:15px; top:3px;}

.pro_cate2 div img {width: 100%;}
.pro_cate2 p {    font-size: 1.3em;margin-top: 10px}



@media (max-width:575px) {
#svisual { min-width:100%; height:180px; background-position:center top; background-size:cover;}
#svisual .s_text{ display:none;}
#svisual .sm_text{ display:block; margin:40px auto 0 auto; font-size:19px; font-weight:500; color:#fff; text-align:center; letter-spacing:-1.5px; line-height:1em;}
#svisual .sm_text span{ display:block; width:50px; height:1px; background:#fff; margin:0 auto 15px auto;}
#svisual .sm_text strong{ font-size:15px; font-weight:lighter; letter-spacing:0; display:block; margin-top:5px;}

#ctt .p{ font-size:1.1em; line-height:1.5em;}
#ctt img{ width:100%; height:auto;}

/*연혁*/
.his{ background:none;}
.his div{ padding:0;}
.his_ul li{ padding:0 0 10px 0;}
.his_ul li .history_dl{padding:40px 0 0 8%;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{ padding:0px 0 0 10px;}

/*오시는 길*/
.map{ width:95%; margin:0 auto;}
.map p{ font-size:1.2em;}


/*****************제품소개***************/
	.pro_cate a {
    letter-spacing: -1px;
}
.pro_cate{ width:100%; margin:0px auto;}
.pro_cate h2{ font-size:2em; margin-bottom:10px;}
.pro_cate h3{ margin-bottom:20px; margin-top:10px;}
#ctt .pro_cate h3 img{ width:auto;
    max-height: 25px;}
.pro_cate li{ background-position:17px 6px;}
.pro_cate a{ font-size:1.3em;}

.pro_cate2{ width:100%;}
.pro_cate2 h2{ font-size:2em; margin-bottom:20px; margin-left:0px;}
.pro_cate2 h2:before{ display:block; content:""; width:15px; height:15px; border-radius:3px 0 3px 3px; border:5px solid #4297b1 ;position:absolute; top:7px; left:0;}
.pro_cate2 div{ margin-bottom:20px;}
#product{ font-size:1em;}
/*탭관련*/
.nav-tabs li .dropdown-menu li a{ font-size:12px;}

#pro_top{ font-size:1em; padding:30px 10px; margin-bottom:30px;}
#pro_top .col-xs-12{ margin-bottom:15px;}
#pro_top img{ width:100%;}
#pro_top span{ width:42%; margin:5px 10px;}
#pro_top span img{ width:100%;}
#pro_top span.span2{ width:100%; margin:5px 0;}

#pro_box{ margin-bottom:30px; padding-bottom:30px;}
#pro_box .col-xs-12{ margin-bottom:15px;}
#pro_box .pro_img1{ max-width:100%; }
#pro_box .pro_img2{ max-width:100%;}
#pro_box .pro_img4{ margin:10px 0;;}
#pro_box .pro_img5{ max-width:100%;}
#pro_box .pro_img6{ margin-top:0px;}


}


#product .simp_text{    height: 90px;}
#product .img_no_link {text-align:left !important}
#product .img_no_link img{width:60%}

@media (max-width:1200px) {
	#product .simp_text{height:auto}
}

.in_area_tag{margin-top: -100px; height: auto; position: absolute;}




/*서브-2차메뉴*/
#left{ width:1100px;margin:0 auto;}
#left dl{ text-align:center; margin-top:15px;}
#left dd{ display:inline-block; margin:0; padding:0;}
#left dd a{ display:block; line-height:40px; color:#777; font-size:1.4em; font-weight:400; letter-spacing:0; border:1px solid #ddd; background:#f7f7f7;padding:0 35px; margin:0 3px;}
#left dd a:hover{ color:#333; text-decoration:none;}
#left dd a.on{ color:#333; border:1px solid #444; font-weight:500; background:#fff;}
@media (max-width:575px) {
#left{ width:100%;overflow-x:scroll;}
#left dl{ width:100%; min-width:520px; margin-top:0; background:#f1f1f1; text-align:left;}
#left dd a{ text-align:center; line-height:40px; padding:0px 10px; font-size:1.2em; border:0; margin:0; background:none;}
#left dd a.on{ border:0; font-weight:600;}
}


#left.sub_top_title.fixed{
    position: fixed;
    z-index: 9;
    width: 100%;
    top: 0;
    background: #FFF;
    border-bottom: 1px solid #DDD;
    padding-bottom: 15px;
}
@media (max-width:575px) {

#left.sub_top_title.fixed{
    padding-bottom: 0
}

}