@charset "utf-8";

/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1100px; height:170px; margin:0px auto; background:url(../img/sub/svisual.jpg) no-repeat center top; overflow:hidden; position:relative;}
.sslogan{position:absolute; top:45px; width:1000px; left:50%; margin-left:-500px; text-align:center; z-index:10; text-shadow:1px 1px 2px #333;}
.sslogan h3{font-size:1.5em; color:#fff; font-weight:400; margin-bottom:12px;}
.sslogan h2{ font-size:3.2em; font-weight:600; color:#fff;}
/*.sslogan p{font-size:1.1em; color:rgba(255,255,255,0.8);font-weight:300; margin-top:10px; }*/

@media (max-width: 991px) {
#svisual {min-width:100%; height:100px; background-position:center center; background-size:cover;}
.sslogan{position:absolute; top:25%; text-align:center; z-index:2; letter-spacing:-1.5px; z-index:999; text-shadow:1px 1px 2px #333;}
.sslogan h3{font-size:1.2em; margin-bottom:5px;}
.sslogan h2{ font-size:1.8em;}
.sslogan p{font-size:1.1em; margin-top:10px; display:none;}
}

/* 내용-공통 */
.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;}
.fl{ float:left;}

/*테이블*/
.to_table{border-top:2px solid #353535; background:#ffffff;}
.to_table caption{display:none;}
.to_table thead tr th{font-weight:bold; border:1px solid #e0e0e0; background:#ededed; text-align:center; padding:12px; font-size:15px;}
.to_table tbody tr th{font-weight:bold; border:1px solid #e0e0e0; background:#ededed; text-align:center; padding:12px; font-size:15px;}
.to_table td{border:1px solid #e0e0e0; padding:12px; color:#666; text-align:center; border-collapse:collapse; font-size:14px;}
/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 991px) {
.to_table thead tr th{ font-size:13px;}
.to_table tbody tr th{ font-size:13px;}
.to_table td{ font-size:12px;}
.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%;
}
}

/* table 라인없음*/
.responsive-table{overflow-x:auto; overflow-y:hidden}
.responsive-table .table{min-width:700px}
.c_table{width:100%; border-top:2px solid #39C; background:#fff; text-align:center; line-height:2em;}
.c_table caption{display:none}
.c_table th,.c_table td{padding:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:1.4em; text-align:center; }
.c_table th{background:#f9f9f9; color:#000; font-size:1.5em;}
.c_table td.t{ background:#FFFFF0;}
.c_table th:first-child,.c_table td:first-child{border-left:none}
.c_table th:last-child,.c_table td:last-child{border-right:none}
@media (max-width: 991px) {
.c_table{line-height:1.5em;}
.c_table th,.c_table td{padding:8px; font-size:0.9em;}
}



/*인사말*/
.greet01{background:url(../img/sub/greet_bg.jpg) no-repeat center top; text-align:center; padding-top:270px;}

.greet01 h2{ font-size:2.4em; letter-spacing:-1.5px; line-height:1.6em; margin-bottom:40px; color: #333;}
.greet01 h2 .point{color:#0994ad; font-size:1.3em; font-weight:600;}
.greet01 p{ width:90%; margin:0 auto; word-break:keep-all; line-height:1.8em; color:#666;  letter-spacing:-1px; font-size:1.30em;}
.greet01 p .point{color:#ee5252; font-size:1.15em;}
.greet01 p .point2{color:#690; font-size:1.15em;}
.greet01 strong{color:#355B8A; font-size:1.05em;}
.greet01 .sign{padding:30px 0; color:#000; font-size:1.5em; }
@media (max-width: 991px) {
.greet01{ background:url(../img/sub/greet_bg.jpg) no-repeat center top / auto 150px; text-align:center; padding-top:200px;}
.greet01 h2{ font-size:1.4em; margin-bottom:10px; line-height:1.4em; letter-spacing:-0.8px;}
.greet01 p{ width:100%; margin:0px auto;font-size:1em;}
.greet01 .sign{font-size:1.1em; }
}


/*오시는 길*/
.map{ border:1px solid #ddd; padding:25px 25px;}
.map h4{font-size:1.5em; margin-bottom:10px; font-weight:600; color:#e80c0e;}
.map .info{margin-bottom:20px;}
.map .info svg{color:#122c5d;}
.map .info p{margin-left:5px; margin-bottom:5px; font-size:14px; font-weight:normal;}
.map .info p b{display:inline-block; background:#666; color:#fff; border-radius:3px; padding:0 5px; font-size:11px; line-height:1.5em; margin-left:8px;}
.map .info span{ font-size:13px; color:#555;}
@media (max-width: 991px) {
.map{ padding:25px 10px;}
}


/*제품*/
.pro{ text-align:center;}
@media (max-width: 991px) {
.pro img{ width:100%;}
}