@charset "utf-8";

/*서브-상단비주얼 */
#svisual{width:100%; min-width:1100px; height:180px; margin:0px auto; background:url(../img/sub/svisual.jpg) no-repeat center top; overflow:hidden; position:relative;}
.sslogan{position:absolute; top:21px; width:1000px; left:50%; margin-left:-500px; text-align:center; z-index:2; letter-spacing:-1.5px; z-index:999; text-shadow:1px 1px 2px #333;}
.sslogan h3{font-size:1.99em; color:#98d8f3; font-weight:600; margin-bottom:5px;}
.sslogan h2{ font-size:2.2em; font-weight:600; color:#fff;}
.sslogan p{font-size:1.23em; color:#fff; font-weight:300; margin-top:10px; letter-spacing:-1.1px;}

@media (max-width: 991px) {
#svisual {min-width:100%; height:60px; background-position:center center; background-size:cover;}
.sslogan{position:absolute; top:30%; text-align:center; z-index:2; letter-spacing:-1.5px; z-index:999; text-shadow:1px 1px 2px #333;}
.sslogan h3{font-size:1.6em;}
.sslogan h3 img{width:310px; height:auto;}
.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%;
}
}

#ctt_comm{ font-size:1.1em;}
#ctt_comm h1{ font-size:2.2em; font-weight:500; color:#333; letter-spacing:-2px;}
#ctt_comm h2{ font-size:2em; font-weight:500; color:#83ba12; letter-spacing:-1px; margin:0 0 25px 0}
#ctt_comm h3{font-size:1.8em; color:#333; font-weight:500; margin:0 0 15px 0; padding-left:11px; position:relative;}
#ctt_comm h3:before{content:""; display:block; position:absolute;left:0; top:3px; width:6px; height:25px; background:#e60012;}
#ctt_comm h4{ font-size:1.4em; font-weight:500; color:#333; padding-left:16px; margin-bottom:10px; position:relative;}
#ctt_comm h4:before{content:""; display:block; position:absolute;left:0; top:5px; width:12px; height:12px; border:2px solid #e60012;}
#ctt_comm h5{ font-size:1.7em; font-weight:500; color:#333; padding-left:16px; margin-bottom:10px; position:relative;}
#ctt_comm h5:before{content:""; display:block; position:absolute;left:0; top:5px; width:12px; height:12px; border:2px solid #e60012;}
#ctt_comm p{ font-size:1.15em; color:#555; line-height:1.7em;}
#ctt_comm p.p{ font-size:1em; color:#666; line-height:1.5em;}
#ctt_comm p.p_point{ font-size:1.3em; font-weight:500; color:#7cb20b; line-height:1.5em;}
#ctt_comm span.point{ font-weight:500; color:#444;}
@media (max-width: 991px) {
#ctt_comm h3{font-size:1.5em; padding-left:10px;}
#ctt_comm h3:before{ top:3px; width:4px; height:18px;}
.hyo img{ width:100%;}
}



/*회사소개*/
.company{ background:url(../img/sub/greet_bg.jpg) no-repeat center 100px; }
.company h1{ font-size:2.3em; letter-spacing:-2px; line-height:1em; margin-bottom:15px; color:#f57a16; text-align:center;}
.company h2{ font-size:1.8em; letter-spacing:-1.5px; line-height:1em; margin-bottom:60px; color:#222;text-align:center;}
.company .con{margin-top:340px; word-break:keep-all; line-height:1.8em; color:#555;  letter-spacing:-1px; font-size:1.4em;}
.company dl:after{display:block; content:""; clear:both;}
.company dl{}
.company dt{float:left; font-weight:600; font-size:1.2em; color: #36C; padding-left:13px; position:relative; line-height:2.1em;}
.company dt:before{content:""; display:block; position:absolute; left:0; top:10px; width:5px; height:20px; background:#88afd6; }
.company dd{ padding-left:150px; margin-bottom:50px; font-size:1em; line-height:1.5em;}

@media (max-width: 991px) {
.company{ background:none; }
.company h1{ font-size:1.4em; margin-bottom:10px; line-height:1.2em;}
.company h2{ font-size:1.2em; margin-bottom:30px; line-height:1.2em;}
.company .con{ width:100%; margin:0px auto;font-size:1.05em;}
.company dt{font-size:1.2em; width:100%; float:inherit}
.company dt:before{top:7px;height:16px;}
.company dd{padding-left:0; font-size:1.1em;  margin-bottom:12px;width:100%;}
.company dd ol li{ text-indent:-12px; padding-left:12px;}

}

.greet{}
.greet img{width:100%; height:auto;}


/*사업소개*/
.busi{}
.busi h2{display:none; font-size:2.5em; line-height:2.2em; }
.busi .img{text-align:center; margin-bottom:50px;}
.busi .img img{width:300px; height:auto; border:3px solid #F0F0F0; }
.tas { width:1000px; margin:0 auto; }
.tas li strong {
			display:inline-block;
			float:left;
			background:#2a7db1;
			color:#fff;
			font-size:1.55em;
			font-weight:500;
			width:200px;
			padding:10px;
			line-height:1.8em;
			text-align:center;
			}
.tas li span {display:block;
			margin-left:220px;
			background:#fff;
			font-size:1.4em;
			font-weight:500;
			line-height:1.8em;
			text-align:left; }
.tas li { zoom:1; overflow:hidden; margin-bottom:20px; }
.tas li:after { content:'';clear:both; display:block; }
@media (max-width: 991px) {
.busi .img{text-align:center; margin-bottom:20px; margin-top:20px;}
.busi .img img{width:160px;}
.tas { width:100%; margin:0 auto; }
.tas li { zoom:1; overflow:hidden; margin-bottom:8px; }
.tas li strong {width:85px; font-size:1.03em; padding:4px 3px;}
.tas li span {margin-left:90px; font-size:0.9em;}
}





/*찾아오시는 길*/
.map{z-index:0; margin-top:5px;}
.map_table{width:490px; border-collapse:separate; border-spacing:0px; margin-top:33px;}
.map_table th{width:70px; color:#333; text-align:left; padding:10px 0 10px 0; border-bottom:1px dashed #d4d4d4; vertical-align:top; font-size:14px;}
.map_table td{border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 10px; font-size:14px; color:#666;} 
.map_table .fa-home{font-size:0.9em;}
.map_table .fa-phone-square{font-size:0.9em;}
.map_table .fa-fax{font-size:0.9em;}
.map_table .fa-envelope{font-size:0.9em;}
@media (max-width: 991px) {
.map{z-index:0; margin-top:20px;}
.map_table{width:100%; margin-top:20px;}
.map_table th{width:20%;font-size:13px;}
.map_table td{font-size:12px;} 
}