/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:180px; margin:0px auto; overflow:hidden; position:relative; background-position:center bottom; 
background-repeat:no-repeat;}
.sv_bg01 { background-image:url(../img/sub/svisual01.jpg); min-width:1200px;}
.sv_bg02 { background-image:url(../img/sub/svisual02.jpg); min-width:1200px;}
.sv_bg03 { background-image:url(../img/sub/svisual03.jpg); min-width:1200px;}
.sv_bg04 { background-image:url(../img/sub/svisual04.jpg); min-width:1200px;}
.sv_bg05 { background-image:url(../img/sub/svisual05.jpg); min-width:1200px;}
#svisual .s_text{ position:absolute; top:20%; left:50%; width:500px; margin-left:-250px; opacity:0; color:#fff; text-align:center; letter-spacing:-0.5px; line-height:1em;}
#svisual .s_text strong{ display:block; font-size:40px; line-height:1em; font-weight:500; letter-spacing:0px; text-shadow:2px 2px 1px #333;}
#svisual .s_text span{ display:block; margin:10px auto; font-size:16px; color:#fff; letter-spacing:0px; text-shadow:2px 2px 1px #333;}
#svisual .s_text p{ font-size:55px; font-weight:400; text-shadow:2px 2px 1px #333; line-height:1.6em;}
@media (max-width:1000px) {
#svisual { min-width:100%; height:140px; background-position:center top; background-size:cover;}
#svisual .sm_text{ position:absolute; width:300px; top:15%; left:50%; margin-left:-150px; font-weight:400; color:#fff; text-align:center; }
#svisual .sm_text strong{ display:block; font-size:30px; line-height:1em; font-weight:700; letter-spacing:0px; margin-bottom:5px;}
#svisual .sm_text p{ font-size:14px; letter-spacing:0px;}
}


/* 내용-공통 */
.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;}
.fl{ float:left;}
.t_center{ text-align:center;}
.img img{ width:100%;}
.bdr{ border:2px solid #ddd; padding:30px 30px;}

#ctt_comm h1{ font-size:2em; font-weight:600; color:#303192; letter-spacing:-2px; margin-bottom:15px;}
#ctt_comm h1 span{ font-size:18px; color:#333; letter-spacing:-0.5px;}
#ctt_comm h2{ font-size:1.7em; font-weight:500; color:#333; letter-spacing:-1.5px; margin:0 0 15px 0; padding-left:18px; position:relative;}
#ctt_comm h2:before{content:""; display:block; position:absolute;left:0; top:6px; width:13px; height:13px; border:4px solid #2b2c8d;}
#ctt_comm h3{font-size:1.7em; color:#333; font-weight:500; margin:0 0 15px 0; letter-spacing:-1.5px; padding-left:11px; position:relative;}
#ctt_comm h3:before{content:""; display:block; position:absolute;left:0; top:3px; width:6px; height:20px; background:#2b2c8d;}
#ctt_comm h4{ font-size:1.4em; font-weight:500; color:#333; padding-left:13px; margin-bottom:10px; position:relative;}
#ctt_comm h4:before{content:""; display:block; position:absolute;left:0; top:5px; width:10px; height:10px; border-radius:20px;border:3px solid #2b2c8d;}
#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 #83ba12;}
#ctt_comm h6{ font-size:1.8em; font-weight:500; color:#333; margin-bottom:15px; letter-spacing:-1px;}
#ctt_comm p{ font-size:1.2em; color:#555; line-height:1.7em;}
@media (max-width:1000px) {
/* 내용-공통 */
.mt_40{ margin-top:20px;}
.mt_50{ margin-top:30px;}
.mt_60{ margin-top:40px;}
.mt_70{ margin-top:50px;}
.mt_80{ margin-top:60px;}
.mt_90{ margin-top:70px;}
.mt_100{ margin-top:80px;}
.mb_40{ margin-bottom:20px;}
.mb_50{ margin-bottom:30px;}
.mb_60{ margin-bottom:40px;}
.mb_70{ margin-bottom:50px;}
.mb_80{ margin-bottom:60px;}
.mb_90{ margin-bottom:70px;}
.mb_100{ margin-bottom:80px;}
.img2 img{ width:100%;}

#ctt_comm h1{ font-size:1.7em;letter-spacing:-1.5px;}
#ctt_comm h1 span{ font-size:14px;}
#ctt_comm h2{ font-size:1.5em; padding-left:15px;}
#ctt_comm h3{font-size:1.5em; 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:18px; background:#2b2c8d;}
#ctt_comm h4{ font-size:1.2em; padding-left:12px;}
#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 #83ba12;}
#ctt_comm h6{ font-size:1.8em; font-weight:500; color:#333; margin-bottom:15px; letter-spacing:-1px;}
#ctt_comm p{ font-size:13px;}
}

/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
/*테이블1*/
.tbl{ width:90%; margin:0 auto;}
.tbl table{ width:100%; border:2px solid #4181d9; color:#444;letter-spacing:0px; font-size:14px; line-height:1.2em;}
.tbl table tr td{ padding:10px 0; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tbl table thead tr th{ padding:10px 10px; color:#222; text-align:center; background:#f5f5f5; border-bottom:1px solid #555; border-right:1px solid #ddd;}
.tbl table tbody tr th{ padding:10px 20px; color:#222; text-align:center; background:#f5f5f5; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tbl table tr td.tdl{ padding:0;border-bottom:2px solid #4181d9;}

/*테이블2*/
.tbl2 table{ width:100%; color:#333; font-size:14px; line-height:1.2em; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.tbl2 table tr td{ padding:10px 20px; text-align:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tbl2 table tr th{ padding:10px 10px; color:#222; font-weight:500; text-align:center; background:#e8f3fc; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
@media (max-width:1000px) {
.row-horizon:before{content:"좌우스크롤로 확인해주세요 ←→"; display:block;  font-size:11px; color:#999; margin-bottom:5px;}
/*가로스크롤*/
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
/*테이블1*/
.tbl table{ font-size:1em;}
.tbl table tr td{ padding:5px 5px;}
.tbl table thead tr th{ padding:5px 5px;}
/*테이블2*/
.tbl2 table{ font-size:1em; }
.tbl2 table tr td{ padding:5px 10px;}
.tbl2 table thead tr th{ padding:5px 10px;}
.tbl2 table tbody tr th{  padding:5px 10px;}
}


/*인사말*/
.greet{ font-size:1.15em; line-height:2em; color:#666;}
.greet .gr_top{ background:url(../img/sub/greet_img.jpg) no-repeat left center; padding-left:500px; margin-bottom:50px;}
.greet h1{ font-size:2.2em; color:#333; line-height:1.1em; margin-bottom:30px;}
.greet h1 strong{ font-size:30px; color:#0d78c6;}
.point{ color:#d30616; font-weight:500;}
.point2{ font-size:1.2em; color:#222;}
@media (max-width:1000px) {
.greet{ font-size:1em; line-height:1.8em;}
.greet .gr_top{ background-position:center top; background-size:auto 200px; padding-left:0; padding-top:230px; margin-bottom:30px;}
.greet h1{ font-size:1.6em; margin-bottom:20px;}
.greet h1 strong{ font-size:20px;}
}

/* 연혁 */
.his{ background:url(../img/sub/history_bg.jpg) no-repeat 20px 40px; padding:0 0 0px 460px; font-size:1.2em;}
.his_ul li{ overflow:hidden;padding:15px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{ font-family:Tahoma, Geneva, sans-serif; color:#222; font-size:1.4em; font-weight:500;letter-spacing:-1px;line-height:32px; position:absolute; top:10px;left:0; padding-left:20px;}
.his_ul li strong:before{ display:block; content:""; width:11px; height:11px; border-radius:30px; border:3px solid #0895be; background:#fff; position:absolute; top:11px; left:2px;}
.his_ul li .history_dl{margin:0 0 0;padding:0px 0 0 20%;position:relative;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:600;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{padding:0 0 5px 3%; color:#666;}
.his_ul li .history_dl dd.dpo{ color:#e60013;}
.his_ul li .history_dl dd span{ font-weight:500; color:#0895be; display:inline-block; width:35px;}
.his_ul li .history_dl dd.dds{  color:#777; text-indent:37px;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 5px 0;}
@media (max-width: 1000px) {
.his{ padding:0; background:none; font-size:1em;}
.his_ul li{padding:5px 0;}
.his_ul li strong{position:relative;top:auto;left:auto;background:url(../img/sub/icon_his_y.gif) no-repeat 0 4px;}
.his_ul li .history_dl{padding:0 0 0 8%;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{padding-left:0;}
.his_ul li .history_dl dd.dds{ text-indent:37px;}
}

/*오시는 길*/
.map{ border:1px solid #ddd; padding:25px 25px;}
.map h4{font-size:1.8em; margin-bottom:20px; 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:1.25em; 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:14px; color:#444; display:block;}
.map .info span.infob{ margin-left:8px; color:#666;}
@media (max-width: 1000px) {
.map{ padding:25px 10px;}
.map h4{font-size:1.5em;}
.map .info p{ font-size:1.1em;}
.map .info span{ font-size:13px;}
}

/*프로10훈*/
.pro{ text-align:center;}
.pro dl{ position:relative; display:inline-block; vertical-align:top; width:45%; margin:20px 20px;}
.pro dt{ width:70px; height:70px; background:#2954c0; color:#fff; text-align:center; line-height:70px; border-radius:50%; position:absolute; top:12px; left:-28px;
font-size:1.1em; font-weight:500; box-shadow:5px 5px 0px #fff;}
.pro dd{ border:1px solid #ddd; box-shadow:3px 3px 0px #2954c0; border-radius:2px; background:#fff; text-align:center; padding:35px 0; font-size:1.3em;}
.pro dl:nth-child(even) dt{ background:#3c465f;}
.pro dl:nth-child(even) dd{ box-shadow:3px 3px 0px #3c465f;}
@media (max-width: 1000px) {
.pro dl{ width:90%; margin:15px auto;}
.pro dt{ top:-15px; left:5px; font-size:1.1em; width:50px; height:50px; line-height:50px;}
.pro dd{ font-size:1.1em;}
}

/*기술자료*/
.tech{ font-size:1.2em; line-height:1.8em; width:95%; margin:0 auto;}
.timg{ margin-top:50px;}
.timg span{ margin:0 10px;}
.timg img{ vertical-align:top;}
.tech h2{ font-size:1.5em; font-weight:500; color:#333;  margin:0 0 15px 0; padding-left:18px; position:relative;}
.tech h2:before{content:""; display:block; position:absolute;left:0; top:5px; width:15px; height:15px; border-radius:3px; border:4px solid #2b2c8d;}
@media (max-width: 1000px) {
.tech{ font-size:1em; width:100%;}
.timg{ margin-top:30px;}
.timg span{ margin:10px 0; display:inline-block;}
.tech h2{ font-size:1.3em; padding-left:15px;}
.tech h2:before{ top:3px; width:12px; height:12px;}
}