@charset "utf-8";

.dropdown-menu.show {min-width: 80px;}

.visual {position:relative;width:100%;min-width:1180px;height:538px;padding-top:70px;background:url(../images/visual_bg.jpg) center center repeat;background-color:#2a61c5;}
.visual .ai_bg {position: absolute;left: 50%;top: 141px;width: 581px;height: 618px;margin: 0;}
    .cont_w1180 { position: relative;width: 1180px;margin: 0 auto;}
    .cont_w1180.pb60 {padding-bottom: 60px;}
.visual_title {position: absolute;left: 20px;top: 0;}
.visual_title .title { font-size: 68px; color:#fff; letter-spacing: -1.4px;font-weight: 600;line-height: 72px;text-shadow: 0px 0 9px rgba(0,0,0,0.3)}
.visual_title .title span {display: block;}
.visual_title .title span.yy {font-size:56px;box-shadow: none;margin-bottom: 15px;}
.visual_title .eng_txt {font-size: 24px;color: #82b6ff;font-weight: 500;margin-top: 33px;}
.visual_title .desc {font-size:14px;margin-top: 10px;color: #fff;line-height: 18px;font-weight: 400;}

.Eduinfo {background: #f0f0f0;padding: 60px 0 0;overflow: hidden;}
.Eduinfo .section2 {background: #e4e6f0 !important;padding: 0 0 60px;margin-top: 60px;}
.Eduinfo .section3 {background: #f0f0f0 !important;padding: 30px 0 60px;}/*f9f9f9*/
.Eduinfo .section4 {background: #eaeaea !important;padding: 30px 0 60px;}
    h2.tit {font-size: 40px;color: #191919;text-align: center;font-weight: 600; letter-spacing: -2px;margin-bottom: 60px;line-height: 40px;}
.edu {overflow: hidden;}
.edu .tit span {color: #2d2d2d;font-size: 24px;font-weight: 400;margin-bottom: 5px;}
.edu .tit div {font-size: 36px;color: #2163db;font-weight: 600;line-height: 40px;}
.edu .tit .desc {font-size: 16px;color: #606060;padding-top: 20px;}
.edu > div {float: left;}
.edu > div.tit{ width:450px}
.edu > div.img1{ width:445px;text-align: center;}
.edu > div.img2 { width:284px}
.Eduinfo .subtit {position: relative;padding: 100px 0 0 0;font-size: 30px;line-height: 34px;text-align: center;color: #2d2d2d;font-weight: 500;margin-bottom: 30px;}
.Eduinfo .subtit .line_h { position: absolute; left: 50%; top: 20px; width: 1px; height: 60px; background: #c9d8f3; content: ''; }
.Eduinfo .subtit .line {position: relative;z-index: 20;}
.Eduinfo .subtit .line::before {display: block;content: '';position: absolute;bottom: 3px;left: 0;width: 100%;height: 12px;background: #ffc500;opacity: .8;z-index: -1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.Eduinfo .box_area li { float: left; position:relative; width: 380px; margin:0 20px 0 0; padding:0 0  8px 0; box-sizing: border-box;}
.Eduinfo .box_area:after { display: block; clear: both; content: ''; }
.Eduinfo .box_area li:last-child{margin-right: 0px;}
.Eduinfo .box_area .txtbox { position:relative; padding: 80px 0 0 0; box-sizing: border-box; }
.Eduinfo .box_area .desc { width: 100%; height: 170px; padding: 80px 30px 10px; font-size: 16px; line-height: 20px; box-sizing: border-box; background:#fff;color: #606060;text-align: center;}
.Eduinfo .box_area .bg_01 { background: #d9ddf0; }
.Eduinfo .box_area .bg_01 .icon { position:absolute; left: 50%; top: 20px; width: 114px; height: 114px; margin: 0 0 0 -57px; background: url(../images/eduinfo_icon_bg01.png) no-repeat 50% 10px #fff; border-radius: 50%; }
.Eduinfo .box_area .bg_02 { background: #c9d8f3; }
.Eduinfo .box_area .bg_02 .icon { position:absolute; left: 50%; top: 20px; width: 114px; height: 114px; margin: 0 0 0 -57px; background: url(../images/eduinfo_icon_bg02.png) no-repeat 50% 10px #fff; border-radius: 50%;}
.Eduinfo .box_area .bg_03 { background: #c9e5f3; }
.Eduinfo .box_area .bg_03 .icon { position:absolute; left: 50%; top: 20px; width: 114px; height: 114px; margin: 0 0 0 -57px; background: url(../images/eduinfo_icon_bg03.png) no-repeat 50% 10px #fff; border-radius: 50%;}
.Eduinfo .check_area { display: block;margin: 30px auto 0;width: 600px;padding-bottom: 30px;}
.Eduinfo .check_area li { position:relative; margin: 15px 0 0 0; padding:5px 30px 5px 8px; box-sizing: border-box; background: #ffe4ab; border-radius: 40px; text-align: left; }
.Eduinfo .check_area:after { display: block; clear: both; content: ''; }
.Eduinfo .check_area .ex_img { display: inline-block; width:50px; height:50px; background: url(../images/eduinfo_icon_arw.png) no-repeat #fff 50% 50%; border-radius:50%; background-size: 38px 27px; vertical-align: middle; }
.Eduinfo .check_area .txtbox { display:inline-block; padding: 0 0 0 12px; font-size: 18px; line-height: 18px; vertical-align: middle;color: #000;}

.compare_area:after{display:block;content:"";clear:both}
.compare_area > div {width: 585px;}
.compare_area > div > .topLine{ height:55px;font-size:18px;color:#fff; text-align:center;line-height:55px;}
.compare_area > div > ul:after{display:block;content:"";clear:both}
.compare_area > div > ul {border:1px solid #dbdbdb;border-top:none; box-sizing:border-box; padding:30px 25px;background: #fff;}
.compare_area > div > ul li {font-size: 16px;line-height: 24px;}
.compare_area > .leftBox{ float:left;}
.compare_area > .leftBox > .topLine{background:#2860c5; }
.compare_area > .rightBox{ float:right;}
.compare_area > .rightBox > .topLine{ background:#000000}
.compare_area > .centerBox{ float:left;}
.compare_area > .centerBox > .topLine{ background:#000000}

.group_location {background: #fff;padding: 60px 0;overflow: hidden;}
.group_location .compare_area {padding-top: 60px;}
.group_location .address{position: relative;width: 100%;padding-left: 300px;box-sizing: border-box;padding-right: 25px;}
.group_location .address .txt {display: inline-block; font-size: 18px; padding-bottom: 10px;}
.group_location .address .tit_box{position: absolute; top: -50px; left: 10px; width: 215px; height: 150px;color: #fff;padding: 30px;font-size:18px;box-sizing: border-box; z-index: 9; box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.2)}
.group_location .address .tit_box strong { font-size: 32px; line-height: 36px;font-weight: 600;}
.group_location .leftBox .address .tit_box {background: #2960c5;}
.group_location .rightBox .address .tit_box {background: #000000;padding: 30px 30px 30px;text-align: left;}
.group_location .rightBox .address {padding-bottom: 0px;text-align: right;}
.group_location .center_map{width: 100%; height: 440px; margin: 40px auto 0; border: 1px solid #ddd;}

.Institution {padding: 60px 0;overflow: hidden;background: #f0f0f0;}
.Institution .cont_w1180 {background: url(../images/edu_history_bg.png) no-repeat right bottom;}
.Institution div.img {text-align: center;margin-top: -30px;margin-bottom: 30px;}
.Institution div.img + div.img {padding-top: 60px;}
.Institution .institution_area {margin:20px auto 60px;overflow: hidden;width: 1082px;}
.Institution .institution_info {width:300px; float:left;}
.Institution .institution_info ~ div {margin-left: 91px;}
.Institution .institution_info .icon {position: relative;z-index:1;width:75px; height:65px; border-radius:8px; background-color:#364045; margin:0 auto;text-align: center;line-height: 65px;}
.Institution .institution_info .icon img {vertical-align: middle;}
.Institution .institution_info .detail {width:300px; height:330px; font-size:18px;background-color:#fff; margin-top:-35px; padding:63px 20px 20px;border:1px solid #dbdbdb}
.Institution .institution_info .detail .title {font-size:18px;color: #2d2d2d;text-align: center;margin-bottom: 20px;}
.Institution .institution_info .detail .desc {font-size:14px;color: #606060;}
.Institution .institution_info .detail .desc span {display: block;color: #909090;}

    .history {padding-top: 45px;height: 556px;margin-left:50px}
    .history dl + dl {margin-top: 20px; }
    .history dl:last-child dt, .history dl:last-child dd {border-bottom: none;;}
    .history dl dt {
        display: table-cell;
        border-bottom: 1px solid #d9d9d9;
        text-align: left;
        font-size: 24px;
        color: #000;
        font-weight: 400;
        width: 115px;
        vertical-align: top;
      }
      .history dl dd {
        display: table-cell;
        border-bottom: 1px solid #d9d9d9;
        text-align: left;
        width: 475px;
      }
      .history dl dd ul {
        display: inline-block;
        margin-left: 30px;
        position: relative;
        margin-bottom: 15px;
      }
      .history dl dd ul li {
        font-size: 16px;
        color: #606060;
        margin-bottom: 5px;
      }

.Register {background: #fff;padding: 60px 0;overflow: hidden;}
.Register .img_area {display: inline-block;vertical-align: top;}
.Register .calendar_table {display: inline-block;vertical-align: top;margin-left: 40px;width: 390px}
.Register .calendar_table .inner_wrap {border-top-width:1px; border-top-style:solid; border-top-color:#c3c3c3; border-right-width:1px; border-right-style:solid; border-right-color:#c3c3c3; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c3c3c3; border-left-width:1px; border-left-style:solid; border-left-color:#c3c3c3; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2)}
.Register .calendar_table h3 {margin-top:0; margin-bottom:20px; padding-top:25px; font-size:24px; line-height:25px; text-align:center;color: #2d2d2d;font-weight: 600;}
.Register .calendar_table h3 img {vertical-align: middle;margin:0 15px}
.Register .calendar_table .table_group {margin-top:0; margin-bottom:0;}
.Register .calendar_table .table_group table.table {border-top-width:0; border-bottom-width:0;width: 100%;}
.Register .calendar_table .table_group table.table thead {background: #2b64cc;}
.Register .calendar_table .table_group table.table thead tr th {border-left-width:0; background-color:transparent; color:#fff; font-size:15px;padding:15px 10px;text-align: center;}
.Register .calendar_table .table_group table.table thead tr th.sun {color:#ffb4b4;}
.Register .calendar_table .table_group table.table thead tr th.sat {color:#8fb0ff;}
.Register .calendar_table .table_group table.table tbody tr td {padding:6px 10px; border-top-width:0; border-left-width:0;}
.Register .calendar_table .table_group table.table tbody tr td span {display:inline-block; width:31px; height:31px; line-height:28px;text-align: center;}
.Register .calendar_table .table_group table.table tbody tr td.ing1 span {background: #64a0d7;color: #fff;}
.Register .calendar_table .table_group table.table tbody tr td.ing2 span {background: #1d4b9e;}
.Register .calendar_table .table_group table.table tbody tr td.end span {border:1px solid #8d8d8d;background: #f8f8f8;color: #c2c2c2;}
.Register .box_wrap {position: relative;width: 1050px;margin:0 auto;}
.Register .box_wrap .calendar_table .state {overflow:hidden; position:absolute; top:-30px; right: 7px;}
.Register .calendar_table .state li {position:relative;float:left; height:20px; padding:0 0 0 21px; margin:0 0 0 20px; font-size:14px; color:#666666; font-weight:300; /*background:url(../images/icon_cal_end.png) no-repeat 0 0;*/}
/* .Register .calendar_table .state li:first-child {background:url(../images/icon_cal_ing.png) no-repeat 0 0; margin:0;}
.Register .calendar_table .state.type2 li {background:url(../images/icon_cal_end_type.png) no-repeat 0 0;} */
/* .Register .calendar_table .state.type2 li:first-child {background:url(../images/icon_cal_ing_type.png) no-repeat 0 0;} */
.Register .calendar_table .state.type2 li:nth-child(1):after {position: absolute;left: 0;top: 2px;content: '';width: 16px;height: 16px;display: block;background: #64a0d7;}
.Register .calendar_table .state.type2 li:nth-child(2):after {position: absolute;left: 0;top: 2px;content: '';width: 16px;height: 16px;display: block;background: #1d4b9e;}
.Register .calendar_table .state.type2 li:nth-child(3):after {position: absolute;left: 0;top: 2px;content: '';width: 16px;height: 16px;display: block;background: #aaa;}
.Register .img_area img {border:1px solid #c3c3c3}
.Register .img_area strong {color: #2f2f2f;font-size: 24px;font-weight: 600;margin:20px 0;display: inline-block;}
.Register .img_area .period {color: #1d4b9e;font-size:18px;font-weight: 400;}
.Register .img_area .period span {background: #1d4b9e;color: #fff;padding:0px 10px;margin-right: 10px;}
.request_info {border:1px solid #d9d9d9;box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);margin-top: 30px;overflow: hidden;}
.request_info .leftBox {float: left;border-right: 1px solid #d9d9d9;width: 415px;}
.request_info .leftBox .title {color: #2f2f2f;text-align: center;font-size: 24px;font-weight: 600;padding:40px 0 50px;}
.request_info .leftBox .label_wrap {padding:0 25px 30px;overflow: hidden;}
.request_info .leftBox .label_wrap.pb0 {padding: 0 25px 20px;}
.request_info .leftBox div .label_type {float: left;width: 160px;padding: 0;line-height: 30px;}
.request_info .leftBox div .label_type span {display: inline-block;font-weight: 400;font-size: 20px;color: #2f2f2f;}
.request_info .leftBox .check span {border-radius: 8px;padding: 6px 10px;width: 62px;max-width:62px;text-align: center;display: inline-block;margin-bottom: 10px;}
.request_info .leftBox .check {float: left;width: 200px;}
.request_info .leftBox .check span + span {margin-left: 3px;}
/*.request_info .leftBox .check span:nth-child(3n+1) {margin-left: 0;}*/
.request_info .leftBox .check .ing1 {background: #64a0d7;color: #fff;} 
.request_info .leftBox .check .ing2 {background: #1d4b9e;color: #fff;} 
.request_info .leftBox .check .end {background: #aaa url(../images/icon_slash.png);color: #fff;background-size: 100% 100%;} 
.request_info .leftBox .detail_txt {background: #e5e5e5;text-align: center;font-size: 16px;color: #606060;margin: 0 25px 90px;padding:20px;border-radius: 8px;}
.request_info .rightBox {float: right;width: 735px;margin-right: 25px;position: relative;}
.request_info .rightBox .title {color: #2f2f2f;text-align: center;font-size: 24px;font-weight: 600;padding:40px 0 30px;}

.Request {background: #f0f0f0;padding: 60px 0;overflow: hidden;}
.Request .leftBox {float: left;width: 330px;}
.Request .leftBox h4 {color: #2d2d2d;font-size: 24px;font-weight: 500;line-height: 28px;margin-bottom: 30px;}
.Request .leftBox .phone {font-weight:bold;font-size:38px;color:#2d2d2d;}
.Request .leftBox .phone .blue {color:#2960c5;}
.Request .leftBox .date {width: 235px;font-weight:400;font-size:14px;color:#6d6d6d;line-height:20px;margin-top: 10px;display: inline-block;}
.Request .leftBox .date span {float:right;}
.Request .leftBox .date:after {content:"";clear:both;display:table;}
.Request .rightBox {float: right;width: 850px;}
.Request .rightBox .agree {margin-left: 0;padding-top: 10px;position: relative;}
.Request .rightBox .agree span {font-size:18px}
.Request .rightBox .agree .agree_check {position: absolute;right: 0;top: 4px;}
.Request .rightBox .agree .agree_check a {background: transparent;text-decoration: underline;}

td.border-bottom, tr.border-bottom td{
	border-bottom:1px solid #2860C5 !important;
}
.tableWrap {width: 100%;overflow: hidden;}
.tableWrap .btn_request {position: absolute;right:0;bottom:0;width: 265px;height: 50px;line-height: 50px;margin:5px 0 0 96px;background: #222;color: #fff !important;display:block;font-size: 22px;font-weight: 600;text-align: center;border-radius: 8px;}
/* .request_info .rightBox  .btn_request:hover{ background:#2b64cc} */
.tbl_type1 {border-collapse: collapse;width: calc(100% + 1px);}
.tbl_type1.border1 thead {border-top: 1px solid #222;}  
.tbl_type1 thead tr th {height: 40px;font-size: 18px;font-weight: 400;color: #fff;text-align: center;vertical-align: middle;background: #2860c5}
.tbl_type1 tbody tr td {font-weight: 400;font-size: 16px;color: #606060;line-height: 20px;text-align: center;letter-spacing: -0.4px;vertical-align: middle;padding: 9px 10px;border-bottom: 1px solid #dbdbdb;border-right:1px solid #dbdbdb;background: #fff}
.tbl_type1 tbody tr td.left {text-align: left;}
.tbl_type1 tbody tr td.txt_black {color: #2d2d2d;}
.same {width:76%;text-align: right;margin-bottom: 5px;}
.agree {margin-left: 96px;padding-top: 10px;}
.agree a {color: #2f2f2f;font-size: 14px;display: inline-block;background: #d9d9d9;margin: 5px  0 0 18px;padding: 2px 7px;}
.agree .fright {display: block;}
.agree a + a {margin-left: 3px;}
.agree a:hover {color: #2860c5;}
.tbl_type2 {table-layout: fixed;width: 100%;/*display: inherit;*/}
.tbl_type2 tbody {vertical-align: top;}
.tbl_type2 tbody tr th {padding-right: 10px;font-size: 16px;text-align: right;color: #606060;vertical-align: top;line-height: 30px;}
.tbl_type2 tbody tr th .ess, .ess {display: inline-block; margin: 0 5px 0 10px; color: #d72b1d;}
.tbl_type2 tbody tr td {padding: 0}
.tbl_type2 tbody tr td input {margin-bottom: 5px;}
.tbl_type2 textarea {resize: none;}
.tbl_type2 .post .btn_post {background: #aaa;font-size:16px;color: #fff;height: 36px;line-height: 34px;display: inline-block;padding:0 10px}
.tbl_type3 {border-top: 2px solid #000;background: #fff;width: 100%;}
.tbl_type3 tr th:nth-of-type(2){border-left:1px solid #ebebeb;}
.tbl_type3 th{padding:15px 25px; font-size:18px; color:#2f2f2f; font-weight:400; text-align:left; border-bottom:1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.tbl_type3 td {padding:15px 25px; border-bottom:1px solid #ebebeb;font-size: 16px;font-weight: 400;}
.tbl_type3 td .post a {height: 50px;line-height: 35px;margin-bottom: 5px;}
.tbl_type3 td .ipTxt, .seTxt {height: 50px;}
    .btn_inquiry{ display:block;width:140px;height: 56px;margin:30px auto 0 auto;font-size:24px;background-color:#2960c5;color:#fff !important;cursor:pointer;text-align:center;line-height:56px;}
    .btn_inquiry:hover{ background-color:#222}

.quick_menu {position:fixed; right:10px; top:100px; z-index:10000;}
.quick_menu ul {overflow:hidden;}
.quick_menu ul{height: 330px;overflow:hidden;border:1px solid #e5e5e5;border-radius:5px;background-color:#fff;}
.quick_menu ul li{position:relative;width:88px;padding:10px 0 10px 0;background:url(../images/bg_quick_underline.gif) no-repeat 9px bottom;}
.quick_menu ul li:last-child{background:none;}
.quick_menu ul li a{display:block;text-align:center;color: #606060;}
.quick_menu ul li a i {font-size:18px;}
.quick_menu ul li a:hover i {color: #2163db;}
.btn_top{position:absolute;bottom:0;left:0;}
.btn_top img {vertical-align: top;}
.quick_menu .ico{display: block;color: #b2bbc4;}

@media screen and (max-width: 1265px) {
	.quick_menu {
		display:none;
	}
}


#contents {position: relative;background: #fff;margin: 0 auto;overflow: hidden;width: 100%;margin-bottom: 130px;}
#left_area {float:left; width:270px; text-align:left;}
#left_area h2 {padding-left:13px;font-size:30px; color:#2f2f2f; line-height:80px; font-weight:600;}
#left_area .nav_dep1 {border-top:1px solid #dddddd;}
#left_area .nav_dep1 li, #left_area .nav_dep1 a {position: relative;}
#left_area .nav_dep1 > li:before {position:absolute; bottom:0; left:0; width:100%; height:1px; background:#dddddd; content:'';}
#left_area .nav_dep1 > li > a {display:block; padding-left:15px; font-size:17px; color: #2f2f2f;; line-height:50px;}
#left_area .nav_dep1 > li.on > a {color:#fff !important; background-color:#2860c5;}
#left_area .nav_dep2 {padding:15px 0}
#left_area .nav_dep2 a {display:block; padding-left:26px; font-size:16px; color:#606060; line-height:35px;}
#left_area .nav_dep2 > li.on a {color: #2860c5;}
#left_area .nav_dep2 a:before {position:absolute; top:0; left:14px; content:'-'}
#sub_contents {margin-left:329px; text-align:left;overflow: hidden;}
#sub_contents h3 {font-size:24px; color:#2f2f2f; line-height:60px;font-weight:500;}
#sub_contents h3:first-child {margin-top: 20px;;}
.edu_list_active {position: relative;display: table;width: 100%;background: #fff;height: 115px;margin: 0 0 20px 0;border: 1px solid #dbdbdb;box-sizing: border-box;border:2px solid #2860c5;box-shadow: 0px 5px 9px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 5px 9px rgba(0,0,0,0.2);-moz-box-shadow: 0px 5px 9px rgba(0,0,0,0.2);}
.edu_list_active .edu_list_cont {display: table-cell;width: 724px;padding: 40px 25px;}
.edu_list_active .edu_list_cont p {font-size:22px; color:#606060; padding:5px 15px 0 0; line-height:24px;}
.edu_list_active .edu_list_cont a {color: #2f2f2f;}
.edu_list_active .edu_list_cont a span {color: #909090;font-weight: 400;}
.edu_list_active .edu_list_cont .edu_info {font-size:14px; color:#606060;margin-left: 66px;}
.edu_list_active .btn_box {display:table-cell; vertical-align:middle;}
.edu_list_active .btn_box p + p {margin-top: 5px;}

.btn_edu_apply {display: inline-block;padding: 11px 25px;background: #fa2929;color: #fff !important;font-size: 14px;-webkit-box-shadow: 6px 6px 15px 0px rgba(250,40,40,0.18);-moz-box-shadow: 6px 6px 15px 0px rgba(250,40,40,0.18);box-shadow: 6px 6px 15px 0px rgba(250,40,40,0.18);}
.btn_edu_cancle {display: inline-block;padding: 11px 25px;background: #2860c5;color: #fff !important;font-size: 14px;}
.btn_edu_apply:hover, .btn_edu_cancle:hover {color: #fff !important;}
.apply_status_icon {border-style: solid;border-width: 1px; display: block;float: left;width:62px;padding: 0 10px;margin-right:5px;font-size: 0.750rem;border-radius: 2px;text-align: center;line-height: 19px; cursor:default !important;}

.icon_free {display: block;float: left;width:62px;padding: 0 10px;margin-right:5px;border: 1px solid #63689e;font-size: 0.750rem;color: #63689e;border-radius: 2px;text-align: center;line-height: 19px;}
.icon_cancel {display: block;float: left;width:62px;padding: 0 10px;border: 1px solid #fa2929;font-size: 0.750rem;color: #fa2929;border-radius: 2px;text-align: center;}
.icon_reapply {display: block;float: left;width:62px;padding: 0 10px;border: 1px solid #2860c5;font-size: 0.750rem;color: #2860c5;border-radius: 2px;text-align: center;}
.btn_edu_ing {display: inline-block;padding: 5px 10px;background: #4880e4;color: #fff;font-size: 14px;width: 70px;text-align: center;}
.btn_edu_cancleOK {display: inline-block;padding: 5px 10px;background: #999999;color: #fff;font-size: 14px;width: 70px;text-align: center;}
.btn_print {display: inline-block;padding: 2px 4px;background: #f0f0f0;color: #606060 !important;font-size: 14px;width: 70px;text-align: center;border:1px solid #d9d9d9}
.btn-primary {background-color: #2860c5 !important;border-color: #2860c5 !important;color: #fff !important;}
.btn-secondary {background-color: #2f2f2f !important;border-color: #2f2f2f !important;color: #fff !important;}

.region_edu_list .edu_list {padding:0 0 26px 0;}
.region_edu_list .edu_list li {margin:0 0 10px 0; background:#f6f6f6; border:2px solid #f6f6f6; width:850px; padding:40px 25px;; box-sizing:border-box; -webkit-transition:.1s; -moz-transition:.1s; -ms-transition:.1s; -o-transition:.1s; transition:.1s;}
.region_edu_list .edu_list li:hover {border:2px solid #2860c5;}
/* .region_edu_list .edu_list li .icon_cancel {display:table-cell; width:62px; vertical-align:middle; margin-right:15px;} */
.region_edu_list .edu_list li strong {display:table-cell; width:325px; padding-left:11px; font-size:22px; color:#333333; font-weight:500; vertical-align:middle;}
.region_edu_list .edu_list li strong a {display:inline-block; max-width:450px; overflow:hidden; line-height:28px;}
.region_edu_list .edu_list li strong p {display:table-cell;font-size:14px;color: #606060;padding-top: 10px;font-weight: 400;}
.region_edu_list .edu_list li .info {display:table-cell; width:266px; vertical-align:middle; word-break:break-all; padding:0 30px 0 10px; box-sizing:border-box;text-align: center;}
.region_edu_list .edu_list li span {display:block; font-size:14px; color:#666666; font-weight:400; line-height:22px;}
.region_edu_list .edu_list li .btn_box {display:table-cell; vertical-align:middle;}
.region_edu_list .edu_list li .btn_box .btn_edu_apply {width:120px; box-sizing:border-box;}
.region_edu_list .edu_list li .btn_box .btn_edu_cancle {width:120px; box-sizing:border-box;}

.tbl_list {border-top:2px solid #2f2f2f;border-bottom:1px solid #2f2f2f;table-layout: fixed;width: 100%;}
.tbl_board.view {border-top: 1px solid #2f2f2f;}
.tbl_board.view .tbl_list {border-top: none;}
.tbl_list td .ipTxt, .seTxt {/*height: 50px;*/}/*2019.10.18*/
.tbl_list thead th,.tbl_list tbody td{padding: 15px 25px;border-left:1px solid #dbdbdb;color:#606060;text-align:center;font-size: 16px;}
.tbl_list thead th, .tbl_list tbody th {border-bottom:1px solid #2f2f2f;background:#f0f0f0;color: #2f2f2f;font-size: 18px;}
.tbl_list tbody tr:first-child td {border-top: 1px solid #dbdbdb;}
.tbl_list tbody th {text-align: center;}
.tbl_list thead th:first-child,.tbl_list tbody td:first-child{border-left:none}
.tbl_list tbody td a, {color: #2f2f2f}
.tbl_list tbody td a.txt_blue {color: #606060 !important;font-weight: 300;}
.tbl_list tbody td a span {display: block;color: #606060;font-size: 14px;}

.tbl_list tbody td .check span {border-radius: 3px;width: 55px;text-align: center;display: inline-block;height: 24px;line-height: 24px;font-size: 16px;margin-bottom: 3px;}
.tbl_list tbody td .check span + span {margin-left: 3px;}
.tbl_list tbody td .check .ing1 {background: #64a0d7;color: #fff;} 
.tbl_list tbody td .check .ing2 {background: #004a97;color: #fff;} 
.tbl_list tbody td .check .end {background: #aaa url(../images/icon_slash.png);color: #fff;background-size: 100% 100%;} 
.tbl_list tbody td .attend {display: block;font-size: 16px;color: #606060;margin-top: 5px;}
.tbl_list tbody td.txt_blue {color: #2860c5;}
.tbl_list .left{text-align:left}
.bd_type{border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f}
.bd_type2{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
.tbl_udline:hover,.tbl_udline:focus,.tbl_udline:active{display:inline-block;color:#da291c !important;text-decoration:underline}
.cmt {font-size: 14px;color: #606060;line-height: 20px;position: relative;margin-top: 5px;}
.txt_blue {color: #2860c5 !important;}
.txt_red {color: #fa2929  !important;}
.txt_black {color: #000  !important;}
.alertMsg {padding: 10px 0 0;font-size: 13px;color: #e83123;}
.board .inquiry {float: left;width: 410px;position: relative;}
.board .notice {float: right;width: 410px;position: relative;}
.board h3.tit {display: inline-block;font-size: 34px;font-weight: 400;}
.board .notice .full-view {color: #666;margin-left: 20px;}
.board .item-list {border-top: 2px solid #2f2f2f;}
.board .item-list li {padding: 20px 10px;border-bottom: 1px solid #dbdbdb;color: #606060;font-size: 16px;}
.board .item-list li a {color: #606060;}
.board .inquiry .full-view {border:1px solid #d9d9d9;position: absolute;right: 0;top: 40px;padding:0 5px;color: #606060;}
.board .notice .full-view {position: absolute;right: 0;top: 40px;}

.login_bg {background: #f0f0f0 !important;margin-bottom: 0px !important;}
.memArea{max-width:620px;margin:0 auto;padding:120px 0;}
.memArea h1 {text-align: center;margin-bottom: 30px;}
.memArea .input_box label{ position:relative; padding:0;/*padding:0 25px 0 15px;  height:64px; */ margin-bottom:12px; display:block; border:1px solid #ddd; border-radius:5px; background:#fafafa; box-sizing:border-box;}
.memArea .input_box label:last-of-type{ margin-bottom:0; }
.memArea .input_box label:before{content:''; display:none; position:absolute; left:0;top:0; width:100%; height:100%; border-radius:5px; box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.memArea .input_box label:after{ content:''; position:absolute; top:50%; transform:translateY(-50%); }
.memArea .input_box label input{ display:block; width:100%; height:50px; font-size:16px; line-height:28px; color:#333; letter-spacing:-0.05em; background:transparent; border:0; outline:none;}
.memArea .input_box_btm{ margin-top:15px; text-align:left; }
.memArea .input_box_btm .chk_box:not(#cssbrowser)>input[type="checkbox"] + label{ font-size:14px; }
.memArea .input_box_btm ul{ float:right; display:inline-block; font-size:0; }
.memArea .input_box_btm ul li{ position:relative; display:inline-block; vertical-align:top; padding-right:11px; margin-right:9px;}
.memArea .input_box_btm ul li:last-child{ padding-right:0; margin-right:0; }
.memArea .input_box_btm ul li:after{ content:''; position:absolute; right:0; top:6px; width:1px; height:13px; background:#d2d2d2;}
.memArea .input_box_btm ul li:last-child:after{ display:none; }
.memArea .input_box_btm ul li a{ display:block; font-size:14px; line-height:26px; color:#666; letter-spacing:-0.05em;}
.memArea .input_box_btm a.login_btn{ margin-top:24px; clear:both; display:block; font-size:20px; line-height:64px; font-weight:700; letter-spacing:-0.05em; color:#fff !important; background:#2860c5; border-radius:5px; text-align:center;}
.memArea .input_box_btm a.login_btn:hover{ background:#000; }
/* 체크박스 스타일 */


.chk_box{display:inline-block; vertical-align:middle; position:relative; }
.chk_box > input[type="checkbox"]{position:relative; top:-1px; vertical-align:middle;}
.chk_box > a{display:inline-block; vertical-align:middle; color:#8b8b8b; font-size:10px; text-decoration:underline;}
.chk_box input[type=submit]{padding:0; width:100%; font-size:16px; color:#fff; line-height:60px; font-weight:700; background:#2860c5;}
.all_agree .chk_box:not(#cssbrowser)>input[type="checkbox"] + label{ font-size:16px; font-weight:700; }
.loginBox {background:#fff;border:1px solid #ebebeb;padding:40px 35px 50px;margin-bottom:15px;-webkit-box-shadow: 0px 0px 20px 0px rgba(51,51,51,0.2);-moz-box-shadow: 0px 0px 20px 0px rgba(51,51,51,0.2);box-shadow: 0px 0px 20px 0px rgba(51,51,51,0.2);}
.radio_box .radio {display: inline-block;position: relative;margin-right: 25px;}
.radio_box label {font-size: 16px;line-height: 24px;color: #2f2f2f;cursor: pointer;}

.section{overflow:hidden;position:relative;zoom:1}
.section .txt_type.sec{position: absolute;top: 23px;right: 0;font-size: 14px;color: #fa2929;}

#footer{border-top:1px solid #dedede;}
.footer {width: 100%;min-width: 1180px;background-color: #222;}
.footer{clear:both;margin:0;padding:22px 0 30px;border-top:1px solid #dedede;text-align:center}
.footer ul,.footer li,.footer a,.footer strong,.footer img,.footer em,.footer address,.footer span{margin:0;padding:0;color:#808080; font-size:12px;line-height:normal;list-style:none;font-style:normal}
.footer a:visited {color: #808080;text-decoration: none;}
.footer a {color: #909090;text-decoration: none;}
.footer a:hover{text-decoration:underline}
.footer ul{margin:0 0 10px}
.footer ul li{/*display:inline;*/position:relative;padding:0 5px 0 7px;/*background:url(http://static.naver.com/common/footer/bu_bar.gif) 0 50% no-repeat;_background-position:left 10%;*/font-size:13px;white-space:nowrap}
.footer ul li span {font-size: 11px;padding: 0 5px;color: #8b8b8b;vertical-align: top;}
.footer ul li a:hover,.footer ul li a:hover strong{color:#2a61c5}
.footer ul li.frst{padding:0 3px 0 0;background:none}
.footer .info{margin:0 0 11px;color:#efefef;font-size:11px;line-height:15px}
.footer .info2{margin:-3px 0 13px;font-size:11px;line-height:18px}
.footer .info2 span{display:inline-block;margin-left:2px;padding-left:7px;background:url(http://static.naver.com/common/footer/bu_bar.gif) 1px 50% no-repeat;_background-position:left 10%;font-size:11px;line-height:18px}
.footer address{font-size:12px;line-height:14px}
.footer address img{vertical-align:middle}
.footer address a{color:#efefef;font-family:Tahoma;font-size:12px;font-weight:bold}
.footer address a:hover{color:#009bc8}
.footer address span{padding-left:2px;font-size:12px;line-height:14px}
.footer address em{padding-left:6px;font-size:12px}
.footer address .logo{display:inline-block;*display:inline;vertical-align:top;*vertical-align:baseline}
.footer address .logo_v1{position:relative;top:-2px}

/*Modal*/
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px;border-top: 1px solid #d9d9d9;text-align: right;}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 504px;
  height: auto;
  background-color: #fff;
  border: 2px solid #1456ce;-moz-box-shadow: 1px 1px 9px rgba(0,0,0,0.2);
  -o-box-shadow: 1px 1px 9px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 1px 9px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 9px rgba(0,0,0,0.2);
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.pop-conts .message {font-size: 24px;font-weight: 300;line-height: 30px;word-break: keep-all;margin-bottom: 20px;}
.pop-conts strong {color: #2f2f2f;}
.pop-conts .title {font-size: 20px;color: #1456ce;font-weight: 500;margin: 10px 0 10px;}
.pop-conts .desc {font-size: 16px;color: #606060;line-height: 20px;}
.pop-conts .btn-wrap {border-top: 1px solid #d9d9d9;padding-top: 20px;margin-top: 20px;}
.pop-conts .box_area {background: #f0f0f0;padding:10px;margin:10px 0;border-radius: 8px;}
.pop-conts .box_area li {font-size: 14px;color: #2f2f2f !important;display: block;position: relative;padding-left: 10px;line-height: 18px;}
.pop-conts .box_area li::after {position: absolute;content: '';width: 3px;height: 3px;border-radius: 50%;background: #2f2f2f;left: 0;top: 50%;transform: translateY(-50%);}
.dim-layer .pop-layer {display: block;}
.pop-conts .tbl_type3 th, .pop-conts .tbl_type3 td {font-size: 16px;}
.pop-conts .tbl_type3 td .ipTxt, .pop-conts .seTxt {height: 34px;}
.pop-conts .tbl_type3 tr.form td {padding: 7px 25px}

/*====== Padding , Margin css starts ======*/
.p-0 {
  padding: 0px;
}

.p-t-0 {
  padding-top: 0px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.p-l-0 {
  padding-left: 0px;
}

.p-r-0 {
  padding-right: 0px;
}

.m-0 {
  margin: 0px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.p-5 {
  padding: 5px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-r-5 {
  padding-right: 5px;
}

.m-5 {
  margin: 5px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.p-10 {
  padding: 10px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.m-10 {
  margin: 10px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.p-15 {
  padding: 15px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.m-15 {
  margin: 15px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.p-20 {
  padding: 20px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.m-20 {
  margin: 20px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.p-25 {
  padding: 25px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-r-25 {
  padding-right: 25px;
}

.m-25 {
  margin: 25px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.p-30 {
  padding: 30px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

.m-30 {
  margin: 30px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.p-35 {
  padding: 35px;
}

.p-t-35 {
  padding-top: 35px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-r-35 {
  padding-right: 35px;
}

.m-35 {
  margin: 35px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.p-40 {
  padding: 40px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.m-40 {
  margin: 40px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.p-45 {
  padding: 45px;
}

.p-t-45 {
  padding-top: 45px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-r-45 {
  padding-right: 45px;
}

.m-45 {
  margin: 45px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.p-50 {
  padding: 50px;
}

.p-t-50 {
  padding-top: 50px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-r-50 {
  padding-right: 50px;
}

.m-50 {
  margin: 50px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

/*====== Padding , Margin css ends ======*/
/*====== Font-size css starts ======*/
.f-10 {
  font-size: 10px;
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-20 {
  font-size: 20px;
}

.f-22 {
  font-size: 22px;
}

.f-24 {
  font-size: 24px;
}

.f-26 {
  font-size: 26px;
}

.f-28 {
  font-size: 28px;
}

.f-30 {
  font-size: 30px;
}

.f-32 {
  font-size: 32px;
}

.f-34 {
  font-size: 34px;
}

.f-36 {
  font-size: 36px;
}

.f-38 {
  font-size: 38px;
}

.f-40 {
  font-size: 40px;
}

.f-42 {
  font-size: 42px;
}

.f-44 {
  font-size: 44px;
}

.f-46 {
  font-size: 46px;
}

.f-48 {
  font-size: 48px;
}

.f-50 {
  font-size: 50px;
}

.f-52 {
  font-size: 52px;
}

.f-54 {
  font-size: 54px;
}

.f-56 {
  font-size: 56px;
}

.f-58 {
  font-size: 58px;
}

.f-60 {
  font-size: 60px;
}

.f-62 {
  font-size: 62px;
}

.f-64 {
  font-size: 64px;
}

.f-66 {
  font-size: 66px;
}

.f-68 {
  font-size: 68px;
}

.f-70 {
  font-size: 70px;
}

.f-72 {
  font-size: 72px;
}

.f-74 {
  font-size: 74px;
}

.f-76 {
  font-size: 76px;
}

.f-78 {
  font-size: 78px;
}

.f-80 {
  font-size: 80px;
}

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100;
}

.f-w-200 {
  font-weight: 200;
}

.f-w-300 {
  font-weight: 300;
}

.f-w-400 {
  font-weight: 400;
}

.f-w-500 {
  font-weight: 500;
}

.f-w-600 {
  font-weight: 600;
}

.f-w-700 {
  font-weight: 700;
}

.f-w-800 {
  font-weight: 800;
}

.f-w-900 {
  font-weight: 900;
}

/*====== Font-weight css ends ======*/

.c-eee{color:#757575!important}
/*====== text-color css ends ======*/
/*====== width, Height css starts ======*/
.wid-20 {
  width: 20px;
}

.hei-20 {
  height: 20px;
}

.wid-25 {
  width: 25px;
}

.hei-25 {
  height: 25px;
}

.wid-30 {
  width: 30px;
}

.hei-30 {
  height: 30px;
}

.wid-35 {
  width: 35px;
}

.hei-35 {
  height: 35px;
}

.wid-40 {
  width: 40px;
}

.hei-40 {
  height: 40px;
}

.wid-45 {
  width: 45px;
}

.hei-45 {
  height: 45px;
}

.wid-50 {
  width: 50px;
}

.hei-50 {
  height: 50px;
}

.wid-55 {
  width: 55px;
}

.hei-55 {
  height: 55px;
}

.wid-60 {
  width: 60px;
}

.hei-60 {
  height: 60px;
}

.wid-65 {
  width: 65px;
}

.hei-65 {
  height: 65px;
}

.wid-70 {
  width: 70px;
}

.hei-70 {
  height: 70px;
}

.wid-75 {
  width: 75px;
}

.hei-75 {
  height: 75px;
}

.wid-80 {
  width: 80px;
}

.hei-80 {
  height: 80px;
}

.wid-85 {
  width: 85px;
}

.hei-85 {
  height: 85px;
}

.wid-90 {
  width: 90px;
}

.hei-90 {
  height: 90px;
}

.wid-95 {
  width: 95px;
}

.hei-95 {
  height: 95px;
}

.wid-100 {
  width: 100px;
}

.hei-100 {
  height: 100px;
}

.wid-105 {
  width: 105px;
}

.hei-105 {
  height: 105px;
}

.wid-110 {
  width: 110px;
}

.hei-110 {
  height: 110px;
}

.wid-115 {
  width: 115px;
}

.hei-115 {
  height: 115px;
}

.wid-120 {
  width: 120px;
}

.hei-120 {
  height: 120px;
}

.wid-125 {
  width: 125px;
}

.hei-125 {
  height: 125px;
}

.wid-130 {
  width: 130px;
}

.hei-130 {
  height: 130px;
}

.wid-135 {
  width: 135px;
}

.hei-135 {
  height: 135px;
}

.wid-140 {
  width: 140px;
}

.hei-140 {
  height: 140px;
}

.wid-145 {
  width: 145px;
}

.hei-145 {
  height: 145px;
}

.wid-150 {
  width: 150px;
}

.hei-150 {
  height: 150px;
}
.wid-180 {
  width: 180px;
}
.hei-580 {
  height: 580px;
}
/*====== width, Height css ends ======*/
/*====== border-width css starts ======*/
.b-wid-1 {
  border-width: 1px;
}

.b-wid-2 {
  border-width: 2px;
}

.b-wid-3 {
  border-width: 3px;
}

.b-wid-4 {
  border-width: 4px;
}

.b-wid-5 {
  border-width: 5px;
}

.b-wid-6 {
  border-width: 6px;
}

.b-wid-7 {
  border-width: 7px;
}

.b-wid-8 {
  border-width: 8px;
}

/*====== border-width css ends ======*/

/*login*/

/**  =====================
      Authentication css start
==========================  **/
.auth-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color:#f0f0f0;
  min-width: 100%;
  min-height: 100vh;
  border-top:1px solid#efefef;
}
.contents {
  min-height: 550px; padding-bottom:100px}



@media (min-width: 1200px) {
  .auth-wrapper .container {
      max-width: 1140px;
  }
}

.auth-wrapper .saprator {
  position: relative;
  margin: 8px 0;
}

.auth-wrapper .saprator span {
  background: #fff;
  position: relative;
  padding: 0 10px;
  z-index: 5;
  font-size: 20px;
}

.auth-wrapper .saprator:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e2e5e8;
  z-index: 1;
}

.auth-wrapper a,
.auth-wrapper p > a {
  color: #111;
  font-weight: 600;
}

.auth-wrapper .help-text> a,.help-text {color:#999; font-weight:400}
.auth-wrapper .btn-auth-gen .btn-icon {
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
}

.auth-wrapper .btn-auth-gen .btn-icon small {
  font-size: 15px;
}

.auth-wrapper .input-group {
  background: transparent;
}

.auth-wrapper .card {
  margin-bottom: 0;
  padding: 8px;
}

.auth-wrapper .card .card-body {
  padding: 20px 25px 20px 40px;
}

.auth-wrapper > div {
  z-index: 5;
}

.auth-wrapper .auth-content {
  position: relative;
  padding: 15px;
  z-index: 5;
}

@media only screen and (max-width: 767px) {
  .auth-wrapper .card .card-body {
      padding: 30px 15px;
  }
}

.auth-wrapper.offline {
  background-image: none;
}

.auth-wrapper.offline:before {
  display: none;
}

.auth-wrapper.error {
  background: #f44336;
}

.auth-wrapper.error .container {
  position: relative;
  max-width: 800px;
  margin: 0 auto 5%;
  padding: 5%;
  text-align: center;
  color: #fff;
}

.auth-wrapper .card-body .carousel-indicators {
  margin: 30px 0;
  bottom: 0;
}

.auth-wrapper .card-body .carousel-indicators li {
  width: 50px;
  background-color: #eff3f6;
}

.auth-wrapper .card-body .carousel-indicators li.active {
  background-color: #2196f3;
}

.auth-wrapper .img-logo-overlay {
  position: absolute;
  top: 40px;
  left: 50px;
}

/* image varient start */
.aut-bg-img {
  background-image: url("../images/auth-bg-big.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.aut-bg-img-side p {
  line-height: 2;
}

.aut-bg-img .custom-select,
.aut-bg-img .form-control,
.aut-bg-img-side .custom-select,
.aut-bg-img-side .form-control {
  background: transparent;
}

.aut-bg-img .auth-content,


.aut-bg-img-side .auth-content {
  padding-top: 90px;
  padding-bottom: 90px;
}

.blur-bg-images {
  background-image: url("../images/auth/blur-bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* image varient End */
/*banner*/
.fban_swiper{width:100%; height:60px; padding:10px}
.owl-carousel.owl-drag .owl-item .item {display: inline-block;}
.owl-carousel {text-align: center;}
.owl-carousel.owl-drag .owl-item:last-child {margin-right: 0;}
.owl-carousel {position: relative;}
.owl-carousel .owl-stage {margin: 0 auto;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: block !important;}
.owl-carousel .owl-nav .owl-prev {position: absolute;left: -30px;font-size: 30px;top: 50%; transform: translateY(-50%);}
.owl-carousel .owl-nav .owl-next {position: absolute;right: -30px;font-size: 30px;top: 50%; transform: translateY(-50%);}
.owl-carousel .owl-item:last-child {margin-right: 0;}
.my.dropdown .dropdown-item{    height: 30px;    line-height: 22px;}
.dropdown-item {padding: .25rem 1rem;}
.text-c-red{color:#f44336;}

/*notice*/
.top_visual{height:120px;background-color:#2860c5;}
.top_visual h2{width:1180px; margin: auto; text-align: center; color:#fff;padding:40px;font-size: 36px;font-weight: 500;}
.breadcrumbs {
	width: 100%;
	display: block;
	margin: 25px 0 10px;
}

.breadcrumbs li {
	display: inline-block;
}

.breadcrumbs li a {
	font-size: 14px;
	padding: 0 10px;
	font-weight: 500;
	line-height: 2.29;
	text-align: left;
	color: #222222;
}

.breadcrumbs li span {
	background: url(../images/arr-d.png) 0 center no-repeat;
}

.breadcrumbs li.first span {
	background: none;
}


/* UI Object */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type a{color:#383838;text-decoration:none}
.tbl_type{width:100%;border-bottom:1px solid #999;border-top:1px solid #999;color:#666;font-size:14px;table-layout:fixed}
.tbl_type caption,.tbl_type .frm label{display:none}
.tbl_type th{padding:8px  0 5px;border-top:solid 1px #999;text-align:center;
  border-bottom:solid 1px #b2b2b2;background-color:#f1f1f4;color:#333;font-weight:bold;
  line-height:18px;vertical-align:top}
.tbl_type td{padding:10px 5px  8px;border-bottom:solid 1px #d2d2d2;text-align:center}
.tbl_type .frm{padding:0;text-align:center}
.tbl_type .frm input{margin:0}
.tbl_type .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;font-size:11px;line-height:normal}
.tbl_type .title{text-align:left}
.tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle}
.tbl_type td.cont{padding:20px;line-height:1.4em}
.tbl_type td > a.btn{color:#fff; font-size:12px}
.paginate {
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	padding: 25px 0 28px;
	text-align: center;
	zoom: 1
}

.paginate a {
	display: -moz-inline-box;
	display: inline-block;
	_position: relative;
	/* margin-right: -5px; */
	padding: 0 0 0 5px;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	text-decoration: none !important;
	width: 24px;
	height: 24px;
	background-color: #ffffff;
	border: solid 1px #bbb;
  overflow:hidden;
  margin: 0 0.1%
}

.paginate a:hover,
.paginate a:focus,
.paginate a:active {
	/* background-color: #333;
	border: solid 1px #333; */
	color: #333;
} 

.paginate strong {
	display: -moz-inline-box;
	display: inline-block;
	_position: relative;
  margin: 0 -2px;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	text-decoration: none !important;
	background-color: #333;
	width: 24px;
	height: 24px;
	border: solid 1px #333;
	overflow:hidden;
}

.paginate strong {
	color: #fff !important
}

.paginate a span {
	display: block;
	_display: inline;
	position: relative;
	top: 0;
	padding: 0 8px 0 3px;
	zoom: 1
}


.paginate a.pre,
.paginate a.next {
	position: relative;
	top: 0px;
  background: none !important;
  color:#c9c9c9 !important;
  cursor: pointer;
  padding:0;
	/* font-size: 16px; */
}
/* 
.paginate a.pre:hover,
.paginate a.pre:focus,
.paginate a.pre:active,
.paginate a.next:hover,
.paginate a.next:focus,
.paginate a.next:active {
	background: #132d75 !important;
	color: #fff
}

.paginate a.pre {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0
} 

.paginate a.next {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0
}*/
.btn_both{overflow:hidden;clear:both;width:100%}
.btn_both .fl{float:left}
.btn_both .fr{float:right}
.prevNext {margin-top: 15px;border-top: 1px solid #ccc;}
.prevNext li {position: relative;padding-left: 161px;border-bottom: 1px solid #ccc;height: 50px;line-height: 50px;cursor:pointer;}
.prevNext li:last-child {border-color:#ccc }
.prevNext strong {position: absolute;left:0;top:0;bottom:0;width: 161px;background: #fff;text-align: center;font-weight: 400;line-height: 50px;}
.prevNext a {display: block;width: 100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}


/*201910.18*/

#contents {
  min-height: 60vh;
}
.tbl_list2 thead th, .tbl_list2 tbody td{border-left: 0;}
.tbl_list .bd_type2 th{border-bottom: 0px solid #2f2f2f;}

  #left_area .nav_dep3 {border-top:1px solid #dddddd;}
#left_area .nav_dep3 li {position: relative;border-radius: 5px; border:1px solid #dddddd;margin-top:15px;/*width:200px;*/}
#left_area .nav_dep3 > li:after {position:absolute; bottom:-16px; left:50%; width:2px; height:15px; 
  background:#444; content:'';}
  #left_area .nav_dep3 > li:nth-last-child(1):after {height:0; }
#left_area .nav_dep3 > li > a {display:block; text-align: center; font-size:16px; color: #2f2f2f;; line-height: 35px;}
#left_area .nav_dep3> li.on > a {color:#fff !important; background-color:#2860c5;border-radius: 5px;}
#left_area .nav_dep3> li.on {border:none;}
#left_area .nav_dep3> li.off> a {color:#fff !important; background-color:#888;border-radius: 5px;}