@charset "utf-8";






.section_contents .intro01 {width:100%;   font-size:16px; line-height:30px;   letter-spacing:-0.5px; }
.section_contents .intro01 span{ font-size:20px; font-weight:bold;  line-height:30px;  letter-spacing:-0.5px; color:#003399;  }
.section_contents .intro02 { width:100%; }
.section_contents .intro02  img{  width:100%; }
.section_contents .intro03 { width:100%; margin-top:50px;   font-size:14px; line-height:24px;  }
.section_contents .intro03 span{ font-size:18px; font-weight:bold;  line-height:24px;  letter-spacing:-0.5px;  color:#003399;  }


.section_contents .program01 {float:left; width:100%; font-size:16px; line-height:24px;}
.section_contents .program01 span{ font-size:20px; font-weight:bold;  line-height:26px; color:#003399 }

.section_contents .program02 {float:left; width:100%; height:30px; padding:20px 0px 5px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:#6699cc; margin-top:30px; }

.section_contents .program03 {float:left; width:100%; margin-top:30px;  }
.boxtitle { width:92%; border:5px solid #6699cc; padding:3%;  font-weight:bold;  color:#003399;}
.boxcontent {   width:92%; border:5px solid #6699cc; padding:3%; border-top:0px;   font-size:14px; line-height:24px; }

.section_contents .program04 {float:left; width:100%; margin-top:30px; margin-right:0px; }

.section_contents .program05 {float:left; width:100%;   text-align:center; }
.section_contents .program05  img{ width:80%;    }
.section_contents .program06 {float:left; width:100%; margin:30px 0px;  }
.boxtitle { width:92%; border:5px solid #6699cc; padding:3%;  font-weight:bold;  color:#003399;}
.boxcontent {   width:92%; border:5px solid #6699cc; padding:3%; border-top:0px;   font-size:14px; line-height:24px; }

.section_contents .program07 {float:left; width:100%; font-size:16px; line-height:24px; margin-top:60px;}
.section_contents .program07 span{ font-size:20px; font-weight:bold;  line-height:26px; color:#003399; }

.section_contents .program08 {float:left; width:100%;}
.section_contents .program08  img{width:100%;}

.section_contents .map {width:100%;}
.section_contents .map img{width:100%;}







@media all and (min-width:768px){




.section_contents .program05  img{ width:350px;    }

}





@media all and (min-width:980px){
 



.section_contents .intro01 {float:left; width:300px; margin-right:70px; font-size:18px; line-height:36px;  letter-spacing:-0.5px;}
.section_contents .intro01 span{ font-size:36px; font-weight:bold;  line-height:48px;  letter-spacing:-0.5px; }
.section_contents .intro02 {float:left; width:350px;  }
 
.section_contents .intro03 {float:left; width:100%; margin-top:50px;   font-size:14px; line-height:24px;  }
.section_contents .intro03 span{ font-size:18px; font-weight:bold;  line-height:24px;  letter-spacing:-0.5px;  color:#003399 }


.section_contents .program01 {float:left; width:100%; font-size:14px; line-height:24px;}
.section_contents .program01 span{ font-size:24px; font-weight:bold;  line-height:30px; color:#003399 }

.section_contents .program02 {float:left; width:100%; height:30px; padding:20px 0px 5px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:#6699cc; margin-top:30px; }

.section_contents .program03 {float:left; width:340px; margin-top:30px; margin-right:40px; }
.boxtitle { width:300px; border:5px solid #6699cc; padding:15px;  font-weight:bold;  color:#003399;}
.boxcontent { width:300px; height:270px;  border:5px solid #6699cc; border-top:0px; padding:15px;  font-size:14px; line-height:24px; }

.section_contents .program04 {float:left; width:340px; margin-top:30px; margin-right:0px; }
 
.section_contents .program05 {float:left; width:350px; height:350px; margin-right:30px; }
.section_contents .program06 {float:left; width:340px; margin-right:0px; }
.section_contents .program06 .boxtitle { width:300px; border:5px solid #6699cc; padding:15px;  font-weight:bold;  color:#003399;}
.section_contents .program06 .boxcontent { width:300px; height:150px;  border:5px solid #6699cc; border-top:0px; padding:15px;  font-size:14px; line-height:24px; }

.section_contents .program07 {float:left; width:100%; font-size:14px; line-height:24px; margin-top:60px;}
.section_contents .program07 span{ font-size:24px; font-weight:bold;  line-height:30px; color:#003399 }

.section_contents .program08 {float:left; width:100%;}
.section_contents .program08  img{width:690px;}


.section_contents .map {width:720px;}
.section_contents .map img{width:720px;}




}