@charset "utf-8";
/* CSS Document */

.fc_red {color:#ee1010 !important}
.fc_blue {color:#0071bc !important}

#header {background-color:#ffffff !important; border-bottom:1px solid #cccccc; box-shadow:3px 0px 5px rgba(0,0,0,.13);}
#header-inner-nav > a {color:#4e3827}
#header-inner-nav .fl_r .mem_ul {float:left;  margin-top:16px; margin-left:20px; height:40px; position: relative}
#header-inner-nav .fl_r .m_icon {display:inline-block; width:24px; height:24px; text-indent: -1000em; background-color:#333333; background-image: url(../images/211217_icon_01.png); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; overflow:hidden;}
#header-inner-nav .fl_r .mem_ul ul {position:absolute; right:0px; top:40px; width:140px; border: 1px solid #999999; visibility: hidden; opacity: 0; transition: all .3s;}
#header-inner-nav .fl_r .mem_ul ul li {height:40px; line-height: 40px;}
#header-inner-nav .fl_r .mem_ul ul li a {display: block; height:100%; background-color: #ffffff; border-bottom:1px solid #999999; box-sizing: border-box; text-decoration: none;}
#header-inner-nav .fl_r .mem_ul ul li a:hover {background-color: #333333; color:#ffffff; font-weight: bold;}
#header-inner-nav .fl_r .mem_ul:hover ul {visibility:visible; opacity: 1;;}

.section_211217  {background:url(../images/211217_i_01.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_211217 .inner {position:relative; z-index:10; display:block; max-width:1348px; margin:0px auto; padding:150px 0px; padding-top:200px; transition: all .3s;}
.section_211217 h2 span {color:#0071bc}
.section_211217 h2 {margin-bottom:130px;}
.section_211217 h3 {display:block; padding:20px 0px; margin-bottom:30px; color:#222222; transition: all .3s; }
.section_211217 h3 span {display:block; color:#39b54a}
.section_211217 p.fs_24 {font-weight: 100; text-align:center; color:#222222; transition: all .3s;}
.section_211217 p.fs_24 span {display: block;}
.section_211217 .grade {padding-top:40px;}
.section_211217 .grade h4 {display: block; text-align: left; color:#39b54a; }
.section_211217 .grade h4 span {color:#0071bc}
.section_211217 .ul_f {display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; padding:60px 0px; text-align: center;}
.section_211217 .ul_f li {width:30%; max-width:360px; margin-bottom:58px; padding:20px 35px; padding-bottom:35px; background-color:#777777; background-image: url(../images/211217_i_06.png); border-radius: 10px; border:1px solid #dddddd; box-shadow:10px 10px 10px rgba(0,0,0,.1) ; transition: all .3s; box-sizing: border-box;}
.section_211217 .ul_f li:nth-child(2) {background-color:#39b54a;}
.section_211217 .ul_f li:nth-child(3) {background-color:#0071bc;}
.section_211217 .ul_f b {display:block; padding-top:58px; background:url(../images/211217_i_02.png) right top no-repeat;}
.section_211217 .ul_f b span {display:inline-block; padding-bottom:15px; height:42px; line-height: 42px; color:#ffffff; border-bottom:2px solid #ffffff;}
.section_211217 .ul_f div {padding:15px 0px;}
.section_211217 .ul_f div span {display:inline-block; margin:10px 0px; padding:0px 15px; font-weight: bold; position:relative; overflow: hidden;}
.section_211217 .ul_f div span:nth-child(1) {color:#dbdbdb;}
.section_211217 .ul_f div span:nth-child(1):before,
.section_211217 .ul_f div span:nth-child(1):after {content:''; position:absolute; left:0px; top:25px;width:100%; height:2px; line-height:2px; background-color: #ff0000; }
.section_211217 .ul_f div span:nth-child(1):before {transform:rotate(12deg);}
.section_211217 .ul_f div span:nth-child(1):after {transform:rotate(-12deg);}
.section_211217 .ul_f div span:nth-child(2) {color:#fff600;}
.section_211217 .ul_f a {display: block; height:70px; line-height:70px; color:#ffffff; text-align: center;  border-radius: 15px;
    background: -moz-linear-gradient(-45deg, #222222 30%, #222222 70%);
    background: -webkit-linear-gradient(-45deg, #222222 30%,#222222 70%); 
    background: linear-gradient(135deg, #222222 30%,#222222 70%);
}
.section_211217 .ul_f li:hover {background-color:#ffffff; border:1px solid #666666; background-image: none;}
.section_211217 .ul_f li:hover b span {display: block; padding-bottom:0px; margin-bottom:18px; color:#fff600; border-bottom:0px;}
.section_211217 .ul_f li:hover div span:nth-child(1) {color:#222222;}
.section_211217 .ul_f li:hover div span:nth-child(2) {color:#ee1010;}
.section_211217 .ul_f li:nth-child(1):hover b span {background-color: #777777;}
.section_211217 .ul_f li:nth-child(2):hover b span {background-color: #39b54a;}
.section_211217 .ul_f li:nth-child(3):hover b span {background-color: #0071bc;}
.section_211217 .ul_f li:hover a { transition: all .3s;
background: -moz-linear-gradient(-45deg, #39b54a 30%, #0274b8 70%);
background: -webkit-linear-gradient(-45deg, #39b54a 30%,#0274b8 70%); 
background: linear-gradient(135deg, #39b54a 30%,#0274b8 70%);
}
.section_211217 .regi_form {padding:10px 40px;}
.section_211217 .regi_form li {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding:10px 0px;}
.section_211217 .regi_form li .li_t {width:160px;}
.section_211217 .regi_form li .li_c {flex:1; text-align: left;}
.section_211217 .regi_form input[type=text] {margin:0px; padding:0px 20px; width:100%; height:50px; line-height:50px; text-align: center; border:1px solid #bfbfbf; box-sizing: border-box;}
.section_211217 .popup_btn {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  padding:50px 0px;}
.section_211217 .popup_btn a {display: inline-block; width:40%; height:70px; line-height:70px; font-size: 24px; color:#ffffff; background-color:#414141; border-radius:10px; box-sizing: border-box;}
.section_211217 .popup_btn a.btn_01 {background: -moz-linear-gradient(-45deg, #39b54a 30%, #0274b8 70%);
    background: -webkit-linear-gradient(-45deg, #39b54a 30%,#0274b8 70%); 
    background: linear-gradient(135deg, #39b54a 30%,#0274b8 70%);}


.section_211217_2  {background-color:#ffffff; padding:0px; text-align:center; overflow:auto;}
.section_211217_2 .inner {position:relative; z-index:10; display:block; max-width:1348px; margin:0px auto; padding:150px 0px; transition: all .3s;}
.section_211217_2 h2 span {color:#0071bc}
.section_211217_2 h2 {margin-bottom:130px;}
.section_211217_2 table {width:100%; margin-bottom: 25px; border-top:2px solid #212121; border-bottom:1px solid #5b5b5b; }
.section_211217_2 table thead th {padding:15px 5px; font-size:16px; font-weight: 600; color:#222222; text-align: center; background-color:#f0f0f0; border-left:1px solid #212121; border-bottom:1px solid #212121; transition: all .3s;}
.section_211217_2 table thead th:first-child {border-left:0px;}
.section_211217_2 table thead th:nth-child(3) {color:#39b54a}
.section_211217_2 table thead th:nth-child(4) {color:#0071bc}
.section_211217_2 table tbody td {padding:15px 5px; font-size:14px; color:#666666; text-align:center; border-left:1px solid #212121; border-bottom:1px solid #212121; transition: all .3s;}
.section_211217_2 table tbody td:first-child {border-left:0px;}
.section_211217_2 table tbody td b {color:#8ec641}
.section_211217_2 table tbody tr:nth-child(2n) {background-color:#fcfcfc}

.section_profile  {background-color:#ffffff; padding:0px; text-align:center; overflow:auto;}
.section_profile .inner {position:relative; z-index:10; display:block; max-width:1348px; margin:0px auto; padding:150px 0px; transition: all .3s;}
.section_profile h2 span {color:#0071bc}
.section_profile h2 {margin-bottom:50px;}
.section_profile table {width:100%; margin-bottom: 25px; border-top:2px solid #212121; border-bottom:1px solid #5b5b5b; }
.section_profile table tbody th {padding:15px 5px; line-height:40px; font-size:16px; font-weight: 600; color:#222222; text-align: center; background-color:#f0f0f0; border-right:1px solid #212121; border-bottom:1px solid #212121; transition: all .3s;}
.section_profile table tbody th:first-child {border-left:0px;}
.section_profile table tbody td {padding:15px 5px; font-size:14px; color:#666666; text-align:center; border-left:1px solid #212121; border-bottom:1px solid #212121; transition: all .3s;}
.section_profile table tbody td:first-child {border-left:0px;}  


/*Layer Popup*/
/*
.overlay {width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index:1000;  display: none;}
.modal {display:none;  background:#f0f0f0; border:0px solid #333333; border-radius:0px;  padding:25px 90px;  overflow:auto;  z-index:1001;  position: absolute;}
.modal .popup_wrap h2 {display:block; position:relative; padding:10px 10px; margin-bottom:5px; background:none; border-bottom:2px solid #212121}
.modal .popup_wrap h2 b {display:inline-block;  color:#212121; font-weight:bold;}
.modal .popup_wrap .popup_cont {padding:20px 0px; font-size:14px; line-height:24px;}
*/
.p_w200 {width: 200px;}
.p_w300 {width: 300px;}
.p_w370 {width: 370px;}
.p_w400 {width: 400px;}
.p_w430 {width: 430px;}
.p_w500 {width: 500px;}
.p_w600 {width: 600px;}
.p_w700 {width: 700px;}



@media only screen and (max-width:1928px) {
}
@media only screen and (max-width:1400px) {
}
@media only screen and (max-width:1340px) {
    .section_211217 .inner,
    .section_211217_2 .inner,
    .section_profile .inner {padding:50px 10px}
}

@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:1000px) {
.section_211217 .ul_f li {margin-bottom:48px; padding:20px 15px;}
.section_211217 .ul_f a {height:50px; line-height:50px; border-radius: 10px;}
}

@media only screen and (max-width:900px) {

}


@media only screen and (max-width:800px) {

}

@media only screen and (max-width:700px) {
  
    .section_211217 .ul_f li {width:100%; margin:0px auto; margin-bottom:20px;   }
}  

@media only screen and (max-width:600px) {

}

@media only screen and (max-width:481px) {

}

@media only screen and (max-width:460px) {

}