@charset "utf-8";
/* 20250509 */
:root{
    /* color */
    --black-color: #000000;
    --select-color: #FF6B35;

    /* background-color */

    /* size */

    /* font-size */

    /* line-height */

}
/* 20250509 End */
/*-------- start common ---------*/
body {background:#FFF;}
#wrap {min-width:1060px; max-width:1920px; margin:0 auto;}
.container {width:1080px; margin:0 auto;}
.clearfix:after {content:''; display:block; clear:both;}

.banner_top {position:relative; height:50px;}
.banner_top .img_banner_top {display:block; position:absolute; top:0; left:50%; margin-left:-960px;}

#header .top_bar {position:relative;margin: auto;width:1060px;height:100%}
#header .top_bar>div{display: flex; justify-content: space-between; padding-top: 12px;}
#header .top_bar .container {display: flex; justify-content: space-between; padding-top: 12px;}
#header .top_bar .sns {float:left; margin-left:-190px;}
#header .top_bar .sns li {float:left; line-height:36px;}
#header .top_bar .sns li + li {margin-left:13px;}
#header .top_bar .sns .btn_sns {display:inline-block; background-position:0 0; background-repeat:no-repeat; text-indent:-999px; overflow:hidden; vertical-align:middle;}
#header .top_bar .sns .btn_sns.sns_facebook {width:7px; height:14px; background-image:url('/html/images/icon/icon_sns_facebook.png');}
#header .top_bar .sns .btn_sns.sns_inst {width:15px; height:15px; background-image:url('/html/images/icon/icon_sns_inst.png');}
#header .top_bar .sns .btn_sns.sns_youtube {width:18px; height:13px; background-image:url('/html/images/icon/icon_sns_youtube.png?2');}
#header .top_bar .sns .btn_sns.naver_blog {margin-top:2px; width:25px; height:13px; background-image:url('/html/images/icon/icon_naver_blog.png');}
#header .top_bar .sns .btn_sns:hover.sns_facebook {background-position:0 -14px;}
#header .top_bar .sns .btn_sns:hover.sns_inst {background-position:0 -15px;}
/* #header .top_bar .sns .btn_sns:hover.sns_youtube {background-position:0 -13px;} */
#header .top_bar .sns .btn_sns:hover.sns_youtube {background-image:url('/html/images/icon/icon_sns_youtube_hover.png?2');}
#header .top_bar .sns .btn_sns:hover.naver_blog {background-image:url('/html/images/icon/icon_naver_blog_hover.png');}

#header .top_bar .mem_wrap {display: flex; align-items: center;height:24px;font-size:12px;}
#header .top_bar .mem_wrap .mem_exa {float:left;line-height: 20px; color:#000000;font-size: 14px;font-weight:400;}
#header .top_bar .mem_wrap .mem_exa em {margin-left: 8px;color:#FF6B35;}
#header .top_bar .mem_wrap .mem {display: flex;align-items: center;}
#header .top_bar .mem_wrap .mem li {float:left; position:relative;}
#header .top_bar .mem_wrap .mem li a{line-height: 20px;font-size: 14px;font-weight: 400;color:rgba(0, 0, 0, 0.7);}
#header .top_bar .mem_wrap .mem li a em {font-weight:700;}
#header .top_bar .mem_wrap .mem li span + a {margin-left:5px;}
#header .top_bar .mem_wrap .mem li + li {margin-left:10px; padding-left:10px;}
#header .top_bar .mem_wrap .mem li + li:before {content:''; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#d0d0d1;}
#header .top_bar .mem_wrap .mem_remote {display: flex;align-items: center;justify-content: center;margin-left: 18px;width: 59px;height: 24px;background: #ff8000;border-radius: 4px;color: #fff;font-size: 12px;font-weight: 500;}



#header .gnb_wrap {}
#header .gnb > li {float: left;display: flex;align-items: center;padding-right: 32px;text-align: center;height: 72px;flex-direction: column;}
#header .gnb > li .icon_new {position: absolute;right: -23px;width: 18px;height: 18px;background: url(https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/icon_new.png) no-repeat 0 0;cursor: pointer;}
#header .gnb > li .icon_circle {position: absolute;top: 10px;margin-left: 1px;width: 4px;height: 4px;border-radius: 50px;background:#ff8000;cursor: pointer;}

/* #header .gnb > li + li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#e0e0e0;} */
#header .gnb > li > a {position: relative;display: flex;color: #000;font-size: 16px;font-weight: 500;height: 72px;align-items: center;}
#header .gnb > li > img {display:none; position:absolute;top:41px;left:40px; z-index:1005;}
#header .gnb > li:hover > a {color:#ff8000;font-weight: 700;}
#header .gnb > li:hover > .adot_arrow {background:url('/html/images/icon/lower_pointer_orange.png') no-repeat; cursor: pointer;}
/* #header .gnb > #adotStory:after {content:''; position:absolute; width:15px; height:15px; background:url('/html/images/icon/lower_pointer.png') no-repeat;} */
#header .gnb .adot_arrow {display:inline-block; margin-left:3px; width:11px; height:7px; background:url('/html/images/icon/lower_pointer.png') no-repeat;}
#header .gnb .gnb_sub{display:none; position: absolute;z-index: 1002;top: 101%;width: 100%;left: 0;}
#header .gnb .sub_left_add {}

#header .gnb .gnb_sub li {margin-right: 20px;}
#header .gnb .gnb_sub li a {position: relative;display:inline-block; color:#000; font-size:14px; font-weight:500; line-height:35px;}
#header .gnb .gnb_sub li a:hover {color:#000;}
#header .gnb > li:hover > img {display:block;}
#header .gnb > li:hover > .gnb_sub {display:block;}
/* #header .gnb > li > a:after {content:''; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#000; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; -o-transition: 0.2s ease-out;} */
#header .gnb > li:hover > a:after {width:100%; left:0;}
#header .gnb li .right_gnb {position:relative; display:inline-block; font-size:16px; color:#767676; font-weight:700; line-height:50px; text-align:center;}
#header .gnb li:hover .right_gnb {text-decoration:underline; color:#767676;}
#header #naemo_gnb {position:absolute; margin-top:-50px; margin-left:1080px; width:75px; height:50px; background:url('http://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/logo_moaddot.png') center/ 75px no-repeat}
#header #adotOn_gnb {width: 126px;height: 47.5px;background: url('/html/images/event/adoton/logo_line.png') center right no-repeat;}

#header .logo_wrap {margin-right: 22px;}
#header .logo_wrap .logo {display: block; width: 100%;}
#header .logo_wrap .logo img {}
#footer{position: relative;background: #434343;z-index: 2;}
#footer .link_wrap {border-top:1px solid #DDD; border-bottom:1px solid #e5e5e5;background:#fff;}
#footer .link_wrap .link {display: flex;justify-content: space-between;align-items: center;padding:0 0;height: 62px;}
#footer .link_wrap .link li {}
#footer .link_wrap .link li + li {margin-left:98px;}
#footer .link_wrap .link li a img {vertical-align:middle;}

#footer .foot_bot {padding: 50px 0 45px 0;display: flex;}
#footer .foot_bot  .info_wrap {position:relative; width: 579px;}
#footer .foot_bot  .info_wrap .logo_foot {position:absolute; left:0; top:0;}
#footer .foot_bot  .info_wrap .foot_menu {margin-left:145px;}
#footer .foot_bot  .info_wrap .foot_menu li {float:left; position:relative; line-height:24px;}
#footer .foot_bot  .info_wrap .foot_menu li + li {margin-left:10px; padding-left:10px;}
#footer .foot_bot  .info_wrap .foot_menu li + li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#fff;}
#footer .foot_bot  .info_wrap .foot_menu li a {color:#fff;font-size: 12px;line-height: 140%;}
#footer .foot_bot  .info_wrap .foot_menu li a em {}
#footer .foot_bot  .info_wrap .contact {margin-top: 20px;color: #fff;font-weight: 400;font-size: 12px;line-height: 140%;letter-spacing: -0.05em;}
#footer .foot_bot  .info_wrap .contact .btn_foot_conact {display:inline-block; height:19px; margin: 0; padding:0 5px; color:#fff; font-size:12px; line-height:14px; vertical-align:middle;}
#footer .foot_bot  .info_wrap .contact .btn_foot_conact2 {display:inline-block; height:19px; margin: 0; padding-left: 5px; color:#fff; font-size:12px; line-height:16px; vertical-align:middle;}
#footer .foot_bot  .info_wrap .sns_list{display: flex;padding-top: 32px;}
#footer .foot_bot  .info_wrap .sns_list li + li{margin-left:10px;}
#footer .foot_bot .honor_wrap {display: flex;float: right;width: 480px;justify-content: flex-end;}
#footer .foot_bot .honor_wrap > div{}
#footer .foot_bot .honor_wrap > div h4{color: #fff;margin-bottom: 12px;font-weight: 700;font-size: 12px;line-height: 140%;}
#footer .foot_bot .honor_wrap > div h4>a{display: flex;align-items: center;color: #fff;font-weight: 700;font-size: 12px;line-height: 140%;}
#footer .foot_bot .honor_wrap > div h4>a>img{padding-left:3px}
#footer .foot_bot .honor_wrap > div ul{}
#footer .foot_bot .honor_wrap > div ul li{margin-bottom: 8px;}
#footer .foot_bot .honor_wrap > div ul li a{color:#fff;font-weight: 400;font-size: 12px;}
#footer .foot_bot .honor_wrap > div strong{font-weight: 700;font-size: 16px;line-height: 180%;color: #fff;}
#footer .foot_bot .honor_wrap > div p{font-weight: 400;font-size: 12px;line-height: 180%;color: #fff;}



.layout_half:after {content:''; display:block; clear:both;}
.layout_half_left {float:left; width:530px;}
.layout_half_right {float:right; width:530px;}

.layout_half.small .layout_half_left {width:255px;}
.layout_half.small .layout_half_right {width:255px;}

.layout_half.check_order .layout_half_left {width:600px;}
.layout_half.check_order .layout_half_right {width:420px;}

.pop_wrap {display:none;}
.pop_wrap .pop_mask {position:fixed; top:0; z-index:99; width:100%; height:100%; background:#000; opacity:.7;}
.pop_login {position:absolute; top:68px; right:0px; z-index:100; width:400px; padding:35px 40px 25px; border:1px solid #DDD; background:#FFF;}
.pop_login .pop_logo {text-align:left;}
.pop_login .btn_close {position:absolute; top:25px; right:25px;}

.pop_reg {position:absolute; top:270px; left:50%; z-index:100; width:430px; margin-left:-215px; padding:0 35px; border:2px solid #000; background:#FFF;}
.pop_reg .pop_head {position:relative; margin-top:10px; border-bottom:1px solid #777; color:#000; font-size:20px; font-weight:700; line-height:50px;}
.pop_reg .pop_head .btn_close {position:absolute; top:50%; right:0; width:25px; height:25px; margin-top:-13px; background:url('/html/images/icon/icon_close.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.pop_reg .txt_pop_reg {color:#000; font-size:12px; line-height:15px;}
.pop_reg .txt_pop_reg p {position:relative; padding-left:10px;}
.pop_reg .txt_pop_reg p + p {margin-top:5px;}
.pop_reg .txt_pop_reg p:before {content:'·'; position:absolute; left:0; top:0; font-size:12px; line-height:15px;}
.pop_reg .agree_wrap {padding:10px 0 30px 0; border-bottom:1px solid #e5e5e5;}


.pop_checkid {position:absolute; top:270px; top:50vh; margin-top:-122px; left:50%; z-index:100; width:400px; margin-left:-215px; padding:0 38px; border:2px solid #000; background:#FFF;}
.pop_checkid .pop_head {position:relative; margin-top:10px; border-bottom:1px solid #777; color:#000; font-size:20px; font-weight:700; line-height:50px;}
.pop_checkid .pop_head .btn_close {position:absolute; top:50%; right:0; width:25px; height:25px; margin-top:-13px; background:url('/html/images/icon/icon_close.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.pop_checkid .txt_pop_checkid {color:#000; font-size:12px; line-height:15px; background:#f1f1f1;}
.pop_checkid .checkid_wrap{padding-top:38px; padding-bottom:40px;}
.pop_checkid .txt_pop_result{text-align:center; font-size:15px;}
.pop_checkid .txt_pop_result em{font-weight:700;}
.pop_checkid .txt_pop_id{margin-top:9px; line-height:27px; text-align:center;}
.pop_checkid .txt_pop_id span{font-size:25px; display:inline-block; vertical-align:middle; font-weight:700; color:#ff8000;}
.pop_checkid .txt_pop_id .btn_useid {display:inline-block; width:38px; height:21px; color:#777777; font-size:12px; line-height:21px; vertical-align:middle; text-align:center; border:1px solid #777777; border-radius:3px;}
.pop_checkid .txt_pop_id span + .btn_useid{margin-left:10px;}
.pop_checkid .input_btn_wrap{text-align:center; font-size:0; margin-top:28px;}
.pop_checkid .input_btn_wrap em{display:inline-block; font-size:13px; margin-right:20px; font-weight:700; line-height:25px; vertical-align:middle;}
.pop_checkid .input_btn_wrap .text{width:150px; height:25px; padding:0 10px; margin-right:10px; border:1px solid #dbdbdb; color:#000; font-size:11px; line-height:23px;vertical-align:middle;}
.pop_checkid .input_btn_wrap .btn {display:inline-block; width:45px; height:25px; line-height:25px; background:#000; color:#FFF; font-size:12px; text-align:center; vertical-align:middle;}


.pop_recommend_select {position:absolute; top:270px; top:50vh; margin-top:-122px; left:50%; z-index:100;width: 580px; margin-left:-215px; padding:0 38px; border:2px solid #000; background:#FFF;}
.pop_recommend_select .pop_head {position:relative; margin-top:10px; border-bottom:1px solid #777; color:#000; font-size:20px; font-weight:700; line-height:50px;}
.pop_recommend_select .pop_head .btn_close {position:absolute; top:50%; right:0; width:25px; height:25px; margin-top:-13px; background:url('/html/images/icon/icon_close.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.pop_recommend_select .txt_pop_searchschool {color:#000; font-size:12px; line-height:15px; background:#f1f1f1;}
.pop_recommend_select .recommend_select_wrap{padding-bottom:40px;}
.pop_recommend_select .txt_pop_result{margin-top: 30px;text-align:center; vertical-align:middle; font-size:15px; height:120px;line-height: 120px; overflow-y: auto; border: 1px solid #777777}
.pop_recommend_select .txt_pop_result p{vertical-align: middle;}
.pop_recommend_select .txt_pop_result table{width: 100%; font-size: 12px; line-height: 12px;}
.pop_recommend_select .txt_pop_result tr{height: 22px;}
.pop_recommend_select .txt_pop_result em{font-weight:700;}
.pop_recommend_select .txt_pop_id{margin-top:9px; line-height:27px; text-align:center;}
.pop_recommend_select .txt_pop_id span{font-size:25px; display:inline-block; vertical-align:middle; font-weight:700; color:#ff8000;}
.pop_recommend_select .txt_pop_id .btn_useid {display:inline-block; width:38px; height:21px; color:#777777; font-size:12px; line-height:21px; vertical-align:middle; text-align:center; border:1px solid #777777; border-radius:3px;}
.pop_recommend_select .txt_pop_id span + .btn_useid{margin-left:10px;}
.pop_recommend_select .input_btn_wrap{text-align:center; font-size:0; margin-top:28px;}
.pop_recommend_select .input_btn_wrap em{display:inline-block; font-size:13px; margin-right:20px; font-weight:700; line-height:25px; vertical-align:middle;}
.pop_recommend_select .input_btn_wrap .text{width:150px; height:25px; padding:0 10px; margin-right:10px; border:1px solid #dbdbdb; color:#000; font-size:11px; line-height:23px;vertical-align:middle;}
.pop_recommend_select .input_btn_wrap .btn {display:inline-block; width:45px; height:25px; line-height:25px; background:#000; color:#FFF; font-size:12px; text-align:center; vertical-align:middle;}
.pop_recommend_select select {width:100%;height: 25px;padding: 0 10px;border: 1px solid #dbdbdb;color: #777777;font-size: 11px;line-height: 23px;-webkit-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/html/images/icon/icon_select_arrow_g.png) calc(100% - 10px) 8px no-repeat;}

.pop_searchschool {position:absolute; top:270px; top:50vh; margin-top:-122px; left:50%; z-index:100;width: 580px; margin-left:-215px; padding:0 38px; border:2px solid #000; background:#FFF;}
.pop_searchschool .pop_head {position:relative; margin-top:10px; border-bottom:1px solid #777; color:#000; font-size:20px; font-weight:700; line-height:50px;}
.pop_searchschool .pop_head .btn_close {position:absolute; top:50%; right:0; width:25px; height:25px; margin-top:-13px; background:url('/html/images/icon/icon_close.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.pop_searchschool .txt_pop_searchschool {color:#000; font-size:12px; line-height:15px; background:#f1f1f1;}
.pop_searchschool .searchschool_wrap{padding-bottom:40px;}
.pop_searchschool .txt_pop_result{margin-top: 30px;text-align:center; vertical-align:middle; font-size:15px; height:120px;line-height: 120px; overflow-y: auto; border: 1px solid #777777}
.pop_searchschool .txt_pop_result p{vertical-align: middle;}
.pop_searchschool .txt_pop_result table{width: 100%; font-size: 12px; line-height: 12px;}
.pop_searchschool .txt_pop_result tr{height: 22px;}
.pop_searchschool .txt_pop_result em{font-weight:700;}
.pop_searchschool .txt_pop_id{margin-top:9px; line-height:27px; text-align:center;}
.pop_searchschool .txt_pop_id span{font-size:25px; display:inline-block; vertical-align:middle; font-weight:700; color:#ff8000;}
.pop_searchschool .txt_pop_id .btn_useid {display:inline-block; width:38px; height:21px; color:#777777; font-size:12px; line-height:21px; vertical-align:middle; text-align:center; border:1px solid #777777; border-radius:3px;}
.pop_searchschool .txt_pop_id span + .btn_useid{margin-left:10px;}
.pop_searchschool .input_btn_wrap{text-align:center; font-size:0; margin-top:28px;}
.pop_searchschool .input_btn_wrap em{display:inline-block; font-size:13px; margin-right:20px; font-weight:700; line-height:25px; vertical-align:middle;}
.pop_searchschool .input_btn_wrap .text{width:150px; height:25px; padding:0 10px; margin-right:10px; border:1px solid #dbdbdb; color:#000; font-size:11px; line-height:23px;vertical-align:middle;}
.pop_searchschool .input_btn_wrap .btn {display:inline-block; width:45px; height:25px; line-height:25px; background:#000; color:#FFF; font-size:12px; text-align:center; vertical-align:middle;}
.pop_searchschool select {width:100%;height: 25px;padding: 0 10px;border: 1px solid #dbdbdb;color: #777777;font-size: 11px;line-height: 23px;-webkit-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/html/images/icon/icon_select_arrow_g.png) calc(100% - 10px) 8px no-repeat;}

.pop_jijum_info {position:absolute; z-index:100; width:740px; height: 700px; padding:0 38px; border:2px solid #000; background:#FFF;}
.pop_jijum_info .pop_head {position:relative; margin-top:10px; border-bottom:1px solid #777; color:#000; font-size:20px; font-weight:700; line-height:50px;}
.pop_jijum_info .pop_head .btn_close {position:absolute; top:50%; right:0; width:25px; height:25px; margin-top:-13px; background:url('/html/images/icon/icon_close.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.pop_jijum_info table { width: 100%; padding-top: 10px}
.pop_jijum_info table tr {height: 25px;}
.pop_jijum_info table td {text-align: center;}

.pop_common {position:absolute; top:270px; top:50vh; transform:translateX(-50%); transform:translateY(-50%); left:50%; z-index:100; width:400px; margin-left:-215px; padding:0 35px; border:2px solid #000; background:#FFF;}
.pop_common .pop_head {position:relative; margin-top:10px; border-bottom:1px solid #777; color:#000; font-size:20px; font-weight:700; line-height:50px;}
.pop_common .pop_head .btn_close {position:absolute; top:50%; right:0; width:25px; height:25px; margin-top:-13px; background:url('/html/images/icon/icon_close.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.pop_common .common_wrap{padding: 10px 0 45px 0; margin-top: 10px;}
.pop_common .txt_pop{font-size:12px; color:#000; line-height:15px;}
.pop_common .txt_pop.gray{color:#777777;}
.pop_common .txt_pop + .input_wrap{margin-top:30px;}
.pop_common .txt_msg{display:block; font-size:12px; color:#777777; margin-top:10px; text-align:right;}
.pop_common .txt_msg + .input_item{margin-top:20px;}
.pop_common .input_wrap .input_item{display:table; width:100%; table-layout:fixed;}
.pop_common .input_wrap .input_item + .input_item{margin-top:10px;}
.pop_common .input_wrap .input_item li{display:table-cell; box-sizing:border-box; vertical-align:middle;}
.pop_common .input_wrap .input_item li:nth-child(1){font-size:13px; font-weight:700;}
.pop_common .input_wrap .input_item li:nth-child(2){width:160px;}
.pop_common .input_wrap .input_item li:nth-child(3){width:100px; padding-left:10px;}
.pop_common .btn_form {display:inline-block; min-width:65px; height:25px; padding:0 10px; background:#000; color:#FFF; font-size:12px; line-height:25px; vertical-align:middle; text-align:center;}
.pop_common .btn_form.red{background:#ff8000; color:#fff;}


.confirm_wrap {margin:0 -35px;}
.list_confirm li {padding:0 35px; background:#e5e5e5;}
.list_confirm li .list_head .tit_confirm {display:block; padding-left:20px; background:url('/html/images/icon/icon_confirm.png') no-repeat left center/16px 16px; color:#777; font-size:15px; line-height:60px; font-weight:700;}
.list_confirm li .list_cont {display:none; padding-bottom:40px;}
.list_confirm li.on {background:none;}
.list_confirm li.on .list_cont {display:block;}
.list_confirm li.on .list_head .tit_confirm {background-image:url('/html/images/icon/icon_confirm_on.png');}


/*-------- end common ---------*/

/*-------- start main ---------*/
.main_h2tit {color:#000; font-size:25px; line-height:30px; font-weight:700; text-align:center;}
.main_h2tit_wrap {position:relative; margin-bottom:25px;}
.main_h2tit_wrap .right {position:absolute; top:0; right:0; line-height:30px;}
.main_h2tit_wrap .btn_more_plus {display:inline-block; vertical-align:top;}
.main_h2tit_wrap .btn_more_plus img {vertical-align:middle;}
.main_h2tit_wrap .btn_white {display:inline-block; height:23px; padding:0 10px; border:1px solid #b0b0b0; color:#777; font-size:13px; line-height:21px; vertical-align:middle;}
.main_h2tit_wrap .right .btn + .btn {margin-left:10px;}

.main_h3tit {color:#000; font-size:18px; line-height:20px; font-weight:700;}
.main_h3tit.gray {color:#b0b0b0;}
.main_h3tit_wrap {position:relative; margin-bottom:25px; padding-bottom:15px;}
.main_h3tit_wrap:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000;}
.main_h3tit_wrap.style02:after {display:none;}
.main_h3tit_wrap .right {position:absolute; top:0; right:0; line-height:20px;}
.main_h3tit_wrap .btn_more_plus {display:inline-block; vertical-align:top; margin-left:6px;}
.main_h3tit_wrap .btn_more_plus img {vertical-align:baseline;}
.main_h3tit_wrap .btn_follow {color:#707070; font-size:13px;}

.main_tab .tab_tit {margin-bottom:25px;}
.main_tab .tab_tit li + li {margin-left:20px;}
.main_tab .tab_tit li {position:relative; float:left; width:530px;  padding-bottom:15px;}
.main_tab .tab_tit li .tit_tab {color:#b0b0b0; font-size:18px; line-height:30px; font-weight:700;}
.main_tab .tab_tit li.on .tit_tab {color:#000;}
.main_tab .tab_tit li:after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#000; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; -o-transition: 0.2s ease-out;}
.main_tab .tab_tit li.on:after{width:100%;}
.main_tab .tab_tit li .right {position:absolute; top:0; right:0; line-height:30px;}
.main_tab .tab_tit li .btn_more_plus {display:none; vertical-align:top;}
.main_tab .tab_tit li .btn_more_plus img {vertical-align:middle;}
.main_tab .tab_tit li .btn_follow {display:none; color:#707070; font-size:13px;}
.main_tab .tab_tit li.on .btn_more_plus {display:inline-block; margin-left:5px;}
.main_tab .tab_tit li.on .btn_follow {display:inline-block;}

.tab_wrap.tab_youtube .tab_cont  {display:block; left:-101%; height:1px; opacity:0; }
.tab_wrap.tab_youtube .tab_cont.on {left:0; height:auto; opacity:1; }

.sub_tab {margin-top:90px;}
.sub_tab .tab_tit {margin-bottom:40px;}
.sub_tab .tab_tit li {position:relative; float:left; width:33.33%; border-top:2px solid #dbdbdb; border-bottom:2px solid #dbdbdb;}
.sub_tab .tab_tit li + li {border-left:2px solid #dbdbdb;}
.sub_tab .tab_tit li:last-child {width:33.34%; border-right:2px solid #dbdbdb;}
.sub_tab .tab_tit a {display:block; position:relative; color:#777; font-size:18px; font-weight:700; line-height:50px; text-align:center;}
.sub_tab .tab_tit li.on a {color:#ff8000;}
.sub_tab .tab_tit li.on:before {content:''; position:absolute; left:-2px; bottom:-2px; width:2px; height:2px; background:#ff8000;}
.sub_tab .tab_tit li.on:after {content:''; position:absolute; right:-2px; bottom:-2px; width:2px; height:2px; background:#ff8000;}
.sub_tab .tab_tit li.on {border-top:2px solid #ff8000; border-bottom:none; border-left:2px solid #ff8000; border-right:2px solid #ff8000;}
.sub_tab .tab_tit li.on + li {border-left:none;}


.main_tab.small .tab_tit li {width:220px;}

.tab_wrap {}
.tab_wrap .tab_cont {display:none;}
.tab_wrap .tab_cont.on {display:block;}

.change_tab{margin-bottom:60px;}
.change_tab .tab_tit{ display: flex; text-align:center;}
.change_tab .tab_tit li{display:inline-block; width:100%; position:relative;}
.change_tab .tab_tit li + li{margin-left:20px;}
.change_tab .tab_tit a{display:block; position:relative; font-size:18px; font-weight:700; line-height:45px; color:#777777;}
.change_tab .tab_tit li.on a{color:#ff8000;}
.change_tab .tab_tit li:before{content:''; display:block; position:absolute; background:#dbdbdb; bottom:0; left:0; height:3px; width:100%}
.change_tab .tab_tit li.on:before{background:#ff8000;}

.change_container{width: 740px; margin: 0 auto;}

.notice_wrap {background:#001437; line-height:45px; text-align:center;}
.notice_wrap .txt_notice {color:#ffffff; font-size:15px;}
.notice_wrap .txt_notice em {font-weight:700;}

.swp_main_visual .item_swp {display:block; width:100%; height:220px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.swp_main_visual {position:relative;}
.nav_visual_wrap.type01 {position:absolute; z-index:51; left:0; bottom:0; width:100%; height:45px;}
.nav_visual_wrap.type01:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.15;}
/*.nav_visual {position:absolute; z-index:52; left:50%; top:0; width:526px; margin-left:-268px;}*/
.nav_visual_wrap.type01 .nav_visual {text-align:center; font-size:0;}
.nav_visual_wrap.type01 .nav_visual li {display:inline-block; position:relative; vertical-align:top;}
.nav_visual_wrap.type01 .nav_visual li + li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#FFF ;opacity:.3;}
.nav_visual_wrap.type01 .nav_visual li a {display:block; padding:0 20px; color:#FFF; font-size:14px; line-height:45px; opacity:.3;}
.nav_visual_wrap.type01 .nav_visual li.on a {opacity:1;}

.nav_visual_wrap.type02 {position:absolute; z-index:51; left:50%; bottom:15px; transform:translateX(-50%);}
.nav_visual_wrap.type02 .nav_visual {text-align:center; font-size:0;}
.nav_visual_wrap.type02 .nav_visual li {display:inline-block; position:relative; vertical-align:top;}
.nav_visual_wrap.type02 .nav_visual li + li{margin-left:6px;}
.nav_visual_wrap.type02 .nav_visual li a {display:block; opacity:0.6; font-size:0; text-indent:-9999px; background:#fff; border-radius:100px; width:10px; height:10px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.nav_visual_wrap.type02 .nav_visual li.on a {width:30px; opacity:1;background:#fff}

.pager_visual_wrap{display: none;}
.pager_visual_wrap .swiper-button{position:absolute; display:block; top:calc(50% - 25px); width:24px; height:50px; background-image:url('/html/images/icon/icon_visual_arrow.png'); z-index:4;}
.pager_visual_wrap .swiper-button.prev{left:50px; background-position:0 0;}
.pager_visual_wrap .swiper-button.next{right:50px; background-position:100% 0;}
.swp_main_visual.white .pager_visual_wrap .swiper-button{background-image:url('/html/images/icon/icon_visual_arrow_w.png');}

.main_cont {margin-top:30px;}

.main_quick {position:relative; z-index:5;}
.main_quick .quick_group{position:absolute;  top:0;}
.main_quick .quick_group.q_left {left:-130px;}
.main_quick .quick_group.q_right {right:15px}
.main_quick .quick_group .quick_item {width:120px;}
.main_quick .quick_group .quick_item + .quick_item {margin-top:10px;}
.main_quick .quick_group .quick_item a{cursor:pointer;}
.main_quick .quick_group .quick_item .quick_item_sub{display: block; width: 100px; padding: 15px; border: solid 1px #dddddd;}
.main_quick .quick_group .quick_item .quick_item_sub>h3{font-weight: 900; font-size: 11pt; line-height: 1.2}
.main_quick .quick_group .quick_item .quick_item_sub>p{margin-top: 10px; color: #626262; font-size: 9pt; font-weight: 400;}
.main_quick .quick_group .item_quick_main {display:block; padding:18px 14px; border:1px solid #DDD; background:#FFF;}
.main_quick .quick_group .item_quick_main .txt_quick_main {margin-top:10px; color:#707070; font-size:13px; line-height:16px;}

.main_quick .quick_group .quick_item .ban_extend01 {display:block; cursor:pointer; position:relative; height:280px;}
.main_quick .quick_group .quick_item .ban_extend01:before {content:''; position:absolute; right:0; top:0; width:0; height:100%; background:url('/html/images/ban_extend01_on.png?200320') 0 0 no-repeat; z-index:10; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.main_quick .quick_group .quick_item:hover .ban_extend01:before{width:480px;}

.main_quick.scroll {position:absolute; z-index:51; left:50%; top:0; width:1080px; height:0; margin-left:-540px;}
.main_quick.scroll .quick_group.q_left {position:relative; left:0; top:20px; float:left; margin-left:-130px;}
.main_quick.scroll .quick_group.q_right {position:relative; right:0; top:20px; float:right; margin-right:-140px;}

.mon_mem_wrap {margin-top:80px;}
.mon_mem {border:1px solid #DDD;}
.mon_mem li {float:left; width:268px; height:231px;}
.mon_mem li:last-child {width:271px;}
.mon_mem li + li {margin-left:1px;}
.mon_mem .item_mon_mem {position:relative; overflow:hidden; display:block; width:100%; height:100%; padding:40px 33px; background:#f2f2f2;}
.mon_mem .item_mon_mem .icon_new {position:absolute; left:0; top:0; padding:0 10px; background:#ff4800; color:#FFF; font-size:12px; font-weight:700; line-height:20px;}
.mon_mem .item_mon_mem .img_wrap {position:absolute; z-index:1; right:0; bottom:0;}
.mon_mem .item_mon_mem .info_wrap {position:absolute; z-index:2; left:33px; top:40px;}
.mon_mem .item_mon_mem .info_wrap .subtit_mon_mem {letter-spacing:-0.050em; height:43px; color:#282828; font-size:14px; line-height:18px;}
.mon_mem .item_mon_mem .info_wrap .tit_mon_mem {letter-spacing:-0.050em; height:30px; color:#282828; font-size:18px; line-height:24px; font-weight:900; }
.mon_mem .item_mon_mem .info_wrap .txt_mon_mem {position:relative; margin-top:40px; color:#001437; font-size:14px; line-height:20px;}
.mon_mem .item_mon_mem .info_wrap .txt_mon_mem em {font-weight:700;}
.mon_mem .item_mon_mem .info_wrap .txt_mon_mem:before {content:''; position:absolute; left:0; top:-10px; width:10px; height:1px; background:#233567;}
.mon_mem .item_mon_mem .layer {position:absolute; z-index:3; left:0; top:100%; width:100%; height:100%; padding:40px 33px; background:#001437; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.mon_mem .item_mon_mem .layer .tit_layer {color:#FFF; font-size:20px; font-weight:900; line-height:28px;}
.mon_mem .item_mon_mem .layer .txt_layer {margin-top:50px; color:#FFF; font-size:14px; line-height:16px;}
.mon_mem .item_mon_mem .layer .txt_layer em {font-weight:700;}
.mon_mem .item_mon_mem .layer .btn_layer_more {display:block; width:85px; height:22px; margin-top:50px; border-radius:3px; background:#FFF; color:#001437; font-size:11px; font-weight:700; line-height:22px; text-align:center;}
.mon_mem .item_mon_mem:hover .layer {top:0;}

.mon_mem li:last-child .item_mon_mem .img_wrap {right:0;}

.youtube_wrap {margin:80px 0;}
.main_h2tit .icon_youtube {display:inline-block; margin-right:10px; vertical-align:top;}

.list_youtube li {float:left;}
.list_youtube li + li {margin-left:20px;}
.item_list_youtube .item_img {position:relative; width:255px; height:144px;}
.item_list_youtube .item_img .img_wrap {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}
.item_list_youtube .item_img .tag {position:absolute; z-index:4; left:0; top:0; width:58px; background:#000; color:#FFF; font-size:11px; line-height:22px; text-align:center;}
.item_list_youtube .item_img .layer_video {display:none; position:absolute; z-index:3; left:0; top:0; width:100%; height:100%;}
.item_list_youtube .item_img .layer_video .layer_mask {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:#000; opacity:.6;}
.item_list_youtube .item_img .layer_video .btn_play {position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background:url('/html/images/icon/icon_play.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.item_list_youtube .item_txt {margin-top:15px; color:#000; font-size:14px; line-height:18px; font-weight:400; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:38px; overflow:hidden; text-overflow:ellipsis;}
.item_list_youtube:hover .item_img .layer_video {display:block;}
.item_list_youtube:hover .item_txt {font-weight:700;}

.lesson_wrap {padding:50px 0; background:#f2f2f2;}
.lesson_wrap .lesson_inner_wrap {background:#FFF; padding:34px;}
.list_lesson li {overflow:hidden;}
.list_lesson li + li {margin-top:20px;}
.list_lesson li a{display:block;}
.list_lesson li a:hover .right .tit_lesston {font-weight:700; }
.list_lesson li a:hover .right .txt_lesson_name {font-weight:700; }
.list_lesson li a:hover .right .txt_lesson_name:after {content:''; position:absolute; left:0; bottom:-5px; width:100%; height:1px; background:#b0b0b0;}
.list_lesson li a:hover .item_lesson .item_img .layer_video {display:block;}
.list_lesson li .item_lesson {float:left;}
.list_lesson li .right {position:relative; height:125px; margin-left:243px; padding-top:20px;}
.list_lesson li .right .tit_lesston {color:#000; font-size:14px; line-height:22px; font-weight:400;}
.list_lesson li .right .txt_lesson_name {position:absolute; left:0; bottom:10px; padding-bottom:5px; color:#b0b0b0; font-size:14px;}
.item_lesson .item_img {position:relative; width:222px; height:125px;}
.item_lesson .item_img .img_wrap {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}
.item_lesson .item_img .layer_video {display:none; position:absolute; z-index:3; left:0; top:0; width:100%; height:100%;}
.item_lesson .item_img .layer_video .layer_mask {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:#000; opacity:.6;}
.item_lesson .item_img .layer_video .btn_play {position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background:url('/html/images/icon/icon_play.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.item_lesson .item_txt {display:block; margin-top:15px; color:#000; font-size:14px; line-height:18px; font-weight:700;}

.story_wrap {margin-top:80px;}
.list_story {padding:33px; border:1px solid #DDD; overflow:hidden;}
.list_story li {float:left; width:25%;}
.item_story {overflow:hidden; }
.item_story .img_wrap {float:left;}
.item_story .img_wrap .img {display:none;}
.item_story .img_wrap .img.img_01 {display:block;}
.item_story .right {margin-left:94px; padding-top:24px;}
.item_story .right .txt_story {color:#000; font-weight:400; line-height:22px;}
.item_story .right .txt_story em {display:block; color:#ff8000; font-weight:700;}
/*
.item_story:hover .img_wrap .img_01 {display:none;}
.item_story:hover .img_wrap .img_02 {display:block;}
.item_story:hover .right .txt_story {color:#000; font-weight:700;}
*/

.book_wrap {margin-top:80px;}
.swp_book .swiper-slide {width:auto;}
.item_book {text-align:center;}
.item_book .img_wrap {display:block; box-shadow:3px 7.5px 7.5px rgba(34,34,34,0.2);}
.item_book .txt_book {margin-top:25px; color:#b0b0b0; font-size:14px; font-weight:400; line-height:18px; height:36px;}

.main_info_wrap {padding:80px 0;}
.main_info_wrap .tit_tel {font-size:43px; font-weight:700; line-height:45px;}
.main_info_wrap .open_info {color:#000; font-size:14px; line-height:25px;}
.main_info_wrap .list_help {margin-top:25px; overflow:hidden;}
.main_info_wrap .list_help li {float:left; width:25%;}
.main_info_wrap .list_help li + li {margin-left:-1px;}
.main_info_wrap .list_help li a {display:block; border:1px solid #DDD; color:#b0b0b0; font-size:14px; line-height:33px; text-align:center;}
.main_info_wrap .txt_alert {color:#000; font-size:14px; line-height:24px;}
.main_info_wrap .txt_alert em {font-weight:700;}

.list_main_board {border:1px solid #dddddd; display:table; width:100%; table-layout:fixed;}
.list_main_board li {display:table-cell;}
.list_main_board li:nth-child(1) {width:258px;}
.list_main_board li:nth-child(2) {width:261px;}
.list_main_board li:nth-child(3) {width:265px;}
.list_main_board li:nth-child(4) {width:auto;}
.list_main_board li:nth-child(5) {}
.list_main_board li + li {border-left:1px solid #dddddd;}
.item_board {display:block; width:100%; height:88px; padding-top:13px; font-size:0;text-align:left; padding-left:36px;  vertical-align:middle;}
.item_board .tit_type {display:inline-block; width:62px; height:62px; border-radius:31px; color:#000; font-size:15px; font-weight:700; line-height:62px; text-align:center; vertical-align:middle;}
.item_board .tit_type.style_01 {background:#ff8000;}
.item_board .tit_type.style_02 {background:#fc6c6c;}
.item_board .tit_type.style_03 {background:#ffa93a;}
.item_board .tit_type.style_04 {background:#ffd956;}
.item_board .tit_type.style_05 {background:#ff8e67;}
.item_board .tit_board {display:inline-block; text-align:left; margin-left:23px; color:#000; font-size:18px; line-height:24px; font-weight:700; vertical-align:middle; }
/*-------- end main ---------*/

/*-------- start login ---------*/
.pop_login .pop_logo {margin-bottom:30px;}
.form_login_wrap .form_group {line-height:40px;}
.form_login_wrap .form_group:after {content:''; display:block; clear:both;}
.form_login_wrap .form_group + .form_group {margin-top:10px;}
.form_login_wrap .form_group + .form_group {margin-top:10px;}
.form_login_wrap .form_group_btn {margin-top:20px;}
.form_login_wrap .form_group.form_group_btn {margin-top:20px;}
.form_login_wrap .form_group_check {padding:15px 0; overflow:hidden;}
.form_login_wrap .form_group_check .item_chk {float:left;}
.form_login_wrap .form_group_check .item_chk + .item_chk {margin-left:25px;}
.form_login_wrap .form_group_check .item_chk label {margin-right:5px; padding-left:25px; color:#b0b0b0; font-size:12px; font-weight:400;}
.form_login_wrap .form_group_check .item_chk.checkbox_12 label {padding-left:18px;}
.form_login_wrap .form_group_link {padding-top:20px; border-top:1px solid #b0b0b0; text-align:center;}
.form_login_wrap .form_group_link .item_link {display:inline-block; position:relative; color:#777; font-size:14px; line-height:16px; font-weight:700;}
.form_login_wrap .form_group_link .item_link + .item_link {margin-left:10px; padding-left:10px;}
.form_login_wrap .form_group_link .item_link + .item_link:before {content:''; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#777;}
.form_login_wrap .text,
.form_login_wrap .password {width:100%; height:40px; padding:0 15px; border:1px solid #DDD; color:#000; line-height:38px; font-weight:400; vertical-align:top;}
.form_login_wrap .text::-webkit-input-placeholder {color:#777;}
.form_login_wrap .password::-webkit-input-placeholder {color:#777;}
.form_login_wrap .text:-moz-placeholder {color:#777;}
.form_login_wrap .password:-moz-placeholder {color:#777;}
.form_login_wrap .text:-ms-input-placeholder {color:#777;}
.form_login_wrap .password:-ms-input-placeholder {color:#777;}
.form_login_wrap #fm_birth_month { margin: 0 10px;}
.form_login_wrap .tit_group {margin-bottom:10px; color:#000; font-size:18px; line-height:18px; font-weight:700;}
.form_login_wrap .error_group {margin-top:8px; padding:0 2px; color:#ff3500; font-size:12px; line-height:12px;}
.form_login_wrap .input_btn_wrap {position:relative; padding-right:90px;}
.form_login_wrap .input_btn_wrap .btn {position:absolute; top:0; right:0;}
.form_login_wrap .input_btn_wrap .btn_red {width:80px; height:40px; background:#ff8000; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}
.form_login_wrap .tit_group_left {float:left; width:140px; padding-left:40px; color:#000; font-size:15px; font-weight:700;}
.form_login_wrap .tit_group_left + .cont_group {margin-left:140px;}
.form_login_wrap .cont_group .chk_wrap label {padding-left:25px;}

.form_login_wrap .checkbox_12 {display:inline-block;}
.form_login_wrap .checkbox_12 .checkbox {display:none;}
.form_login_wrap .checkbox_12 label {display:block; height:12px; padding-left:12px; background:url('/html/images/icon/icon_checkbox12.png') no-repeat 0 0; color:#000; font-size:13px; line-height:12px;}
.form_login_wrap .checkbox_12 .checkbox:checked + label {background-position:0 -12px;}
.form_login_wrap .checkbox_12 .checkbox:disabled + label {background-position:0 -24px;}

.btn_login {display:inline-block; width:100%; border:none; background:#ff8000; color:#FFF; font-size:20px; font-weight:700; line-height:50px; text-align:center;}
.btn_login_02 {display:inline-block; width:100%; border:none; background:#ff8000; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}
.btn_login_02.small {width:160px; height:40px;}
.btn_login_03 {display:inline-block; width:100%; border:1px solid #ff8000; background:#FFF; color:#ff8000; font-size:16px; font-weight:700; line-height:40px; text-align:center;}
.btn_login_03.small {width:160px; height:40px;}

.find_confirm {text-align:center;}
.find_confirm .btn_wrap {margin-top:30px; text-align:center;}
.find_confirm .btn_wrap .btn + .btn {margin-left:10px;}
.h3tit_login {color:#000; font-size:18px; line-height:20px; font-weight:700;}
.txt_confirm {display:block; padding:40px 0; color:#ff8000; font-size:30px; line-height:30px; font-weight:700;}
.notice_confirm {color:#777; font-size:11px; line-height:16px;}
.txt_customer_center {margin-top:40px; padding:35px 0 0; border-top:1px solid #e5e5e5;}
.txt_customer_center .txt_notice {color:#777; line-height:20px;}
.txt_customer_center .txt_contact {margin-top:15px; color:#777; font-size:15px; line-height:16px; font-weight:700;}

.find_result {text-align:center;}
.find_result .btn_wrap {margin-top:30px; text-align:center;}
.find_result .btn_wrap .btn + .btn {margin-left:10px;}
.txt_result {display:block; padding:40px 0; color:#ff8000; font-size:45px; line-height:45px; font-weight:700;}
.notice_result {color:#777; font-size:11px; line-height:16px;}

/*-------- end login ---------*/

/*-------- start sub ---------*/
.sub_cont {padding:80px 0 180px 0;}
.sub_cont .h2tit_wrap {position:relative; margin-bottom:20px; padding-bottom:13px;}
.sub_cont .h2tit_wrap .h2tit {color:#000; font-size:25px; height:30px; line-height:30px; font-weight:700; }
.sub_cont .h2tit_wrap .h2tit .sub_txt {color:#777; font-size:11px; line-height:17px; font-weight:400; margin-left:10px; padding-left:5px; position:relative;}
.sub_cont .h2tit_wrap .h2tit .sub_txt.dotted:before{content: '·'; position: absolute; left: 0; top: 0; font-size: 11px; line-height:17px;}
.sub_cont .h2tit_wrap .h2tit .sub_txt em {font-weight:700;}
.sub_cont .h2tit_wrap .h2tit .sub_txt .red {color:#ff8000;}
.sub_cont .h2tit_wrap .h2tit .sub_txt a{color:#3569c4; font-weight:700; position:relative;}
.sub_cont .h2tit_wrap .h2tit .sub_txt a:after{content:''; position:absolute; background:url('/html/images/icon/icon_h2tit_blue_arrow.png') 0 0 no-repeat; left:100%; width:5px; height:7px; top:50%; margin-top:-3.5px; margin-left:3px;}
.sub_cont .h2tit_wrap .right.bottom{top:auto; bottom:10px;}
.sub_cont .h2tit_wrap:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#e5e5e5;}
.sub_cont .h2tit_wrap.no_border{padding-bottom:12px;}
.sub_cont .h2tit_wrap.no_border:after {display:none;}

.sub_cont .section {}
.sub_cont .section + .section {margin-top:80px;}
.sub_cont .tool {overflow:hidden;}
.sub_cont .tool li {float:left;}
.sub_cont .tool li + li {margin-left:33px;}
.sub_cont .tool .qa {display:block; color:#777; font-weight:700; font-size:13px; line-height:20px;}
/*.sub_cont .tool .qa {display:block; padding-left:30px; background:url('/html/images/icon/icon_tool_qa.png') no-repeat 0 0; color:#777; font-size:13px; line-height:20px;}*/
.sub_cont .tool .qa:hover {background-position:0 100%; color:#ff8000;}
.sub_cont .tool .qa.on {background-position:0 100%; color:#ff8000;}
.sub_cont .tool .report {display:block; color:#777; font-weight:700; font-size:13px; line-height:20px;}
/*.sub_cont .tool .report {display:block; padding-left:30px; background:url('/html/images/icon/icon_tool_report.png') no-repeat 0 0; color:#777; font-size:13px; line-height:20px;}*/
.sub_cont .tool .report:hover {background-position:0 100%; color:#ff8000;}
.sub_cont .tool .report.on {background-position:0 100%; color:#ff8000;}
.sub_cont .tool .book {display:block; color:#777; font-weight:700; font-size:13px; line-height:20px;}
/*.sub_cont .tool .book {display:block; padding-left:30px; background:url('/html/images/icon/icon_tool_book.png') no-repeat 0 0; color:#777; font-size:13px; line-height:20px;}*/
.sub_cont .tool .book:hover {background-position:0 100%; color:#ff8000;}
.sub_cont .tool .book.on {background-position:0 100%; color:#ff8000;}
.sub_cont.reg_cont {padding-bottom:100px;}
.page_alert {margin-bottom:40px; padding:60px 0; border:1px solid #DDD; text-align:center;}
.page_alert .tit_alert {color:#777; font-size:25px; line-height:26px; font-weight:700;}
.page_alert .tit_alert em {color:#ff8000; font-weight:700;}

.view_wrap {}
.view_wrap .tit_view_wrap {position:relative; margin-bottom:10px;}
/* 20250509 */
.view_wrap .menu_sub_wrap{margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.view_wrap .menu_sub_wrap > ul {overflow:hidden; display: flex;}
.view_wrap .menu_sub_wrap > ul li {padding: 0px 16px;}
.view_wrap .menu_sub_wrap > ul li + li {margin-left:20px;}
.view_wrap .menu_sub_wrap > ul li a {position: relative; display: block;padding: 24px 0px; color:var(--black-color); font-size:16px; line-height:24px; font-weight:700;}
.view_wrap .menu_sub_wrap > ul li a:hover, .view_wrap .menu_sub_wrap > ul li.on a {color:var(--select-color);}
.view_wrap .menu_sub_wrap > ul li a:hover::after, .view_wrap .menu_sub_wrap > ul li.on a::after {content: ''; position: absolute; bottom: 0; display: block; height: 2px; width: 100%; background: var(--select-color); }
/* 20250509 End*/
.view_wrap .tit_view_wrap .tit_view {float: left; color:#000; font-size:18px; line-height:40px; font-weight:700;}
.view_wrap .tit_view_wrap .tit_view em {font-weight:700;}
.view_wrap .tit_view_wrap .tit_view .red{color:#ff8000;}
.view_wrap .tit_view_wrap .txt_view {color:#777; font-size:13px; font-weight:400; margin-left:20px;}
.view_wrap .tit_view_wrap .txt_view em {font-weight:700;}
.view_wrap .tit_view_wrap .txt_view .red {color:#ff8000;}
.view_wrap .tit_view_wrap .btn_red {display:inline-block; height:25px; margin-left:10px; padding:0 10px; border-radius:3px; background:#ff8000; color:#FFF; font-size:13px; font-weight:700; line-height:25px;}
.view_wrap .tit_view_wrap .right {position:absolute; top:0; right:0; line-height:20px;}
.view_wrap .tit_view_wrap .notice {margin-top:20px; color:#ff3500; font-size:15px; font-weight:700;}
.view_wrap .tit_view_wrap .tip {color:#ff3500; font-size:12px;}
.view_wrap .tit_view_wrap .btn_more {display:inline-block; width:22px; height:20px; background:url('/html/images/icon/icon_more.png') no-repeat 0 0; vertical-align:middle;}
.view_wrap .tit_view_wrap .btn_more.disabled {background-position:0 100%;}
.view_wrap .btn_wrap {margin-top:50px; text-align:center;}
.view_wrap .btn_wrap .btn {display:inline-block; vertical-align:middle;}
.view_wrap .btn_wrap .btn + .btn {margin-left:10px;}
.view_wrap .btn_wrap .btn_red {width:160px; height:40px; background:#ff8000; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}
.view_wrap .btn_wrap .btn_red.large {width:360px;}
.view_wrap .btn_wrap .btn_white {width:160px; height:40px; border:1px solid #ff8000; background:#FFF; color:#ff8000; font-size:16px; font-weight:700; line-height:38px; text-align:center;}
.view_group {height:100%; min-height:25px;}
.view_wrap .view_group + .view_group {margin-top:40px;}
.view_wrap .view_group + .chk_wrap{margin-top:20px;}

.view_wrap .tbl_view_style01 {width:100%; border-top:2px solid #000; border-bottom:1px solid #777; font-size:13px;}
.view_wrap .tbl_view_style01 th {height:50px; padding:20px 0 0 20px; text-align:left; vertical-align:top;}
.view_wrap .tbl_view_style01 td {padding:18px 20px;}
.view_wrap .tbl_view_style01 tr + tr th,
.view_wrap .tbl_view_style01 tr + tr td {border-top:1px solid #DDD;}
.view_wrap .tbl_view_style01 .tip {margin-left:20px; color:#777;}
.view_wrap .tbl_view_style01 .notice {color:#777; font-size:12px; line-height:18px; }
.view_wrap .tbl_view_style01 .inner_group + .inner_group {margin-top:5px;}
.view_wrap .tbl_view_style01 .radio_wrap {overflow:hidden;}
.view_wrap .tbl_view_style01 .radio_wrap .item_radio {display:inline-block; vertical-align:top;}
.view_wrap .tbl_view_style01 .radio_wrap .item_radio + .item_radio {margin-left:30px;}
.view_wrap .btn_form_black {display:inline-block; min-width:65px; height:25px; padding:0 10px; background:#000; color:#FFF; font-size:12px; line-height:25px; vertical-align:middle; text-align:center;}
.view_wrap .text + .btn_form_black {margin-left:10px;}
.view_wrap .btn_form_white {display:inline-block; padding:0 12px; border:1px solid #777; border-radius:3px; color:#777; font-size:12px; line-height:23px;}
.view_wrap .text + .btn {margin-left:10px;}
.view_wrap a + .btn {margin-left:10px;}
.view_wrap .txt_msg {display:inline-block; margin-left:20px; font-size:12px; line-height:25px; vertical-align:middle;}
.view_wrap .txt_msg.blue {color:#3569c4;}
.view_wrap .txt_msg.red {color:#ff8000;}
.view_wrap .txt_msg.gray {color:#aaaaaa;}
.view_wrap .txt_msg.orange {color:#ff3500;}
.view_wrap .chk_wrap {margin-top:10px;}
.view_wrap .chk_wrap label {padding-left:25px; color:#777; font-size:13px; }
.view_wrap .select_year {overflow:hidden;}
.view_wrap .select_year .select {float:left;}
.view_wrap .select_year .select:nth-child(1) {width:120px;}
.view_wrap .select_year .select:nth-child(2) {width:70px;}
.view_wrap .select_year .select:nth-child(3) {width:70px;}

.view_wrap .tbl_view_style02 {width:100%; border-top:2px solid #000; border-bottom:1px solid #777; font-size:13px;}
.view_wrap .tbl_view_style02 th {height:40px; border-bottom:2px solid #000; background:#f1f1f1; text-align:center;}
.view_wrap .tbl_view_style02 td {padding:20px 0; text-align:center; vertical-align:top;}
.view_wrap .tbl_view_style02.v_middle td {vertical-align:middle;}
.view_wrap .tbl_view_style02 .txt_left {padding-left:20px; text-align:left;}
.view_wrap .tbl_view_style02 .txt_right {padding-right:20px; text-align:right;}
.view_wrap .tbl_view_style02 .v_middel {vertical-align:top;}
.view_wrap .tbl_view_style02 td.txt_ {text-align:left;}
.view_wrap .tbl_view_style02 td em {color:#000; font-weight:700;}
.view_wrap .tbl_view_style02 td em + span {margin-left:10px;}
.view_wrap .tbl_view_style02 td .red {color:#ff8000; font-weight:700;}
.view_wrap .tbl_view_style02 td .gray {color:#777}
.view_wrap .tbl_view_style02 tr + tr td {border-top:1px solid #e5e5e5;}
.view_wrap .tbl_view_style02 .date {color:#777; margin-left:20px;}
.view_wrap .tbl_view_style02 tr.disabled td {color:#777;}
.view_wrap .tbl_view_style02 tr.disabled td a {color:#777;}
.view_wrap .tbl_view_style02 tr.disabled td em {color:#777; font-weight:400;}
.view_wrap .tbl_view_style02 tr.disabled td .red {color:#777; font-weight:400;}
.view_wrap .tbl_view_style02 tr.disabled td .sub_tit {color:#777; font-weight:400;}
.view_wrap .tbl_view_style02 .sub_tit {display:block; margin:10px 0 0 10px; position:relative; padding-left:14px; color:#777; font-size:13px; font-weight:700;}
.view_wrap .tbl_view_style02 .sub_tit:before {content:''; position:absolute; left:0; top:0; width:9px; height:9px; background:url('/html/images/icon/icon_sub_tit.png') no-repeat 0 0;}
.view_wrap .tbl_view_style02.tbl_mypage_pay td.order_no {background:#f1f1f1; color:#777;}
.view_wrap .tbl_view_style02 .btn_detail_view {display:inline-block; min-width:70px; padding:0 8px; border:1px solid #777777; border-radius:3px; color:#000; font-size:12px; line-height:23px; font-weight:400; text-align:center;}
.view_wrap .tbl_view_style02 .btn_detail_view:hover {border-color:#ff8000; color:#ff8000;}
.tbl_mypage_pay {line-height:20px;}
.tbl_mypage_pay .btn_white {display:inline-block; width:80px; height:25px; margin-top:10px; background:#FFF; border:1px solid #777; border-radius:3px; color:#000; font-size:12px; line-height:23px; text-align:center;}

.view_wrap .price_wrap {margin-top:70px; padding:30px 40px; background:#f1f1f1; font-size:18px; line-height:40px;}
.view_wrap .price_wrap.notice {margin-top:40px; padding:30px 40px; background:#f1f1f1; font-size:18px; line-height:40px;}
.view_wrap .price_wrap .tit_price em {font-weight:700;}
.view_wrap .price_wrap .price_order {margin-left:40px;}
.view_wrap .price_wrap .price_order em {display:inline-block; min-width:80px; margin-left:20px; font-weight:900; text-align:right;}
.view_wrap .price_wrap .price_delivery em {display:inline-block; min-width:80px; margin-left:20px; font-weight:900; text-align:right;}
.view_wrap .price_wrap .price_total em {display:inline-block; min-width:80px; margin-left:20px; color:#ff8000; font-size:30px; font-weight:900; text-align:right;}
.view_wrap .price_wrap .price_operator {margin:0 20px; color:#777; font-size:30px; font-weight:900;}

.view_wrap .price_wrap.style02 {margin-top:0; padding:0; background:#f1f1f1; font-size:15px; line-height:50px; text-align:center;}
.view_wrap .price_wrap.style02 .tit_price em {font-weight:700;}
.view_wrap .price_wrap.style02 .price_order {margin-left:100px;}
.view_wrap .price_wrap.style02 .price_order em {display:inline-block; min-width:80px; margin-left:30px; font-weight:900; text-align:right;}
.view_wrap .price_wrap.style02 .price_delivery em {display:inline-block; min-width:80px; margin-left:30px; font-weight:900; text-align:right;}
.view_wrap .price_wrap.style02 .price_total em {display:inline-block; min-width:100px; margin-left:20px; color:#ff8000; font-size:20px; font-weight:900; text-align:right;}
.view_wrap .price_wrap.style02 .price_operator {margin:0 35px; color:#777; font-size:20px; font-weight:900;}

.view_wrap .btn_list_more {display:inline-block; width:100px; height:30px; padding-left:18px; border:1px solid #dbdbdb; background:url('/html/images/icon/icon_btn_more.png') no-repeat 70px center; color:#777; font-size:13px; line-height:28px; text-align:left;}
.view_wrap .btn_list_more.close {padding-left:25px;background-image:url('/html/images/icon/icon_btn_more_close.png');}

.pay_tool_bar {overflow:hidden;}
.pay_tool_bar li {float:left;}
.pay_tool_bar li + li {position:relative; margin-left:15px; padding-left:15px;}
.pay_tool_bar li + li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#dbdbdb;}
.pay_tool_bar li a {color:#777; font-size:13px;}
.pay_tool_bar li.on a {color:#000; font-weight:700;}

.pay_info {border-left:1px solid #777; border-right:1px solid #777;}
.pay_info .tit_pay_info {background:#000; color:#FFF; font-size:13px; line-height:42px; text-align:center;}
.pay_info .cont_pay_info {padding:0 34px; line-height:65px; overflow:hidden;}
.pay_info .cont_pay_info dt {float:left; width:50%; padding:0 10px; border-bottom:1px solid #e5e5e5; font-size:15px; text-align:left;}
.pay_info .cont_pay_info dd {margin-left:50%; padding:0 10px; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:700; text-align:right;}
.pay_info .total_pay {font-size:18px; line-height:110px; text-align:center;}
.pay_info .total_pay em {margin:0 5px 0 25px; color:#ff8000; font-size:35px; font-weight:700;}

.pay_method {border-left:1px solid #777; border-right:1px solid #777; border-bottom:1px solid #777;}
.pay_method .tit_pay_method {background:#000; color:#FFF; font-size:13px; line-height:42px; text-align:center;}
.pay_method .cont_pay_method {padding:30px 34px;}
.pay_method .radio_wrap {overflow:hidden;}
.pay_method .radio_wrap .item_radio {display:inline-block; margin-bottom:28px;}
.pay_method .radio_wrap .item_radio .checkbox {margin-right:5px;}
.pay_method .radio_wrap .item_radio label {font-size:15px; line-height:16px; font-weight:700;}
.pay_method .radio_wrap .item_radio label .tip {font-size:15px; font-weight:400; }
.pay_method .btn_wrap {margin-top:34px; text-align:center;}
.pay_method .btn_pay {display:inline-block; width:300px; height:60px; background:#ff8000; color:#FFF; font-size:28px; font-weight:700; line-height:60px;}

.sub_quick {position:relative;}
.sub_quick .quick_sub_left {position:absolute; left:-130px; top:0; width:100px;}
.sub_quick .quick_jijum_right{right:0;}
.sub_quick .quick_jijum_right.fixed{position:fixed; top:50vh; transform: translateY(-50%);}

.quick_studyroom_left {border:1px solid #DDD;}
.quick_studyroom_left .top {padding:20px 12px; font-size:13px; line-height:16px;}
.quick_studyroom_left .top img {margin-bottom:15px;}
.quick_studyroom_left .bot {padding:20px 12px; background:#f5f5f5; color:#707070; font-size:11px; line-height:15px; }

.list_lecture {border-top:2px solid #000; border-bottom:1px solid #777;}
.list_lecture li {cursor:pointer;}
.list_lecture li + li {border-top:1px solid #e5e5e5;}
.list_lecture li .lecture_body {display:none;}
.tbl_lecture_head {width:100%; text-align:center;}
.tbl_lecture_head .txt_left {padding-left:20px; text-align:left;}
.tbl_lecture_head td {height:60px;}
.tbl_lecture_head td em {font-weight:700;}
.tbl_lecture_head td .btn_toggle {display:inline-block; width:20px; height:20px; background:url('/html/images/icon/icon_arrow.png') no-repeat 0 0;}

.tbl_lecture_body {width:100%; background:#f5f5f5; border-top:1px solid #777; border-bottom:1px solid #777; text-align:center;}
.tbl_lecture_body .txt_left {padding-left:20px; text-align:left;}
.tbl_lecture_body th {height:35px; font-weight:400;}
.tbl_lecture_body td {height:50px; border-top:1px solid #e5e5e5;}

.list_lecture li.on .lecture_head em {color:#ff8000;}
.list_lecture li.on .lecture_head td {color:#ff8000;}
.list_lecture li.on .lecture_body {display:block;}
.list_lecture li.on .btn_toggle {background-position:0 100%;}
.btn_like {display:inline-block; width:13px; height:13px; background:url('/html/images/icon/icon_start.png?201130') no-repeat 0 0;}
.btn_like.on {background-position:0 100%;}

.toggle_wrap {}
.toggle_wrap .checkbox {display:none;}
.toggle_wrap label {display:inline-block; width:22px; height:12px; background:url('/html/images/icon/icon_toggle.png?201130') no-repeat 0 0;}
.toggle_wrap .checkbox:checked + label {background-position:0 100%;}

.login_container {width:740px; margin:0 auto;}
.h2tit_login {margin-bottom:55px; color:#000; font-size:25px; font-weight:700; line-height:25px;}
.h2tit_login em {color:#ff8000; font-weight:700;}
.h2tit_login.center {text-align:center;}
.layout_login {overflow:hidden;}
.layout_login .layout_left {float:left; position:relative; width:360px; height:400px;}
.layout_login .layout_right {float:right; position:relative; width:360px; height:400px;}
.login_bot {position:absolute; left:0; bottom:-15px; width:100%;}
.login_bot li + li {border-top:1px solid #e5e5e5;}
.item_login_bot {position:relative; padding:15px 0; overflow:hidden;}
.item_login_bot {color:#777; font-size:12px; line-height:15px;}
.item_login_bot em {color:#ff8000; font-weight:700;}
.item_login_bot .btn {position:absolute; right:0; top:50%; width:80px; height:30px; margin-top:-15px;}
.item_login_bot .btn_gray {display:inline-block; background:#BBB; color:#FFF; font-size:13px; line-height:30px; text-align:center;}
.login_wrap .form_login_wrap .form_group_check .item_chk label {color:#777;}

.swp_login {position:relative;}
.swp_login .item_swp {display:block; width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.swp_login .swiper-pagination {position:absolute; bottom:15px; right:15px;}
.swp_login .swiper-pagination-bullet {background:#8c8c8c; opacity:1;}
.swp_login .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:10px;}
.swp_login .swiper-pagination-bullet.swiper-pagination-bullet-active {width:25px; background:#5f5f5f; border-radius:4px;}

.no_data {padding:55px 0; color:#777; font-size:13px; text-align:center;}
.no_data .btn_no_data {display:inline-block; width:170px; height:35px; margin-top:15px; background:#000; color:#FFF; line-height:35px; text-align:center;}

/*myinfo*/
.my_info {padding:20px 0; border-top:2px solid #000; border-bottom:2px solid #000; overflow:hidden;}
.my_info .item_my_info {float:left;}
.my_info .item_my_info.my_info_01 {width:285px; padding:0 20px;}
.my_info .item_my_info.my_info_02 {padding:0 20px;}
.my_info .item_my_info.my_info_03 {padding:0 0 0 20px;}
.my_info .item_my_info + .item_my_info {border-left:1px solid #dbdbdb;}
.my_info .item_my_info dl {display:table; height:120px;}
.my_info .item_my_info dl dt {display:table-cell; color:#000; font-size:18px; line-height:24px; vertical-align:middle;}
.my_info .item_my_info dl dt em {font-weight:700;}
.my_info .item_my_info dl dd {display:table-cell; vertical-align:middle;}
.my_info .item_my_info dl dt {width:100px;}
.my_info .item_my_info dl dt {width:100px;}
.my_info .item_my_info dl dt {width:100px;}

.my_info .target_wrap {width:160px; text-align:center;}
.my_info .target_wrap .txt_target {margin-top:10px; color:#777; font-size:15px; line-height:15px;}
.my_info .tbl_my_info_02 {display:inline-block; width:100%;}
.my_info .tbl_my_info_02 td {padding:5px;}
.my_info .tbl_my_info_02 .btn_black {display:block; height:35px; background:#000; color:#FFF; font-size:13px; line-height:35px; text-align:center;}
.my_info .tbl_my_info_02 .btn_white {display:block; height:35px; background:#FFF; margin-top:2px; border:1px solid #000; border-radius:3px; color:#000; font-size:13px; line-height:33px; text-align:center;}
.my_info .tbl_my_info_02 .txt_code {font-weight:700; color:#777; font-size:16px;}
.my_info .tbl_my_info_02 .txt_code em {margin-right:10px;}
.my_info .txt_my_info_03 {color:#777; font-size:13px; line-height:17px;}
.my_info .txt_my_info_03 em {display:inline-block; margin-bottom:15px; font-size:15px; font-weight:700;}

.mypage_wrap .layout_three {overflow:hidden;}
.mypage_wrap .layout_three .layout_left {float:left; position:relative; width:340px;}
.mypage_wrap .layout_three .layout_center {float:left; position:relative; width:340px; margin-left:20px;}
.mypage_wrap .layout_three .layout_right {float:left; position:relative; width:340px; margin-left:20px;}
.mypage_wrap .h3tit_wrap {position:relative;}
.mypage_wrap .h3tit {padding-bottom:10px; color:#000; font-size:18px; font-weight:700;}
.mypage_wrap .tbl_question_wrap {padding:10px 0; border-top:2px solid #000; border-bottom:1px solid #777;}
.mypage_wrap .tbl_question {width:100%;}
.mypage_wrap .tbl_question tr + tr td {border-top:1px solid #dbdbdb;}
.mypage_wrap .tbl_question tr td + td {border-left:1px solid #dbdbdb;}
.mypage_wrap .tbl_question tr td {height:36px; padding-left:25px; font-size:13px;}
.mypage_wrap .tbl_question .num {position:relative; margin-left:24px; font-size:15px;}
.mypage_wrap .tbl_question .num .new {position:absolute; top:-3px; right:-15px; width:12px; height:12px; background:url('/html/images/icon/icon_new_small.png') no-repeat 0 0;}
.mypage_wrap .tbl_question em {display:inline-block; font-weight:700;}
.mypage_wrap .tbl_question .txt_question {display:inline-block; width:80px;}
.mypage_wrap .tbl_question.tq2 td {height:72px;}
.mypage_wrap .tbl_question.tq2 td:first-child {padding-left:0; text-align:center;}
.mypage_wrap .tbl_question.tq2 td:first-child em {font-size:15px; font-weight:700;}
.mypage_wrap .tbl_question.tq2 .txt_desc {margin-top:10px; margin-right:10px; padding:8px; background:#f1f1f1; color:#000; font-size:11px; line-height:15px; }
.mypage_wrap .btn_question_wrap {display:table-cell; width:340px; height:95px; background:#f1f1f1; border:1px solid #dbdbdb; vertical-align:middle; text-align:center;}
.mypage_wrap .btn_question_wrap .btn {color:#777; font-size:15px; font-weight:700;}
.mypage_wrap .btn_question_wrap .btn + .btn {margin-left:40px;}

.mypage_wrap .tbl_question.tq3 td {height:72px; vertical-align:middle;}
.mypage_wrap .tbl_question.tq3 tr td{padding-left:0;}
.mypage_wrap .tbl_question.tq3 .num {margin-left:0;}

.mypage_wrap .tbl_question .btn_sign{display:block; padding:14px 0; margin-right:10px; font-size:11px; color:#010101; margin-top:6px; border:1px solid #dbdbdb;}
.mypage_wrap .tbl_question .btn_sign .arrowed{line-height:15px;}
.mypage_wrap .tbl_question .btn_sign .arrowed:after{content:''; display:inline-block; vertical-align:middle; background:url(/html/images/icon/icon_mypage_sign_arrow.png) 0 0 no-repeat; width:5px; height:10px; margin-left:5px;}

.mypage_wrap .tbl_question .list_question{display:table; width:100%; padding:0 17px;}
.mypage_wrap .tbl_question .list_question li{display:table-cell; vertical-align:middle; text-align:center;}
.mypage_wrap .tbl_question .list_question li.li_th{text-align:left; width:50px;}
/*myinfo end*/

/*reg*/
.reg_age {overflow:hidden;}
.reg_age .item_age {float:left; width:370px;}
.reg_age .item_age .radio {display:none;}
.reg_age .item_age label {display:table-cell; width:370px; height:350px; border:1px solid #dbdbdb; text-align:center; vertical-align:middle;}
.reg_age .item_age label .img_wrap {height:150px; line-height:150px;}
.reg_age .item_age label .img_wrap img {vertical-align:middle;}
.reg_age .item_age label .tit_age {margin-top:20px; color:#000; font-size:18px; font-weight:700;}
.reg_age .item_age label .tit_age em {color:#777; font-weight:700;}
.reg_age .item_age label .btn_reg {display:inline-block; width:180px; height:40px; margin-top:25px; background:#777; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}

.reg_age .item_age .radio + label:hover, .reg_age .item_age .radio:checked + label {border:1px solid #ff8000;}
.reg_age .item_age .radio:hover + label .tit_age em,
.reg_age .item_age .radio:checked + label .tit_age em {color:#ff8000;}
.reg_age .item_age .radio:hover + label .btn_reg,
.reg_age .item_age .radio:checked + label .btn_reg {background:#ff8000;}
.txt_reg_notice {margin-top:20px; color:#777; font-size:12px; line-height:14px;}

.form_login_wrap.pop_form_reg .text {height:45px; font-size:13px;}
.form_login_wrap.pop_form_reg .password {height:45px; font-size:13px;}
.form_login_wrap.pop_form_reg .input_btn_wrap {padding-right:110px;}
.form_login_wrap.pop_form_reg .input_btn_wrap .text {width:240px;}
.form_login_wrap.pop_form_reg .input_btn_wrap .btn_black {width:100px; height:45px; background:#000; color:#FFF; font-size:13px; font-weight:700; line-height:45px; text-align:center;}
.form_login_wrap.pop_form_reg .input_code {position:relative;}
.form_login_wrap.pop_form_reg .input_code .text {padding-right:70px;}
.form_login_wrap.pop_form_reg .input_code .txt_time {position:absolute; top:0; right:20px; padding-left:15px; background:url('/html/images/icon/icon_time.png') no-repeat left center; color:#3569c4; font-size:13px; line-height:45px;}
.form_login_wrap.pop_form_reg .btn_wrap {overflow:hidden;}
.form_login_wrap.pop_form_reg .btn_wrap .btn {float:left; width:170px;}
.form_login_wrap.pop_form_reg .btn_wrap .btn + .btn {float:right; width:170px;}
.form_login_wrap.pop_form_reg .btn_wrap .btn_red {display:block; height:45px; background:#ff8000; border:none; color:#FFF; font-size:16px; font-weight:700; line-height:45px; text-align:center;}
.form_login_wrap.pop_form_reg .btn_wrap .btn_white {display:block; height:45px; background:#FFF; border:1px solid #ff8000; color:#ff8000; font-size:16px; font-weight:700; line-height:43px; text-align:center;}

.h2tit_wrap + .chk_reg_wrap {margin-bottom:60px;}
.chk_reg_wrap {margin-top:20px;}
.chk_reg_wrap .item_chk_reg + .item_chk_reg {margin-top:10px;}
.chk_reg_wrap .txt_chk_agree {margin-top:10px; color:#777; font-size:12px; line-height:15px;}
.chk_reg_wrap .txt_chk_agree p {position:relative; padding-left:10px;}
.chk_reg_wrap .txt_chk_agree p:before {content:'-'; position:absolute; left:0; top:0; font-size:12px; line-height:15px;}
.item_chk_reg {}
.item_chk_reg .checkbox {display:none;}
.item_chk_reg .checkbox:checked + label .tit_chk_reg {background-position:0 -16px;}
.item_chk_reg label {position:relative; display:block; padding:14px 20px; border:1px solid #dbdbdb; overflow:hidden;}
.item_chk_reg label .tit_chk_reg {display:block; height:16px; padding-left:25px; background:url('/html/images/icon/icon_checkbox.png') no-repeat 0 0; color:#000; font-size:13px; font-weight:700;}
.item_chk_reg label .tit_chk_reg .light {color:#000; font-size:12px; font-weight:400; font-style:normal;}
.item_chk_reg label .btn_view {position:absolute; top:50%; right:20px; margin-top:-6px; font-size:13px; line-height:13px;}
.item_chk_reg.on label {border-color:#000000; background:#f2f2f2;}

.reg_done {}
.reg_done .reg_msg {padding:50px 0 40px; border:2px solid #dbdbdb; text-align:center;}
.reg_done .reg_msg .tit_reg_msg { color:#777; font-size:25px; font-weight:700; line-height:27px;}
.reg_done .reg_msg .tit_reg_msg em {color:#ff8000; font-weight:700;}
.reg_done .reg_msg .txt_reg_msg {margin-top:20px; color:#777; font-size:15px; line-height:25px; font-weight:400;}
.reg_done .btn_wrap {margin-top:65px; text-align:center;}
.reg_done .btn_wrap .btn_red {display:inline-block; width:360px; height:40px; background:#ff8000; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}
/*reg end*/
/*reg end*/
/*-------- end sub ---------*/

/*-------- end form ---------*/
.form_wrap {}
.form_wrap .text {width:100%; height:25px; padding:0 10px; border:1px solid #dbdbdb; color:#000; font-size:11px; line-height:23px;}
.form_wrap .text::-webkit-input-placeholder {color:#777;}
.form_wrap .text:-moz-placeholder  {color:#777;}
.form_wrap .text:-ms-input-placeholder {color:#777;}
.form_wrap .select {width:100%; height:25px; padding:0 10px; border:1px solid #dbdbdb; color:#777777; font-size:11px; line-height:23px; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url('/html/images/icon/icon_select_arrow_g.png') calc(100% - 10px) 8px no-repeat}
.form_wrap .select::-ms-expand {display: none;}
.form_wrap .select option:first {color: #777777;}
.form_wrap .form_notice_wrap {margin-top:10px;}
.form_wrap .form_notice_wrap .txt_notice {position:relative; padding-left:10px; color:#aaaaaa; font-size:12px; line-height:17px;}
.form_wrap .form_notice_wrap .txt_notice:before {content:'*'; position:absolute; left:0; top:0; font-size:12px; line-height:20px;}

.radio_16 {}
.radio_16 .radio {display:none;}
.radio_16 label {display:block; height:16px; padding-left:20px; background:url('/html/images/icon/icon_radio.png') no-repeat 0 0; color:#000; font-size:15px; line-height:16px;}
.radio_16 label em {font-weight:700;}
.radio_16 .radio:checked + label {background-position:0 100%;}

.radio_13 {display:inline-block;}
.radio_13 .radio {display:none;}
.radio_13 label {display:block; height:16px; padding-left:20px; background:url('/html/images/icon/icon_radio.png') no-repeat 0 0; color:#000; font-size:13px; line-height:16px;}
.radio_13 label em {font-weight:700;}
.radio_13 .radio:checked + label {background-position:0 100%;}

.checkbox_13 {display:inline-block;}
.checkbox_13 .checkbox {display:none;}
.checkbox_13 label {display:block; height:16px; padding-left:16px; background:url('/html/images/icon/icon_checkbox.png') no-repeat 0 0; color:#000; font-size:13px; line-height:16px;}
.checkbox_13 label em {font-weight:700;}
.checkbox_13 label span {margin-left:10px;}
.checkbox_13 .checkbox:checked + label {background-position:0 -16px;}
.checkbox_13 .checkbox:disabled + label {background-position:0 -32px;}
.checkbox_13.dgray label{background-image:url('/html/images/icon/icon_checkbox_dgray.png?200306');}

.chk_wrap {}
.chk_wrap .item_chk {display:inline-block; vertical-align:middle;}
.chk_wrap .item_chk + .item_chk {margin-left:25px;}

.opt_wrap {text-align:center;}
.opt_wrap .btn {display:inline-block;}
.opt_wrap .btn + .btn {margin-left:20px;}
/*.opt_wrap .btn_down {width:23px; height:22px; background:url('/html/images/icon/icon_down.png') no-repeat 0 100%; text-indent:-999px; overflow:hidden;}
.opt_wrap .btn_down.disabled {background-position:0 0;}
.opt_wrap .btn_play {width:22px; height:22px; background:url('/html/images/icon/icon_play_02.png') no-repeat 0 100%; text-indent:-999px; overflow:hidden;}
.opt_wrap .btn_play.disabled {background-position:0 0;}
*/
.opt_wrap .btn_down {width:23px; height:22px; background:url('/html/images/icon/icon_down.png') no-repeat 0 100%; text-indent:-999px; overflow:hidden; background-position:0 0;}
.opt_wrap .btn_down:hover {background-position:100% 100%;}
.opt_wrap .btn_play {width:22px; height:22px; background:url('/html/images/icon/icon_play_02.png') no-repeat 0 100%; text-indent:-999px; overflow:hidden; background-position:0 0;}
.opt_wrap .btn_play:hover {background-position:100% 100%;}
.opt_wrap .btn_file_down {width:25px; height:30px; background:url('/html/images/file_down_icon.png') no-repeat 0 100%; text-indent:-999px; overflow:hidden; background-position:0 0;}
.opt_wrap .btn_file_down:hover {background-position:100% 100%;}

.tab_login .tab_tit {margin-bottom:45px;}
.tab_login .tab_tit li {float:left; width:360px; border-bottom:3px solid #dbdbdb;}
.tab_login .tab_tit li + li {margin-left:20px;}
.tab_login .tab_tit li a {display:block; padding:10px 0; color:#777; font-size:18px; font-weight:700; text-align:center;}
.tab_login .tab_tit li.on {border-bottom:3px solid #000000;}
.tab_login .tab_tit li.on a {color:#000000;}

.img_find {width:500px; margin:0 auto;}
.img_find .tab_img {margin-bottom:50px;}
.img_find .tab_img li {float:left; width:250px;}
.img_find .tab_img li .item_find {display:block; padding-top:80px; text-align:center;}
.img_find .tab_img li .item_find.phone {background:url('/html/images/img_login_find_phone.png') no-repeat center top;}
.img_find .tab_img li .item_find.email {background:url('/html/images/img_login_find_email.png') no-repeat center 14px;}
.img_find .tab_img li .item_find .txt_find {display:block; margin-top:20px; color:#777; font-size:20px; line-height:22px;}
.img_find .tab_img li .item_find .txt_find em {font-weight:700;}
.img_find .tab_img li.on .item_find.phone {background-image:url('/html/images/img_login_find_phone_on.png');}
.img_find .tab_img li.on .item_find.email {background-image:url('/html/images/img_login_find_email_on.png');}
.img_find .tab_img li.on .txt_find {color:#000;}

.detail_wrap .tbl_view_style03 {width:100%; border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-size:13px;}
.detail_wrap .tbl_view_style03 th {padding:15px 10px; text-align:center; border-right:1px solid #DDD;}
.detail_wrap .tbl_view_style03 th:first-child {border-left:1px solid #DDD;}
.detail_wrap .tbl_view_style03 td {padding:15px 10px; text-align:center; border-right:1px solid #DDD;}
.detail_wrap .tbl_view_style03 tr + tr th,
.detail_wrap .tbl_view_style03 tr + tr td {border-top:1px solid #DDD;}


.lec_detail_btn{}

.pop_lec_detail {position:absolute; top:270px; left:50%; z-index:100; width:600px;margin-left:-300px; padding:0 38px; border:2px solid #000; background:#FFF;}
.pop_lec_detail .pop_head {position:relative; margin-top:10px; border-bottom:1px solid #777; color:#000; font-size:20px; font-weight:700; line-height:50px;}
.pop_lec_detail .pop_head .btn_close {position:absolute; top:50%; right:0; width:25px; height:25px; margin-top:-13px; background:url('/html/images/icon/icon_close.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.pop_lec_detail .txt_pop_reg {color:#000; font-size:12px; line-height:15px;}
.pop_lec_detail .txt_pop_reg p {position:relative; padding-left:10px;}
.pop_lec_detail .txt_pop_reg p + p {margin-top:5px;}
.pop_lec_detail .txt_pop_reg p:before {content:'·'; position:absolute; left:0; top:0; font-size:12px; line-height:15px;}
.pop_lec_detail .detail_wrap {padding:20px 0;}
.pop_lec_detail .lectip{float:left;font-size:11px;color:#777;padding:20px 0;}

.pop_lec_detail .btn_wrap {text-align:center;padding-bottom:30px;float:right;}
.pop_lec_detail .btn_wrap .btn {display:inline-block; vertical-align:middle;}
.pop_lec_detail .btn_wrap .btn + .btn {margin-left:10px;}
.pop_lec_detail .btn_wrap .btn_red {width:160px; height:40px; background:#ff8000; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}


/*-------- end form ---------*/



@media screen and (max-width:1440px) {
    #header .top_bar .sns {margin-left:0;}
}
@media screen and (max-width:1380px) {
    .main_quick .quick_main_left {display:none;}
    .main_quick .quick_main_right {display:none;}
    .sub_quick .quick_sub_left {display:none;}
}

@media screen and (max-width:1080px) {
    #header .top_bar .mem_wrap {position:relative; float:right;}
}


/*ADD 20200107*/
.checkbox_14 {display:inline-block;}
.checkbox_14 .checkbox {display:none;}
.checkbox_14 label {display:block; height:16px; padding-left:16px; background:url('/html/images/download/icon_checkbox_16.png') no-repeat 0 0; color:#000; font-size:13px; line-height:16px;}
.checkbox_14 label em {font-weight:700;}
.checkbox_14 label span {margin-left:10px;}
.checkbox_14 .checkbox:checked + label {background-position:0 -16px;}
.checkbox_14 .checkbox:disabled + label {background-position:0 -32px;}

.pop_down {position:absolute; z-index:100; left:50%; top:50%; width:1080px; transform:translate(-50%, -50%); background:#FFF; border:1px solid #bababa;}
.pop_down .pop_head {position:relative; height:70px; padding:0 60px; background:#d70010 url('/html/images/download/icon_pop_head.png') no-repeat left bottom; line-height:70px;}
.pop_down .pop_head .pop_tit {color:#FFF; font-size:24px; font-weight:700;}
.pop_down .pop_head .right {position:absolute; top:0; right:60px;}
.pop_down .pop_head .link_wrap {}
.pop_down .pop_head .link_wrap li {float:left; position:relative;}
.pop_down .pop_head .link_wrap li + li {margin-left:18px; padding-left:18px;}
.pop_down .pop_head .link_wrap li + li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#f43a47;}
.pop_down .pop_head .link_wrap .link {color:#FFF; font-size:16px; font-weight:500; line-height:18px;}
.pop_down .pop_head .link_wrap .link_my {display:inline-block; padding-right:20px; background:url('/html/images/download/icon_pop_arrow_right.png') no-repeat right center;}
.pop_down .pop_head .link_wrap .link_logout {display:inline-block; padding-right:20px; background:url('/html/images/download/icon_pop_logout.png') no-repeat right center;}
.pop_down .pop_body {padding:30px;}
.pop_down .pop_body .down_total {padding:15px; border:1px solid #ddd; border-radius:15px; overflow:hidden;}
.pop_down .pop_body .down_detail {margin-top:20px;}
.pop_down .pop_body .tbl_down_wrap {padding:15px; border:1px solid #ddd; border-radius:15px;}
.pop_down .list_total {}
.pop_down .list_total li + li {margin-top:10px;}
.pop_down .list_total dl {overflow:hidden;}
.pop_down .list_total dl dt {float:left; width:80px; color:#191919; font-size:15px; font-weight:700; line-height:30px; text-align:left;}
.pop_down .process {position:relative; height:30px; border:1px solid #d51b29; border-radius:5px; color:#d51b28; font-size:14px; font-weight:400; text-align:center; line-height:28px; overflow:hidden;}
.pop_down .process .val {position:absolute; z-index:-1; left:0; top:0; height:100%; border-radius:3px; background:#ffd1d4;}
.pop_down .total_info {float:right; margin-top:12px; overflow:hidden;}
.pop_down .total_info li {float:left;}
.pop_down .total_info li + li {margin-left:20px;}
.pop_down .total_info li .tit_total {color:#666; font-size:14px; line-height:18px;}
.pop_down .total_info li .txt_total {margin-left:5px; color:#d51a25;}
.pop_down .down_detail {}
.pop_down .down_detail .tit_file {color:#191919; font-size:15px; font-weight:700; line-height:30px; vertical-align:middle;}
.pop_down .down_detail .input_file {display:inline-block; margin-left:20px; vertical-align:middle;}
.pop_down .down_detail .input_file .label_file {display:inline-block; width:390px; padding:0 10px; border:1px solid #bfbfbf; background:url('/html/images/download/icon_file_arrow.png') no-repeat right 10px center; color:#191919; font-size:13px; line-height:28px; vertical-align:middle; overflow:hidden;}
.pop_down .down_detail .btn_pop_down {display:inline-block; padding:0 12px; border:1px solid #bababa; background:url('/html/images/download/bg_btn.png') repeat-x 0 0/auto 100%; border-radius:3px; color:#191919; font-size:14px; line-height:28px; vertical-align:middle;}
.pop_down .down_detail .file_wrap .btn_wrap {display:inline-block; margin-left:10px; vertical-align:middle;}
.pop_down .down_detail .btn_wrap .btn_file + .btn_file {margin-left:5px;}
.pop_down .down_detail .tbl_down_wrap {margin-top:25px;}
.pop_down .down_detail .tbl_down_wrap .tbl_down_inner_wrap {height:240px; overflow-y:auto;}
.pop_down .down_detail .tbl_down {width:100%;  text-align:center;}
.pop_down .down_detail .tbl_down th {background:#555; color:#FFF; font-size:14px; line-height:34px; font-weight:700; text-align:center;}
.pop_down .down_detail .tbl_down td {padding:8px 0; line-height:18px; color:#666;}
.pop_down .down_detail .tbl_down tr + tr td {border-top:1px solid #ddd;}
.pop_down .down_detail .tbl_down .subject {text-align:left; color:#191919;}
.pop_down .down_detail .tbl_down .subject em {display:block; color:#191919; font-weight:700;}
.pop_down .down_detail .tbl_down .size {color:#191919;}
.pop_down .down_detail .tbl_down .process {border-radius:2px;}
.pop_down .down_detail .tbl_down .process .tit_process {font-weight:400;}
.pop_down .down_detail .tbl_tool {margin-top:10px; overflow:hidden;}
.pop_down .down_detail .tbl_tool .tbl_nav {float:left; overflow:hidden;}
.pop_down .down_detail .tbl_tool .tbl_nav li {float:left;}
.pop_down .down_detail .tbl_tool .tbl_nav li + li {margin-left:5px;}
.pop_down .down_detail .tbl_tool .tbl_opt {float:right; overflow:hidden;}
.pop_down .down_detail .tbl_tool .tbl_opt li {float:left;}
.pop_down .down_detail .tbl_tool .tbl_opt li + li {margin-left:5px;}
.pop_down .down_detail .bot_wrap {margin-top:15px; line-height:42px; overflow:hidden;}
.pop_down .down_detail .bot_wrap .chk_wrap {display:inline-block; vertical-align:middle;}
.pop_down .down_detail .bot_wrap .chk_wrap label {padding-left:25px;}
.pop_down .down_detail .bot_wrap .right {float:right;}
.pop_down .down_detail .bot_wrap .right .btn_pop_down_close {display:inline-block; width:140px; height:42px; background:#d60018; color:#FFF; font-size:16px; line-height:42px; text-align:center;}
.pop_down .down_detail .bot_wrap .right .btn_pop_down_close .icon_close {display:inline-block; width:10px; height:10px; margin-left:10px; background:url('/html/images/download/icon_pop_close.png') no-repeat 0 0; vertical-align:1px;}
/*ADD 20200107 END*/

/*ADD 202001010*/
.sub_cont .h2tit_free_wrap {position:relative; margin-bottom:12px;}
.sub_cont .h2tit_free_wrap .h2tit_free {color:#000; font-size:25px; line-height:30px; font-weight:700;}
.sub_cont .h2tit_free_wrap .right {position:absolute; top:0; right:0; line-height:30px;}
.sub_cont .h2tit_free_wrap .sub_menu {overflow:hidden;}
.sub_cont .h2tit_free_wrap .sub_menu li {float:left;}
.sub_cont .h2tit_free_wrap .sub_menu li + li {margin-left:30px;}
.sub_cont .h2tit_free_wrap .sub_menu li a {color:#777; font-size:13px; line-height:15px;}
.sub_cont .h2tit_free_wrap .sub_menu li.on a {color:#000; font-weight:700;}
.sub_banner {}
.sub_banner .img_sun_banner {display:block; width:100%; height:530px; background:url('/html/images/img_free_class_banner.jpg?201130') no-repeat center center/cover;}
.tab_free {margin-top:-33px; overflow:hidden;}
.tab_free li {float:left; position:relative; width:50%;}
.tab_free li a {display:block; height:65px; background:#777; color:#FFF; font-size:20px; font-weight:700; line-height:65px; text-align:center;}
.tab_free li.on a {background:#282828;}
.tab_free li.on:after {content:''; position:absolute; left:50%; bottom:0; width:17px; height:7px; margin-left:-9px; background:url('/html/images/icon/icon_tab_free_arrow.png') no-repeat 0 0;}
.tab_free_sub {margin:30px 0 25px 0; overflow:hidden;}
.tab_free_sub li {float:left; position:relative;}
.tab_free_sub li + li {margin-left:15px; padding-left:15px;}
.tab_free_sub li + li:before {content:''; position:absolute; left:0; top:50%; width:2px; height:11px; margin-top:-6px; background:#777;}
.tab_free_sub li a {color:#777; font-size:15px; font-weight:700;}
.tab_free_sub li.on a {color:#000;}

.list_free_class {margin:-50px 0 0 -20px; overflow:hidden;}
.list_free_class li {float:left; width:255px; height:220px; margin:50px 0 0 20px;}
.item_free_class {position:relative;}
.item_free_class .img_wrap {position:relative;}
.item_free_class .img_wrap .layer {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/html/images/bg_free_class_layer.png?200416') no-repeat center center/cover;}
.item_free_class .img_wrap .layer .play {position:absolute; left:15px; bottom:12px; width:20px; height:20px; background:url('/html/images/icon/icon_play_free.png') no-repeat 0 0;}
.item_free_class .img_wrap .layer .time {position:absolute; right:15px; bottom:12px; color:#FFF; font-size:14px; font-weight:700; line-height:20px;}
.item_free_class .img_wrap:hover .layer {display:block;}
.item_free_class .tit_free_class {margin-top:10px; color:#000; font-size:14px; line-height:18px; font-weight:400;}
.item_free_class .txt_free_class {margin-top:15px; color:#777; font-size:12px; line-height:14px; font-weight:400;}

.paging {position:relative; margin-top:70px; overflow:hidden; text-align:center; font-size:0;}
.paging .page {display:inline-block; width:25px; height:25px; border:1px solid #ddd; color:#777; font-size:13px; line-height:23px; vertical-align:middle;}
.paging .page + .page {margin-left:10px;}
.paging .page.on {color:#ff8000;}

.pop_video {position:absolute; z-index:100; left:50%; top:50%; width:680px; padding:0 10px; transform:translate(-50%, -50%); background:#282828;}
.pop_video .pop_head {position:relative; padding:18px 0 7px 10px; color:#FFF; font-size:15px; font-weight:500;}
.pop_video .pop_head .btn_close {position:absolute; top:15px; right:0; width:15px; height:15px; background:url('/html/images/icon/icon_close_white.png') no-repeat center center; overflow:hidden; text-indent:-999px;}
.pop_video .pop_foot {padding-top:12px; height:40px;}
.pop_video .pop_foot .txt_video {color:#FFF; padding-left:10px; font-weight:300; font-size:12px; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.pop_video2 {position:absolute; z-index:100; left:50%; top:50%; width:940px; transform:translate(-50%, -50%); background:transparent; box-shadow:0 5px 20px rgba(0,0,0,0.4);}
.pop_video2 .pop_btn_close{position:absolute; top:0; right:-35px; width:35px; height:35px; background:#292929;}
.pop_video2 .pop_btn_close .btn_close{display:block; width:100%; height:100%; background:url('/html/images/icon/icon_close_white.png') no-repeat center center; overflow:hidden; text-indent:-999px; overflow:hidden;}

.video-js .vjs-time-control{font-size:12px!important;}

.sub_tit_banner {padding:50px 0; color:#000; font-size:35px; line-height:40px; text-align:center;}
.sub_tit_banner em {font-weight:700;}
.sub_tit_banner.bg_banner_about {background:url('/html/images/bg_banner_about.jpg') no-repeat center center/cover;}
.sub_tit_banner.txt_style {border-top:1px solid #e5e5e5; border-bottom:2px solid #000;}

.list_bar {position:relative; margin-top:40px; margin-bottom:70px;}
.list_bar .list_filter {display:inline-block; overflow:hidden;}
.list_bar .list_filter li {float:left; display:none;}
.list_bar .list_filter li:nth-child(1) {display:block;}
.list_bar .list_filter li:nth-child(2) {display:block;}
.list_bar .list_filter li:nth-child(3) {display:block;}
.list_bar .list_filter li:nth-child(4) {display:block;}
.list_bar .list_filter li:nth-child(5) {display:block;}
.list_bar .list_filter li:nth-child(6) {display:block;}
.list_bar .list_filter li:nth-child(7) {display:block;}
.list_bar .list_filter li a {display:block; width:100px; height:35px; border:1px solid #ddd; color:#b0b0b0; font-size:13px; line-height:33px; text-align:center;}
.list_bar .list_filter li.on a {border-color:#000; color:#000; font-weight:700;}

.list_bar .list_filter_wrap {display:inline-block; position:relative; height:35px;}
.list_bar .list_filter_wrap .btn_more {position:absolute; top:0; right:-45px; display:block; width:35px; height:35px; border:1px solid #ddd; background:url('/html/images/icon/icon_plus.png') no-repeat center center;}

.list_bar .list_filter_wrap.on {width:700px;}
.list_bar .list_filter_wrap.on .list_filter {position:absolute; left:0; top:0; z-index:10; background:#FFF;}
.list_bar .list_filter_wrap.on .list_filter li {display:block;}
.list_bar .right {position:absolute; top:0; right:0;}
.list_bar .bar_search {}
.list_bar .bar_search .text {display:inline-block; width:180px; height:35px; padding:0 10px; border:1px solid #DDD; color:#000; line-height:33px; font-weight:400; vertical-align:top;}
.list_bar .bar_search .btn_search {display:inline-block; margin-left:10px; padding:0 20px; border:none; background:#000; color:#FFF; font-size:13px; line-height:35px; cursor:pointer;}
.list_mem {margin:0 0 0 -13px;}
.list_mem li {float:left; width:260px; height:280px; margin:0 0 13px 13px;}
.item_mem {position:relative; width:260px; height:280px;}
.item_mem .layer {display:none; position:absolute; left:0; bottom:0; width:100%; height:75px;}
.item_mem .layer .layer_mask {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5;}
.item_mem .layer .txt_layer {position:absolute; z-index:1; left:0; top:0; width:100%; height:75px; padding-top:20px; color:#FFF; font-size:13px; line-height:18px; vertical-align:middle; text-align:center;}
.item_mem:hover .layer {display:block;}
.item_mem:hover {box-shadow:rgba(0,0,0,0.15) 0 0 12px;}
.item_mem .icon_new {position:absolute; left:0; top:0; padding:0 10px; background:#ff8000; color:#FFF; font-size:12px; font-weight:700; line-height:20px;}
./*item_mem.shadow {box-shadow:#dcdada 0 0 20px;}*/

.about_cont .section_about:first-child {padding-top:110px;}
.about_cont .section_about:nth-child(2) {padding:100px 0;}
.about_cont .section_about:nth-child(3) {padding:150px 0;}
.about_cont .section_about:nth-child(4) {padding:150px 0;}
.about_cont .section_about:nth-child(even) {background:#f1f1f1;}
.about_cont .section_about:nth-child(even) .swp_item .tit_swp_top .tit_swp {background:#f1f1f1;}
.about_cont .section_about .swp_item + .swp_item {margin-top:150px;}

.swp_item {overflow:hidden;}
.swp_item .tit_swp_top {position:relative; margin-bottom:50px; overflow:hidden;}
.swp_item .tit_swp_top:before {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#000;}
.swp_item .tit_swp_top .tit_swp {position:relative; display:block; float:left; z-index:2; padding-right:10px; background:#FFF; color:#000; font-size:25px; line-height:25px; font-weight:300;}
.swp_item .tit_swp_left {float:left;}
.swp_item .tit_swp_left .tit_swp {margin-top:30px; color:#000; font-size:25px; line-height:35px; font-weight:700;}
.swp_item .tit_swp_left .tit_swp .tit_swp_item {display:block; width:178px; word-break:keep-all;}
.swp_item .tit_swp_left .tit_swp .tit_swp_item .s {font-size:18px; line-height:20px; font-weight:400; font-style:normal; }
.swp_item .tit_swp_left .tit_swp .tit_swp_item + .tit_swp_item {margin-top:20px; padding:20px 0; border-top:1px solid #ddd; line-height:25px;}
.swp_item .tit_swp_left .tit_swp .tit_swp_item:last-child {margin-top:0;}

.swp_item .swp_right {margin-left:240px;}
.swp_right .swiper-button-prev {left:0; top:0; width:35px; height:100%; margin-top:0; padding-left:20px; background:url('/html/images/icon/icon_swp_prev.png') no-repeat left 20px center;}
.swp_right .mask_left {z-index:2; position:absolute; left:0; top:0; width:277px; height:100%; background:url('/html/images/img_swp_mask_prev.png') no-repeat 0 0;}
.swp_right .mask_right {z-index:2; position:absolute; right:0; top:0; width:277px; height:100%; background:url('/html/images/img_swp_mask_next.png') no-repeat 0 0;}
.swp_right .swiper-button-next {right:0; top:0; width:35px; height:100%; margin-top:0; padding-right:20px; background:url('/html/images/icon/icon_swp_next.png') no-repeat right 20px center;}
.swp_right {position:relative;}
.swp_space .swiper-slide {width:420px;}

.about_cont .btn_wrap {margin-top:15px; text-align:right;}
.about_cont .btn_wrap .btn_black {display:inline-block; padding:0 20px; background:#000; color:#FFF; font-size:13px; line-height:35px;}
.about_cont .btn_wrap .btn_gray {display:inline-block; padding:0 20px; background:#b0b0b0; color:#000; font-size:13px; line-height:35px;}
.about_02_wrap {padding:60px 0 0 240px; background:url('/html/images/bg_about_02.png') no-repeat 0 0;}
.about_02_wrap .about_02 {overflow:hidden;}
.about_02_wrap .about_02 li {float:left; width:50%; height:280px;}
.about_02_wrap .about_02 li .txt_wrap {display:table-cell; height:280px; color:#777; font-size:18px; line-height:24px; vertical-align:middle;}
.about_02_wrap .about_02 li .txt_wrap em {display:block; margin-bottom:20px; color:#000; font-weight:700;}
.about_02_wrap .about_02 li:nth-child(even) .txt_wrap {padding-left:50px;}
/*ADD 202001010 END*/



/*ADD 20200210*/

/* ADD 20250509 */
.sub_cont .right {margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.cs_top_menu {overflow:hidden; display: flex; padding: 12px 0px;}
.cs_top_menu li {padding: 0px 16px;}
.cs_top_menu li + li {margin-left:20px;}
.cs_top_menu li a {position: relative; padding: 12px 0px; color:var(--black-color); font-size:16px; line-height:24px; font-weight:700;}
.cs_top_menu li a:hover, .cs_top_menu li.on a {color:var(--select-color);}
.cs_top_menu li a:hover::after, .cs_top_menu li.on a::after {content: ''; position: absolute; bottom: 0; display: block; height: 2px; width: 100%; background: var(--select-color); }

.cs_wrap .cs_notice {position:relative; padding:20px 30px 20px 60px; border:1px solid #e5e5e5; background:#f1f1f1 url('/html/images//icon/icon_notice.png') no-repeat 30px center;}
.cs_wrap .cs_notice .tit_notice {color:#000; font-size:13px; line-height:13px; font-weight:700;}
.cs_wrap .cs_notice .btn_more {position:absolute; top:50%; right:30px; margin-top:-7px; color:#777; font-size:13px; line-height:13px;}

/* ADD 20250509 END */

.cs_wrap .contact {margin-top:20px; border:1px solid #e5e5e5;overflow:hidden;}
.cs_wrap .contact dl {float:left; width:50%; padding:44px 0 44px 140px;}
.cs_wrap .contact dl dt {float:left; color:#282828; font-size:35px; line-height:35px; font-weight:700;}
.cs_wrap .contact dl dd {margin-left:190px; color:#777; font-size:13px; line-height:18px;}
.cs_wrap .contact dl dd em {font-weight:700;}
.cs_wrap .contact dl.phone {background:url('/html/images//img_cs_phone.png') no-repeat 60px center;}
.cs_wrap .contact dl.note {padding-left:170px; height: 140px;background:url('/html/images//img_cs_note.png') no-repeat 88px center; border-left:1px solid #e5e5e5;}
.cs_wrap .contact dl.note dd {margin-left:130px;}
.cs_wrap .search_wrap {position:relative; width:820px; margin:80px auto 0; padding-left:220px; padding-right:76px;}
.cs_wrap .search_wrap .tit_cs_search {position:absolute; left:0; top:0; font-size:25px; line-height:50px; font-weight:700;}
.cs_wrap .search_wrap .tit_cs_search em {color:#ff8000; font-weight:700;}
.cs_wrap .search_wrap .sel_text {position:relative; padding-left:115px; border:1px solid #000000;}
.cs_wrap .search_wrap .sel_text .sel {position:absolute; left:0; top:0; width:115px; height:48px; padding:0 40px 0 20px; border:none; background:url('/html/images//icon/icon_cs_select_arrow.png') no-repeat 82px center; font-size:13px;}
.cs_wrap .search_wrap .sel_text .sel {appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.cs_wrap .search_wrap .sel_text .sel::-ms-expand { display: none;}
.cs_wrap .search_wrap .text {display:block; width:100%; height:50px; padding:0 20px; border:none; border-left:1px solid #e5e5e5;}
.cs_wrap .search_wrap .btn_search {position:absolute; top:0; right:0; width:66px; height:50px; background:#000; color:#fff; font-size:13px; line-height:50px; text-align:center;}
.cs_wrap .cs_menu {width:820px; margin:60px auto 0; overflow:hidden;}
.cs_wrap .cs_menu > li {float:left; width:120px;}
.cs_wrap .cs_menu > li + li {margin-left:20px;}
.cs_wrap .cs_menu > li > a {display:block; padding-bottom:12px; border-bottom:1px solid #e5e5e5; color:#ff8000; font-weight:700;}
.cs_wrap .cs_menu .sub_menu {padding:20px 0 0;}
.cs_wrap .cs_menu .sub_menu li + li {margin-top:15px;}
.cs_wrap .cs_menu .sub_menu li a {color:#777;}
.cs_wrap .cs_down {margin-top:75px; overflow:hidden; border:1px solid #e5e5e5;}
.cs_wrap .cs_down .down_info {float:left; width:25%; height:180px; padding:43px 45px 0; background:#f8f8f8;}
.cs_wrap .cs_down .down_info .tit {padding-left:60px; background:url('/html/images//img_cs_down_01.png') no-repeat 0 0; color:#000; font-size:18px; font-weight:700; line-height:24px;}
.cs_wrap .cs_down .down_info .txt {margin-top:14px; color:#777; line-height:18px;}
.cs_wrap .cs_down .list_down {overflow:hidden;}
.cs_wrap .cs_down .list_down li {float:left; width:33.33%; border-left:1px solid #e5e5e5;}
.cs_wrap .cs_down .list_down .item_down {height:180px; padding:30px 40px 0 45px;}
.cs_wrap .cs_down .list_down .item_down .tit {color:#777; font-weight:700; line-height:29px;}
.cs_wrap .cs_down .list_down .item_down .tit img {margin-right:10px;}
.cs_wrap .cs_down .list_down .item_down .txt {margin-top:14px; color:#777; line-height:18px; letter-spacing:-.5px;}
.cs_wrap .cs_down .list_down .item_down .btn_down_comm {display:block; width:120px; margin-top:20px; padding:0 10px; border:1px solid #e5e5e6; background:url('/html/images//icon/icon_down_02.png') no-repeat 98px center; color:#777; font-size:11px; line-height:24px;}
.cs_wrap .cs_bot {margin-top:75px; border:1px solid #e5e5e5; overflow:hidden;}
.cs_wrap .cs_bot .cs_bot_item {position:relative; float:left; width:50%; height:180px; padding:25px 220px 35px 45px; }
.cs_wrap .cs_bot .cs_bot_item:first-child {background:#f8f8f8 url('/html/images//img_cs_people_01.png?2') no-repeat 355px;}
.cs_wrap .cs_bot .cs_bot_item:last-child {border-left:1px solid #e5e5e5; background:#f8f8f8 url('/html/images//img_cs_people_02.png?2') no-repeat 370px;}
.cs_wrap .cs_bot .cs_bot_item .tit {color:#000; font-size:18px; line-height:18px; font-weight:700;}
.cs_wrap .cs_bot .cs_bot_item .txt {margin-top:13px; color:#777; font-size:13px; line-height:19px;}
.cs_wrap .cs_bot .cs_bot_item .btn_go {position:absolute; left:45px; bottom:35px; padding-right:10px; color:#ff8000; font-size:13px; line-height:13px; font-weight:700;}
.cs_wrap .cs_bot .cs_bot_item .btn_go:after {content:'>'; position:absolute; top:0; right:0; font-size:13px; line-height:13px;}
/* 2020-02-26*/
.cs_wrap .category_wrap {position:relative; margin:0; padding-left:0;}
.cs_wrap .category_wrap .sel_text {position:relative;}
.cs_wrap .category_wrap .sel_text .sel {width:230px; height:40px; padding:0 40px 0 10px; border:1px solid #000000; background:url('/html/images//icon/icon_cs_select_arrow.png') no-repeat calc(100% - 10px) center; font-size:13px;}
.cs_wrap .category_wrap .sel_text .sel {appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.cs_wrap .category_wrap .sel_text .sel::-ms-expand { display: none;}
/* 2020-02-26*/

.h2tit_wrap.no_mb {margin-bottom:0;}
.sub_tit_banner {margin-bottom:40px;}
.sub_tit_banner.bg_banner_cs {background:url('/html/images//bg_banner_cs.jpg') no-repeat center center/cover;}
.sub_tit_banner.bg_banner_3j {background:url('/html/images/bg_banner_3j.jpg') no-repeat center center/cover;}
.sub_tit_banner.bg_banner_endit {background:url('/html/images/bg_banner_endit.jpg') no-repeat center center/cover;}
.sub_tit_banner .sub_txt {margin-top:20px; font-size:15px; line-height:15px; font-weight:300;}
.about_cont .section_about:first-child {padding-top:70px;}
.list_bar {margin-top:0;}
.cs_wrap .search_wrap.style02 {position:relative; width:605px; margin:0; padding-left:0; padding-right:76px;}
.cs_wrap .search_wrap.style02 .sel_text {position:relative; padding-left:115px; border:1px solid #000000;}
.cs_wrap .search_wrap.style02 .sel_text .sel {position:absolute; left:0; top:0; width:115px; height:38px; padding:0 40px 0 20px; border:none; background:url('/html/images//icon/icon_cs_select_arrow.png') no-repeat 82px center; font-size:13px;}
.cs_wrap .search_wrap.style02 .sel_text .sel {appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.cs_wrap .search_wrap.style02 .sel_text .sel::-ms-expand { display: none;}
.cs_wrap .search_wrap.style02 .text {display:block; width:100%; height:40px; padding:0 20px; border:none; border-left:1px solid #e5e5e5;}
.cs_wrap .search_wrap.style02 .btn_search {position:absolute; top:0; right:0; width:66px; height:40px; background:#000; color:#fff; font-size:13px; line-height:40px; text-align:center;}
.cs_wrap .faq_tab {margin-top:40px; overflow:hidden;}
.cs_wrap .faq_tab li {float:left; width:16.66%;}
.cs_wrap .faq_tab li.on {border:1px solid #ff8000;}
.cs_wrap .faq_tab li.on a {border:none; color:#ff8000;}
.cs_wrap .faq_tab li a {display:block; border:1px solid #ddd; color:#777; font-size:15px; font-weight:700; line-height:48px; text-align:center;}
.cs_wrap .faq_sub_tab {margin-top:15px; overflow:hidden;}
.cs_wrap .faq_sub_tab li {position:relative; float:left;}
.cs_wrap .faq_sub_tab li + li {margin-left:15px; padding-left:15px; border-left:1px solid #ddd;}
.cs_wrap .faq_sub_tab li.on a {color:#ff8000;}
.cs_wrap .faq_sub_tab li a {color:#777; font-size:13px; line-height:13px;}
.cs_wrap .faq_sub_tab + .view_wrap {margin-top:40px;}
.cs_wrap .view_cont {padding:50px 35px; text-align:left;}
.cs_wrap .view_cont .test_style {line-height:22px;}
.cs_wrap .btn_wrap {margin-top:15px;}
.cs_wrap .btn_wrap .btn_black {display:inline-block; padding:0 20px; background:#000; color:#FFF; font-size:13px; line-height:35px;}
.cs_wrap .btn_wrap .btn_white2 {display:inline-block; padding:0 20px; border:1px solid #000; background:#fff; color:#000; font-size:13px; line-height:33px;}
.cs_wrap .view_nav {margin-top:55px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.cs_wrap .view_nav li + li {border-top:1px solid #e5e5e5;}
.cs_wrap .view_nav li dl {line-height:60px; overflow:hidden;}
.cs_wrap .view_nav li dl dt {position:relative;  float:left; padding-left:115px;}
.cs_wrap .view_nav li dl dd {margin-left:205px;}
.cs_wrap .view_nav li:first-child dl dt:before {content:''; position:absolute; left:40px; top:50%; width:12px; height:8px; margin:-4px; background:url('/html/images//icon/icon_arrow_nav_up.png') no-repeat 0 0/100%;}
.cs_wrap .view_nav li:last-child dl dt:before {content:''; position:absolute; left:40px; top:50%; width:12px; height:8px; margin:-4px; background:url('/html/images//icon/icon_arrow_nav_up.png') no-repeat 0 0/100%; transform:rotate(180deg);}

.form_wrap .text.large {height:35px; font-size:13px; line-height:33px;}
.form_wrap .select.large {height:35px; font-size:13px; line-height:33px; background:url('/html/images/icon/icon_select_arrow_g.png') calc(100% - 10px) 13px no-repeat}
.view_wrap .btn_form_black.large {width:80px; height:35px; font-size:13px; line-height:35px;}
.view_wrap .textarea {width:100%; padding:10px; border:1px solid #dbdbdb; color:#000; font-size:13px; line-height:23px;}
.view_wrap .form_wrap .btn_wrap {margin-top:70px;}
.btn_wrap.txt_left {text-align:left;}
.btn_wrap.txt_right {text-align:right;}
.form_wrap .input_file {font-size:0;}
.form_wrap .input_file .label_file {display:inline-block; vertical-align:middle;}
.form_wrap .input_file .label_file {display:inline-block; vertical-align:middle;}
.input_file .file_name {display:block; padding-left:24px; background:url('/html/images/icon/icon_file_name.png') no-repeat 0 0; color:#000; font-size:13px; line-height:16px;}
.text_cont {position:relative; line-height:22px; word-break: break-word;}
.text_cont .date {position:absolute; top:0; right:0;}
.view_wrap .tbl_view_style01 th {height:60px;}
.view_wrap .tbl_view_style01 th .red {color:#ff8000;}

.cs_wrap .comm_wrap {margin-top:50px;}
.cs_wrap .comm_wrap .list_comm {margin-top:30px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; list-style:none;}
.cs_wrap .comm_wrap .list_comm > li + li {border-top:1px solid #e5e5e5;}
.cs_wrap .comm_wrap .list_comm .sub_list_comm > li {padding-left:30px; background:url('/html/images//icon/icon_sub_tit.png') no-repeat 8px 25px; border-top:1px solid #e5e5e5;}
.cs_wrap .comm_wrap .item_comm {padding:24px 0;}
.cs_wrap .comm_wrap .item_comm .item_head { overflow:hidden;}
.cs_wrap .comm_wrap .item_comm .item_head > li {float:left; list-style:none; line-height:26px;}
.cs_wrap .comm_wrap .item_comm .item_head > li + li {margin-left:10px;}
.cs_wrap .comm_wrap .item_comm .item_head .adm {display:inline-block; padding:0 7px; border:1px solid #ff8000; border-radius:3px; color:#ff8000; font-weight:700; }
.cs_wrap .comm_wrap .item_comm .item_head .name {display:inline-block; color:#000; font-size:13px; line-height:13px; font-weight:700; vertical-align:middle;}
.cs_wrap .comm_wrap .item_comm .item_head .time {display:inline-block; color:#777; font-size:13px; line-height:13px; vertical-align:middle;}
.cs_wrap .comm_wrap .item_comm .item_head .opt_wrap {display:inline-block; margin-left:10px; font-size:0; vertical-align:middle;}
.cs_wrap .comm_wrap .item_comm .item_head .opt_wrap .btn_opt {display:inline-block; color:#777; font-size:13px; line-height:13px; vertical-align:middle;}
.cs_wrap .comm_wrap .item_comm .item_head .opt_wrap .btn_opt + .btn_opt {margin-left:14px; padding-left:14px; border-left:1px solid #777;}
.cs_wrap .comm_wrap .item_comm .item_cont {margin-top:10px;}
.cs_wrap .comm_wrap .item_comm .item_cont .txt_comm {color:#000; font-size:13px; line-height:20px;}
.cs_wrap .form_comm {position:relative; height:80px; padding-right:110px;}
.cs_wrap .form_comm .textarea_wrap {position:relative; height:100%;}
.cs_wrap .form_comm .textarea_wrap .textarea {width:100%; height:100%;}
.cs_wrap .form_comm .textarea_wrap .cnt {position:absolute; right:20px; bottom:13px; color:#777; font-size:13px; line-height:13px;}
.cs_wrap .form_comm .btn{position:absolute; top:0; right:0; width:100px; height:80px; font-size:16px; font-weight:700; line-height:80px; text-align:center;}
.cs_wrap .form_comm .btn_submit {background:#ff8000; color:#fff;}
.cs_wrap .form_comm .btn_update {background:#e5e5e5; color:#000;}

.cs_hope .cs_hope_top {margin-bottom:75px;}
.cs_hope .cs_hope_top {padding:30px 570px 0 60px; background:url('/html/images//img_people_big.png?2') no-repeat 740px;}
.cs_hope .cs_hope_top .tit {color:#000; font-size:35px;line-height:35px;}
.cs_hope .cs_hope_top .txt {margin-top:30px; color:#777; font-size:13px; line-height:18px;}
.view_wrap .tbl_view_style01.large th {padding:24px 0 0 20px;}
.notice_2col {position:relative;}
.notice_2col .notice {position:absolute; left:0; top:0; white-space: nowrap;  }
.agree_wrap {margin-top:20px;}
.agree_wrap .agree_cont {padding:30px; border:1px solid #dbdbdb;}
.agree_wrap .agree_cont .agree_scroll {max-height:190px; color:#777; font-size:13px; line-height:20px; overflow-y:auto;}
.forward_wrap {position:relative; padding:24px 95px 24px 20px;}
.forward_wrap.bg_gray {background:#f8f8f8;}
.forward_wrap .txt {color:#000; font-size:13px; line-height:20px; font-weight:700;}
.forward_wrap .btn {position:absolute; top:50%; right:95px; margin-top:-20px;}
.no_pd {padding:0 !important;}
.forward_wrap .btn_red {width:160px; height:40px; background:#ff8000; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}
.forward_wrap .btn_gray {width:160px; height:40px; background:#777; color:#FFF; font-size:16px; font-weight:700; line-height:40px; text-align:center;}

.sale_wrap {margin-top:80px;}
.sale_wrap .tit_sale {color:#777; font-size:35px; line-height:35px; font-weight:700; text-align:center;}
.sale_wrap .tit_sale em {color:#000; font-weight:700;}
.sale_wrap .txt_sale {margin-top:20px; color:#777; font-size:13px; line-height:13px; text-align:center;}
.sale_wrap .sale_top {margin-top:40px; padding:70px 0 50px; background:#f8f8f8; text-align:center; }

.cs_wrap .step_wrap {margin-top:55px; overflow:hidden; font-size:0;}
.cs_wrap .step_wrap li {display:inline-block;vertical-align:middle;}
.cs_wrap .step_wrap li + li {margin-left:10px;}
.cs_wrap .step_wrap li .item_step {position:relative; width:255px; height:160px; border:1px solid #b6b6b6; background:#fff;}
.cs_wrap .step_wrap li .item_step:after {content:''; position:absolute; z-index:1; top:50%; right:-17px; width:17px; height:27px; margin-top:-14px; background:url('/html/images//icon/icon_step_arrow.png') no-repeat 0 0/100%;}
.cs_wrap .step_wrap li:last-child .item_step:after {display:none;}
.cs_wrap .step_wrap li:last-child .item_step {background:#ffedee;}
.cs_wrap .step_wrap li .item_step .icon_step {display:inline-block; width:65px; height:24px; margin-top:27px; border-radius:12px; background:#000; color:#fff; font-size:13px; line-height:24px; text-align:center;}
.cs_wrap .step_wrap li .item_step .icon_step em {font-weight:700;}
.cs_wrap .step_wrap li .item_step .txt_step {display:table; width:100%; height:105px; }
.cs_wrap .step_wrap li .item_step .txt_step .inner_wrap {display:table-cell; color:#000; font-size:13px; line-height:23px; vertical-align:middle; text-align:center;}
.cs_wrap .step_wrap li .item_step .txt_step em {font-weight:700;}
.cs_wrap .step_wrap li .item_step .txt_step .email {color:#3569c4; font-size:15px; line-height:15px;}
.cs_wrap .step_wrap li .item_step .txt_step .email .copy {display:inline-block; width:32px; height:19px; border:1px solid #3569c4; border-radius:10px; color:#3569c4; font-size:11px; line-height:17px;}
.cs_wrap .step_wrap + .step_notice {margin-top:30px; margin-left:15px; color:#777; font-size:12px; line-height:18px; text-align:left;}
.cs_wrap .sale_wrap .view_wrap {margin-top:80px;}
.tbl_view_style04 {width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:left;}
.tbl_view_style04 th {height:60px; padding-left:20px; text-align:left;}
.tbl_view_style04 tr + tr th {border-top:1px solid #e5e5e5;}
.tbl_view_style04 tr + tr td {border-top:1px solid #e5e5e5;}
.conb_persinfo_box{background: #fff; margin:10px;  height: 515px; padding: 20px;  font-size: 13px;  color: #888; border:1px solid #dddddd;}
.view_wrap .view_sub {margin-top:60px;}
.tit_view_wrap .btn_right {position:absolute; right:0; bottom:0;}
.tit_view_wrap .btn_gray {display:block; width:80px; height:35px; background:#777; color:#fff; line-height:35px; text-align:center;}
.tit_view_wrap .btn_white {display:block; width:80px; height:35px; border:1px solid #777; color:#777; line-height:35px; text-align:center;}
.tbl_view_style01.bt_style02 {border-top:1px solid #e5e5e5;}
.tbl_view_style01.pd_style02 {padding:40px 0 70px 0;}
.view_wrap .btn_wrap .btn_red.middle {width:250px;}
.tbl_view_style02 .tit_detail {display:block; padding:0 35px; text-align:left;}
/*ADD 20200210 END*/


/*ADD 2020-02-22*/
.map_search {display:-webkit-flex; display:flex; flex-wrap:wrap; border:1px solid #e5e5e5;}
.map_search .sec_map {position:relative; width:50%; height:450px; overflow:hidden;}
.map_search .sec_map .map_bg {float:left; width:540px; height:450px; background:url('../images/map/img_search_map.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg0 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map0.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg1 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map1.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg2 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map2.jpg') no-repeat 0 0;}

.map_search .sec_map .map_bg.bg3 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map3.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg4 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map4.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg5 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map5.jpg') no-repeat 0 0;}

.map_search .sec_map .map_bg.bg6 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map6.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg7 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map7.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg8 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map8.jpg') no-repeat 0 0;}

.map_search .sec_map .map_bg.bg9 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map9.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg10 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map10.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg11 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map11.jpg') no-repeat 0 0;}

.map_search .sec_map .map_bg.bg12 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map12.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg13 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map13.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg14 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map14.jpg') no-repeat 0 0;}

.map_search .sec_map .map_bg.bg15 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map15.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg16 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map16.jpg') no-repeat 0 0;}
.map_search .sec_map .map_bg.bg17 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map17.jpg') no-repeat 0 0;}

.map_search .sec_map .map_bg.bg18 {float:left; width:540px; height:450px; background:url('../images/map/img_search_map18.jpg') no-repeat 0 0;}

.map_search .sec_map .map_img {position:absolute; top:0; left:0;}
.map_search .sec_search {width:50%; border-left:1px solid #e5e5e5; background:#fff;}
.map_search .sec_search .title {padding-top:85px; color:#000; font-size:30px; line-height:38px; font-weight:700; text-align:center;}
.map_search .sec_search .sec_center {width:375px; margin:25px auto 0; text-align:center;}
.map_search .sec_search .sec_center .input_field {width:100%; text-align:left; overflow:hidden;}
.map_search .sec_search .sec_center .input_field li {margin-top:20px; color:#000; font-size:15px; line-height:40px; overflow:hidden;}
.map_search .sec_search .sec_center .input_field li label {float:left; width:65px; }
.map_search .sec_search .sec_center .input_field li select {float:left; width:150px; height:40px; padding:0 40px 0 10px; border:1px solid #000; background:url('../images/icon/icon_cs_select_arrow.png') no-repeat right 10px center; font-size:13px;}
.map_search .sec_search .sec_center .input_field li select {appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.map_search .sec_search .sec_center .input_field li select::-ms-expand { display: none;}
.map_search .sec_search .sec_center .input_field li select + select {margin-left:10px;}
.map_search .sec_search .sec_center .input_field li input[type="text"] {float:left; width:310px; height:40px; padding:0 10px; border:1px solid #000; font-size:13px;}
.map_search .btn_sc {display:inline-block; width:160px; height:40px; margin:45px 0 0 0; border:none; background:#000; color:#fff; font-size:16px; font-weight:700; line-height:38px; text-align:center;}

.scholl_list {display:-webkit-flex; display:flex; flex-wrap:wrap; margin:30px 0; }
.scholl_list li {width:20%;}
.scholl_list li + li {border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.scholl_list li .inbox {display:block; position:relative; padding:20px 0; text-align:center;}
.scholl_list li .inbox .tag {position:absolute; top:0; left:0; padding:0 8px; background:#ff8000; color:#fff; font-size:12px; line-height:19px; font-weight:700;}
.scholl_list li .inbox .tit {color:#000; font-size:18px; line-height:21px; font-weight:700;}
.scholl_list li .inbox .tit:after {content:''; position:absolute; background: url('/html/images/icon/jijum_new_icon.png'); width:12px; height:12px; margin-top:5px; margin-left:3px;}
.scholl_list li .inbox .info {margin-top:5px; font-size:0; line-height:0;}
.scholl_list li .inbox .info dt {display:inline-block; padding:-1px 9px; color:#777; font-size:14px; line-height:14px; font-weight:400; vertical-align:top;}
.scholl_list li .inbox .info dd {display:inline-block; position:relative; padding:0 9px; color:#777; font-size:15px; line-height:20px; font-weight:400; vertical-align:top;}
.scholl_list li .inbox .info dd:before {content:''; position:absolute; top:4px; left:0; width:1px; height:12px; background:#ddd;}
.scholl_list #jijumNewopen {display:inline-block; padding:20px 0; width:100%; text-align:center; font-size:19px; line-height:22px; color:#ff8000;}
/*ADD 2020-02-22 END*/

.view_wrap + .boxed_notice{margin-top:80px;}
.boxed_notice{background:#f1f1f1; font-size:12px; padding:18px 10px; text-align:center; color:#777777;}
.boxed_notice .txt_group .txt{display:inline-block; height:25px; line-height:25px; vertical-align:middle; color:#777777;}
.boxed_notice .txt_group .btn_form {display:inline-block; min-width:65px; height:25px; padding:0 10px; color:#777777; border-radius:5px; border:1px solid #777777; font-size:12px; font-weight:700; line-height:25px; vertical-align:middle; text-align:center;}

/* 개인정보 수정 / 비밀번호 변경 페이지 */
.view_wrap .change_title{text-align:center; font-weight:700; font-size:20px;}
.view_wrap .change_title em{font-weight:700;}
.view_wrap .change_title .red{color:#ff8000;}
.view_wrap .change_title .sub_txt{font-size:13px; line-height:20px; font-weight:400; color:#777777; margin-top:30px;}
.view_wrap .change_title .img_change_lock{width:93px; height:45px; background:url('/html/images/img_change_lock.png') 0 0 no-repeat; display:inline-block; margin-right:20px; vertical-align:middle;}

.view_wrap .change_form_wrap{margin-top:35px; text-align:center; background:#f1f1f1;}
.view_wrap .change_form_wrap ul li{list-style:none; text-decoration:none;}
.view_wrap .change_form_wrap ul li.li_th{font-size:15px; font-weight:700; color:#000;}
.view_wrap .change_form_wrap .text {width:100%;height:40px; border:1px solid #dbdbdb; padding:0 10px; color:#777777; font-size:13px; line-height:40px;}
.view_wrap .form_notice_wrap {margin-top:10px;}
.view_wrap .form_notice_wrap .txt_notice {position:relative; padding-left:10px; color:#aaaaaa; font-size:12px; line-height:17px;}
.view_wrap .form_notice_wrap .txt_notice:before {content:'*'; position:absolute; left:0; top:0; font-size:12px; line-height:20px;}

.view_wrap .change_form_wrap.form_list{padding:25px;}
.view_wrap .change_form_wrap.form_tbl{padding:45px 0;}
.view_wrap .change_form_wrap.form_list .form_item{display:inline-block;}
.view_wrap .change_form_wrap.form_list ul.list_form{display:table;}
.view_wrap .change_form_wrap.form_list ul.list_form li{display:table-cell; text-align:left; min-width:180px; padding-right:20px; line-height:15px; height:80px; vertical-align:middle;  box-sizing:border-box; position:relative; }
.view_wrap .change_form_wrap.form_list ul.list_form li.li_th{min-width:auto; text-align:center;}
.view_wrap .change_form_wrap.form_list ul.list_form li.li_id{color:#ff8000; font-size:20px; font-weight:700;}
.view_wrap .change_form_wrap.form_list ul.list_form li .msg_ab{display:block; position:absolute; bottom:-9px; left:0; margin:0;}

.view_wrap .change_form_wrap.form_tbl .form_item{display:block; width:420px; margin:0 auto; text-align:left;}
.view_wrap .change_form_wrap.form_tbl ul.list_form + ul.list_form{margin-top:28px;}
.view_wrap .change_form_wrap.form_tbl ul.list_form li + li{margin-top:10px;}
/* 개인정보 수정 / 비밀번호 변경 페이지 */


/* 나의 공부방 추가 20-03-19 : S */
.message_wrap{display:table; width:100%; border:1px solid #dddddd; background:#fff;}
.message_wrap .col{display:table-cell; padding:18px 20px;}
.message_wrap .col .message_txtarea{height:80px; color:#777777; font-size:13px; line-height:20px; overflow:auto;}
.message_wrap .col .message_txtarea::-webkit-scrollbar {
	width: 8px;
}
  .message_wrap .col .message_txtarea::-webkit-scrollbar-thumb {
	background-color: #dddddd;
	border-radius: 100px;
 }
  .message_wrap .col .message_txtarea::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: 100px;
}
.message_wrap .col.first{width:120px; font-weight:800; font-size:16px;line-height:22px; padding-right:0;}
.message_wrap .col.first .red{color:#ff8000}
.message_wrap .col.last{width:124px; letter-spacing:-0.75px; font-size:13px; color:#707070; background:#f5f5f5; line-height:20px;}
.message_wrap .col.last em{font-weight:700;}
/* 나의 공부방 추가 20-03-19 : E */

.sub_tit_banner.bg_banner_myreport {background:url('/html/images/bg_banner_myreport.jpg') no-repeat center center/cover;}
.layout_half .main_notice_boxed{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 24px; height: 100px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }


/* 202005 에듀스토리 관련 추가 :S */
.sub_cont.nopab{padding:80px 0 0 0;}

.sub_visual_banner{text-align:center; height:575px; background:#797677; padding-top:242px;}
.sub_visual_banner.ban01{background:url('/html/images/top_ban_adaptive01.png?2') 50% 0 no-repeat;}
.sub_visual_banner.ban02{background:url('/html/images/top_ban_institute01.png') 50% 0 no-repeat;}
.sub_visual_banner.ban03{background:url('/html/images/teacher.jpg?20200717') 50% 0 no-repeat;}
.sub_visual_banner em{font-size:48px; font-weight:bold; color:#fff; line-height:58px;}
.sub_visual_banner em.subtxt{font-size:16px; font-weight:400; line-height:20px;}
.section_story{padding:100px 0 180px 0;}
.section_story.gray{background:#f8f8f8;}
.section_story.about {background: url("/html/images/bg_attxt_about.png"); background-repeat: no-repeat; background-position: 40px 98%; background-attachment: fixed; background-color:#fff; padding:100px 0 120px 0;}
.section_story.philosophy {background: url("/html/images/bg_attxt_corevalue.png"); background-repeat: no-repeat; background-position: 40px 98%; background-attachment: fixed; background-color:#f8f8f8; padding:100px 0 120px 0;}
.section_story.motto {background: url("/html/images/bg_attxt_mind.png"); background-repeat: no-repeat; background-position: 40px 98%; background-attachment: fixed; background-color:#fff; padding:100px 0 120px 0;}
.section_story.place {background: url("/html/images/bg_attxt_place.png"); background-repeat: no-repeat; background-position: 40px 98%; background-attachment: fixed; background-color:#fff; padding:100px 0 120px 0;}
.section_story.history {background: url("/html/images/bg_attxt_way.png"); background-repeat: no-repeat; background-position: 40px 98%; background-attachment: fixed; background-color:#f8f8f8; padding:100px 0 120px 0;}
.section_story .txt_common{font-size:16px; color:#616161; line-height:28px;}
.st_container{width:1080px; margin:0 auto;}
.st_item{ overflow: hidden;}
.st_item .tit_st_full{padding-bottom:40px;}
.st_item .tit_st_full .tit_story{font-size:36px; line-height:52px;}
.st_item .tit_st_left{float:left;}
.st_item .tit_st_left .tit_story {padding-top:50px; position:relative; color:#000; font-size:36px; line-height:52px; font-weight:1000;letter-spacing: 0;}
.st_item .tit_st_left .tit_story:before{content:''; position:absolute; width:30px; height:2px; background:#000000; top:0; left:0;}
.st_item .cont_st_right{margin-left:298px; position:relative;}

.st_philosophy{margin-left:0!important; background:url('/html/images/bg_st_philosophy.png?2') 100% 49px no-repeat;}
.st_philosophy .st_philosophy_wrap{height:600px;}

.st_motto .st_motto_wrap{padding-top:60px;}
.st_motto .st_motto_wrap .motto_item{padding-bottom:65px; overflow:hidden;}
.st_motto .st_motto_wrap .motto_item + .motto_item{border-top:1px solid #e5e5e5; padding-top:60px;}
.st_motto .st_motto_wrap .motto_item li{color:#616161; font-size:14px; line-height:23px;}
.st_motto .st_motto_wrap .motto_item li em{ font-size:18px; line-height:30px; font-weight:700; color:#000;}
.st_motto .st_motto_wrap .motto_item.multi-item li{float:left; width:50%;}
.st_motto .st_motto_wrap .motto_item .btn_welcome_motto{display:inline-block; font-size:13px; line-height:16px; padding:12px; width:126px; height:40px; border:1px solid #e5e5e5; box-sizing:border-box; background:url('/html/images/ico_btn_motto_arrow.png') calc(100% - 12px) 50% no-repeat;}

.st_place .st_place_wrap .place_item{padding-bottom:44px; overflow:hidden;}
.st_place .st_place_wrap .place_item:nth-of-type(2){padding-bottom:22px;}
.st_place .st_place_wrap{padding-top:60px;}
.st_place .st_place_wrap .place_item li{color:#616161; font-size:14px; line-height:23px;}
.st_place .st_place_wrap .place_item li em{ font-size:18px; line-height:30px; font-weight:700; color:#000;}
.st_place .st_place_wrap .place_item.multi-item li{position: relative;float:left; width:33%;}
.st_place .st_place_wrap .place_item.multi-item li>img{width:98%;}
.st_place .st_place_wrap .place_item.multi-item:nth-of-type(1) li::after{position: absolute;left: 0;bottom: -22px;width: 98%;;content: '';border-bottom: solid 1px; }
.st_place .st_place_wrap .place_item .btn_welcome_place{display:inline-block; font-size:13px; line-height:16px; padding:12px; width:126px; height:40px; border:1px solid #e5e5e5; box-sizing:border-box; background:url('/html/images/ico_btn_motto_arrow.png') calc(100% - 12px) 50% no-repeat;}


.st_history .st_history_top{padding-bottom:22px; font-size:14px; line-height:14px;}
.st_history .st_history_top em{font-size:30px; line-height:28px; font-weight:700; display:block; margin-bottom:16px;}
.st_history .st_history_tbl{border-top:1px solid #000000; border-bottom:1px solid #e5e5e5;}
.st_history .st_history_tbl .tbl_item{}
.st_history .st_history_tbl .tbl_item + .tbl_item{border-top:1px solid #e5e5e5;}
.st_history .st_history_tbl .tbl_item table{width:100%;}
.st_history .st_history_tbl .tbl_item table th, .st_history .st_history_tbl .tbl_item table td{position:relative; padding:40px 0; vertical-align:top;}
.st_history .st_history_tbl .tbl_item table th{width:110px; font-size:18px; line-height:25px; text-align:left;}
.st_history .st_history_tbl .tbl_item table td{font-size:14px; line-height:23px; color:#616161;}
.st_history .st_history_tbl .tbl_item table td em{font-weight:700; color:#000000;}
.st_history .st_history_tbl .tbl_item table .txt_help_right{position:absolute; font-size:10px; color:#aaaaaa; line-height:19px;  letter-spacing:-0.1px; right:0; bottom:10px;}

.st_subtxt_wrap{ padding-top:60px; font-size:16px; color:#616161; line-height:28px;}

.st_blended_wrap {background:url('/html/images/bg_st_bldended.png?2') 50% 20px no-repeat; padding-top:20px; height:688px;}
.st_learningsystem_wrap{padding-top:90px;}
.st_personaltouch_wrap{padding-top:100px;}

/* 202005 에듀스토리 관련 추가 : E */

/* our teacher */
#promise_text{padding-top:100px;}

#promise{
    height: 878px;
    background:url('/html/images/promise_bg.jpg?20200709') 50% 0 no-repeat;
    padding-top: 92px;
}
#promise>iframe{
    width:1080px;
    height:613px;
    display: block;
    margin: auto;

}
#works{
    background:url('/html/images/works.jpg?20201130') 50% 0 no-repeat;
    height: 4308px;
    padding-top: 100px;
}
#works>#works_box{
    width: 1087px;
    height: 115px;
    margin: auto;
    margin-top: 3752px;
}
#works>#works_box>.tit_story{
    font-size: 36px;
    line-height: 50px;
}
#works>#works_box>a{
    display: block;
    width: 140px;
    height: 22px;
    float: right;
    margin-top: -25px;
}
#works .st_subtxt_wrap{
    padding-top: 63px;
}

#mission{
    height: 1352px;
    background:url('/html/images/mission.jpg?20200709?20200709') 50% 0 no-repeat;
}
#mission_text{padding-top:100px;}
#mission>#mission_box{
    margin: auto;
    width: 1080px;
    height: 724px;
    margin-top: 100px;

}
#mission>#mission_box>.bg_box{
    width: 528px;
    height: 350px;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
}

#mission>#mission_box>#bg_box1{
    background:url('/html/images/bg1_Daily_1.jpg') no-repeat;
    margin: 0px 10px 10px 0px;
}
#mission>#mission_box>#bg_box1:hover{
    background:url('/html/images/bg1_Daily_2.jpg') no-repeat;
}

#mission>#mission_box>#bg_box2{
    background:url('/html/images/bg2_Weekly_1.jpg?201217') no-repeat;
    margin: 0px 0px 10px 10px;
}
#mission>#mission_box>#bg_box2:hover{
    background:url('/html/images/bg2_Weekly_2.jpg?201217') no-repeat;
}
#mission>#mission_box>#bg_box3{
    background:url('/html/images/bg3_Monthly_1.jpg') no-repeat;
    margin: 10px 10px 0px 0px;
}
#mission>#mission_box>#bg_box3:hover{
    background:url('/html/images/bg3_Monthly_2.jpg') no-repeat;
}
#mission>#mission_box>#bg_box4{
    background:url('/html/images/bg4_Yearly_1.jpg') no-repeat;
    margin: 10px 0px 0px 10px;
}
#mission>#mission_box>#bg_box4:hover{
    background:url('/html/images/bg4_Yearly_2.jpg') no-repeat;
}

#mission_box2{
    text-align: center;
    font-size: 36px;
    line-height: 48px;
    margin-top: 70px;

}


.cp_add_btn {display:inline-block; height:19px; padding:0 8px; margin-left:10px; border:1px solid #b0b0b0; border-radius:3px; color:#777; font-size:11px; line-height:17px; font-weight:normal; float:right;}

/* IE10 이상 (IE11도 포함) 익스플로러 브라우저일때만 CSS 적용*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.item_board .tit_type{font-weight:500;}
	.item_board .tit_board{font-weight:500;}

	.pop_reg .txt_pop_reg p{font-weight:300;}

	.about_02_wrap .about_02 li .txt_wrap{font-weight:300;}

	.form_login_wrap .form_group_check .item_chk label {font-weight:300;}

	.chk_reg_wrap .txt_chk_agree{font-weight:200;}
	.view_wrap .select_year .select,
	.form_wrap .text,
	.view_wrap .txt_msg,
	.view_wrap .chk_wrap label,
	.view_wrap .tit_view_wrap .txt_view,
	.form_wrap .form_notice_wrap .txt_notice{font-weight:300;}

	.cs_wrap .cs_down .down_info .txt,
	.cs_wrap .cs_down .list_down .item_down .txt,
	.cs_wrap .cs_bot .cs_bot_item .txt{font-weight:300;}

	.txtlist_wrap{font-weight:300;}
	.message_wrap .col{font-weight:200;}
	.message_wrap .col.first,
	.message_wrap .col.last em{font-weight:700;}
}


	.ico_caution{margin-right:5px;}

	.row_stars{margin-bottom:14px; overflow:hidden;}
	.row_stars li{float:left;}
	.row_stars .li_txt{font-size:13px; font-weight:700;}
	.row_stars .li_stars{margin-left:10px;}
	.row_stars .li_stars .stars_off{display:inline-block; background:url('/html/images/ico_com_stars.png?2') no-repeat; overflow:hidden;}
	.row_stars .li_stars .stars_off button{display:block; background:url('/html/images/ico_com_stars.png?2')  no-repeat; float:left; width:18px; border:0; height:13px; font-size:0; text-indent:-9999px;}
	.row_stars .li_stars .stars_off button.stars_on{background-position:0 bottom;}

	.cs_wrap .comm_wrap .item_comm .item_head .li_stars{}
	.cs_wrap .comm_wrap .item_comm .item_head .li_stars .stars_off{display:inline-block; vertical-align:middle; width:90px; height:13px; position:relative; background:url('/html/images/ico_com_stars.png?2') 0 0 no-repeat;}
	.cs_wrap .comm_wrap .item_comm .item_head .li_stars .stars_on{position:absolute; left:0; top:0; height:100%; background:url('/html/images/ico_com_stars.png?2') 0 bottom no-repeat;}

	.h2tit_wrap.no_border_no_pad{margin-bottom:0;}
	.h2tit_wrap.no_border_no_pad:after{display:none;}
	.h2tit span.light{font-size:20px; font-weight:200;}
	.sub_cont.no_pad_bot{padding-bottom:0;}


	/* 200616 퀵메뉴 롤링배너 */
	.qi_rolling_ban{position:relative; width:100%; overflow:hidden;}

    /* 2022-홈페이지 리뉴얼 */
    #header{margin:auto;}
    #header .under_line{position: relative;height: 44px;}
    #header .top_bar .mem_left {display: flex;font-size: 12px;align-items: center;}
    #header .top_bar .mem_left li {position: relative;display: flex;align-items: center;}
    #header .top_bar .mem_left li + li {margin-left: 15px;padding-left: 15px;}
    #header .top_bar .mem_left li a{display: flex;align-items: center;line-height: 20px;font-size: 14px; font-weight: 400; color:rgba(0, 0, 0, 0.7);}
    #header .top_bar .mem_left li a.quick_item_sub:hover {font-weight: bold;}
    #header .top_bar .mem_left li + li:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -5px;width: 1px;height: 10px;background: #d0d0d1;}

    #header .mainGnbBox {position: relative;border-bottom: 1px solid #e1e1e1;}
    #header .mainGnbBox .mainGnbWrap{display: flex; align-items: center;justify-content: space-between; width: 1060px;min-height:72px; margin: auto;}
    #header .mainGnbBox .mainGnbWrap > div{display: flex; align-items: center;justify-content: center;padding: 12px 0;height: 72px;}

    #header .mainGnbBox .mainGnbWrap > div:hover .user_menu{display: block;}
    #header .mainGnbBox .mainGnbWrap > div:hover .user_name > img{transform: rotate(180deg);}

    #header .mainGnbBox .mainGnbWrap .user_menu_wrap{position: relative;display: flex;flex-direction: column;align-items: center;z-index: 1;}
    #header .mainGnbBox .mainGnbWrap .user_name{display: flex;align-items: center;line-height: 24px;font-size: 16px;font-weight: 700;color: #000000;cursor: pointer;}
    #header .mainGnbBox .mainGnbWrap .user_menu{display: none; position: absolute;top: 44px;background: #ffff;width: 112px;border-radius: 8px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);}
    #header .mainGnbBox .mainGnbWrap .user_menu_list > li > a{position: relative;display: flex;justify-content: flex-start;padding: 12px 16px;font-size: 14px;font-weight: 400;line-height: 24px;}
    #header .mainGnbBox .mainGnbWrap .user_menu_list > li > a::after{content: '';position: absolute;bottom: 0;width: 80px;height: 1px;background: rgba(0, 0, 0, 0.04);}


    #header .mainGnbBox .mainGnbWrap .login_wrap{display: flex;align-items: center;justify-content: center;gap: 12px;}
    #header .mainGnbBox .mainGnbWrap .login_wrap .login_btn{padding: 12px 16px;font-size: 16px; font-weight: 700;line-height: 24px;color: #000000;}
    #header .mainGnbBox .mainGnbWrap .login_wrap .join_btn{padding: 12px 16px;font-size: 16px; font-weight: 700;line-height: 24px;color: #ffffff;background: #FF6B35;border-radius: 8px;}

    #header .mainGnbBox .auth_container_wrap{position: relative;flex-direction: column;}
    #header .mainGnbBox .auth_container_wrap:hover .auth_container_sub {display: flex;}
    #header .mainGnbBox .auth_container_wrap:hover .auth_user > img {rotate: 180deg;transition: rotate 0.3s ease; }
    
    #header .auth_container {display: flex;align-items: center;justify-content: center;gap:8px;}
    #header .auth_container li {padding: 12px 16px;cursor: pointer;}
    #header .auth_container li > a{font-size: 16px; font-weight: 700;line-height: 24px;}
    #header .auth_container .signup_area {display: flex;align-items: center;justify-content: center;background: #FF6B35;border-radius: 8px;}
    #header .auth_container .login_form > a {color: #000000;}
    #header .auth_container .signup_area > a{color: #ffffff;}
    #header .auth_container .auth_user {display: flex;align-items: center;cursor: pointer;}
    .auth_user > img {transition: rotate 0.3s ease; }
    #header .auth_container .auth_user > span{line-height: 24px; font-size: 16px; font-weight: 700; color: #000000;}

    #header .auth_container_sub {position: relative;top: 0;width: 100%;justify-content: center; display: none;}
    #header .auth_container_sub ul {position: absolute;flex-direction: column;top: 4px;display: flex;align-items: center;justify-content: center;width: 112px;background: #ffff;border-radius: 8px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);z-index: 1;}
    #header .auth_container_sub ul li {position: relative;display: flex;justify-content: center;width: 100%;}
    #header .auth_container_sub ul li > a{display: block;padding: 12px 16px;width: 100%;font-size: 14px; font-weight: 400;line-height: 20px;}
    #header .auth_container_sub ul li::after {content: '';position: absolute;bottom: 0;width: 80%;height: 1px;background: rgba(0, 0, 0, 0.04);}


    #header .gnb .gnb_sub_bg{display:none;position: absolute;z-index: 1001;top: 100%;left: 0;width: 100%;height: 48px;background-color: #ffffff;opacity: 0.5;}
    #header .gnb > li:hover > .gnb_sub_bg {display: block;}

    #header .gnb > li:hover::after {content: '';bottom: 0;display: block;height: 2px;width: 100%;background: #FF8000;}
    #header .gnb .gnb_sub .gnb_sub_wrap{position: relative;display: flex;align-items: center;margin: auto;padding-left: 184px;width: 1060px;height: 48px;}
    #header .gnb .gnb_sub .gnb_sub_wrap>li:hover >a{font-weight: 700;}

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            top:-90px;
        }
        to {
            opacity: 1;
            top:0;
        }
    }
    @keyframes fadeOutUp {
        0% {
            opacity: 1;
            top:0px;
        }
        to {
            opacity: 0;
            top:-90px;
        }
    }

    .fadeInDown {
        animation: fadeInDown 1s;
    }
    .fadeOutUp{
        animation: fadeOutUp 1s;
    }


/* 2022-홈페이지 contents start */

/* 애니메이션 */
    :root {
        --progress-full:0;
    }

    @keyframes a{
        0% {
            transform: translate3d(100%,0,0);
            opacity: 0;
        }
        25% {
            transform: translate3d(100%,0,0);
            opacity: 1;
        }
        80% {
            transform: translateZ(0);
            opacity: 1;
        }
        100% {
            transform: translateZ(0);
            opacity: 1;
        }
    }
    @keyframes b{
        0% {
            transform: translate3d(-100%,0,0);
            opacity: 0;
        }
        25% {
            transform: translate3d(-100%,0,0);
            opacity: 1;
        }
        80% {
            transform: translateZ(0);
            opacity: 1;
        }
        100% {
            transform: translateZ(0);
            opacity: 1;
        }
    }
    @keyframes c{
        0% {
            opacity: 0;
        }
        25% {
            opacity: 1;
        }
        80% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes d{
        0% {
            opacity: 0;
        }
        79% {
            opacity: 0;
        }
        80% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes bg{
        0% {
            background: rgba(0, 0, 0, 0.0);
        }
        50% {
            background: rgba(0, 0, 0, 0.7);
        }
        100% {
            background: rgba(0, 0, 0, 0.7);
        }
    }
    @keyframes videoTransformOn{
        0% {
            position: fixed;
            height: 595px;
        }
        100% {
            position: fixed;
            padding-top: 51px;
            height: 100%;
        }
    }
    @keyframes videoTransformOff{
        0% {
            height: 1057px;
        }
        100% {
            height: 595px;
        }
    }

    #main_start_scroll .scroll_wrap{margin-bottom: -2px;background: rgba(0, 0, 0, 0.0);animation: bg 1s linear forwards paused;animation-delay: calc(var(--progress-full) * -1s);}
    #main_start_scroll .scroll_wrap > div p:first-child{animation: a 1s linear forwards paused;animation-delay: calc(var(--progress-full) * -1s);}
    #main_start_scroll .scroll_wrap > div p:nth-child(2){animation: b 1s linear forwards paused;animation-delay: calc(var(--progress-full) * -1s);}
    #main_start_scroll .scroll_wrap > div p:nth-child(3){animation: c 1s linear forwards paused;animation-delay: calc(var(--progress-full) * -1s);}
    #main_start_scroll .scroll_wrap > div > div{display: flex;align-items: center;justify-content: center;width: 237px;height: 68px;background: rgba(255, 128, 0, 0.99);margin: auto;margin-top: 100px;
        border-radius: 50px;animation: d 1s linear forwards paused;animation-delay: calc(var(--progress-full) * -1s);}
/* /애니메이션 */

    #main_start_scroll{position: relative;width: 100%;height: 250vh;overflow: hidden;}
    #main_start_scroll > div{position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;min-width: 1060px;max-width: 1920px;}
    #main_start_scroll .scroll_wrap{position: relative;height: 100%;width: 100%;}
    #main_start_scroll .scroll_wrap > img{position: relative;width: 100%;z-index: -1;}
    #main_start_scroll .scroll_wrap > div{position: absolute;width: 666px;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    #main_start_scroll .scroll_wrap p{position: relative;font-weight: 700;font-size: 70px;line-height: 140%;color: #FFFFFF;}
    #main_start_scroll .scroll_wrap > div > div a{font-weight: 700;font-size: 20px;color: #FFFFFF;}

    #mainYouTube{padding: 140px 0;}
    #mainYouTube>div{margin:auto;width:1060px;height:596px;}

    /* sub menu */
    #stickySubMenu{position: relative;width: 100%;height:51px;}
    #stickySubMenu>div{max-width:1920px;width: 100%;height: 51px;border-bottom: 1px solid #D9D9D9;background: #ffff;z-index: 5;transition: background-color .5s;}
    #stickySubMenu>div>ul{position: static;top: 0;display: flex;align-items: center;justify-content: left;margin: auto;max-width: 1060px;height: 100%;}
    #stickySubMenu>div>ul li{position: relative;margin-right: 40px;padding-top: 19px;height: 100%;font-weight: 400;font-size: 16px;}
    #stickySubMenu>div>ul li a{transition: color .5s;}
    #stickySubMenu>div>ul li.on::after{content:"";position:absolute;bottom:-1px;display:block;width:100%;height:2px;background:#434343;}
    #stickySubMenu>div>ul li.on.changed::after{content:"";position:absolute;bottom:-1px;display:block;width:100%;height:2px;background:#fff;}

    /* AboutA-s */
    .AboutText p{font-size: 40px; font-weight: 700;line-height:56px}
    .AboutText p span{color:#FF8000;}
    #AboutA{}
    #AboutA #AboutA_Box{margin:auto;}
    #AboutRow1{margin: auto;padding-top: 140px;padding-bottom: 140px;width: 1060px;}
    #AboutRow1 .AboutText{padding-bottom: 140px;}

    #AboutRow1_Box{display: flex;justify-content: space-between;padding-left: 40px;}
    #AboutRow1_Box .AboutRow1_Text > span{line-height:25.2px;font-size: 18px;font-weight: 700;color: #FF8000;}
    #AboutRow1_Box .AboutRow1_Text > h4{padding-top: 16px;padding-bottom: 32px;line-height:44.16px;font-size: 32px;font-weight: 700;color: #222;}
    #AboutRow1_Box .AboutRow1_Text > p{line-height:30.8px;font-size: 22px;font-weight: 400;color: #222;}
    #AboutRow1_Box .AboutRow1_Step{position: relative;}

    #AboutRow1_Step_stick{transition: top 0.3s ease;position: absolute; top: -22px; left: 61px; padding: 20px 30px; width: 429px; height:104px; border-radius: 4px; background-color: #FF8000; z-index: 1; }
    #AboutRow1_Step_stick > div{position: relative;display: flex;align-items: center;}
    #AboutRow1_Step_stick .stick_Step > span{line-height: 28px;font-size: 20px;font-weight: 700;color: #fff;}
    #AboutRow1_Step_stick .stick_Step > p{padding-top: 5px;line-height: 31px;font-size: 22px;font-weight: 700;color: #fff;}
    #AboutRow1_Step_stick .stick_Step_circle{position: absolute; left: -91px; display: flex; justify-content: center; align-items: center; width: 21px; height: 21px; background: rgba(255, 128, 0, 0.4); border-radius: 10px; }
    #AboutRow1_Step_stick .stick_Step_circle > div{background: #FF8000;width: 13px;height: 13px;border-radius: 7px;}

    #AboutRow1_Box .AboutRow1_Step_contents_box{position: relative; display: flex; align-items: center; gap: 40px;padding-bottom: 60px;}
    #AboutRow1_Box .AboutRow1_Step_contents_box:last-child{padding-bottom: 23px;}
    #AboutRow1_Box .AboutRow1_Step_contents_box > div:nth-of-type(1){position: relative;display: flex;align-items: center;justify-content: center;width: 21px;height: 21px;}
    #AboutRow1_Box .AboutRow1_Step_contents_box > div:nth-of-type(2){}
    #AboutRow1_Box .AboutRow1_Step_contents_box > div:nth-of-type(2) > span{line-height: 28px;font-size: 20px;font-weight: 700;color: #BEBEBE;}
    #AboutRow1_Box .AboutRow1_Step_line{width: 1px;display: block;position: absolute;top: 26px;height: 89px;background: #E1E1E1;}
    #AboutRow1_Box .AboutRow1_Step_circle{width: 13px;height: 13px;background: #E1E1E1;border-radius: 7px;}
    #AboutRow1_Box .AboutRow1_Step_contents{padding-top: 4px;line-height: 28px;font-size: 20px;font-weight: 400;color: #BEBEBE;}

    #AboutRow2{height: 1042px;background: linear-gradient(180deg, #FF8000 0%, #FFD978 100%);}
    #AboutRow2 > div{margin: auto;padding-left: 40px;width: 1060px;}
    #AboutRow2 .AboutRow2_title{padding-top: 140px; padding-bottom: 100px;}
    #AboutRow2 .AboutRow2_title > span{display: block;padding-bottom: 16px;line-height:25px;font-size: 18px;font-weight: 700;color: #FFF;}
    #AboutRow2 .AboutRow2_title > p{line-height:44px;font-size: 32px;font-weight: 700;color: #FFF;}
    #AboutRow2 .AboutRow2ContentsBox{display: flex;align-items: center;justify-content: space-between;}
    #AboutRow2 .AboutRow2ContentsBox > div:nth-of-type(1){line-height: 78px;font-weight: 700;font-size: 60px;color: rgba(255, 255, 255, 0.50);}
    #AboutRow2 .AboutRow2Contents1{overflow: hidden;display: inline-flex;height: 78px;font-weight: 700;font-size: 60px;color: #FFF;}
    #AboutRow2 .AboutRow2Contents2{overflow: hidden;margin: 0px;width: 448px;height: 534px;}
    #AboutRow2 .AboutRow2Contents2 img{width: 100%;height: 100%;}

    #AboutRow3{padding: 60px 0;height: 1020px;}
    #AboutRow3 > div{display: flex;justify-content: space-between;margin: auto;padding-left: 40px;width: 1060px;}
    #AboutRow3 .AboutRow3_Text{padding-top: 355px;}
    #AboutRow3 .AboutRow3_Text > span{line-height: 25px;font-size: 18px;font-weight: 700;color: #FF8000;}
    #AboutRow3 .AboutRow3_Text > h4{padding-top: 15px;padding-bottom: 32px;line-height: 44px;font-size: 32px;font-weight: 700;color: #222;}
    #AboutRow3 .AboutRow3_Text > p{line-height: 31px;font-size: 22px;font-weight: 400;color: #222;}

    #AboutRow3 .AboutRow3ContentsBox{display: flex;gap: 20px;}
    #AboutRow3 .AboutRow3ContentsBox > div > div:nth-child(even) {margin: 20px 0;}
    #AboutRow3 .AboutRow3ContentsBox > div:nth-of-type(2){padding-top: 53px;}
    #AboutRow3 .AboutRow3Item{padding: 30px 20px;width: 250px;height: 269px;
        background-image: url("https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AboutA/AboutRow3ItemBg.png");
        background-position: left;
    }
    #AboutRow3 .AboutRow3Item > div{display: flex;justify-content: flex-end;}
    #AboutRow3 .AboutRow3Item > h4{padding-top: 24px;padding-bottom: 10px;line-height: 31px;font-size: 22px;font-weight: 700;color: #434343;}
    #AboutRow3 .AboutRow3Item > p{line-height: 22px;font-size: 16px;font-weight: 400;color: #434343;}

    #AboutRow3 .AboutRow3Item.on{
        background-image: url("https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AboutA/AboutRow3ItemBg.png");
        background-position: right;
    }
    #AboutRow3 .AboutRow3Item.on > h4{color: #FFF;}
    #AboutRow3 .AboutRow3Item.on > p{color: #FFF;}


    #AboutA_Box2{padding: 140px 0;height: 958px;background: #FAFAFA;}
    #AboutA_Box2 img{width: 100%;}
    #AboutA_Box2>div:nth-child(1){margin: auto;padding-bottom: 100px;width: 1060px;}
    #AboutA_Box2 .swp_AboutA_visual{position: relative;}
    #AboutA_Box2 .pager_visual_wrap {width: 100%;min-width: 1060px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);justify-content: space-around;align-items: center;z-index: 2;}
    #AboutA_Box2 .pager_visual_wrap > div{position: relative;top: auto;left: auto;right: auto;display: flex;align-items: center;justify-content: center;
        width: 60px;height: 60px;background: #FFFFFF;border-radius: 180px;box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);cursor: pointer;}
    #AboutA_Box2 .pager_visual_wrap .swiper-button>a{display:block;width: 9px;height: 16px;
        background-image: url("https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AboutA/icon_visual_arrow.svg");}
    #AboutA_Box2 .pager_visual_wrap .swiper-button.next>a{background-position: 100% 0;margin-left: 3px;}
    #AboutA_Box2 .pager_visual_wrap .swiper-button.prev>a{background-position: 0 0;margin-right: 3px;}
    #AboutA_Box2 .pager_visual_wrap .swiper-button.prev{right: 2%;}
    #AboutA_Box2 .pager_visual_wrap .swiper-button.next{left:2%}

    .circle_progress_wrap .circle_progress { transform: rotate(-90deg); }
    .circle_progress_wrap .frame, .circle_bar { fill: none; }
    .circle_progress_wrap .frame { stroke: rgba(255, 128, 0, 0.2); }

    #AdotCycle{background: #000;padding-top: 160px;transition: background-color .5s;}
    #AdotCycle.reversal{background: #fff;}
    #AdotCycle_Box{position: relative;height: 360vh;}
    #AdotCycle_Box > .AboutText{width: 1060px;margin: auto;color:#fff;}
    #AdotCycle.reversal #AdotCycle_Box > .AboutText{color:#000;}

    #AdotCycle_Box .AdotCycleRow1_wrap{width: 100%;position: absolute;padding-top: 100px;}
    #AdotCycle_Box .AdotCycleRow1_wrap .scroll_icon{top: -12px;color: #fff;position: relative;width: 100%;height: 71px;max-width: 1900px;
        display: flex;justify-content: space-evenly;font-weight: 700;font-size: 28px;line-height: 140%;flex-direction: column;align-items: center;}
    @media screen and (max-width: 1630px) {
        #AdotCycle_Box .AdotCycleRow1_wrap .scroll_icon{display: none;}
    }
    #AdotCycle_Box .down__arrow {display: flex;justify-content: center;margin-left: -18px;margin-bottom: 20px;}
    #AdotCycle_Box .down__arrow--item {display: block;width: 30px;height: 30px;transform: rotate(45deg);border-style: solid;border-width: 4px;animation: AdotCycleAN 1s infinite alternate;}
    #AdotCycle_Box .down__arrow--item {border-width: 4px;border-left: 0;border-bottom: 0;margin-right: -11px;}
    #AdotCycle_Box .down__arrow--item:first-child {animation-delay: .1s;}
    #AdotCycle_Box .down__arrow--item, .down__arrow--item:first-child {
        -o-border-image: linear-gradient(60deg,#FF8000 100%,#FF8000 100%);
        border-image: linear-gradient(60deg,#FF8000 100%,#FF8000 100%);
        border-image-slice: 1;
    }
    #AdotCycle_Box .down__arrow--item:nth-child(2) {
        -o-border-image: linear-gradient(60deg,#FF6129 100%,#FF6129 100%);
        border-image: linear-gradient(60deg,#FF6129 100%,#FF6129 100%);
        border-image-slice: 1;
        animation-delay: .2s;
    }
    #AdotCycle_Box .down__arrow--item:nth-child(3) {
        -o-border-image: linear-gradient(60deg,#FF4A49 100%,#FF4A49 100%);
        border-image: linear-gradient(60deg,#FF4A49 100%,#FF4A49 100%);
        border-image-slice: 1;
        animation-delay: .3s;
    }
    #AdotCycle_Box .down__arrow--item:nth-child(4) {
        -o-border-image: linear-gradient(60deg,#E83F85 100%,#E83F85 100%);
        border-image: linear-gradient(60deg,#E83F85 100%,#E83F85 100%);
        border-image-slice: 1;
        animation-delay: .4s;
    }
    #AdotCycle_Box .down__arrow--item:nth-child(5) {
        -o-border-image: linear-gradient(60deg,#CC38C4 100%,#CC38C4 100%);
        border-image: linear-gradient(60deg,#CC38C4 100%,#CC38C4 100%);
        border-image-slice: 1;
        animation-delay: .5s;
    }
    #AdotCycle_Box .down__arrow--item:nth-child(6) {
        -o-border-image: linear-gradient(60deg,#B132FF 100%,#0049ff 100%);
        border-image: linear-gradient(60deg,#B132FF 100%,#0049ff 100%);
        border-image-slice: 1;
        animation-delay: .6s;
    }
    #AdotCycle_Box .down__arrow--item:nth-child(7) {
        -o-border-image: linear-gradient(60deg,#9539FF 100%,#9539FF 100%);
        border-image: linear-gradient(60deg,#9539FF 100%,#9539FF 100%);
        border-image-slice: 1;
        animation-delay: .7s;
    }
    #AdotCycle_Box .down__arrow--item:nth-child(8) {
        -o-border-image: linear-gradient(60deg,#6842FF 100%,#6842FF 100%);
        border-image: linear-gradient(60deg,#6842FF 100%,#6842FF 100%);
        border-image-slice: 1;
        animation-delay: .8s;
    }
    @keyframes AdotCycleAN{
        0% {
            opacity: 0;
        }
        50% {
            opacity: .5;
        }
        100% {
            opacity: 1;
        }
    }


    #AdotCycle_Box .AdotCycleRow1_wrap.AdotCycle_absolute{position: absolute;bottom: 0;}
    #AdotCycle_Box .AdotCycleRow1_wrap.AdotCycle_fixed{position: fixed;top: 0;}
    #AdotCycleRow1{position: relative;overflow: hidden;max-width: 1920px;}
    #AdotCycleRow1>div{width: 1060px;margin: auto;padding-bottom:192px;}

    #AdotCycle_pagination{position: absolute;top: 0;width: 108px;height: 526px;border-radius: 55px;padding: 12px 10px;margin-top: 45px;}
    #AdotCycle_pagination>ul{width: 369px;height: 502px;}
    #AdotCycle_pagination>ul li{display: flex;align-items: center;margin-bottom: 50px;cursor: pointer;}
    #AdotCycle_pagination>ul li span{display: flex;width: 88px;height: 88px;border-radius: 55px;justify-content: center;align-items: center;
        font-weight: 700;font-size: 18px;color: #434343;border: 1px solid #434343;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(1) span{border:1px solid #FF8000; background: #FF8000; color: #FFF;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(2) span{border:1px solid #FF4450; background: #FF4450; color: #FFF;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(3) span{border:1px solid #B132FF; background: #B132FF; color: #FFF;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(4) span{border:1px solid #6842FF; background: #6842FF; color: #FFF;}
    #AdotCycle_pagination>ul li p{padding-left: 30px;font-weight: 700;font-size: 28px;color: #434343;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(1) p{color: #FF8000;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(2) p{color: #FF4450;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(3) p{color: #B132FF;}
    #AdotCycle_pagination>ul li.AdotCycleOn:nth-of-type(4) p{color: #6842FF;}

    #AdotCycle .rainbow {position: relative;top: 45px;z-index: 0;width: 108px;height: 526px;border-radius: 55px;overflow: hidden;padding: 2rem;}
    #AdotCycle .rainbow::before {content: '';position: absolute;z-index: -2;left: -280%;top: -10%;width: 650%;height: 120%;
        background-color: #399953;background-repeat: no-repeat;background-size: 50% 50%, 50% 50%;background-position: 0 0, 100% 0, 100% 100%, 0 100%;
        background: linear-gradient(177.88deg, #FF930F 0%, #F24651 34.23%, #B132FF 66.9%, #6842FF 99.57%);animation: rotate 2s linear infinite;}
    @keyframes rotate {
        100% {
            transform: rotate(1turn);
        }
        }
    #AdotCycle .rainbow::after {content: '';position: absolute;z-index: -1;left: 3%;top: 3px;width: calc(100% - 6px);height: calc(100% - 6px);
        background: #000;border-radius: 55px; transition: background-color .5s;}
    #AdotCycle.reversal .rainbow::after{background: #fff;}

    .AdotCycle_slide_wrap{position: absolute;top: 42%;left: 85%;transform: translate(-50%, -50%);width: 1070px;height: 603px;overflow: hidden;}
    #AdotCycle_slide .AdotCycleSwiper{align-items: center;}
    #AdotCycle_slide .swiper-slide{color: #626262;background: #434343;border-radius: 20px;}

    #AdotCycle_slide .swiper-slide>span{display: block;padding: 32px 0 24px 30px;font-weight: 700;font-size: 16px;line-height: 140%;}
    #AdotCycle_slide .swiper-slide>strong{display: block;padding: 0px 0 24px 30px;font-weight: 700;font-size: 30px;line-height: 130%;}
    #AdotCycle_slide .swiper-slide>p{font-weight: 400;padding: 0px 0 29px 30px;font-size: 16px;line-height: 140%;}
    #AdotCycle_slide .swiper-slide>p>b{font-weight: 400;font-size: 16px;}
    #AdotCycle_slide .swiper-slide>div{padding: 25px 0px 40px 40px;background: #626262;border-radius: 20px;}
    #AdotCycle_slide .swiper-slide>div>p{padding-bottom: 20px;font-weight: 700;font-size: 16px;line-height: 140%;color:#434343;}

    #AdotCycle_slide .swiper-slide>div>div>div{display:flex;}
    #AdotCycle_slide .swiper-slide>div>div>div:nth-of-type(1){padding-bottom: 12px;}
    #AdotCycle_slide .swiper-slide>div>div>div>span{display: block;padding:12px 20px;margin-right: 12px;font-weight: 400;font-size: 12px;line-height: 140%;
        border-radius: 50px;border: 1px solid #434343;color: #434343;}
    /* #AdotCycle_slide .swiper-slide p, #AdotCycle_slide .swiper-slide strong, #AdotCycle_slide .swiper-slide span
    {-webkit-transition: color .3s, font-size 1s;
        -moz-transition: color .3s, font-size 1s;
          -o-transition: color .3s, font-size 1s;
             transition: color .3s, font-size 1s;}
    #AdotCycle_slide .swiper-slide b{transition: font-size 1s;} */

    #AdotCycle_slide .swiper-slide.swiper-slide-active{color:#ffff;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(1){background:#FF8000;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(2){background:#FF4450;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(3){background:#B132FF;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(4){background:#6842FF;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active>span{font-size: 22px;padding: 40px 0 30px 40px;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active>strong{font-weight: 700;font-size: 40px;padding: 0px 0 20px 40px;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active>p{font-size: 22px;padding: 0px 0 40px 40px;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active>p>b{font-weight: 700;font-size: 22px;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active>div{background: #FFFFFF;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active>div>p{font-size: 22px;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active>div>div>div>span{font-size: 18px;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(1)>div>div>div>span{background: #FFF3E0;border: 1px solid #FFF3E0;color: #FF8000;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(2)>div>div>div>span{background: #FFEBEF;border: 1px solid #FFEBEF;color: #FF4450;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(3)>div>div>div>span{background: #F5E5FF;border: 1px solid #F5E5FF;color: #5E38F5;}
    #AdotCycle_slide .swiper-slide.swiper-slide-active:nth-of-type(4)>div>div>div>span{background: #EEE5FF;border: 1px solid #EEE5FF;color: #5E38F5;}

    #AdotPoint.reversal{background: #fff;}
    #AdotPoint.reversal #AdotPoint_box1 .AdotPoint_text > h3, #AdotPoint.reversal #AdotPoint_box2 .AdotPoint_text > h3{color: #000;}
    #AdotPoint.reversal #AdotPoint_box1 .AdotPoint_text > p, #AdotPoint.reversal #AdotPoint_box2 .AdotPoint_text > p{color: #000;}
    #AdotPoint.reversal #AdotPoint_box1 .AdotPoint_main_text>p{color: #000;}

    #AdotPoint{background: #000; transition: background-color .5s;}
    #AdotPoint .AdotPoint_main_text{padding-top: 160px;
        padding-bottom: 145px;
        margin: auto;
        width: 1060px;
        font-weight: 700;
        font-size: 40px;
        line-height: 140%;
        color: #fff;}
    #AdotPoint #AdotPoint_box1{padding-bottom: 180px;}
    #AdotPoint_box2{padding-bottom: 200px;}
    #AdotPoint #AdotPoint_box1,#AdotPoint #AdotPoint_box2{display: flex;
            width: 1060px;
            margin: auto;
            justify-content: space-between;
            align-items: center;
    }
    #AdotPoint #AdotPoint_box1 .AdotPoint_text > span,#AdotPoint #AdotPoint_box2 .AdotPoint_text > span, #AdotPoint #AdotPoint_box4 .AdotPoint_text > span{color: #FF8000;}
    #AdotPoint .AdotPoint_main_text>p{color: #fff;transition: color .5s;}
    #AdotPoint.reversal .AdotPoint_main_text>p{color: #000;}
    #AdotPoint .AdotPoint_main_text>p>span{color: #FF8000;}
    #AdotPoint .AdotPoint_text{padding-left:41px}
    #AdotPoint .AdotPoint_text > span{display: block;padding-bottom: 16px;font-weight: 700;font-size: 18px;line-height: 140%;}
    #AdotPoint .AdotPoint_text > h3{padding-bottom: 32px;font-weight: 700;font-size: 32px;line-height: 138%;color: #fff;transition: color .5s;}
    #AdotPoint .AdotPoint_text > p{font-weight: 400;font-size: 22px;line-height: 140%;color: #fff;transition: color .5s;}
    #AdotPoint .AdotPoint_gif{position: relative;width: 485px;height: 450px;display: flex;align-items: center;justify-content: center;}
    #AdotPoint .AdotPoint_gif video{width:100%;}
    #AdotPoint .AdotPoint_gif img{width:100%;}
    #AdotPoint .AdotPoint_gif div{position: absolute;width: 130px;height: 130px;border-radius: 70px;
        background: linear-gradient(139.9deg, #FF8000 15.6%, #FF4450 83.41%);animation: rotate 4s linear infinite;}
    #AdotPoint .AdotPoint_gif p{position: absolute;font-weight: 700;font-size: 20px;line-height: 140%;color: #fff;}

    #AdotPoint_box3{padding-top: 190px;background: linear-gradient(130.89deg, #7677F6 34.77%, #417FE9 102.88%);}
    #AdotPoint_box3_wrap{width: 1060px;margin: auto;}
    #AdotPoint_box3_wrap>div{display: flex;justify-content: space-between;align-items: center;padding-bottom:200px;}
    /* #AdotPoint_box3_wrap>div:nth-of-type(1){padding-bottom:200px;}
    #AdotPoint_box3_wrap>div:nth-of-type(2){padding-bottom:200px;} */
    #AdotPoint #AdotPoint_box3 .AdotPoint_text > span{color: #FFE146;}

    #AdotPoint_box3_wrap .AdotPoint_bgBox{display:flex;flex-direction: column;
        justify-content: center;
        padding-right: 40px;width: 540px;height:700px;}
    #AdotPoint_box3_wrap>div:nth-of-type(1) .AdotPoint_bgBox{background: url('https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AdotPoint/AdotPoint_box3_bg1.png') right no-repeat;}
    #AdotPoint_box3_wrap>div:nth-of-type(2) .AdotPoint_bgBox{background: url('https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AdotPoint/AdotPoint_box3_bg2.png') right no-repeat;}

    #AdotPoint_box3_wrap .AdotPoint_bgBox>div{display: flex;align-items: center;justify-content: flex-end;width: 500px;height: 175px;background: #FFFFFF;border-radius: 8px;margin-bottom: 10px;}
    #AdotPoint_box3_wrap .AdotPoint_bgBox>div:nth-of-type(3)>div{margin-left: 47px;}
    #AdotPoint_box3_wrap>div:nth-of-type(2) .AdotPoint_bgBox>div:nth-of-type(3)>div{margin-left: 55px;}
    #AdotPoint_box3_wrap .AdotPoint_bgBox>div span{}
    #AdotPoint_box3_wrap .AdotPoint_bgBox>div span img{width:100%;}
    #AdotPoint_box3_wrap .AdotPoint_bgBox>div>div{margin-left: 45px;margin-right: 32px;width: 283px;height: 73px;}
    #AdotPoint_box3_wrap>div:nth-of-type(2) .AdotPoint_bgBox>div>div{margin-left: 54px;margin-right: 24px;}
    #AdotPoint_box3_wrap .AdotPoint_bgBox>div>div b{font-weight: 700;font-size: 20px;line-height: 140%;color: #222222;}
    #AdotPoint_box3_wrap .AdotPoint_bgBox>div>div p{font-weight: 400;font-size: 16px;line-height: 140%;color: #222222;}

    #AdotPoint_box4{background: #fff;}
    #AdotPoint_box4_wrap{margin: auto;display: flex;align-items: center;justify-content: space-between;padding-top: 231px;padding-bottom: 187px;width: 1060px;height: 816px;}
    #AdotPoint #AdotPoint_box4_wrap .AdotPoint_text > h3{color:#222222;}
    #AdotPoint #AdotPoint_box4_wrap .AdotPoint_text > p{color:#222222;}

    #AdotPoint_5_bg{position: relative;width:485px;height:397px;
        background: url('https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AdotPoint/AdotPoint_5_bg.svg') bottom no-repeat;}
    #AdotPoint_5_bg>div{}
    #AdotPoint_5_bg>div span{display:block;position: absolute;}
    #AdotPoint_5_bg>div span:nth-of-type(1){top: 34px;left: 146px;width: 108px;height: 63px;
        background: url('https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AdotPoint/speech_bubble1.svg') top no-repeat;z-index: 1;}
    #AdotPoint_5_bg>div span:nth-of-type(2){right: 147px;width: 141px;height: 63px;
        background: url('https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AdotPoint/speech_bubble2.svg') top no-repeat;}

    #AdotReal{padding-top: 168px;padding-bottom: 140px;background: #FAFAFA;}
    #AdotReal_wrap{width: 1060px;margin: auto;}
    #AdotReal .AdotRealTaxt>h3{font-weight: 700;font-size: 40px;line-height: 140%;}
    #AdotReal .AdotRealTaxt>h3>span{color:#FF8000}
    #AdotReal .AdotRealTaxt>p{padding-top:30px;font-weight: 400;font-size: 20px;line-height: 140%;}
    #AdotReal .AdotRealTab{padding: 60px 0;}
    #AdotReal .AdotRealTab ul{display: flex;width: 164px;height: 56px;justify-content: space-between;}
    #AdotReal .AdotRealTab ul li{display:flex;align-items: center;
        justify-content: center;width: 100%;border-radius: 4px;color:#909090;cursor: pointer;font-weight: 700;
        font-size: 18px;
        line-height: 140%;}
    #AdotReal .AdotRealTab ul li.on{background: #FF8000;;color: #fff;}
    #AdotReal .AdotReal__wrapper { width: 360px; height: 319px; background: #FFFFFF; border: 1px solid #EFEFEF; border-radius: 8px; padding: 32px 32px 35px 32px;}
    #AdotReal .AdotReal__title { width: 296px; height: 62px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; font-size: 22px; line-height: 31px; color: #FF8000;}
    #AdotReal .AdotReal__contents { width: 296px; height: 120px; font-weight: 400; font-size: 16px; line-height: 24px; color: #434343; margin: 24px 0;}
    #AdotReal .AdotReal__footer { width: 296px;height: 22px;font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;color: #B8B8B8;}
    #AdotService{padding-bottom:160px;background: linear-gradient(118.47deg, #222222 0.56%, #001437 99.29%);}
    #AdotService .AdotService_text{width:1060px; margin: auto;}
    #AdotService .AdotService_text > div h3{padding-top: 140px;padding-bottom: 60px;font-weight: 700;font-size: 42px;line-height: 140%;color:#FFFFFF;}
    #AdotService .AdotService_text > ul{display: flex;padding-bottom: 53px;}
    #AdotService .AdotService_text > ul li{display: flex;align-items: center;justify-content: center;width: 98px;height: 56px;color: #9F9F9F;
        font-weight: 700;font-size: 18px;line-height: 140%;border-radius: 4px;cursor: pointer;}
    #AdotService .AdotService_text > ul li.on{background: linear-gradient(295.55deg, #7677F6 4.46%, #417FE9 98.7%);color:#FFFFFF;}

    .AdotService_slide_wrap{overflow: hidden;}
    .AdotService_slide_wrap .AdotService_slide{position: relative;}
    .AdotService_slide_wrap .AdotService_slide .swiper-wrapper{}
    .AdotService_slide_wrap .AdotService_slide .swiper-wrapper .swiper-slide{position:relative;animation: AdotService_slideOff .5s linear forwards;}
    .AdotService_slide_wrap .AdotService_slide .swiper-wrapper .swiper-slide.on{animation: AdotService_slideOn .5s linear forwards;}
    @keyframes AdotService_slideOn{
        0% {
            opacity: .5;
            padding: 35px 25px;
            margin: 0;
        }
        100% {
            opacity: 1;
            padding: 0;
            margin: 0px 45px;
        }
    }
    @keyframes AdotService_slideOff{
        0% {
            opacity: 1;
            padding: 0;
            margin: 0px 45px;
        }
        100% {
            opacity: .5;
            padding: 35px 25px;
            margin: 0;
        }
    }
    @keyframes AdotService_aroow{
        0% {
            opacity: 0;
        }
        98% {
            opacity: 0;
        }
        100% {
            opacity:1;
        }
    }
    @keyframes AdotService_text{
        0% {
            opacity: 0;
        }
        99% {
            opacity: 0;
        }
        100% {
            opacity:1;
        }
    }

    .AdotService_slide_wrap .AdotService_slide .swiper-wrapper .swiper-slide .AdotService_video{width:100%;border-radius: 20px;}
    .AdotService_slide_wrap .swiper-button-next{display:none;right: -48px;top: 42.5%;background: url('https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AdotService/next.svg') no-repeat;}
    .AdotService_slide_wrap .swiper-button-prev{display:none;left: -48px;top: 42.5%;background: url('https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/AdotService/prev.svg') no-repeat;}
    .AdotService_slide_wrap .swiper-wrapper .swiper-slide.on .swiper-button-next{display:block;animation: AdotService_aroow .5s linear forwards;}
    .AdotService_slide_wrap .swiper-wrapper .swiper-slide.on .swiper-button-prev{display:block;animation: AdotService_aroow .5s linear forwards;}
    .AdotService_slide_wrap .swiper-slide p{display:none;padding-top: 40px;color: #EFEFEF;font-weight: 400;font-size: 22px;line-height: 140%;text-align: center;}
    .AdotService_slide_wrap .swiper-slide.on p{display:block;animation: AdotService_text .5s linear forwards;}

    #btn_gotop {position: fixed;bottom: 30px;right: 30px;z-index: 9;width: 50px;height: 50px;outline: none;cursor: pointer;
        background: url(https://d3157wx5zs7nsu.cloudfront.net/3jedu_BW/images/main/top_icon.png) no-repeat;}

    #pop_control{position: fixed;display: flex;left: 50%;transform: translate(-50%, 0%);width: 1060px;z-index: 4; gap: 30px;}
    #pop_control .lpop_btn_group{margin-bottom: 10px;display: flex;justify-content: space-between;}
    #pop_control .lpop_btn_group>span{cursor: pointer;color: #fff;font-weight: 400;font-size: 16px;line-height: 141%;text-decoration-line: underline;}
    #pop_control .lpop_btn_group>a{cursor: pointer;color: #fff;font-weight: 400;font-size: 16px;line-height: 141%;text-decoration-line: underline;}
    #pop_control .lpop_img>img{border-radius: 10px;}
    #pop_dim{position: fixed;top: 0;width: 100%;max-width: 1920px;height: 100vw;background: #000;opacity: 0.7;z-index: 3;}