@charset "utf-8";
/*교사 - mypage*/
.mypage .mypage_sec02 ul.tab02_01 li {width: 25%;}
/*원장 - mypage*/
.mypage .director_sec02 ul.tab02_02 li {width:25%;}


/* ------------- 220118 메인페이지 개편 퍼블리싱 관련 */

/*default*/
#main_container .new-contetnt-wrap {position: relative;width: 100%;margin: 0 auto}
#main_container .new-contetnt-wrap .new-contetnt { width: 1200px;margin: 0 auto;}

/* 헤더 로그인버튼 */
.header-login-btn { margin: 3px 0;padding: 0 10px; border-radius: 15px; background: #2699FB; line-height: 27px!important; color: #fff; }

/*롤링배너*/
#main_container .main_rolling_wrap {width: 100%; height: 467px;}
.main_rolling_wrap {}
.main_rolling_wrap .swiper-wrapper li {position: relative;text-align: center;}
.main_rolling_wrap .swiper-wrapper li.main_rolling1 {background: #ffbdc1;}
.main_rolling_wrap .swiper-wrapper li.main_rolling2 {background: #86d3bc;}
.main_rolling_wrap .swiper-wrapper li.main_rolling3 {background: #a0cbef;}
.main_rolling_wrap .swiper-wrapper li.main_rolling4 {background: #d2c2ff;}

.main_rolling_wrap .swiper-wrapper li span {display: inline-block;position: relative}
.main_rolling_wrap .swiper-wrapper li a {display: block;}
.main_rolling_wrap .swiper-wrapper li a button {position: absolute;top: 285px;left: 35px;padding: 10px 62px 10px 42px;border: none;border-radius: 50px;font-family: 'Nanum Gothic', sans-serif;font-size : 18px;font-weight: bold;color:#fff;cursor: pointer;}
.main_rolling_wrap .swiper-wrapper li a button i {position: absolute;top: 15.2px;right: 23px;font-size: 14px;}
.main_rolling_wrap .swiper-wrapper li.main_rolling1 a button {background: #EF858C;}
.main_rolling_wrap .swiper-wrapper li.main_rolling2 a button {background: #32BA94;}
.main_rolling_wrap .swiper-wrapper li.main_rolling3 a button {background: #2699FB;}
.main_rolling_wrap .swiper-wrapper li.main_rolling4 a button {background: #9c79ff;}
.main_rolling_wrap .custom_navi {position: absolute;top: 300px;left:calc(50% + (105px*2));z-index: 1; height: 92px}
.main_rolling_wrap .custom_navi ul {}
.main_rolling_wrap .custom_navi ul li{display: inline-block;float: left;position: relative; width: 90px;height: 90px;margin-left: 10px;padding-top: 40px;border-radius: 100%;box-sizing: border-box;color: #fff;text-align: center;box-shadow: 1px 5px 5px 5px rgba(0,0,0,0.1);cursor: pointer;}
.main_rolling_wrap .custom_navi ul li:first-child{margin-left: 0!important;;}
.main_rolling_wrap .custom_navi ul li.navi1 {background: #EF858C}
.main_rolling_wrap .custom_navi ul li.navi2 {background: #32BA94;}
.main_rolling_wrap .custom_navi ul li.navi3 {background: #2699FB;}
.main_rolling_wrap .custom_navi ul li.navi4 {padding-top: 38px!important;border: 2px solid #9c79ff;background: #fff;font-weight: bold;color:#9c79ff;}

.main_rolling_wrap .custom_navi ul li:before{  display: inline-block;content: ""; position: absolute;top: 7px;left: 30px;width: 30px;height: 30px;}
.main_rolling_wrap .custom_navi ul li.navi1:before{background: url('/images/con220120/main_icon_set.png') no-repeat -10px -70px}
.main_rolling_wrap .custom_navi ul li.navi2:before{background: url('/images/con220120/main_icon_set.png') no-repeat -71px -70px}
.main_rolling_wrap .custom_navi ul li.navi3:before{background: url('/images/con220120/main_icon_set.png') no-repeat -133px -70px}
.main_rolling_wrap .custom_navi ul li.navi4:before{left: 28px!important;background: url('/images/con220120/main_icon_set.png') no-repeat -190px -128px;}
.main_rolling_wrap .custom-prev {position: absolute;top: 200px;left: calc(50% - (326px*2));z-index: 2;width: 50px;height: 50px;cursor: pointer;}
.main_rolling_wrap .custom-prev > div{border-radius: 10px;background: rgba(255,255,255,0.4);font-weight: 800;line-height: 50px;color: #fff;text-align: center;vertical-align: middle;}
.main_rolling_wrap .custom-next {position: absolute;top: 200px;left:calc(50% + (300px*2));z-index: 2;width: 50px;height: 50px;cursor: pointer;}
.main_rolling_wrap .custom-next > div{border-radius: 10px;background: rgba(255,255,255,0.4);font-weight: 800;line-height: 50px;color: #fff;text-align: center;vertical-align: middle;}

/* 퀵메뉴 */
#main_container .quick_menu {position: relative;height: 125px;margin-bottom: 0!important;}
#main_container .quick_menu > div{top: -60px;z-index: 1; width: 100%;}
#main_container .quick_menu ul{display: block;height: 125px;box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);}
#main_container .quick_menu li{ float: left;position: relative;width: 16.66666666666667%;height: 100%;box-sizing: border-box;background: #fff;text-align: center;cursor: pointer;vertical-align: middle;}
#main_container .quick_menu li:after{content: ""; position: absolute;top: 30px;left: 0;width: 1px;height: 65px;background: #D1D1D1;}
#main_container .quick_menu li:nth-child(-n+4):after{background: none;}

#main_container .quick_menu li.qm_director { _border: 1px solid #52AA93;background:#32BA94 ; }
#main_container .quick_menu li.qm_director a{color: #fff;}
#main_container .quick_menu li.qm_sgg { _border: 1px solid #478EDE;background:#2699FB ;}
#main_container .quick_menu li.qm_sgg a{color: #fff;}
#main_container .quick_menu li.edu_req { _border: 1px solid #EF858C;background:#EF858C ;}
#main_container .quick_menu li.edu_req a{color: #fff;}

#main_container .quick_menu li a {display: inline-block;position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;padding-bottom: 5px;font-size: 16px;font-weight: bold;_line-height: 25px;color: #333;text-align: center;vertical-align: middle;}
#main_container .quick_menu li i{display: inline-block;width: 32.5px;height: 32.5px;margin-top: 28px;}
#main_container .quick_menu li i.qm-icon-1{margin-top: 25px;background: url('/images/con220120/main_icon_set.png') no-repeat -189px -68px;}
#main_container .quick_menu li i.qm-icon-2{background: url('/images/con220120/main_icon_set.png') no-repeat -250px -68px;}
#main_container .quick_menu li i.qm-icon-3{background: url('/images/con220120/main_icon_set.png?v=3') no-repeat -304px -68px}
#main_container .quick_menu li i.qm-icon-4{background: url('/images/con220120/main_icon_set.png') no-repeat -304px -11px;}
#main_container .quick_menu li i.qm-icon-5{background: url('/images/con220120/main_icon_set.png') no-repeat -129px -11px;}
#main_container .quick_menu li i.qm-icon-6{background: url('/images/con220120/main_icon_set.png') no-repeat -69px -11px;}

/*컨텐츠 영역*/
.new-contetnt > div:not(.ea2) {margin-bottom: 60px;}
.new-contetnt .crs {margin-bottom: 80px;}
.new-contetnt .crs .tit_wrap{margin-bottom: 50px;text-align: center;}
.new-contetnt .crs .tit_wrap h2{font-size: 36px;font-weight: bold;color: #333;}
.new-contetnt .crs .tit_wrap p{margin-top: 10px;font-size: 20px;color: #333;}
.new-contetnt .ea3 .crs_detail {width: 100%;}
.new-contetnt .ea3 .crs_detail li {float: left;position: relative;width: 380px;margin-left: 30px}
.new-contetnt .ea3 .crs_detail.sha li {box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1); }
.new-contetnt .ea3 .crs_detail li .dtl_top {height: 215px;}
.new-contetnt .ea3 .crs_detail li .dtl_top img{width: 100%;}
.new-contetnt .ea3 .crs_detail li .dtl_btm {height: 235px;padding: 35px 0;box-sizing: border-box;background: #fff;text-align: center;}
.new-contetnt .ea3 .crs_detail.tuk li .dtl_top {height: 100%;}
.new-contetnt .ea3 .crs_detail.tuk li .dtl_btm{height: 100%;padding: 10px 0;}
.new-contetnt .ea3 .crs_detail.tuk li .dtl_btm dd{font-size: 14px;color: #333;}
.new-contetnt .ea3 .crs_detail li .dtl_btm dl{margin: 20px 0 30px 0;}
.new-contetnt .ea3 .crs_detail li .dtl_btm dt {display: block;margin-bottom: 4px;font-size: 24px;font-weight: bold; color: #010101;}
.new-contetnt .ea3 .crs_detail li .dtl_btm dt span {color: red;}
.new-contetnt .ea3 .crs_detail li .dtl_btm dd {display: block;font-size: 18px;line-height: 22px; vertical-align: middle;}
.new-contetnt .ea3 .crs_detail li .dtl_btm dd span{font-size: 13px;line-height: 22px;text-decoration: line-through;vertical-align: middle;}
.new-contetnt .ea3 .crs_detail li .dtl_btm > button{position: relative;padding: 8px 40px 8px 16px; border: 1px solid #616161;border-radius: 20px; background: #fff;font-family: 'Nanum Gothic', sans-serif;font-size: 15px;font-weight: bold;color: #616161; transition: .1s ease-in-out;cursor: pointer}
.new-contetnt .ea3 .crs_detail li .dtl_btm.spec_thum1 > button:hover {border-color:#EF858C!important;background: #EF858C!important;color: #fff!important;}
.new-contetnt .ea3 .crs_detail li .dtl_btm.spec_thum2 > button:hover {border-color:#32BA94!important;background: #32BA94!important;color: #fff!important;}
.new-contetnt .ea3 .crs_detail li .dtl_btm.spec_thum3 > button:hover {border-color:#2699FB!important;background: #2699FB!important;color: #fff!important;}
.new-contetnt .ea3 .crs_detail li .dtl_btm > button i {position: absolute;top: 10px;right: 15px;}
.new-contetnt .ea3 .crs_detail li:first-child {margin-left: 0!important;}
/*.new-contetnt .ea3 .crs_detail li > a {top: 0;left: 0;width: 100%;height: 100%;position: absolute}*/
.new-contetnt .ea3 .crs_detail li > a {display: inline-block; width: 100%;height: 100%}
.new-contetnt .ea4 .crs_detail {width: 100%;}
.new-contetnt .ea4 .crs_detail li {float: left;width: 285px;margin-left: 20px;}
.new-contetnt .ea4 .crs_detail li:first-child {margin-left: 0!important;}

#main_container .new-contetnt .dtl_top.spec_thum1 {background: url("/images/con220120/spec_thum1.png?v=3") no-repeat ; background-size: cover;}
#main_container .new-contetnt .dtl_top.spec_thum2 {background: url("/images/con220120/spec_thum2.png?v=3") no-repeat ; background-size: cover;}
#main_container .new-contetnt .dtl_top.spec_thum3 {background: url("/images/con220120/spec_thum3.png?v=3") no-repeat ; background-size: cover;}
#main_container .new-contetnt .dtl_btm.spec_thum1 {_height: 220px!important;}
#main_container .new-contetnt .dtl_btm.spec_thum1 dl {_margin-top: 5px!important;}
#main_container .new-contetnt .dtl_top dl {padding: 20px 30px;color: #fff;}
#main_container .new-contetnt .dtl_top dl dt {font-size: 30px;font-weight: bold}
#main_container .new-contetnt .dtl_top dl dd {margin-top: 20px;font-size: 16px;font-weight: bold}
#main_container .new-contetnt .crs_detail .free_thum {display: inline-block;width: 285px; height: 205px}
#main_container .new-contetnt .crs_detail .free_thum.free_thum1{background: url("/images/con220120/free_thum1.png") no-repeat ; background-size: cover;}
#main_container .new-contetnt .crs_detail .free_thum.free_thum2{background: url("/images/con220120/free_thum2.png") no-repeat ; background-size: cover;}
#main_container .new-contetnt .crs_detail .free_thum.free_thum3{background: url("/images/con220120/free_thum3.png") no-repeat ; background-size: cover;}
#main_container .new-contetnt .crs_detail .free_thum.free_thum4{background: url("/images/con220120/free_thum4.png") no-repeat ; background-size: cover;}
#main_container .new-contetnt .crs_detail .free_thum dl {padding: 20px 30px;color: #fff;}
#main_container .new-contetnt .crs_detail .free_thum dl dt {font-size: 24px;font-weight: bold}
#main_container .new-contetnt .crs_detail .free_thum dl dd {margin-top: 10px;font-size: 14px;font-weight: bold}


/* 특별직무교육 메인 배너 추가 */
.new-contetnt.__curr .ea3 .crs_detail {display: flex;}
.new-contetnt.__curr .ea3 .crs_detail li .dtl_top { height: 165px;}
#main_container .new-contetnt.__curr .dtl_top.spec_thum3{ background-size: 100%;}

/*컨텐츠 영역*/
#main_container .etc-wrap {background: #F9F9F9}
.etc-wrap .crs {width: 1200px; margin:  0 auto ;padding-top: 50px;}
.etc-wrap .crs .tit_wrap{margin-bottom: 50px;text-align: center;}
.etc-wrap .crs .tit_wrap h2{font-size: 38px;font-weight: bold;color: #333;}
.etc-wrap .crs .tit_wrap p{margin-top: 10px;color: #333;}
.etc-wrap .ea3 .crs_detail {width: 100%;}
.etc-wrap .ea3 .crs_detail li {float: left;position: relative;width: 380px;margin-left: 30px}
.etc-wrap .ea3 .crs_detail.sha li {box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1); }
.etc-wrap .ea3 .crs_detail li .dtl_top {height: 215px;}
.etc-wrap .ea3 .crs_detail li .dtl_top img{width: 100%;}
.etc-wrap .ea3 .crs_detail li .dtl_btm {height: 235px;padding: 35px 0;box-sizing: border-box;text-align: center;}
.etc-wrap .ea3 .crs_detail.tuk li .dtl_top {height: 100%;}
.etc-wrap .ea3 .crs_detail.tuk li .dtl_btm{height: 100%;padding: 10px 0;}
.etc-wrap .ea3 .crs_detail.tuk li .dtl_btm dd{font-size: 14px;color: #333;}
.etc-wrap .ea3 .crs_detail li .dtl_btm dl{margin: 20px 0 30px 0;}
.etc-wrap .ea3 .crs_detail li .dtl_btm dt {display: block;margin-bottom: 4px;font-size: 24px;font-weight: bold;}
.etc-wrap .ea3 .crs_detail li .dtl_btm dt a {color: red;}
.etc-wrap .ea3 .crs_detail li .dtl_btm dd {display: block;font-size: 18px;line-height: 22px; vertical-align: middle;}
.etc-wrap .ea3 .crs_detail li .dtl_btm dd a{font-size: 13px;line-height: 22px;text-decoration: line-through;vertical-align: middle;}
.etc-wrap .ea3 .crs_detail li .dtl_btm > button{padding: 8px 16px; border: 1px solid #333;border-radius: 10px;background: #fff;}
.etc-wrap .ea3 .crs_detail li:first-child {margin-left: 0!important;}
.etc-wrap .ea3 .crs_detail li > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.etc-wrap .ea4 .crs_detail {width: 100%;}
.etc-wrap .ea4 .crs_detail li {float: left;width: 285px;margin-left: 20px;}
.etc-wrap .ea4 .crs_detail li:first-child {margin-left: 0!important;}


/*공지사항 & 학습지원센터*/
.cs-info-wrap { padding: 80px 0;_background: rgba(0,0,0,0.1);}
.cs-info-wrap .cs-info .ea3{float: left;position: relative;margin-left: 15px;margin-bottom: 0!important;padding: 46px 20px 45px 20px;border: 1px solid #bbb;box-sizing: border-box;background: #fff;}
.cs-info-wrap .cs-info .ea3:first-child{margin-left: 0!important;}

.cs-info-wrap .cs-info .ea3.cs-info-detail1 {width: 625px}
/*.cs-info-wrap .cs-info .ea3.cs-info-detail2 {width: 300px}*/
.cs-info-wrap .cs-info .ea3.cs-info-detail2 {width: 300px;height: 268px;}
.cs-info-wrap .cs-info .ea3.cs-info-detail3 {width: 230px}
.cs-info-wrap .cs-info .ea3 ul.l {float: left;width: 140px;}
.cs-info-wrap .cs-info .ea3 ul.l li{padding: 12px 0;border-bottom: 1px solid #ddd; font-size: 16px; line-height: 29px;cursor: pointer;vertical-align: middle }
.cs-info-wrap .cs-info .ea3 ul.l li.active{border-bottom: 2px solid #0e90d2;_font-size: 18px;font-weight: bold; }
.cs-info-wrap .cs-info .ea3 ul.l li.active:after {content: ">";float: right;padding-left: 10px;}
.cs-info-wrap .cs-info .ea3 ul.ll {float: left;margin-left: 20px;}
.cs-info-wrap .cs-info .ea3 ul.ll li {position: relative;width: 423px;}
.cs-info-wrap .cs-info .ea3 ul.ll li a {display: inline-block;overflow: hidden;position: relative;width: 340px;padding: 7px 0; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.cs-info-wrap .cs-info .ea3 ul.ll li span{ position: absolute;top: 0;right: 0;padding: 8px 0 9px 0; font-size: 12px}

.cs-info-wrap .cs-info .ea3:not(.etc-site) > a {display: inline; position: absolute;top:17px;right:15px;cursor: pointer;}
.cs-info-wrap .cs-info .support-learning { padding: 15px 20px 22px 38px; border-color: #e9f5ff; background: #e9f5ff; _line-height: 40px;}
.cs-info-wrap .cs-info .support-learning ul { margin: 0 0 0 3px; }

.cs-info-wrap .cs-info .support-learning dl { margin-bottom: 5px;font-size: 24px; font-weight: bold; line-height: 40px;}
.cs-info-wrap .cs-info .support-learning dt{font-size: 20px;}
.cs-info-wrap .cs-info .support-learning dd { font-size: 35px; font-weight: 900; color: #289AFB; }

.cs-info-wrap .cs-info .support-learning li {padding: 2px 0;}
.cs-info-wrap .cs-info .support-learning li.direct_button{margin-top: 20px;}
.cs-info-wrap .cs-info .support-learning li.direct_button a { position: relative;border-color: #289AFB;background: #289AFB;color: #fff; }
.cs-info-wrap .cs-info .support-learning li.direct_button a i {position: absolute;top: 9px;right: 15px;color: #fff;}
.cs-info-wrap .cs-info .support-learning li a{margin-top: 10px;padding: 8px 40px 8px 20px;border: 1px solid #707070;border-radius: 15px;color: #32BA94;}
.cs-info-wrap .cs-info .support-learning li.email {padding: 0 0 7px 0;}
.cs-info-wrap .cs-info .support-learning li.resttime span{font-size: 13px;font-weight: bold;}

.cs-info-wrap .cs-info .etc-site {padding: 0!important;border: none!important;}
.cs-info-wrap .cs-info .etc-site a {display: inline-block;width: 228px;margin-top: 11px;padding: 6px ;border: 1px solid #bbb;box-sizing: border-box;line-height: 114px;text-align: center;}
.cs-info-wrap .cs-info .etc-site a:first-child{margin-top: 0!important;_border-top: none;}
.cs-info-wrap .cs-info .etc-site a img{vertical-align: middle;}

/* 학습자 유의사항 */
#main_container .notice-wrap{height: 200px;background: url('/images/con220120/main_notice.png') no-repeat ;background-size: cover;}
#main_container .notice-wrap .notice ul{margin-left: 80px;}
#main_container .notice-wrap .notice li {float: left;width: 250px;margin: 50px 20px 50px 0;text-align: center;}
#main_container .notice-wrap .notice li:not(.tit) {border-radius: 50px;background: #fff;}
#main_container .notice-wrap .notice li.tit {margin-left: 0!important;text-align: right!important;}
#main_container .notice-wrap .notice li a{display: inline-block;position: relative;width: 100%;height: 100%;padding: 30px 0 ;font-size: 20px;font-weight: bold}
#main_container .notice-wrap .notice li a.notice-icon3 {padding-left: 25px!important;}
#main_container .notice-wrap .notice li:not(.tit) a{padding: 25px 0 25px 20px;color: #2699FB;}
#main_container .notice-wrap .notice li.tit a{color:#fff;}
#main_container .notice-wrap .notice li a:before{ display: inline-block;content: ""; position: absolute;top: 16px;left: 20px;width: 50px;height: 50px; color: transparent;}
#main_container .notice-wrap .notice li a.notice-icon1:before{background: url('/images/con220120/main_icon_set.png') no-repeat -2px -119px;}
#main_container .notice-wrap .notice li a.notice-icon2:before{background: url('/images/con220120/main_icon_set.png') no-repeat -60px -119px;}
#main_container .notice-wrap .notice li a.notice-icon3:before{background: url('/images/con220120/main_icon_set.png') no-repeat -121px -119px;}

/* 하단 인증서 라인 */
#main_container .quick_menu_btm{width: 1200px; margin: 0 auto;}
#main_container .quick_menu_btm ul {width: 100%;}
#main_container .quick_menu_btm ul li{float: left;width: 20%;padding:   19px 0 36px 0;}
#main_container .quick_menu_btm ul li a{ display: inline-block;width: 100%; line-height: 43px;text-align: center;}
#main_container .quick_menu_btm ul li a img{vertical-align: middle}

/* require */
.pos_abs {position: absolute; }
.clearfix{clear: both;}


/*
@date 220214
@author 황기석
@desc 특강페이지 나의 특강현황 팝업 css
*/
.speci_view_btn_area {margin-top: 20px;text-align: right;}
.speci_view_btn_area > span{display: inline-block;height: 30px;padding: 0 15px;border-radius: 5px;font-size: 13px;line-height: 30px;color: #fff;text-align: center;cursor: pointer;}
.speci_view_btn_area span.myShowSpeci{background: #31b0d5;}
.speci_view_btn_area span.insertSpeci{background: #448dc7;}
/*
@date 220223
@author 황기석
@desc 특강페이지 버튼영역
*/
.speci_view_btn_area ul.sub_depth { display: inline-block;float: left; }
.speci_view_btn_area ul.sub_depth li{float: left;margin-left: 15px;padding: 5px 30px;border: 1px solid #aaa;border-radius: 30px;box-sizing: border-box;font-size: 14px;font-weight: bold;text-align: center;cursor: pointer }
.speci_view_btn_area ul.sub_depth li:first-child{margin-left: 0!important;}
.speci_view_btn_area ul.sub_depth li.on {background: #333;color: #fff;}

#new-layerPopup{ display: none; position: fixed;top: 0; left: 0; z-index: 100;width: 100%;height: 100%;}
#new-layerPopup .new-overlay{position:fixed;top: 0; left: 0; z-index: 5;width: 100%;height: 100%; background: rgba(0,0,0,0.2);}
#new-layerPopup .new-wrap{ position: fixed;z-index: 10;min-width: 380px;min-height: 250px;border: 1px solid #AAA;border-radius: 8px;background: #fff; box-shadow: 2px 2px 2px #888;}
#new-layerPopup .new-wrap > div {position: relative;height: 100%}
#new-layerPopup .new-wrap ul{margin: 0}
#new-layerPopup .new-wrap li{padding: 5px 0;line-height: 22px;list-style: none;-moz-margin-start: 0;vertical-align: middle;}
#new-layerPopup .new-wrap label{margin: 0;}
#new-layerPopup .new-wrap input[type=radio]{margin: -3px 6px 0 0;}
#new-layerPopup .new-wrap .new-title{position: relative;width: 100%;border-bottom: 1px solid #ccc;border-top-left-radius: 8px;border-top-right-radius: 8px;background: #448dc7; font-size: 18px;line-height: 50px;color: #fff;text-align: center;}
#new-layerPopup .new-wrap .new-title img {position: absolute;right:0;width: 18px;height: 18px;margin: 16px 10px 0 0 ;cursor: pointer}
#new-layerPopup .new-wrap .new-content {overflow:auto;min-height: 250px;padding: 5px 12px 25px 12px}
#new-layerPopup .new-wrap .new-footer {position: absolute;bottom: 0;width: calc(100% - 8px);padding: 8px 4px;border-top: 1px solid #ccc;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;background: #fff;line-height: 25px;text-align: right;}
#new-layerPopup .new-wrap .new-footer button {min-width: 70px;margin-right: 8px;}


/*
@date 220607
@author 황기석
@desc mOTP 관련 CSS
*/
.motp_area {width: 100%;font-size: 14px;}
.motp_area .motp_title {position: relative; padding:0 30px; background:#448dc7;font-size:20px; font-weight:700; line-height:60px; color:#fff;}
.motp_area .motp_title button {display: block;position: absolute;top: 0;right: 0; width: 60px;height: 60px;border: none;background: #448dc7;color: #fff;cursor: pointer;}

/* mOTP 공용 */
.mOTP-user__auth,
.mOTP__inner {width: 100%; max-width: 1000px;margin: 0 auto;}
.mOTP-title__box {margin-bottom: 30px;text-align: center;}
.mOTP-title__box .mOTP-title__desc {display: block;line-height: 1.5;word-break: keep-all;}
.mOTP-title__box .mOTP-title__desc > strong {color: #1573ca;}
.__list-arrow li::before {display: inline-block; content: '';width: 8px;height: 13px;margin-right: 5px;background: url(/images/mOTP/mOTP_arrow.png) no-repeat center;background-size: 80%;vertical-align: middle;}
.mOTP__header {display: table;width: 100%;max-width: 1000px;margin: 0 auto;padding: 20px 0;} 
.mOTP__header .certify-img {display: table-cell;width: 65px;height: 65px;margin: 10px 30px;}
.mOTP__header .info-text {display: table-cell;line-height: 1.3;vertical-align: middle;word-break: keep-all;}
.mOTP-textbox__gray {margin: 0 auto 60px;padding: 30px;border-radius: 20px;background: #f5f5f5;}
.input_area input[type=button].mOTP-btn {display: inline-block;width: 188px;height: auto;padding: 19px 30px;border: 1px solid #1573ca;border-radius: 30px;background: #1573ca;font-size: 18px;font-weight: 800;line-height: 1;color: #fff;cursor: pointer;}
.input_area input[type=button].mOTP-btn.active {border: 1px solid #004686;background: #004686;}

/* mOTP */
.mOTP-numInput {margin-bottom: 26px;color: #1573ca;}
.mOTP-numInput.__center {text-align: center;}
.mOTP-numInput .input_area {display: inline-block;margin-right: 20px;}
.mOTP-numInput .input_area input[type=text] {width: 40px; height: 42px;padding: 8px;border:1px solid #888;border-radius: 4px;font-size: 22px; text-align: center;}
.mOTP-numInput .input_area input[type=text]:focus {border: 2px solid #1573ca;}

.mOTP-desc {padding: 18px;border-radius: 10px;background-color: #fff;font-size: 0.93em;}

.auth-btn__wrap {margin: 3px 0 0 10px;}
.auth-btn {display: inline-block; width: 100%;max-width: 110px;height: 23px;margin-left: 5px; padding: 0 10px;border: 1px solid #8e9599;font-size: 0.92em;line-height: 21px;color: #313538;text-align: center;text-decoration: none;vertical-align: baseline;}
.auth-btn:hover {border: 1px solid #1573ca;color: #1573ca;}

/* mOTP 설치 방법 */
.mOTP-howto .title__box {margin-bottom: 48px;text-align: center;}
.mOTP-howto .title__box .mOTP-title{display: block;margin-bottom: 16px;font-size: 2.4em;font-weight: 800;text-align: center;}
.mOTP-howto .title__box .mOTP-title__desc {display: block;line-height: 1.5;word-break: keep-all;}
.mOTP-howto .title__box .mOTP-title__desc::after {display: block;content: '';width: 10%;height: 1px;margin: 40px auto 20px;background: #d1d1d1;}
.mOTP-howto .title__box .mOTP-title__desc > strong {font-weight: 800;color: #1573ca;}
.mOTP-howto .title__box .mOTP-title__desc .mobile_none {display: inline-block;width: 100%;}

.mOTP-howto .howto-list {width: 100%;margin-bottom: 70px;}
.mOTP-howto .howto-list::after {display: block;content: '';clear: both;}
.mOTP-howto .howto-list .howto-item {margin-bottom: 9em;text-align: center;}

.howto-item .mOTP-title__box {margin-bottom: 30px;}
.howto-item .mOTP-title__box .mOTP-step {margin-right: 0.3em;padding: 0.6em 1em;border-radius: 0.3em;background: #1D69CC;font-size: 1em;font-weight: 800;color: #fff;vertical-align: top;}
.howto-item .mOTP-title__box .mOTP-title {font-size: 1.6em;font-weight: 800;vertical-align: middle;}
.howto-item .mOTP-title__box .mOTP-title__desc {display: block;line-height: 1.5;word-break: keep-all;}
.howto-item .mOTP-title__box .mOTP-title__desc > strong {color: #1573ca;}

.howto-item.__defaultnum {border: 1px solid #c8c8c8;background: #f8f8f8;}
.howto-item.__defaultnum  .mOTP-title__box {height: 44px;margin-bottom: 0;padding: 0 1.3em;background: #989898;line-height: 44px;color: #fff;}
.howto-item.__defaultnum  .mOTP-title__box .icon {width: 24px;vertical-align: middle;}
.howto-item.__defaultnum .mOTP-howto_group {padding: 30px 0;}

.mOTP-howto_group .mOTP-howto_img {display: inline-block;width: 100%;max-width: 550px;margin: 0 auto;	}
.mOTP-howto_group .mOTP-qr {width: 74%;margin-bottom: 20px;}
.mOTP-howto_group.__w280 .mOTP-howto_img {max-width: 280px;margin: 0 2em;}
.mOTP-howto_group .mOTP-howto_img > img {width: 100%;max-width: 100%;border: 1px solid #eaeaea;}
.mOTP-howto_group .mOTP-howto_img .howto-desc {margin-top: 1em;font-size: 1em;line-height: 1.5;word-break: keep-all;}
.mOTP-howto .howto-list .howto-item .howto-desc > strong {font-weight: 800;color: #1573ca;}

/* 모바일에서 설치 링크 */
.mOTP-btn_area {display: none;width: 100%;margin-bottom: 2em;padding: 0px;text-align: center;list-style: none;}
.mOTP-btn_area.on {display: table;}
.mOTP-btn_area .install-link {display: table-cell;width: 50%;padding-right: 0.8em;}
.mOTP-btn_area .install-link:last-child {padding-right: 0;}
.mOTP-btn_area .install-link > a {display: inline-block;width: 100%;padding: 12px 15px;border: 1px solid rgb(196, 196, 196);border-radius: 36px;background: #f8f8f8;font-size: 20px;font-weight: 700;color: #a6a6a6;cursor: pointer;}
.mOTP-btn_area .install-link.current > a {border: 1px solid #1573ca;background: #eef7ff;color: #1573ca;}

/** motp modal */
.motp_modal_pop {display: none;overflow-y: hidden;position: fixed; top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;width: 100%; height: 100%;padding: 20px 0; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 10px 10px 0 rgb(48 49 51 / 7%); opacity: 1;}
.motp_modal_pop .modal { position: absolute;top: 50%;left: 50%; z-index: 9999;transform: translate(-50%, -50%);width: 100%;max-width: 550px;background-color: #fff;}
.motp_modal_pop .modal .modal_header {position: relative;padding: 16px 0;border-bottom: 1px solid #e2e2e2;background-color: #61696f;color: #fff;}
.motp_modal_pop .modal .modal_header .modal_title {padding: 0 20px;font-size: 1.54em;font-weight: 800;}
.motp_modal_pop .modal .modal_header .modal-close_btn {position: absolute;top: 50%;right: 20px;transform: translateY(-50%); width: 18px; height: 18px; padding: 0; border: none; background: transparent; cursor: pointer;}
.motp_modal_pop .modal .modal_header .modal-close_btn img {width: 100%;}
.motp_modal_pop .modal .modal_header .modal-close_btn > span {position: absolute;top: 50%;right: 25%;transform: translate3d(0, -50%, 0) rotate(45deg);width: 50%;height: 1px; background-color: #000;}
.motp_modal_pop .modal .modal_contents {padding: 50px 45px 60px;text-align: center;}
.motp_modal_pop .modal .modal_contents .modal__img-holder {margin-bottom: 18px;text-align: center;}
.motp_modal_pop .modal .modal_contents .modal__text-box {display: flex; justify-content: center;margin-bottom: 20px;text-align: left;word-break: keep-all;}
.motp_modal_pop .modal .modal_contents .alternative-auth__list .alternative-auth__item {margin: 5px 0;}
.motp_modal_pop .modal .modal_contents .alternative-auth__list .alternative-auth__item .alternative-auth__btn {width: 100%;padding: 10px 20px;border: 1px solid #448dc7;border-radius: 20px;background-color: #448dc7;line-height: 1;color: #fff; cursor: pointer;}
.motp_modal_pop .modal .modal_contents .alternative-auth__list .alternative-auth__item .alternative-auth__btn.__gray {border: 1px solid #b6b6b6;background-color: #f4f4f4;color: #818181;}

/**
 * @date 220608
 * @modify 황기석
 * @desc 8주년이벤트 css
 */
/*이벤트 상단 기본 css*/
section.win_top { background: #cde8ff;text-align: center; }
section.win_top .win_chk {min-height: 100px;text-align: center}
section.win_top .win_chk > div {margin-top : -50px;}
section.win_top .win_chk button{ width: 210px;  cursor: pointer;  }
section.win_top .win_ret {display: none;min-height: 50px;}
section.win_top .win_ret > div {margin-top : -50px;}

/*이벤트 하단 기본 css*/
section.more_win_content {padding-top: 50px;background: #feecee;}
section.more_win_content .win_list_tit {font-size: 28px;font-weight: bold;color: #ff5f6e;text-align: center;}
section.more_win_content dl.my {padding-bottom:0; }
section.more_win_content dl.my.winner dd{position: relative;}
section.more_win_content dl.my.winner dd span{padding-left: 40px;}
section.more_win_content dl.my.winner dd span:before {display: inline-block;content: "";position: absolute;top: 12px;left:12px;width: 35px;height: 25px; background: url(/images/con220608/pc_crown.png) no-repeat;background-size:contain ; }
section.more_win_content dl.edu {padding-top: 8px; padding-bottom:25px;}
section.more_win_content .btn_area{padding-bottom: 50px;text-align: center;}

/* paging css override */
section.more_win_content .board_paging {margin-bottom: 15px;}
section.more_win_content .board_paging .first
, section.more_win_content .board_paging .last {border: none; background: none;font-weight: bold;color:#333;}
section.more_win_content .board_paging .current {border-color: #ff5f6e!important;background: #ff5f6e!important;}
section.more_win_content .board_paging a {border: none!important;cursor: pointer}

/*이벤트 당첨 리스트 공용 css*/
.win_ret_content{padding-bottom: 0;}
.win_ret_content > p {margin-bottom: 15px;font-size: 20px;font-weight: bold;}
.win_ret_content dl {padding: 15px 50px;}
.win_ret_content dl dt {margin-bottom: 5px;font-size: 16px;font-weight: bold;}
.win_ret_content dl dd {display: inline-block;width: 90%;padding: 15px;border: 1px solid #ddd;border-radius: 10px;box-sizing: border-box;background: #fff}
.win_ret_content dl dd span {display: inline-block;margin-bottom: 10px;}
.win_ret_content dl dd span a {font-weight: bold}
.win_ret_content dl dd div {line-height: 25px;text-align: left;}
.win_ret_content dl.my {text-align: left;}
.win_ret_content dl.my dd {margin-right:auto;}
.win_ret_content dl.my dt {margin-left: 10px;}
.win_ret_content dl.edu {text-align: right;}
.win_ret_content dl.edu dt {margin-right: 10px;}
.win_ret_content dl.edu dd {position: relative;min-height: 140px;margin-left:auto;background: #f1f9ff;}
.win_ret_content dl.edu dd div {width: 550px;}
.win_ret_content dl.edu dd div:after {display: inline-block;content: "";position: absolute;top: calc(50% - 50px);right:20px;width: 100px;height: 100px; background: url(/images/con220608/pc_educare_logo.png) no-repeat;background-size:contain ; }
.win_ret_content dl.etc_discuss dd {width: 100% !important;}

/* 220623 학습장애해결 */
.error .error_sec02 > div.error_type01 > .gry_box.__chrome {margin-bottom: 20px;}
.error .error_sec02 > div.error_type01 > .gry_box .chrome_link { display: flex; align-items: center;}
.error .error_sec02 > div.error_type01 > .gry_box .chrome_link .chrome_img {width: 40px; margin-right: 10px;}
.error .error_sec02 > div.error_type01 > .gry_box .chrome_link > strong:hover {color: #448dc7;text-decoration: underline;}

/** 수강후기 공모전 - 공통*/
.pointcolor__dd4210 {color: #dd4210 !important;}

.attend_reivew .tab-contents { position: relative;color: #222;}
.tab-contents .event_end{position:absolute; top:0; left:0; z-index:9; width:100%; height:100%; background:rgba(255,255,255,.6);}
.tab-contents .event_end h2{position:relative; top:50%; font-size:30px; font-weight:800; color:#448dc7; text-align:center;}

.attend_review__maincover {width: 100%;}
.attend_reivew__selectbox {position: absolute;top:60px;left:1000px;}
.attend_reivew__selectbox > select {width: 190px;}

.attend_reivew ul.tab01 {margin-bottom: 10px;}
.attend_reivew ul.tab01 li{width:33.333%;cursor: pointer;}
.attend_reivew ul.tab01 li span{ display:block;position:relative; font-size:16px; font-weight:700; line-height:60px; color:#666; text-align:center;}
.attend_reivew ul.tab01 li.on span{color:#448dc7;}
.attend_reivew ul.tab01 li.on span:after{ display:block;content:""; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#448dc7;}

.attend_reivew .tab-contents {display: none;}
.attend_reivew .tab-contents.on {display: block;}

.review-info__list {padding: 0 28px 0;}
.review-info__list .review-info__item {margin-bottom: 20px;}
.review-info__list .review-info__item .review-info__subtitle {display:inline-block; width: 130px; margin-right: 18px; padding: 2px 0; border: 2px solid #795d59; border-radius: 20px; background-color: #fff; font-size: 20px; font-weight: bold; color: #795d59; text-align: center;}
.review-info__list .review-info__item .review-info__desc {display: inline-block; width: calc(100% - 130px - 56px); margin-top: 3px; font-size: 18px; font-weight: bold; line-height: 1.8; word-break: keep-all;}
.review-info__list .review-info__item .review-info__desc > p > i {font-size: 13px; color: #666666; vertical-align: baseline;}

/** 수강후기 공모전 - 응모방법 및 안내  */
.attend_review-info {position: relative; height: 1302px;background: url(/story/images/attend_review_02.jpg) no-repeat;background-size: 100%;}
.attend_review-contents, .reivew-receive-contents {width: 800px;height: 100%;margin: 0 auto;}

.review-schedule__table { width:100%; margin:0 auto 92px; padding-top: 136px; text-align: center; border-collapse: unset; border-spacing: 2px;}
.review-schedule__table th {height:40px; background-color: #795d59; font-size: 20px; font-weight: bold; color: #fff;}
.review-schedule__table th,
.review-schedule__table td {border: 1px solid transparent; vertical-align: middle;}
.review-schedule__table td {height:70px; background-color: #fff; font-size: 18px; color: #222222;}

.cardnews-ex__list {display: flex;justify-content: center;align-items: center; margin-bottom: 30px; font-weight: 400;}
.cardnews-ex__list .cardnews-ex__item {width: 120px; height: 120px; margin-top: 8px; margin-right: 14px; text-align: center;}
.cardnews-ex__list .cardnews-ex__item .img-holder {display: inline-block; overflow: hidden; width: 100%; height:100%;border-radius: 10px;}
.cardnews-ex__list .cardnews-ex__item .img-holder:not(:last-child) {border: 1px solid #efefef;}
.cardnews-ex__list .cardnews-ex__item .img-holder img {width: 100%;}
.cardnews-ex__list .cardnews-ex__item .ex-text {display: inline-block; margin-top: 5px;font-size: 16px;}

.awards__table {width: 100%;border-top: 2px solid #84b6a2;color: #222;text-align: center;}
.awards__table thead {background-color: #d8eee5;}
.awards__table thead tr th,
.awards__table tbody tr td {width: calc(100% / 3);height: 34px;}
.awards__table thead tr th:not(:last-child) {border-right: 1px solid #fff;}
.awards__table tbody tr td {border-bottom: 1px solid #d6d6d6; font-weight: 400;}
.awards__table tbody tr td:not(:last-child) {border-right: 1px solid #d6d6d6;}

.modal_box.modal_cardnews-ex_01 .content,
.modal_box.modal_cardnews-ex_02 .content,
.modal_box.modal_cardnews-ex_03 .content,
.modal_box.modal_cardnews-ex_04 .content {padding: 0 0;}
.modal_box .content .cardnewEx-img {max-width: 720px;}
.modal_box .content .cardnewEx-img > img {width: 100%;}

#cardnews-ex_01Modal,
#cardnews-ex_02Modal,
#cardnews-ex_03Modal,
#cardnews-ex_04Modal {transform: translateX(-50%);width: 720px;height: 720px;max-height: 780px;margin-top: -366.5px;margin-left: 0;}

/** 수강후기 공모전 - 접수하기  */
.review-receive {position: relative; height: 1642px;background: url(/story/images/review-receive_01.jpg) no-repeat;background-size: 100%;}
.review-receive .reivew-receive-contents {padding-top: 120px;}
.reivew-receive-contents .review-info__list .review-info__item .review-info__desc {width: calc(100% - 130px - 39px);}

.review-notice { padding: 20px 28px; border: 1px solid #fff9f0; background: #fff9f0;}

.reivew-receive-contents .form_area {margin: 0 auto; padding: 0 28px;}
.reivew-receive-contents .form_area .review_input {width: 70%;}
.reivew-receive-contents .form_area .fildset .fildset_box {margin-top: 20px; padding: 20px 28px; border: 1px solid #f0f0f0;background: #fff; letter-spacing: -0.5px; word-break: keep-all;}
.reivew-receive-contents .form_area .fildset .fildset_box.-gry {background: #f0f0f0;}
.reivew-receive-contents .form_area .fildset .fildset_box .fildset-title,
.reivew-receive-contents .form_area .review-notice .fildeset_box .fildset-title {display: block; margin-bottom: 14px; font-size: 16px; font-weight: bold;}
.reivew-receive-contents .form_area .fildset .fildset_box .indent {margin-left: 7px;}
.reivew-receive-contents .form_area .checkbox_wrap { margin-top: 16px;text-align: right;}
.reivew-receive-contents .form_area .checkbox_wrap label {font-size: 14px; font-weight: 400; color: #444;}

.reivew-receive-contents .review_input {width: 100%; height: calc(38px - 14px); padding: 6px 6px 6px 6px; border: 1px solid #a7a7a7; font-size: 18px; font-weight: 700; color: #222;}
.reivew-receive-contents .file_form input[type='file'] {position: absolute; top: 0;left: 0;right: 0;bottom: 0;z-index: 10;width: 100%; height: 100%;opacity: 0;}
.reivew-receive-contents .file_form {display: inline-block;position: relative;width: 100%;}
.reivew-receive-contents .file_form .review_input {display: block; overflow: hidden; width: 70.5%; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;}
.reivew-receive-contents .file_form .review_input::after {content: '파일선택';position: absolute;top: 0;right: -14px; width: 160px; height:38px; background-color: #a7a7a7; line-height: 38px;color: #fff; text-align: center;}

.review-file-submit__btn {width: 300px; height: 56px; margin-top: 40px; border: 1px solid #c65a5a; border-radius: 5px; background-color: #c65a5a; font-size: 28px; line-height: 56px; color: #fff; text-align: center;}
.review-instead__btn { height: 56px; margin-top: 40px;  font-size: 15px; line-height: 56px; color: #c65a5a; text-align: center;}

/** 수강후기 공모전 - 발표하기  */
.review-awards {position: relative; height: 2716px; background: url(/story/images/review-awards_02.jpg) no-repeat;background-size: 100%;}
.reivew-awards-contents {padding-top: 120px;}

.review-awards .review-awards__tb {width: 765px;margin: 0 auto; padding-top: 120px; border-top:1px solid #ddd;font-size:13px; color: #666;}
.review-awards .review-awards__tb thead th{padding:12px;border:1px solid #ddd;background: #f9f9f9; font-weight: bold; text-align: center; vertical-align:middle;}
.review-awards .review-awards__tb thead th:first-child,
.review-awards .review-awards__tb tbody td:first-child {border-left: none;}
.review-awards .review-awards__tb thead th:last-child,
.review-awards .review-awards__tb tbody td:last-child {border-right: none;}
.review-awards .review-awards__tb tbody td{padding:12px 10px; border:1px solid #ddd; border-top: none; text-align:center; vertical-align:middle; word-break: keep-all;}


.review-awards .review-awards__tb tbody td.align_left {text-align:left;}
.review-awards .review-awards__tb tbody td.border_left_none {border-left:none;}
.review-awards .review-awards__tb tbody td.border_right_none {border-right:none;}
.review-awards .review-awards__tb tbody td.border_left {border-left:1px solid #ddd;}
.review-awards .review-awards__tb tbody td.pd0 {padding:0;}
.review-awards .review-awards__tb .sec_table_btn{width:auto; min-width:60px; padding:7px 10px 7px !important;}
.review-awards .review-awards__tb tbody td.sec_table_empty p{padding:87px 0 86px;}
.review-awards .review-awards__tb.border_top {border-top:1px solid #ddd;}

.review-awards .review-awards__tb .sample {position: relative; width: 100px; height: 100px;}
.review-awards .review-awards__tb .sample .sample_img {width: 100%; border-radius:10px}
.review-awards .review-awards__tb .sample .sample_blind { position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background:#000;opacity:0;transition:all .3s linear;cursor:pointer; }
.review-awards .review-awards__tb .sample:hover .sample_blind { opacity:0.4; }
.review-awards .review-awards__tb .sample .sample_zoom { position:absolute;top:35px;left:35px;transform:scale(1.5);width:30px;height:30px;opacity:0; transition:all .3s linear;cursor:pointer; }
.review-awards .review-awards__tb .sample .sample_zoom > span  { font-size:30px;font-weight:600;color:#fff; }
.review-awards .review-awards__tb .sample:hover .sample_zoom {transform:scale(1); opacity:1;}

.modal.review-awards_modal {transform: translateX(-50%);width: 720px;height: 720px;max-height: 780px;margin-top: -366.5px;margin-left: 0;}
.modal.review-awards_modal > img {width: 100%; max-width: 100%;}
.modal.review-awards_modal .content {padding: 0 0;}

/** 시스템 점검 */
.sys-chk__wrap {width: 100vw;height: 100vh;position: relative; background: url(/images/notice/sys-chk_main-bg.jpg) no-repeat 100% 100%; background-size: cover;word-break: keep-all;}
.sys-chk__wrap:before {content: '';position: absolute;width: 100%; height: 100%;background: rgb(0 0 0 / 55%);}
.sys-chk__wrap p {margin: 0;}
.sys-chk__contents {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); width: 39%;border: 2px solid #e10c0c ;border-radius: 1.2em;overflow: hidden;background: #f8f8f8;text-align: center;}
.sys-chk__title {background:#e10c0c  url(/images/notice/alarm_ico.svg) no-repeat top 27px center;background-size: 10%;}
.sys-chk__title {padding: 15% 0 4%;font-size: 30px;font-weight: bold;text-align: center;color: #fff;}
.sys-chk__title p {margin: 0;}
.sys-chk__title p + p {margin: 0.5em 0 2%;font-size: 0.5em;font-weight: normal;}

.sys-chk__text {width: 80%;padding: 5% 4%;margin: -2% auto 4%;background: #fff;border-radius: 0.25em;box-shadow: 0 0 6px 1px rgb(118 118 118 / 28%);}
.sys-chk__text .sys-chk__term {border: 1px solid #ccc;border-radius: 0.25em;padding: 1em; margin: 0.7em 0; text-align: left; font-weight: bold;}
.sys-chk__text .sys-chk__term > p:not(:last-child) {margin-bottom: 0.25em;}
.sys-chk__text .sys-chk__term > p > b {display: inline-block;padding: 0.25em 0.5em;margin-right: 0.5em;background: #8f8f8f ;color: #fff;border-radius: 1.5em;vertical-align: baseline;}
.sys-chk__text .sys-chk__term > p > span {font-style: normal;vertical-align: baseline;}
.sys-chk__info {font-size: 0.8em;line-height: 1.5;}
.sys-chk__info > span {display: inline-block; vertical-align: baseline;}
.sys-chk__info > span:not(:last-child) {margin-right: 0.8em;}
.sys-chk__info > span > em {display: inline-block;margin-right: 0.25em;font-style: normal;font-weight: bold;vertical-align: baseline; color: #000;}

@media only screen and (max-width: 1024px) {
  .sys-chk__wrap {background: none;position: absolute;top: 50%;transform: translateY(-50%);overflow: hidden;}
  .sys-chk__wrap:before {background: none;}
  .sys-chk__contents {width: 95%;}
  .sys-chk__title {font-size: 50px;}
  
  .sys-chk__text {font-size: 1.8em; line-height: 1.2;}
  .sys-chk__text .sys-chk__term > p:not(:last-child) {margin-bottom: 0.65em;}
  .sys-chk__text .sys-chk__term > p > b {display: block;width: 18%;text-align: center;}
  .sys-chk__text .sys-chk__term > p > span {font-size: 1.06em; vertical-align: middle;}

  .sys-chk__info {font-size: 0.9em;}
}