/* 서브 타이틀 및 공통내용 */
.sub_tit{ text-align: center; padding-bottom: 40px;}
.sub_tit b{ font-size: 30px; display: block;}
.sub_tit span{ color: #777777;}
.sub_con_wp{ margin: 0 auto 100px;}
button.btn, a.btn{ border: 1px solid #d0d3e2; background: #fff; padding: 5px 10px; display: inline-block; cursor:pointer}
button.btn:hover, a.btn:hover{background:#555; color:#fff; transition: all 0.3s ease-in;}
.btn.btn_line_blue{border:1px solid #13345e; color:#13345e}
.btn.btn_line_blue:hover{background:#13345e; color:#fff; transition: all 0.3s ease-in;}
.btn.btn_line_red{border:1px solid #ef2714; color:#ef2714}
.btn.btn_line_red:hover{background:#ef2714; color:#fff; transition: all 0.3s ease-in;}
.btn.btn_bg_blue{border:1px solid #1C67D8; color:#fff;background:#1C67D8}
.btn.btn_bg_blue:hover{border:1px solid #1456AA; background:#1456AA; transition: all 0.3s ease-in;}
.btn.btn_bg_red{border:1px solid #ef2714; color:#fff;background:#ef2714}
.btn.btn.btn_bg_red:hover{border:1px solid #df3333; background:#df3333; transition: all 0.3s ease-in;}
.btn.btn_bg_gray{border:1px solid #888; color:#fff;background:#888}
.btn.btn_bg_gray:hover{border:1px solid #888; color:#fff;background:#888}


.tab-menu ul {display: flex;list-style: none;padding: 0;margin: 0;}
.tab-menu li {padding: 10px 20px;cursor: pointer;background: #edf5ff; margin-right: 5px; border-radius: 50px; color: #1d5499; border: 1px solid #d0d3e2;}
.tab-menu li.active {background: #13345e; color: #FFF;}
.tab-content .tab-item {display: none;}
.tab-content .tab-item.active {display: block;}

/* sub nav */
.sub__nav {position: relative;float: left;width: 210px;}
.sub__nav .docu__tit {width: 100%;height: 130px; margin-top: 50px; display: flex; justify-content: center; justify-content: center;  align-items: center;  background: #1fa8f5;}
.sub__nav .docu__tit h2 { width: 100%;font-size: 24px;text-align: center; color:#fff}
.sub__nav > ul {border: 1px solid #cbcedb;}
.sub__nav-item {}
.sub__nav-item.type-board + .sub__nav-item.type-board {padding-top: 0;}
.sub__nav-item.type-normal + .sub__nav-item.type-normal {padding-top: 0;}
.sub__nav-item.type-ori {border-top: 1px solid #cbcedb;border-bottom: 1px solid #cbcedb;}
.sub__nav-item a {position: relative;display: block;padding: 10px; align-items: center; display: flex; justify-content: space-between;transition: all 0.3s;}
.sub__nav-item a:hover{color: #1fa8f5;}
.sub__nav-item.active a {font-weight: 700;color: #1fa8f5;}

.sub__nav-item.toggle a.toggle-btn:after {content: ''; display: inline-block;width: 12px;height: 7px;background-repeat: no-repeat;background-position: center center;background-image: url('/images/common/ic_snb_expand_open.png');}
.sub__nav-item.toggle.current {padding-bottom: 0;}
.sub__nav-item.toggle.current a.toggle-btn:after {background-image: url('/images/common/ic_snb_expand_close.png');}
.sub__nav-item.toggle li:first-of-type {border-top: 1px solid #cbcedb;}
.sub__nav-item.toggle li:last-of-type{border-bottom: 1px solid #cbcedb;}
.sub__nav-item.toggle li a {padding: 10px;font-size: 14px;color: #363636;}
.sub__nav-item.toggle li a label{ align-items: center;}
.sub__nav-item.toggle li.active a {font-weight: 700;background: #e6e8f1;}

/* toggle */
.toggle {
}
.toggle .toggle-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	background: #fff; /* 초기 배경색 */
	-webkit-transition: max-height 0.3s ease-in-out, background-color 0.4s ease-in-out;
	-moz-transition: max-height 0.3s ease-in-out, background-color 0.4s ease-in-out;
	-ms-transition: max-height 0.3s ease-in-out, background-color 0.4s ease-in-out;
	transition: max-height 0.3s ease-in-out, background-color 0.4s ease-in-out;
}

.toggle.current .toggle-content {
	max-height: 300px;
	background: #f6f8ff;
}


/* sub inner */
.sub__inner.sub__inner100{width:100%}
.sub__nav + .sub__inner {float: right;margin: 0;margin-bottom:50px}
.sub__inner{position: relative;width: 1000px;margin: 0 auto;padding-top: 160px;}
.sub__inner:has(.page__tit > h3 > span+p){padding-top: 180px;}
.sub__inner .page__tit {position: absolute;top: 0;left: 0;width: 100%;height: 130px; margin-top: 50px;padding-left:0}
.sub__inner .page__tit h3 {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); max-width: 80%;}
.sub__inner .page__tit h3 ul {overflow: hidden;padding: 5px 0;}
.sub__inner .page__tit h3 ul li {float: left;margin-left: 8px;padding-left: 8px;font-family: 'Nanum Gothic';font-size: 15px;font-weight: 700;line-height: 1;border-left: 1px solid #cbcedb;}
.sub__inner .page__tit h3 ul li:first-of-type {margin-left: 0;padding-left: 0;border-left: 0;}
.sub__inner .page__tit h3 a {display: inline-block;margin: 0 20px;opacity: 0.5;}
.sub__inner .page__tit h3 a.current {opacity: 1;}
.page__tit+.border-top{border-top:1px solid #cbcedb;}
.sub__inner > .border-top{padding-top:16px;}

/* 로그인 */
.main__login {position: absolute;top: 30px;right: 60px;width: 250px;padding: 20px 24px;background: #fff;border-radius: 6px;box-shadow: 0px 3px 10px rgba(0,0,0,0.15);z-index: 99;}
.main__user {position: absolute;top: 30px;right: 60px;width: 250px;padding: 0;background: #fff;border-radius: 6px;box-shadow: 0px 3px 10px rgba(0,0,0,0.15);z-index: 99;}
.login__head {padding: 28px 0 20px;text-align: center;border-bottom: 1px solid #c61705;}
.login__head .logo {display: inline-block;vertical-align: middle;width: 144px;height: 34px;background: url('/images/common/ico_gnb_logo02.png') no-repeat center center;}
.login__head + .login__form {margin-top: 40px;}
.logon_in_wp{ display: flex; justify-content: space-between;}
.login_logo_bg{width:45%; background: url('/images/common/login_bg.jpg') no-repeat; background-size: 100%; display: flex; align-items: center;  justify-content: center;}
.login__form .login_tit{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 25px; font-size: 30px;}
.login__form .login_tit img{width:30px; cursor: pointer;}
.login__form {width: 50%;}
.login__form-group {margin-bottom: 10px;}
.login__form-group input {height: 36px;padding: 0 8px;font-size: 14px;color: #e64d3e;border-radius: 5px; border:0}
.login__form-remember {padding: 0 8px; display: flex;   justify-content: space-between;}
.login__form-remember a{font-size: 12px; color: #8f8f8f;text-decoration: underline;}
.login__form-remember .form-box.small input[type=checkbox] + label {font-size: 12px;color: #8f8f8f;}
.login__btn {width: 100%;margin-top: 40px;}
.login__btn button {height: 42px;line-height: 40px;border-radius: 6px; background: #13345E; width: 100%; color: #fff;}
.login__link {overflow: hidden;margin-top: 10px;}
.login__link .idpw-search {display: inline-block;float: left;font-size: 12px;color: #8f8f8f;}
.login__link .sign-up {display: inline-block;float: right;font-size: 12px;color: #cc2e6a;}
.pw-wrap {position: relative;}
.toggle-password {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);width: 20px;height: 20px;cursor: pointer;}
.desktop-pop-search{margin:20px 0; display: flex; justify-content: center;}

/* modal mini*/
.modal_min_popup {display: none; /* 처음엔 숨김 */position: fixed;top: 50%;left: 50%;width: 30%; max-width: 500px; padding: 20px;background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.3);transform: translate(-50%, -50%);z-index: 1001;}
.modal_min_txt_box{ padding-bottom: 20px;}
.modal_min_txt_box b{ padding: 20px 0 10px; display: block;}
.modal_min_txt_box p{ font-size: 15px;}
.modal_login_header{ text-align: center;}
.modal_login_header .modal__tit{ display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.modal_login_header .modal__tit img{width: 30px; opacity: 0.8; cursor: pointer;}


/* modal */
.modal {position: relative;display: none;z-index: 100;}
.modal.fade {display: block; }
.modal__overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.6);z-index: 9998;}
.modal__open {cursor: pointer;}
.modal__content {position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-height: 120px;padding: 15px 15px 15px 15px;background: #fff;border: 1px solid #707070;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);z-index: 9999;}
.modal__content.w900 {width:80%; max-width: 1920px;min-width: 500px;}
.modal__content.w860 {width:50%;max-width: 860px;min-width: 500px;}
.modal__content.w760 {width:50%;max-width: 760px;min-width: 500px;}
.modal__content.w640 {width:50%;max-width: 640px;min-width: 500px;}
.modal__content.w560 {width:40%; max-width: 560px;min-width: 500px;}
.modal__content.w520 {width:40%; max-width: 520px;min-width: 500px;}
.modal__content.w460 {width:30%; max-width: 460px;min-width: 300px;}
.modal__content.w420 {width:30%;max-width: 420px;min-width: 300px;}
.modal__header .c-btn:not(.modal__overlay) {position: relative; display: inline-block; width: 25px;height: 25px;text-indent: -9999px;}
.modal__header .c-btn:not(.modal__overlay):before,
.modal__header .c-btn:not(.modal__overlay):after {content: '';position: absolute;top: 7px;left: 0;display: inline-block;width: 100%;height: 2px;background: #000;}
.modal__header .c-btn:not(.modal__overlay):before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.modal__header .c-btn:not(.modal__overlay):after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
.modal__header{ display: flex; align-items: center; justify-content: space-between;}
.modal__header h4{ font-size: 20px; padding: 10px 0;}

.modal__header .modal__tit{ font-size: 20px; font-weight: bold;}

.modal__title {font-size: 20px;font-weight: 700;text-align: center;}
.modal__title.small {margin-top: 40px;font-size: 16px;font-weight: 500;}
.modal__title.small .red {font-size: 14px;font-weight: 500;}
.modal__subTitle {margin-top: 20px;font-size: 14px;font-weight: 400;}
.modal__body {max-height: 620px;overflow-y: auto;margin-right: -10px;padding-right: 2px;}


/* -webkit-scroll */
.modal__body::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid #fff;}
.modal__body::-webkit-scrollbar-button:start:decrement,
.modal__body::-webkit-scrollbar-button:end:increment {display: block;height: 10px;background: #efefef;}
.modal__body::-webkit-scrollbar-track {background: #efefef;-webkit-border-radius: 10px;border-radius:10px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.5);box-shadow: inset 0 0 4px rgba(0,0,0,.5);}
.modal__body::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0,0,0,.6);-webkit-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);box-shadow: inset 0 0 4px rgba(0,0,0,.1);}
.modal__footer {text-align: center;font-size: 0;}
.modal__footer .c-btn {border-radius: 5px;}
.modal__footer [class*='btn--type'] {min-width: 120px;}
.modal__footer [class*='btn--type'] + [class*='btn--type'] {/* margin-left: 4px; */}
.member .modal__footer [class*='btn--type'] {	min-width: 120px;	}

/* 로컬 경로 lnb */
#location > article > nav > a > img{ width:22px; margin-top:2px;}
.stickyMenu {position:absolute;bottom:0;  z-index: 10; padding:35px 0 20px; width:100%;  box-sizing:border-box;}
.stickyMenu .lnb{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.lnb .lnbHome {display:block; vertical-align:top; position:relative; top:-2px;}
.lnb .box {position:relative; display:block; box-sizing:border-box; vertical-align:top;height:26px;line-height:26px; margin-left:40px;}
.lnb .dep1 {margin-left:40px;}

.lnb .txt, .lnb .dropLst li span, .lnb .dropLst > a {display:block; line-height:1;  box-sizing:border-box; color:#fff; font-size:1rem; letter-spacing:-0.7pt;}
.lnb .dropLst > a {line-height:26px;padding-right:40px;}
.lnb .box .txt:after {content:''; width:1px; height:15px; background:rgba(255,255,255,0.5); position:absolute; top:6px; left:-20px;}

.lnb .box .title:before {content: ""; position: absolute; top:3px; right:0; width:17px; height:17px; border: 1px solid #ddd; background: url("/images/common/lnbArrow.png")no-repeat center; background-size: 17px; transform:rotate(0);border-radius:100%; transition:all 0.2s linear; background-position:center !important;}
.lnb .box .title.on:before {transform:rotate(180deg); transition:all 0.2s linear;}

.lnb .box .dropLst ul {padding:12px 15px 6px; background:#fff; box-shadow:rgb(0 0 0 / 15%) 0 3px 15px;}
.lnb .box .dropLst ul li {margin:0 0 13px; line-height:1;}
.lnb .box .dropLst ul li:last-child {margin:0;}
.lnb .box .dropLst ul li a {font-size:15px; letter-spacing:-0.7pt; line-height:1; font-weight:400;}
.lnb .box .dropLst li .value {width:100%; display: block; line-height: 1.2; border:none; z-index:1000; box-sizing:border-box; letter-spacing:-0.5pt;}

.lnb .dropLst {width:100%; box-sizing: border-box; position:relative; text-align:left !important;}
.lnb .dropLst .dlst {width:100%; position:absolute; top:35px; right:-45px;z-index:1005; border:1px solid #ddd; border-radius:10px; width:200px; overflow:hidden; display:none; box-shadow:8px 8px 15px rgb(0 0 0 / 8%);}
.lnb .dropLst .dlst ul {border:none; padding:20px; box-sizing:border-box; max-height:400px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#fff;}
.lnb .dropLst .dlst li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden;}
.lnb .dropLst .dlst li a {letter-spacing:-0.7pt; transition:all 0.3s linear;}

/* 내 강의실 */
.course__wrap {border-top: 1px solid #2a2f3e;}
.course__divi {display: flex; justify-content: space-between; border-top: 1px solid #13345e; border-right: 0;}
.course__divi .course_con_wp {width: 33.34%;overflow: hidden; }

.course__divi .course_con_wp .course_tit { text-align: center; font-size: 20px; padding: 20px 0 15px; display: flex; align-items: center; justify-content: center; padding-left: 5px; background: #e9eaef; }
.course__divi .course_con_wp .course_tit h5{color: #2a2f3e;padding-left: 5px;}
.course__divi .course_con_wp .course_txt_box {min-height: 150px; display: flex;  flex-direction: column; align-items: center; justify-content: center;}
.course__divi .course_con_wp .course_txt_box b{ display: block; padding: 0 0 10px; font-size: 23px; color: #e64d3e;}
.course__divi .course_con_wp .course_txt_box >  span{ color: #aaa; font-size: 14px;}
.course__divi .course_con_wp .course_txt_box ul{ padding: 20px 0 10px; display: flex;  justify-content: center;}
.course__divi .course_con_wp .course_txt_box ul li{}
.course__divi .course_con_wp .course_txt_box ul li span{ background: #eee; border-radius: 50px; width: 30px; height: 30px; display: flex;  align-items: center;  justify-content: center; margin: 0 5px; font-size: 15px;  font-weight: bold;}
.course__divi .course_con_wp .course_txt_box ul li span.on{background:#13345E; color:#fff}

.course_tab_wp{ background: #edf5ff; padding: 30px; margin-bottom:50px}
.course_tab_wp .tab__menu{padding: 30px 0 0; }
.course_tab_wp .tab__menu-item{ opacity: 0.5; border-bottom: 1px solid #ddd;}
.course_tab_wp .tab__menu-item span{ font-size: 20px; padding: 10px 0; display: block; font-weight: bold;}
.course_tab_wp .tab__menu-item.current{opacity:1;  border-bottom: 1px solid #fff;background: #fff; transition: all 0.5s ease-in;}
.course_tab_wp .tab__menu-item.current span{color:#13345e; }
.course_tab_wp .tab__menu-item:before{ background: #13345e; width:0; height:5px; display:block; content:"";}
.course_tab_wp .tab__menu-item.current:before{ background: #13345e; width:100%; height:5px;  content:""; transition: all 0.3s ease-in;}
.course_tab_wp .lecture_list_wp.list-type{ display: flex; justify-content: center; margin: 0; padding: 30px;}
.course_tab_wp .lecture_list_wp.list-type .lecture_con_wp { box-shadow: none; background: #fff; cursor: pointer; border: 1px solid #d0d3e2;}
.course_tab_wp .tab__panel{background:#fff; min-height: 150px;}
.course_tab_wp .tab-menu3{display: flex; justify-content: center; padding: 25px 0 0}


.calendar__wrap {display: flex; justify-content: space-between; padding-top:20px}
.calendar__wrap .calendar_wp{ width: 70%; margin-bottom:50px}
.calendar__wrap .calendar_txt_box{ width: 28%;}
.calendar__wrap .calendar_txt_box .calendar_txt_day{padding: 20px 0;text-align: center;background: #76818d;color: #fff;font-weight: bold;}
.calendar__wrap .calendar_txt_box  .calendar_txt_list{height: 500px; overflow-y: auto;  border: 1px solid #ddd;  box-sizing: border-box;}
.calendar__wrap .calendar_txt_box  .calendar_txt_list li{ display: flex; padding: 10px 0;}
.calendar__wrap .calendar_txt_box .calendar_txt_list li a small{ color: #aaa; display: block;}
.calendar__wrap .calendar_txt_box  .calendar_txt_list a{ width: 95%;}
.calendar__wrap .calendar_txt_box  .calendar_txt_list li > span{width: 5%; max-width: 10px; height: 10px;  border-radius: 20px; display: block; margin: 7px;}
.calendar_ft{display: flex; margin-top: 20px;}
.calendar_ft p{ display: flex; align-items: center; margin-right: 20px;}
.calendar_ft span{ width: 20px; height: 20px; display: block; border-radius: 20px; margin-right:10px}
.face_non{background: #3788d8;}
.face_on{ background: #e64d3e;}



.basic_tab_wp{ margin-bottom:50px}
.basic_tab_wp .tab__menu{padding: 20px 0; display: flex; }
.basic_tab_wp .tab__menu-item{ color: #2a2f3e; padding: 10px 20px; position: relative;background:#eee; border-radius: 50px; margin-right:10px }
.basic_tab_wp .tab__menu-item.current{ background: #444; color:#fff}
.basic_tab_wp .tab__menu-item.current .tab__menu-item_tit{display: inline-block; cursor: pointer; }
.basic_tab_wp .tab__menu-item:after .tab__menu-item_tit{ background: #13345e; width:0; height:5px; display:block; content:"";}
/*.basic_tab_wp .tab__menu-item.current .tab__menu-item_tit:after{ content: ""; position: absolute; bottom: -5px; left: 50%; display: inline-block; width: 0; height: 0; margin-left: -5px;    border-top: 5px solid #444; border-right: 5px solid transparent; border-left: 5px solid transparent; z-index: 5}*/

.basic_tab_wp .lecture_list_wp.list-type{ display: flex; justify-content: center;}
.basic_tab_wp .lecture_list_wp.list-type .lecture_con_wp {  padding: 25px; background: #fff;}

.basics_bar_graph_wp{}
.basics_bar_graph_wp .basics_bar_top_txt{ text-align: left; width: 100%; display: block; font-weight: bold; margin-bottom: 5px;}
.basics_bar_graph_wp .basics_bar_ft_txt{ display: flex; justify-content: space-between; padding-top: 5px; font-size: 13px;}
.basics_bar_graph_wp .bar_graph{ width: 100%; position: relative; height: 5px;}
.basics_bar_graph_wp .bar_graph .graph_color{position: absolute;  background: #888; border-radius: 5px;display: block; height: 5px; z-index: 1; transition: all 0.5s ease-in;}
.basics_bar_graph_wp .bar_graph .graph_bg{ position: absolute;  background: #ddd; border-radius: 5px;width: 100%;  display: block; height: 5px;}

.icon_basics_min img{ width: 25px; opacity: 0.2;}
.icon_basics_min img.on{opacity:1}
.lecture_more_top{ width: 95%;  margin: 30px auto;}
.lecture_more_top .lecture_list_wp.list-type .lecture_img{ width: 40%;}
.lecture_more_top .lecture_list_wp.list-type .lecture_info_wp{ width: 58%;}
.lecture_more_list{ margin-bottom: 50px;}
.lecture_more_list .lecture_more_bt{margin-bottom:0}

.top_bt_right{ display: flex; justify-content: flex-end; width: 95%;  margin: 0 auto 30px;}
.top_bt_right .btn{  margin-left: 10px; padding: 10px 15px; font-size: 15px;}

.my_notice_wp{ display: flex; justify-content: space-between;margin-bottom:50px}
.my_notice_wp .my_notice_con{width:48%; border-bottom: 1px solid #ddd;}
.my_notice_wp .my_notice_con .my_notice_tit{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.my_notice_wp .my_notice_con .my_notice_tit .more{ font-size: 15px; font-weight: bold;}
.my_notice_wp .my_notice_con .my_notice_tit .more img{width:20px}
.my_notice_tit h4{font-size: 20px;  display: flex; align-items: center;}
.my_notice_tit h4:before{content:""; width:5px; height:19px; background: #13345E; display:inline-block; margin-right: 15px;}
.my_notice_wp .my_notice_con ul{ min-height: 300px;}
.my_notice_wp .my_notice_con ul li{ display: flex; align-items: center; padding: 10px 0;}
.my_notice_wp .my_notice_con ul li a{ width: auto;max-width:100%;  display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.my_notice_wp .my_notice_con ul li a:before{display:inline-block; width:5px; height:5px; content:""; background:#ddd; margin-right: 10px;margin-bottom:3px;}

.lecture_my_bt_wp{}
.lecture_my_bt_wp .btn{ border-radius: 5px; min-width: 120px; padding: 5px 10px; display: block; margin: 0 0 5px 0; text-align: center;}


/* 랭킹 */
.my_ranking_wp{ display: flex; justify-content: space-between; margin: 0 0 70px; border-top: 1px solid #eee; border-bottom: 1px solid #13345e; padding: 10px 20px; }
.my_ranking_tit{font-size: 20px;}
.my_ranking_list_wp{ display: flex; position: relative;  overflow: hidden; height: 30px; width: 50%; justify-content: space-between;}
.my_ranking_rolling{width: 80%;}
.my_ranking_rolling ul{}
.my_ranking_rolling ul li{ display: flex; justify-content: space-between; align-items: center;}
.my_ranking_rolling ul li span:first-child{color: #13345e;  font-weight: bold;}
.modal__ranking .ranking_con_wp{}
.modal__ranking .ranking_con_wp .ranking_con_tit{ text-align: center;}
.modal__ranking .ranking_con_wp .ranking_con_tit span{ font-size: 20px; font-weight: bold;padding: 10px;border-bottom: 2px solid #1177d1;display: inline-block;margin-bottom: 30px;color: #1177d1;}
.modal__ranking .ranking_con_wp .ranking_con_tit span img{ width: 30px;}
.modal__ranking .ranking_con_list {width:100%}
.modal__ranking .ranking_con_list ul {width: 90%; margin: 0 auto;}
.modal__ranking .ranking_con_list ul li { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 10px 0;}
.modal__ranking .ranking_con_list ul li:nth-child(1){background: #f4f9ff;color:#1177d1;font-weight: bold; border: 0;}
.modal__ranking .ranking_con_list ul li:nth-child(2),.modal__ranking .ranking_con_list ul li:nth-child(3),.modal__ranking .ranking_con_list ul li:nth-child(4) {}
.modal__ranking .ranking_con_list ul li:nth-child(2) b,.modal__ranking .ranking_con_list ul li:nth-child(3) b,.modal__ranking .ranking_con_list ul li:nth-child(4) b { color: #e64d3e;}
.modal__ranking .ranking_con_list ul li span{width:25%;text-align: center;}
.modal__ranking .ranking_con_list ul li b{width:20%;text-align: center;}
.modal__ranking .ranking_ft_txt{ color: #555; font-size: 14px; margin-top: 30px; display: block; text-align: right;}

/* 평가 리뷰 */
.my_review_list{}
.my_review_list li{ background: #fff;padding: 20px; display: flex;  justify-content: space-between; align-items: center;}
.my_review_list li .my_review_txt{ width: 85%;}
.my_review_list li .my_review_txt div b{ font-size: 20px;  display: block;}
.my_review_list li .my_review_txt div p{ line-height: 20px;}
.my_review_list li .my_review_btn .btn{ padding: 10px 20px;}
.my_review_list li small{color: #555;  font-size: 15px; margin-top: 10px; display: flex;}
.my_review_list li p span{ display: block; margin: 5px 0 10px;}


.course_tab_top{ display: flex; justify-content: space-between; padding: 20px 20px 0 20px;}
.course_tab_top .search-box{width:100%}
.course_tab_top .course_tab_top_txt b{    display: block; font-size: 20px;}

/* 동영상 */
.modal__video{ width: 80%; max-height:95%; background: #000;}
.sub1100_pop_wp{display: flex; justify-content: space-between;}
.sub1100_pop_wp .course_tab_wp{ width: 30%;background:#000; margin: 0; padding: 0 20px;}
.sub1100_pop_wp .course_tab_wp .tab__panel{background:#000;}
.sub1100_pop_wp .course_tab_wp .tab__menu-item.current{ background: #13345e; border:0;}
.sub1100_pop_wp .course_tab_wp .tab__menu-item.current span{color:#fff}
.video_play_wp{min-height: 80vh;  width:70%; display:flex; flex-direction:column; justify-content:space-between; padding-top: 30px;}
.video_play_ft{ display: flex;  justify-content: space-between; margin-top: 10px;}
.video_play_ft .btn{ background: #555; color: #eee; padding:5px 10px; display: inline-block; margin:0; font-size: 15px; }
.video_list_wp{width: 38%;}
.video_list_con{ overflow-y: auto; height: 50vh;/*400px*/; color: #fff; background: #222;}
.video_list_con.video3d_list_con{height: 70vh;}
.video_list_con li{ display: flex ; alig.video_list_conn-items: center; width: 100%; padding: 10px 20px 10px 10px; justify-content: space-between; border-bottom: 1px solid #ddd; border-left: 4px solid #bbb;}
.video_list_con li.on{ background: #555; border-left: 4px solid #5bc738;}
.video_list_con li.on .basics_bar_graph_wp .bar_graph .graph_color{background: #5bc738;}
.video_list_con li.on:hover{ background: #444; border-left: 4px solid #5bc738;}
.video_list_con li:hover{ background: #444;border-left: 4px solid #efffea;}
.video_list_con li .basics_bar_graph_wp{width: 80%;}
.video_list_icon{}
.video_list_icon .icon_check{background:url('/images/common/icon_check_off.svg') no-repeat; width: 30px; display: block; height: 30px; opacity: 0.3;}
.video_list_icon .icon_check.on{background:url('/images/common/icon_check_on.svg') no-repeat; opacity: 1;}
.basics_info_ft_txt{font-size: 14px;  display: flex; justify-content: space-around;padding: 10px 0 0; color:#999}

.video_list_tit{ border-bottom: 1px solid #2a2f3e;  padding: 20px 20px 30px; font-size: 20px; color: #fff;}
.video_list_tit .basics_bar_top_txt{}
.video3d_top_txt span{font-size: 18px;}
.video3d_top_txt span:after{content:">"; padding: 0 5px;}
.video3d_top_txt span:last-child:after{content:""; padding: 0 5px;}
.video_list_tit .basics_bar_graph_wp .bar_graph .graph_color{background:#ef2714;}
/*#hyeduvideo{ padding:56% 0 0 100%; }*/
#hyeduvideo > { padding:0; }
.modal__video .c-btn:not(.modal__overlay) {position: absolute;top: 16px;right: 15px;display: inline-block; width: 25px;height: 25px;text-indent: -9999px;}
.modal__video .c-btn:not(.modal__overlay):before,
.modal__video .c-btn:not(.modal__overlay):after {content: '';position: absolute;top: 7px;left: 0;display: inline-block;width: 100%;height: 2px;background: #fff;}
.modal__video .c-btn:not(.modal__overlay):before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.modal__video .c-btn:not(.modal__overlay):after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }


/* 온라인 학습 관리 */
.lect_quiz_list_wp{display: flex; flex-wrap: wrap;margin-top:20px }
.lect_quiz_list_wp li{width:49%; margin-right:1%; margin-bottom:20px; border: 1px solid #ddd; border-radius: 20px;  padding: 2rem 3rem; flex: 1; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.lect_quiz_list_wp .lect_quiz_tit{ font-size: 20px; font-weight: bold;}
.lect_quiz_list_wp .lect_quiz_txt{padding: 10px 0 20px;}
.lect_quiz_list_wp .lect_quiz_txt p{ color: #999;}
.lect_quiz_list_wp .lect_quiz_txt p span{margin-right: 10px;}
.lect_quiz_list_wp li .btn{width: 100%;text-align: center;padding: 10px 0; }

.quiz_detail_wp{}
.quiz_detail_wp .quiz_detail_tit{ padding: 20px 0 50px;font-size: 20px;}
.quiz_detail_wp .quiz_detail_tit span{font-size: 15px; display: block;}
.quiz_detail_wp .quiz_detail_score{width: 100%;  padding: 20px; margin-bottom: 50px; background: #fafaff; border: 4px double #ddd;}
.quiz_detail_wp .quiz_detail_score ul li{ display: flex; justify-content: space-between; margin-bottom: 10px}
.quiz_detail_wp .quiz_detail_score ul li b img{margin-right:10px}
.quiz_detail_wp .quiz_detail_score .score_result_txt{ display: flex; align-items: center;}
.quiz_detail_wp .quiz_detail_score .score_result_txt b{color:#1456AA; font-size:22px;padding-right: 10px; }
.quiz_detail_wp .quiz_detail_score .score_result_txt img{ margin-right: 5px;}
.quiz_detail_list li{border-bottom: 1px solid #ddd; display: flex;align-items: center;padding: 15px 10px;justify-content: space-between;}
.quiz_detail_list li:first-child{border-top: 1px solid #ddd; }
.quiz_detail_start{margin: 50px 0 20px; text-align: center; font-weight: bold; font-size: 20px;}
.quiz_detail_start .btn{margin-top: 20px; min-width: 250px;}

.question_pop_wp{display: flex; ; position: relative;  height: 80vh;}
.question_pop_wp .question_left_wp{ position: absolute; width: 80%; overflow-y: scroll; height: 100%;}
.question_pop_wp .question_con{ padding: 30px;}
.question_pop_wp .question_con .question_tit{ display: flex; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.question_pop_wp .question_con .question_txt_box{ padding: 15px; border: 1px solid #ddd; margin-bottom: 10px;}
.question_pop_wp .question_con .question_choice_list{}
.question_pop_wp .question_con .question_choice_list li{display: flex; padding: 5px 0; }
.question_pop_wp .question_con .question_choice_list li.on{ color: #de3d3d; font-weight: bold;}
.question_pop_wp .question_con .question_choice_list li.check{background:url('/images/common/img_qst_check.png')  no-repeat -4px -4px ;background-size: 30px;}
.question_pop_wp .question_con .question_choice_list li .number{ margin-right: 10px;}
.question_pop_wp .question_con .solution_wp{ background: #f4f9ff; padding: 15px; color:#13345e; margin-top: 20px;}
.question_pop_wp .question_con .solution_wp p{font-size: 15px; margin-top: 10px;}
.question_pop_wp .question_con.wrong{background:url('/images/common/img_qst_wrong.png') no-repeat; background-size: 100px; }/* 오답 */
.question_pop_wp .question_con.correct {background:url('/images/common/img_qst_correct.png') no-repeat; background-size: 100px;}/* 정답 */

.question_pop_wp .question_right_wp{position: fixed; padding: 10px; width: 20%; right: 0;}
.question_pop_wp .question_right_wp .answer_sheet_tit{ font-weight: bold; background: #f4f9ff;  color: #13345e; border:1px solid #13345e; padding: 10px;  text-align: center;}
.question_pop_wp .questi.question_pop_wp .question_left_wpon_right_wp .answer_sheet_wp{width:100%; }
.question_pop_wp .question_right_wp .answer_sheet_wp li{display:flex; justify-content: space-around; border: 1px solid #97a3b1; border-width: 0px 1px 1px; padding: 10px 0;}
.question_pop_wp .question_right_wp .answer_sheet_wp li:first-child{ background: #13345e; border: 1px solid #13345e; border-top: 0;  color: #fff;}
.question_pop_wp .question_right_wp .answer_sheet_wp li .txt{ width: 40px; font-size: 15px; text-align: center; display: block;}
.question_pop_wp .question_right_wp .answer_sheet_wp li .number.on{ color: #de3d3d;}
.question_pop_wp .question_right_wp .answer_sheet_wp li .number{cursor:pointer}
.question_pop_ft{width: 100%; display: flex; font-weight: bold; font-size: 18px;}
.question_pop_ft .question_ft_con{width:80%;padding: 15px;display: flex;  align-items: center;  justify-content: center; }
.question_pop_ft .left{width:80%; background: #daebff;  color: #13345e; }
.question_pop_ft .left img{ margin:0 10px;}
.question_pop_ft .right{width:20%; background: #13345e; }
.question_pop_ft .right a{color:#fff;}
.question_pop_ft .left .icon_play_point{ cursor: pointer;  display: flex; align-items: center;}
/* 공통 기본 컬러 설정 */
.color_red{ color: #ef2714;}
.color_blue{ color: #03A9F4;}
.color_gray{ color: #aaa;}
.bg_red{background:#ef2714}
.bt_box_min{ display: block;  color: #fff;}
.icon_new{ color: #fff; font-size: 12px; background: #ef2714; width: 17px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: 5px;}


/*대표인사말*/
.vison_wp{ position: relative; width: 100%; overflow: hidden;}
.vison_wp .visonSwiper2 .swiper-slide{ background: #fff;}
.vison_wp .visonSwiper2 .swiper-slide:nth-child(1),.vison_wp .visonSwiper .swiper-slide.swiper-slide-thumb-active:nth-child(1) { background: #2BB26B; color: #fff;}
.vison_wp .visonSwiper2 .swiper-slide:nth-child(2),.vison_wp .visonSwiper .swiper-slide.swiper-slide-thumb-active:nth-child(2){ background: #C4F5DD; color: #105b36;}
.vison_wp .visonSwiper2 .swiper-slide:nth-child(3),.vison_wp .visonSwiper .swiper-slide.swiper-slide-thumb-active:nth-child(3){ background: #FCEB75;color: #383889;}
.vison_wp .visonSwiper2 .swiper-slide:nth-child(4),.vison_wp .visonSwiper .swiper-slide.swiper-slide-thumb-active:nth-child(4){ background: #7E9CFC; color: #17285f;}

.vison_wp .visonSwiper2 .visonSwiper2_con{ display: flex; align-items: flex-start; position: relative; height:650px;}
.vison_wp .visonSwiper2 .visonSwiper2_con .visonSwiper2_img{ padding: 30px;}
.vison_wp .visonSwiper2 .visonSwiper2_con img{width: 93%;}
.vison_wp .visonSwiper2 .visonSwiper2_text{ position: absolute; width: 42%; right: 40px; bottom: 50px; text-align: right; word-break:keep-all; min-width:480px;}
.vison_wp .visonSwiper2 .visonSwiper2_text span{}
.vison_wp .visonSwiper2 .visonSwiper2_text b{ font-size: 40px;display: block;line-height: 40px;padding: 10px 0 20px;}
.vison_wp .visonSwiper2 .visonSwiper2_text p{}

.visonSwiper_wp{ position: relative;}
.visonSwiper{}
.visonSwiper .swiper-slide{ text-align: center;padding: 20px; border-radius: 20px 20px 0 0; cursor:pointer}
.visonSwiper .swiper-slide-thumb-active{}

.mission_wp{}
.mission_wp ul{display: flex; justify-content: space-between;}
.mission_wp ul li{padding: 20px;border: 1px solid #ddd;width: 32%;border-radius: 20px; min-height: 300px;display: flex;justify-content: center; align-items: center;flex-direction: column;}
.mission_wp ul li .mission_tit_wp{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.mission_wp ul li .mission_numb{ background: #2bb26b;color: #fff;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50px;}
.mission_wp ul li .mission_tit{text-align: center;display: block;font-size: 18px;padding: 20px 0;}
.mission_wp ul li .mission_txt{}

.inquiry_ft_ban{ border: 1px solid #ddd; display: flex; align-items: center; justify-content: space-around; padding: 20px 0;}
.inquiry_ft_ban .inquiry_ft_txt{display: flex; align-items: center; font-size: 18px; }
.inquiry_ft_ban .inquiry_ft_txt img{ width: 50px; margin-right: 30px;}
.inquiry_ft_ban .btn.btn_line_blue{padding: 15px 20px;}
/* 상세페이지 */
.detail__wrap {margin-top: 20px;padding-top: 20px;border-top: 1px solid #2a2f3e; display: flex; justify-content: space-between;}
.detail__wrap:after {content: '';clear: both;display: block;}
.detail-img {width: 45%; aspect-ratio: 16 / 9;overflow: hidden;}
.detail-img img {width: 100%;}
.detail-info { width: 50%;}
.detail-info h4 {font-size: 32px;font-weight: 700;}
.detail-info h4 span {display: inline-block;vertical-align: middle;margin: -5px 8px 0 0;padding: 3px 15px;font-size: 14px;font-weight: 500;border-radius: 8px;}
.detail-info h4 span.ing {color: #fff;background: #2d81ff;}
.detail-info .chkslt {margin-top: 12px;padding-top: 27px;border-top: 1px solid #cbcedb;}
.detail-info .chkslt [class*='btn--type'] + [class*='btn--type'] {margin-left: 5px;}
.detail-info .chkslt [class*='btn--type'] a, 
.detail-info .chkslt [class*='btn--type'] button {height: 32px;line-height: 30px;}
.detail-info .chkslt select {max-width: 138px;height: 40px;margin-right: 5px;}
.detail-info .info {overflow: hidden;margin-top: 25px;}
.detail-info .info li {margin: 0 45px 5px 0;}
.detail-info .info li:first-of-type:after {display: none;}
.detail-info .info li:last-of-type:after {display: none;}
.detail-info .info li span {display: inline-block;margin-left: 5px;}
.detail-info .info li.last {margin-top: 10px;margin-right: 0;width: 100%;}
.detail-info .price {position: relative;overflow: hidden;margin: 15px 0;padding: 15px 10px;border-top: 1px solid #cbcedb;border-bottom: 1px solid #cbcedb;}
.detail-info .price p {float: left;}
.detail-info .price ul {float: right;/* margin-right: 130px; */text-align: right;}
.detail-info .price li {font-size: 0;}
.detail-info .price li + li {margin-top: 4px;}
.detail-info .price li span {display: inline-block;vertical-align: top;}
.detail-info .price li .t1 {font-size: 18px;}
.detail-info .price li .t2 {margin-left: 20px;margin-right: 5px;font-size: 13px;text-decoration: line-through;}
.detail-info .price li .t3 {font-size: 18px;font-weight: 700;}
.detail-info .price strong {position: absolute;top: 16px;right: 10px;font-size: 18px;font-weight: 700;}
.detail-info .result {padding: 10px 25px;background: #f6f7fb;border: 1px solid #cbcedb;}
.detail-info .result p {font-size: 14px;font-weight: 700;}
.detail-info .result p strong {display: inline-block;margin-left: 8px;font-size: 18px;}
.detail-info .btn--box [class*='btn--type'] a, 
.detail-info .btn--box [class*='btn--type'] button {width: 100%;height: 50px;line-height: 45px;font-size: 18px;}
.detail__cont {position: relative;}
.detail__tab {text-align: center; display: flex; background: #f7f7f7;border-top: 1px solid #2a2f3e;border-bottom: 1px solid #cbcedb;font-size: 0;}
.detail__tab-item { position: relative; vertical-align: middle;width: 33.3%; padding: 20px 0;font-size: 20px;opacity: 0.56;cursor: pointer;}
.detail__tab-item:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: transparent;}
.detail__tab-item.current {font-weight: 700;opacity: 1;}
.detail__tab-item.current:after {background: #c61705;}
.detail__view {position: relative;margin: 80px auto 60px;}
.detail__view .dview-tit {margin-bottom: 70px;text-align: center;}
.detail__view .dview-tit h4 {display: inline-block;vertical-align: middle;font-size: 32px;font-weight: 700;margin-right: 30px;}
.detail__view .dview-tit .info {display: inline-block;vertical-align: middle;}
.detail__view .dview-tit [class*='btn--type'] + [class*='btn--type'] {margin-left: 5px;}
.detail__view .dview-tit [class*='btn--type'] a, 
.detail__view .dview-tit [class*='btn--type'] button {height: 32px;line-height: 30px;}
.detail__view .dview-con h4 {margin-top: 60px;padding-bottom: 10px;font-size: 24px;font-weight: 700; display: flex; align-items: center;}
.detail__view .dview-con h4 .clas_tit_icon{ width: 20px;margin-right: 10px;}
.detail__view .dview-con h4:first-of-type {margin-top: 0;}
.detail__view .dview-con .txt {padding-top: 23px;border-top: 1px solid #bbb;}
.detail__view .dview-con .txt.bdtn {padding-top: 15px;border-top: 0;}
.detail__view .dview-con .txt p {font-size: 18px;color: #30323a;}
.detail__view .dview-con .txt ul,.detail__view .dview-con .txt ol {margin: 0 10px;}
.detail__view .dview-con .txt ul li {padding-left: 25px;}
.detail__view .dview-con .txt ul li:before {content: '';position: absolute;top: 11px;left: 0;display: inline-block;width: 6px;height: 6px;background: #2a2f3e;border-radius: 50%;}
.detail__view .dview-con .txt li {position: relative;font-size: 18px;font-weight: 500;color: #30323a;}
.detail__view .dview-con .txt li + li {margin-top: 8px;}
.detail__view .dview-con .txt li + li {margin-top: 8px;}
.detail__view .dview-con .step {padding-top: 23px;border-top: 2px solid #2a2f3e;}
.detail__view .dview-con .step ul:after {content: '';clear: both;display: block;}
.detail__view .dview-con .step .type1 {text-align: center;}
.detail__view .dview-con .step .type1 li {float: left;width: 152px;height: 187px;margin-right: 9px;background: #fff;border: 1px solid #cbcedb;box-shadow: 0px 3px 0px rgba(0,0,0,0.3);}
.detail__view .dview-con .step .type1 h5 {height: 70px;padding: 10px 0 9px;font-size: 18px;font-weight: 700;color: #1c1e23;line-height: 1.4;background: #cbcedb;}
.detail__view .dview-con .step .type1 h5 span {font-size: 16px;font-weight: 400;}
.detail__view .dview-con .step .type1 p {padding: 5px;font-size: 14px;line-height: 1.3;}
.detail__view .dview-con .step .type1 li:last-of-type {margin-right: 0;}
.detail__view .dview-con .instructor {overflow: hidden;}
.detail__view .dview-con .img-box {float: left;width: 320px;}
.detail__view .dview-con .txt-box {float: right;width: 600px;}
.detail__view .dview-con .txt-box h5 {font-size: 24px;font-weight: 700;}
.detail__view .dview-con .txt-box dl {margin-top: 30px;}
.detail__view .dview-con .txt-box dt {font-size: 18px;font-weight: 500;}
.detail__view .dview-con .txt-box dd {margin-top: 5px;font-size: 14px;font-weight: 400;}
.detail__view .dview-con .table--type-high {padding-top: 22px;border-top: 2px solid #2a2f3e;}
.detail__view .dview-con .flex-3 {overflow: hidden;}
.detail__view .dview-con .flex-3 .table--type {float: left;width: 316px;margin-left: 5px;}
.detail__view .dview-con .flex-3 .table--type:first-of-type {margin-left: 0;}.
.detail__view .dview-btn {position: relative;}
.detail__view .dview-btn .btn--type-play {position: absolute;right: 0;top: 50%;width: 50%;max-width: 128px;margin-top: -20px;}
.detail__view .dview-board .tit {;}
.detail__view .dview-board .tit h4 {font-size: 24px;font-weight: 700;}
.detail__view .dview-board .tit [class*='btn--type'] {position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.detail__view .dview-board .bd-list:after {content: '';clear: both;display: block;}
.detail__view .dview-board .bd-list li {float: left;width: 32%;margin-right: 2%;margin-bottom: 14px;padding: 25px 20px;background: #fff;border: 1px solid #cbcedb;box-shadow: 2px 2px 0px #cbcedb;}
.detail__view .dview-board .bd-list li:nth-of-type(3n) {margin-right: 0;}
.detail__view .dview-board .bd-list .txt-box{margin-bottom:50px}
.detail__view .dview-board .bd-list .txt-box h4 {width: 100%;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;font-weight: 700;letter-spacing: -0.03em;}
.detail__view .dview-board .bd-list .txt-box p {font-family: 'Nanum Gothic';font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height: 1.6em;max-height: 4.8em;}
.detail__view .dview-board .bd-list .info-box {margin-top: 10px;padding-top: 9px;border-top: 1px solid #cbcedb;}
.detail__view .dview-board .bd-list .info-box p {margin-bottom: 5px;font-size: 16px;font-weight: 700;color: #3d3d3d;}
.detail__view .dview-board .bd-list .info-box span {display: inline-block;margin-right: 5px;font-size: 14px;color: #666;}
.detail__view .dview-board .bd-list .no-item {clear: both;float: none;width: 100%;margin: 0;background: #f6f7fb;border: 0;box-shadow: none;}

.payment__box{display: flex; align-items: center;}
.payment__box .payment__img{ width: 50%;}
.payment__box .payment__img img{width:100%}
.payment__box .payment__info{ width: 40%; margin-left: 5%;}
.payment__box .payment__info li{display: flex; align-items: center; margin-bottom: 20px;}
.payment__box .payment__info li span{display: flex; align-items: center; min-width: 120px;}
.payment__box .payment__info li span img{margin-right: 10px;}
.payment__btn{text-align: center;}

/* 공지사항 */
.attach_file_wp{padding: 20px; background: #f7f7f7;}
.attach_file_wp .attach_file_tit{font-weight: bold; display: flex; align-items: center; justify-content: space-between;margin-bottom: 10px;     border-bottom: 1px solid #ddd; padding: 0 0 10px 10px;}
.attach_file_wp .attach_file_list{}
.attach_file_wp .attach_file_list li{display: flex; justify-content: space-between; padding: 5px 10px;}
.attach_file_wp .attach_file_list li .attach_file_down{}
.attach_file_wp .attach_file_list li .attach_file_down img{ width: 20px; opacity: 0.5; margin-left: 8px;}