@charset "UTF-8";
 

 
#sub .wrap2 {width:100%; float:left; margin-top:-220px; }

#sub .wrap2 .sub_in {width:100%;   float:left; background-color:#fff; box-sizing:border-box; padding:70px 3% 70px 3%;  border:1px solid #ddd;  border-top:none;  }


#sub .sub_nav {width:100%; display:flex; /* flex-direction:row; align-items:stretch ; justify-content :space-between; */  background-color:#fff; box-sizing:border-box;  }
#sub .sub_nav li {border-right:1px solid #fff; background-color:#76bc4a; width:100%; text-align:center;  font-size:17px; font-weight:500; height:100%; display:flex; align-items:center;  justify-content:center;     box-sizing: border-box;}
#sub .sub_nav.p_menu{flex-wrap:wrap;}
#sub .sub_nav.p_menu li{width:calc(100% / 6)}
#sub .sub_nav li:last-child {border-right:none}
#sub .sub_nav li a {color:#fff !important; width:100%; white-space:nowrap; letter-spacing:-1px;   word-break: keep-all; box-sizing:border-box; line-height:1.3;  transition: background-color 0.3s ease-in; padding:13px 0;     border-bottom: 1px solid #fff;}
#sub .sub_nav li:hover {background-color:#fcb817; }
#sub .sub_nav li.ov {background-color:#fcb817; }
#sub .sub_nav li.ov a {color:#fff !important; }

.s_line {height:23px; margin:10px 0; width:1px; background-color:#333; display:inline-block}
p.guide {font-size:15px; color:#666 }

 #sub h2.guide {width:100%; display:inline-block; font-size:33px; letter-spacing:-2.3px; font-weight:700; color:#222 ; padding-bottom:10px; margin-bottom:35px; border-bottom:1px solid #ddd; }

 #sub h3 {width:100%; display:inline-block; font-size:22px; font-weight:600; color:#333 }
 #sub h5 {width:100%; display:inline-block; font-size:1.3em; font-weight:700; color:#333 }

.sub_vi { background:url('/common/img/sub_vi.png') no-repeat  top center;   
    background-attachment: fixed;    width:100%; min-width:1240px;  box-sizing:border-box; padding-top:80px; height:430px; float:left;}

.sub_vi .vi_t {width:1240px; color:rgba(0,0,0,.8); font-size:40px; text-align:center; margin:0 auto; line-height:40px; font-weight:800; letter-spacing:-2px}
.sub_vi .vi_t span {font-size:20px; font-weight:300; letter-spacing:0}



.company {  font-size:16.5px; line-height:1.5em; color:#666; display:flex; justify-content:space-between}
.company div.img {float:left; width:29%; }
.company div.img  img {width:100% }
.company div.box1 {background-color:#f9f9f9; box-sizing:border-box; padding-bottom:0; width:25.5%; font-size:15.5px; line-height:1.65em; padding:23px; padding-bottom:0 }
.company div.box2 {background-color:#fff; box-sizing:border-box;   width:41%;
 }

.company div h5 {width:100%; display:inline-block; color:#333;  padding-bottom:5px; }

.company .box1 b {font-size:1.13em; line-height:1.7em;  font-weight:600; color:#333;}
.company .box2 b.t1 {font-size:1.5em; line-height:1.3em;  font-weight:600; color:#333;}
.company .box2 b.t1 span {font-size:1.3em; line-height:1.6em;  font-weight:600; color:#333; font-size:1.3em; color:#3d9e30; font-weight:700}
.company .box2 b.t2 {font-size:1.05em; line-height:1.6em;  font-weight:600; color:#333;}

.organization  {width:100%;  display:inline-block; position:relative}
.organization div.box {width:100%;  display:inline-block; position:relative; height:90px; }
.organization  p {position:absolute; width:250px; text-align:Center; background-color:#76bc4a; color:#fff;    font-size:17px; font-weight:500; z-index:999999 ; line-height:1.3em}

.organization  p.type1 { background-color:#fcb817; color:#fff; letter-spacing:0px; font-size:22px; font-weight:700; width:130px; line-height:120px; height:130px; padding:0; border-radius:50%   }
.organization  p.type1 span {width:120px; height:120px; border-radius:50%; float:left; border:1px solid #fff; box-sizing:border-box; margin:5px}

.organization  p.type2 { font-size:18.5px;   font-weight:600}
.organization  p.type2 span {width:96%;    border:1px solid #fff; float:left;   box-sizing:border-box; margin:5px; padding:13px 0;  }

.organization  p.type3 { width:200px; color:#42960d; background-color:#fff; border:1px solid #53ae19;  padding:10px 0; }

.organization span.line_x {width:1px; background-color:#ddd; position:absolute; display:inline-block; }
.organization span.line_y {height:1px; background-color:#ddd; position:absolute; display:inline-block; }

 div.text_box { font-size:21px; color:#444; font-weight:500; line-height:1.4em; }
 div.text_box  b {font-size:1.4em; letter-spacing:-2px; line-height:1.6em; font-weight:700; width:100%; display:inline-block; padding-bottom:2px; font-family: 'Binggrae-Bold'; color:#333}
 div.text_box  b  span {background:url('/common/img/t_line.png') repeat-x; background-position:0 23px ;  font-family: 'Binggrae-Bold'; }

 div.map_info { font-size:16.5px; text-align:center; padding-top:20px;  color:#666; font-weight:500; line-height:1.4em; }
 div.map_info  b {font-size:1.2em;  line-height:1.6em; font-weight:600; width:100%; display:inline-block; padding-bottom:2px;  color:#333}


.program {width:100%; display:inline-block}
.program div.top_box {  background-color:#f9f9f9;  width:100%; display:inline-block; padding:25px;  box-sizing:border-box; text-align:Center; font-size:21px; color:#444; font-weight:500; line-height:1.4em; }
.program div.top_box  b {font-size:1.4em; letter-spacing:-2px; line-height:1.6em; font-weight:700; display:inline-block; padding-bottom:2px; font-family: 'Binggrae-Bold'; color:#222; width:100%;}
.program div.top_box  b  span {background:url('/common/img/t_line.png') repeat-x; background-position:0 23px ;  font-family: 'Binggrae-Bold'; }


.program div.top_box2 {background-color:#fff; width:100%; display:inline-block;   box-sizing:border-box; font-size:18px; line-height:1.6em; margin-bottom:20px; color:#666}
.program div.top_box2 p {width:100%; display:inline-block}

#sub .program h5 {font-size:22px; color:#333; margin-bottom:8px;  line-height:30px;    background:url('/common/img/h5_icon.png') no-repeat; background-size:30px; padding-left:40px; box-sizing:border-box; margin-top:40px; letter-spacing:-1px}


#sub .program ul.t_basic {width:100%;  }
#sub .program ul.t_basic li {font-size:16px; color:#666; line-height:1.3em; padding:2px; width:100%; display:inline-block; }

#sub .program ul.box_list {width:100%;  font-size:0px; display:flex; }
#sub .program ul.box_list li {font-size:19px; color:#333; background: linear-gradient( to bottom, #fff, #f9f9f9 );  line-height:1.3em; padding:22px 7px;  display:inline-block;  width:20%; margin-top:-1px; margin-left:-1px;  border:1px solid #ddd; box-sizing:border-box;  text-align:center; font-weight:600; display:flex; align-items:center; border-top:2px solid #76bc4a }


#sub .program ul.box_list li p {width:100%; text-align:center; letter-spacing:-1px;word-break: keep-all;}
#sub .program ul.box_list li p span {font-size:0.85em; color:#666; line-height:1.4em; width:100%; display:inline-block; padding-top:5px; font-weight:400}
#sub .program ul.box_list li p b {color:#43b334 ;  font-family: 'Binggrae-Bold';  line-height:1.6em; font-size:1.3em; font-weight:700}

.table_line {width:100%; height:1px; background-color:#76bc4a; display:inline-block; margin-bottom:2px}

.program table.class {width:100%;   margin-bottom:5px; float:left; border:1px solid #ddd;}
.program table.class th {background-color:#76bc4a;  border:1px solid #ddd; color:#fff; padding:10px; font-weight:600; font-size:1.05em; line-height:1.25em}
.program table.class td {font-size:16px; width:25%; color:#555;   padding:15px; border:1px solid #ddd;   line-height:1.43em; text-align:Center;}
.program table.class td b {font-size:1.2em; color:#333; font-weight:600; width:100%; display:inline-block; padding-bottom:5px;}

.program ul.img_list {width:100%; margin-top:10px}
.program ul.img_list li {width:49.5%; margin-bottom:7px;float:left; box-sizing:border-box;  }
.program ul.img_list li:nth-child(2n) {float:right}
.program ul.img_list li img {width:100%}


.program ul.img_list2 {width:100%; margin-top:10px}
.program ul.img_list2 li {width:32.6%; height:400px;  margin-bottom:10px; overflow:hidden; float:left; box-sizing:border-box;   }
.program ul.img_list2 li:nth-child(2) {margin:0 1%}
.program ul.img_list2 li:nth-child(5) {margin:0 1%}
.program ul.img_list2 li img {width:100%}


.program ul.img_list3 {width:100%; margin-top:10px; border-top:1px solid #ddd;  display:flex; flex-wrap:wrap;}
.program ul.img_list3 li {width:33.3333333%; border:1px solid #ddd; border-right:none; border-top:none;  box-sizing:border-box;   }
 .program ul.img_list3 li:nth-child(3n) {border-right:1px solid #ddd; }
.program ul.img_list3 li img {width:94%; margin:3%;}