@charset "utf-8";


/*서브-상단비주얼 */
#svisual{width:100%; height:231px; background: url(../img/sub/s_main01.jpg) no-repeat center center; min-width:1100px;}
#svisual .svisual_in{width:1100px; margin:0 auto; height:231px; text-align:center; color:#FFF; letter-spacing:-1.2px; }
#svisual .svisual_in .s_text h2{font-size:35px; font-weight:bold; padding-top:48px; text-shadow:1px 2px 5px #000; line-height:1.3em;}
#svisual .svisual_in .s_text p{font-size:18px; padding-top:20px; text-shadow:1px 1px 3px #000;}
@media (max-width: 991px) {
#svisual{height:120px; background: url(../img/sub/s_main01.jpg) no-repeat left top; background-size:cover; min-width:100%;}
#svisual .svisual_in{width:100%; height:120px;}
#svisual .svisual_in .s_text h2{font-size:20px; padding-top:25px; }
#svisual .svisual_in .s_text p{font-size:1em; padding-top:10px;}
}



/*인사말/연혁*/
.contents{font-size:1.25em;}
.contents p{ line-height:1.8em;}
.contents h1{ font-size:1.4em; line-height:1.5em; color:#1e73b9; font-weight:bold; margin-bottom:10px;}
.contents h2{ font-size:1.4em; line-height:1.5em; font-weight:bold; margin:20px 0 0;}
.contents h3{ background:url(../img/common/arrow4.gif) no-repeat left center; padding-left:20px; font-size:1.4em; line-height:1.5em;font-weight:bold; margin:20px 0 10px;}
.contents img{ float:right; padding-left: 10px;margin-bottom: 15px;}
.contents .border{ background:#fcb61f; padding:3px 7px; border-radius:30px; font-weight:bold; border:1px solid #fcb61f; line-height:2.3em; color:#fff;}
.contents span.dot{ color:#6066a1; background:url(../img/common/c_icon7.gif) no-repeat left; padding-left:15px;font-size: 1.2em; font-weight: bold;}
.contents span.orange{ color:#ff6d0c; background:none; padding-left:0;}
.contents span.blue{ color:#2e8ab5; background:none; padding-left:0;}
.contents span.green{ color:#368a7b; background:none; padding-left:0;}
.contents strong.ceo{ font-weight:bold; font-size:1.2em;}
.contents p.ceo{ float:right;}
.contents table td{ border:1px solid #ddd; line-height:30px; padding:0 8px;text-decoration: none;}
.contents table td a{ text-align:center; width:85px; margin:10px auto; display:block;}
.contents table td a img{padding-left: 0px;}

/*강사진소개*/
#pro2{ margin:50px 0; border-bottom:1px solid #ddd; padding-bottom:50px;}
#pro2:last-child{border-bottom:none; padding-bottom:0;}
#pro2 h1{ font-size:1.3em; font-weight:bold;}
#pro2 span{ background:#bbb; padding:3px 7px; font-weight:bold; color:#fff;}
#pro2 table{}
#pro2 td{ height:30px; line-height:30px;}
#pro2 td.dot{ border-bottom:1px dotted #ddd; height:0;}

.contents2 h2{ background:url(../img/common/arrow4.gif) no-repeat left center; padding-left:20px; font-size:1.3em; line-height:1.5em;font-weight:bold; margin:20px 0 10px;}

.map{z-index:0; margin-top:18px;}
.map_table{width:490px; border-collapse:separate; border-spacing:0px; margin-top:33px;}
.map_table th{width:95px; color:#333; text-align:left; padding:10px 0 10px 0; border-bottom:1px dashed #d4d4d4; vertical-align:top; font-size:16px;}
.map_table td{border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 10px; font-size:15px; color:#666;} 

/*배출현황*/
#pro{ margin:50px 0; border-bottom:1px solid #ddd; padding-bottom:50px;}
#pro:last-child{border-bottom:none; padding-bottom:0;}
#pro h1{ font-size:1.3em; font-weight:bold;}
#pro span{ background:#bbb; padding:3px 7px; font-weight:bold; color:#fff;}
#pro table{}
#pro td{ height:30px; line-height:30px;}
#pro td.dot{ border-bottom:1px dotted #ddd; height:0;}

@media (max-width: 991px) {
.contents h1{ line-height:1.5em; color:#1e73b9; font-weight:bold; margin-bottom:10px; font-size:1em;}
.contents h2{ font-size:1em; line-height:1.5em; font-weight:bold; margin:20px 0 0;}
.contents span.dot{ font-size: 0.92em;}
.contents p.ceo{margin-top:20px;}
.contents img{ width:50%; text-align:center; margin:15px auto; float:none; display:block;}
.contents table td a{ width:64px;font-size: 0.8em; text-align:center;}
.contents2 img{ width:100%; text-align:center; }
.map_table{width:100%;margin-top:20px;}
.map_table th{width:20%;font-size:13px;}
.map_table td{font-size:12px;}

#pro td{ float:left; width:100%; height:auto; text-align:left;}
#pro h1{ font-size:1.5em; font-weight:bold; margin:10px 0;}
#pro2 td{ float:left; width:100%; height:auto; text-align:center; margin-top:30px;}
#pro2 h1{ font-size:1.5em; font-weight:bold; margin:10px 0;}

}