@charset "utf-8";
@import url(../../common/font/GodoM/GodoM.css);


/**********************************
	sub01.css
**********************************/

#conts .greeting[data-name="청소년수련관"] {background:url('../img/content/01/greeting_bg05.png') no-repeat right top;}
#conts .greeting[data-name="잉글리시타운"] {background:url('../img/content/05/greeting_bg050101.png') no-repeat right top;}
#conts .greeting[data-name="행복한동행"] {background:url('../img/content/05/greeting_bg03.png') no-repeat right top;}

#conts .greeting[data-name="잉글리시타운"] .tit { width: 610px;font-size: 4rem;}

@media all and (max-width:640px) {
	#conts .greeting[data-name="잉글리시타운"] .tit { width: 95%;font-size: 2.6rem;}
	#conts .greeting[data-name="잉글리시타운"] .tit .none{display:none;}
}

/* 탭이 있는 콘텐츠 */
#conts .contTab ul:after {content:''; clear:both; display:table;}
#conts .contTab li {width:20%;float:left;padding:1.5rem 2rem;border: 1px solid #008762;border-right-width:0;color: #008762;text-align:center;cursor : pointer;}
#conts .contTab li:last-child {border-right-width:1px;}
#conts .contTab li.on {background: #008762;color:#fff;}
#conts .contWrap {background:#fdfdfd;border:1px solid #eee;border-top: 2px solid #2eb79a;overflow-y:scroll;}
#conts .contWrap > div {height:500px;}
#conts .contWrap dl{display:table; table-layout: fixed; width:100%; border-bottom:1px solid #ddd; padding:1.5rem; line-height:1.5; }
#conts .contWrap dl:last-child {border-bottom:none; padding-bottom:30px;}
#conts .contWrap dt{display:table-cell; width:15%; color:#32766f; }
#conts .contWrap dd{display:table-cell; width:100%; }
#conts .contWrap dd em { display:block; color:#777; font-weight:300;}

#conts .contWrap .depth05 {border-radius:0;background: #f4f8f7;border-top-width: 0;border: 0;}
#conts .contWrap .depth05 li a::before{background: #07ae80 !important;border-radius:50px;}

.photo_viewer .thumb_list .swiper-slide .s-tit{text-align:center; font-weight:bold;}

@media all and (max-width:1024px) {
	#conts .contWrap dt{width:20%; }

	#conts .greeting[data-name="잉글리시타운"] { padding: 160px 30px 50px; }
}

@media all and (max-width:640px) {
	#conts .contTab li {width:50%;}
	#conts .contWrap dl {display:block; padding:1.5rem 0;}
	#conts .contWrap dt,
	#conts .contWrap dd { display:block; width:100%; }
	#conts .contWrap dt br {display:none;}
}

@media all and (max-width:320px) {
	#conts .contTab li {width:100%;}
	#conts .contWrap {padding:1.5rem;}
}

#conts .contTab.training li {width: 16.6666%;padding: 1.5rem 0;}
#conts .contWrap.training {overflow-y:initial; background:#fff; border:none;}
#conts .contWrap.training > div {height:auto;}

#conts .contTab.training.tab07 li {width: 14.28%;padding: 1.5rem 0;}

@media (min-width:640px) and (max-width:1024px) {
	#conts .contTab.training li{width:33.3%;}
	#conts .contTab.training li:nth-child(3){border-right-width:1px;}
	#conts .contTab.training li:nth-child(3)~li{border-top-width:0;}
	#conts .contTab.training.tab07 li{width:33.3%;}
	#conts .contTab.training.tab07 li:nth-child(3),
	#conts .contTab.training.tab07 li:nth-child(6){border-right-width:1px;}
	#conts .contTab.training.tab07 li:nth-child(3)~li{border-top-width:0;}
}

@media all and (max-width:640px) {
	#conts .contTab.training li{width:50%;}
	#conts .contTab.training li:nth-child(2n){border-right-width:1px;}
	#conts .contTab.training li:nth-child(2)~li{border-top-width:0;}
	#conts .contTab.training.tab07 li{width:50%;}
	#conts .contTab.training.tab07 li:nth-child(2n){border-right-width:1px;}
	#conts .contTab.training.tab07 li:nth-child(2)~li{border-top-width:0;}
}

/* 마이페이지 -나의 신청 현황 - 대관신청  장소 구분 탭 */
#conts .mypage_tab {width:100%; position:relative; margin-bottom: 10px;}
#conts .mypage_tab ul {width:100%; display:table; table-layout:fixed; border-color:#3ba98b; border-style:solid; border-width:1px 0 0 1px;}
#conts .mypage_tab ul li {display:table-cell; text-align:center;}
#conts .mypage_tab ul li a {position:relative; display:block;padding:2rem 0; background:#fff; color: #1d8b6d; border-color:#3ba98b; border-style:solid; border-width:0 1px 1px 0;}
#conts .mypage_tab ul li:last-child a {}
#conts .mypage_tab ul li.on a {background: #3ba98b;color:#fff;}

/**********************************
	sub05.css
**********************************/

/*  English Town - 잉글리시타운 소개 - 강사소개 - 외국인강사*/
.bod_photo.english ul.list02 li{width:50%;}
.bod_photo.english ul.list03 li{width:33.3%;}
.bod_photo.english ul li > div {display:block; color:#333; border:1px solid #c5c9d6; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; font-weight:500;}

/* 온라인접수 */
.lecture_list {border-top:2px solid #333;}
.lecture_list li {padding:3rem 0; border-bottom:1px solid #b5c8c8; position:relative;}
.lecture_list li:after {content:''; display:block; clear:both;}
.lecture_list li> * {float:left;}
.lecture_list .thumb {width:23%; overflow:hidden; text-align:center; background:#ecf1fa;}
.lecture_list .thumb >figure {height:0; padding-bottom:87.15%; position:relative;}
.lecture_list .thumb >figure span {position:absolute; top:0; left:0; width:100%; height:100%;}
.lecture_list .thumb img {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; max-width:unset !important; margin:0 auto; display:inline-block; max-height:100%; vertical-align:top; -webkit-transition:1s; -o-transition:1s; transition:1s; height:100%;}
.lecture_list .cont_wrap {width:77%; padding-left:3rem;}
#conts .lecture_list .tit {font-size:2.2rem; color:#222; line-height:2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#conts .lecture_list .date {padding-bottom:1.5rem; color:#888;}
.lecture_list .info {width:78%; table-layout:fixed;}
.lecture_list .info th, .lecture_list .info td {height:3.3rem; color:#666; vertical-align:middle;}
.lecture_list .info th {font-weight:600; color:#333;}
.lecture_list .more_view {display:block; width:14%; color:#fff; line-height:6rem; text-align:center; background:#008762; position:absolute; right:0; bottom:3rem;}

.lecture_list .state {display:inline-block; width:8rem; font-size:1.6rem; color:#fff; line-height:3rem; text-align:center;}
.lecture_view .state {display:inline; padding:.5rem 1.5rem; margin-right:10px; font-size:1.6rem; font-weight:normal; color:#fff; line-height:3rem; text-align:center;}
[class^="lecture_"] .state.type01 {background-color:#59bc0f}
[class^="lecture_"] .state.type02 {background-color:#ef7b26}
[class^="lecture_"] .state.type03 {background-color:#314369}
.lecture_list .state_wrap {position:absolute; top:3rem; right:0; bottom:3rem; left:75%; text-align:center; border-left:1px solid #b5c8c8;}
.lecture_list .state_wrap p {padding:2.5rem 0; font-size:2.2rem !important;}
.lecture_list .state_wrap p.type02 {color:#3679dc !important;}
.lecture_list .state_wrap p.type03 {color:#f68e55 !important;}
.lecture_list .state_wrap .btn_wrap a.button.small {line-height:1.2; float:none;}
.lecture_list *[class^="ico-cost"] {display:inline-block; position:relative; margin-right:5px; vertical-align:baseline; border-radius:3px; font-size:.9em; padding:2px 3px; background:#008762; color:#fff; font-weight:400;}
.lecture_list *[class^="ico-cost"] ~ *[class^="ico-cost"] {margin-left:20px;}
.lecture_list *.ico-cost-ty2 {background:#666;}

.lecture_list .no_data {padding:80px 10px; font-size:1.8rem; color:#888; text-align:center;}

/* 신청현황 */
.enrol_top {margin-bottom:5rem;}
.enrol_top:after {content:''; display:block; clear:both;}
.enrol_top .info {width:30%; height:14rem; float:left; text-align:center; background:#3679dc;}
.enrol_top .info .profile {display:inline-block; width:7rem; height:7rem; margin-right:2rem; border-radius:50%; overflow:hidden; vertical-align:middle;}
.enrol_top .info p {display:inline; color:#fff !important; vertical-align:middle;}
.enrol_top .info p span {font-size:2rem; font-weight:600;}
.enrol_top .nav {width:100%; position:relative;}
.enrol_top .nav ul {width:100%; display:table; table-layout:fixed; border-color:#d6dae2; border-style:solid; border-width:1px 0 0 1px;}
.enrol_top .nav li {display:table-cell; text-align:center;}
.enrol_top .nav li a {position:relative; display:block; padding:2rem 0; background:#eef3fa; border-color:#d6dae2; border-style:solid; border-width:0 1px 1px 0;}
.enrol_top .nav li a .menu {font-family:'GodoM'; font-size:1.7rem; color:#444;}
.enrol_top .nav li a .menu:before {content:''; display:block; width:41px; height:33px; margin:0 auto .5rem; background:url(../img/common/ico_enrol.png) no-repeat;}
.enrol_top .nav li:nth-child(1) a .menu:before {background-position:0 0;}
.enrol_top .nav li:nth-child(2) a .menu:before {background-position:-61px 0;}
.enrol_top .nav li:nth-child(3) a .menu:before {background-position:-122px 0;}
.enrol_top .nav li a .count {font-size:1.8rem;}
.enrol_top .nav li a .count span {font-family:'GodoM'; font-size:3rem; font-weight:600; color:#666;}
.enrol_top .nav li.on a {background:#fff;}
.enrol_top .nav li:nth-child(1).on a .menu:before {background-position:0 -53px;}
.enrol_top .nav li:nth-child(2).on a .menu:before {background-position:-61px -53px;}
.enrol_top .nav li:nth-child(3).on a .menu:before {background-position:-122px -53px;}
.enrol_top .nav li.on a .count span {color:#ef7b26;}
.enrol_top .nav .onBox {display:block; position:absolute; top:0; bottom:0; width:25%; border:5px solid #16b5d2; box-shadow:13px 13px 27px rgba(20,52,119,.1); transition:.3s all; -webkit-transition:.3s all;}
.enrol_top .nav[data-index='1'] .onBox {left:0;}
.enrol_top .nav[data-index='2'] .onBox {left:25%;}
.enrol_top .nav[data-index='3'] .onBox {left:50%;}
.enrol_top .nav[data-index='4'] .onBox {left:75%;}
.enrol_top .nav .onBox:before {content:''; display:block; width:20px; height:15px; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); background:url(../img/common/spr_enrol.png) no-repeat; z-index:10;}

.notice_view {position:relative;}
.notice_view:after {content:''; display:block; clear:both;}
.notice_view .notice_btn {display:inline-block; padding:.7rem 1.2rem .7rem 1rem; line-height:2rem; border:1px solid #ddd; border-radius:30px;}
.notice_view .notice_btn:before {content:'!'; display:inline-block; width:2rem; margin-right:.5rem; font-family:'GodoM'; font-size:1.5rem; font-weight:600; color:#3679dc; line-height:2rem; text-align:center; background:#e2f2f8; border-radius:50%;}
.notice_view .notice_pop {width:60%; position:absolute; right:0; top:0; padding:3rem; background:#fff; border:1px solid #ddd; box-shadow:1.7rem 1.7rem 3rem rgba(20,52,119,0.15); z-index:10; overflow:hidden;}
.notice_view .notice_pop .tit {font-size:2rem !important; font-weight:600; padding-bottom:2rem;}
.notice_view .notice_pop li {padding-left:1rem; padding-bottom:1rem; position:relative; line-height:1.25;}
.notice_view .notice_pop li:last-child {padding-bottom:0;}
.notice_view .notice_pop li:before {content:''; display:block; width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; left:0; top:.7rem;}
.notice_view .notice_pop .close {font-size:2.4rem; color:#666; position:absolute; top:3rem; right:3rem;}

.enrol_list> div {display:none;}
.enrol_list[data-index='1']> div:nth-child(1) {display:block;}
.enrol_list[data-index='2']> div:nth-child(2) {display:block;}
.enrol_list[data-index='3']> div:nth-child(3) {display:block;}

/* 회원가입 */
.flow-signUp {width:100%; display:table; table-layout:fixed;}
.flow-signUp li {display:table-cell; padding:1.5rem 0; font-size:1.8rem; text-align:center; position:relative; background:#e4efee;}
.flow-signUp li:after {content:''; display:block; position:absolute; width:3.2rem; background:url(../img/common/flow_signUp.png) no-repeat; background-size:100% 100%; top:0; bottom:0; right:-2.1rem; z-index:10;}
.flow-signUp li:last-child:after {display:none;}
.flow-signUp li span {display:inline-block; padding:.4rem 1.5rem; margin-bottom:1rem; font-size:1.4rem; color:#fff; background:#209d80; border-radius:20px;}
.flow-signUp li.on {color:#fff; background:#209d80;}
.flow-signUp li.on:after {background-image:url(../img/common/flow_signUp_on.png)}
.flow-signUp li.on span {color:#186855; background:#fff;}

.agree_box {font-size:1.7rem; height:25rem; padding:2.2rem 1.8rem; border:1px solid #ddd; color:#333; border-radius:.8rem; word-break:keep-all; overflow-y:auto;}
.agree_box .agree_boxe-inner {border:1px solid #ddd; border-left-width:0; border-right-width:0; padding:20px 0; margin:20px 0;}
.agree_box> * {margin-left: 0 !important;}
.agree_box h6 {margin-bottom:.5rem !important;}
.agree_radio p {display:inline-block; padding-right:4rem; vertical-align:middle;}
.agree_radio input[type="radio"] {display:none;}
.agree_radio input[type="radio"] + label {margin-right:3rem;}
.agree_radio input[type="radio"] + label:last-child {margin-right:0;}
.agree_radio input[type="radio"] + label:before {content:''; display:inline-block; width:2rem; height:2rem; margin-right:1rem; background:#fff; border:1px solid #bbb; border-radius:50%; vertical-align:middle;}
.agree_radio input[type="radio"]:checked + label:before {background:#fff url(../img/common/agree_radio.png) no-repeat center center; border-color:#209d80;}

.certi-box {padding-top:3rem;}
.certi-box:after {content:''; display:block; clear:both;}
.certi-box li {width:49%; float:left; padding:6rem 7rem; text-align:center; border:1px solid #ddd; border-radius:1rem;}
.certi-box li:not(:last-child) {margin-right:2%;}
.certi-box li .tit {padding:5rem 0 3rem; font-size:2rem !important; font-weight:600; }
.certi-box li a {display:block; margin-top:5.5rem; font-size:1.8rem; color:#fff; text-align:center; line-height:5rem; background:#ef7b26; border-radius:.3rem;}

.open-tab {border:5px solid #efefef; border-radius:5rem;}
.open-tab.on {border-radius:3rem;}
.open-tab .tab-top {cursor:pointer; padding:2rem 8rem 2rem 3rem; font-size:2.2rem !important; color:#07ae80 !important; font-weight:600; background:url(../img/common/openTab-arrow-off.png) no-repeat right 3rem center;}
.open-tab.on .tab-top {background-image:url(../img/common/openTab-arrow-on.png);}
.open-tab .tab-cont {display:none; padding:0 2rem 2rem;}
.open-tab.on .tab-cont {display:block;}

.box-signUp {padding:6rem !important;}
#conts .box-signUp .tit {padding-bottom:3rem; font-size:2.8rem; font-weight:600; line-height:1.2;}
.box-signUp .user-name {position:relative; color:#333;}
.box-signUp .user-name:before {content:''; display:block; width:100%; height:1.5rem; background:#e4efee; position:absolute; left:0; bottom:-.1rem; z-index:-1;}
.box-signUp .tbl-box {width:40rem; margin:4rem auto 0;}

.box-signUp .btn-login {display:block; position:relative; width:100%; font-size:1.22em; color:#ffffff; height:3.18em; margin-top:1.36em; background:#008762; text-align:center;}
.box-signUp a.btn-login {line-height:3.18em;}

.box-signUp .login {display:block; max-width:42rem; margin:0 auto;}
.box-signUp .login fieldset {position:relative; padding:2em 0 1.66em; font-size:1em;}
.box-signUp .login fieldset:after {content:""; display:block; clear:both;}
.box-signUp .login .type {padding:0;}
.box-signUp .login .type input[type="radio"] {display:block; position:absolute; top:0; left:0; z-index:-99; opacity:0;}
.box-signUp .login .type input[type="radio"] + label {display:block; position:relative; width:50%; float:left; height:3.18em; color:#333; background:#e5e5e5; line-height:3.18em; text-align:center; font-size:1.22em;}
.box-signUp .login .type input[type="radio"]:focus + label {text-decoration:underline;}
.box-signUp .login .type input[type="radio"]:checked + label {color:#fff; background:#59bc0f;}
.box-signUp .login .user {padding-bottom:0; text-align:left;}
.box-signUp .login .user input[type="text"],
.box-signUp .login .user input[type="password"] {display:block; position:relative; width:100%; height:3.18em; border:1px solid #dddddd; margin-top:.55em; padding:0 2em 0 3.55em; color:#333; font-size:1.22em; background:no-repeat 1em 50%; background-size:1.5em auto;}
.box-signUp .login .user input[type="password"] {margin-bottom:.83em;}
.box-signUp .login .user input[type="text"]::placeholder,
.box-signUp .login .user input[type="password"]::placeholder {color:#666666;}
.box-signUp .login .user input.user-id {background-image:url(../img/main/ico_login_id.png);}
.box-signUp .login .user input.user-pw {background-image:url(../img/main/ico_login_pw.png);}
.box-signUp .login .user input[type="checkbox"] {appearance: none; -webkit-appearance: none; width:2.5rem; height:2.5rem; background:url(../img/main/split_main.png) no-repeat 0 -16.9rem; background-size:30rem;}
.box-signUp .login .user input[type="checkbox"]:checked {background-position:-3.3rem -16.9rem;}
.box-signUp .login .user input[type="checkbox"] + label {color:#333333;}
.box-signUp .login .user input[type="checkbox"]:focus + label {text-decoration:underline;}
.box-signUp .login ul {display:table; width:100%; table-layout:fixed; height:5em;}
.box-signUp .login ul li {display:table-cell; text-align:center; vertical-align:middle;}
.box-signUp .login ul li + li {background:url(../img/main/bak_login_line.png) no-repeat 0 50%;}
.box-signUp .login ul li a {color:#333; font-size:1.11em;}

.box-signUp .notice_btn {display:inline-block; padding:.7rem 1.2rem .7rem 1rem; line-height:2rem; border:1px solid #ddd; border-radius:30px;}
.box-signUp .notice_btn:before {content:'?'; display:inline-block; width:2rem; margin-right:.5rem; font-family:'GodoM'; font-size:1.5rem; font-weight:600; color:#ef7b26; line-height:2rem; text-align:center; background:#fff0dd; border-radius:50%;}

.modal_wrap {max-width:55rem; width:90%; position:fixed; left:55%; top:30%; transform:translateX(-50%); padding:3rem; background:#fff; border:1px solid #ddd; box-shadow:1.7rem 1.7rem 3rem rgba(20,52,119,0.15); z-index:999; overflow:auto;}
.modal_wrap .tit {font-size:2rem !important; font-weight:600; padding-bottom:2rem;}
.modal_wrap li {padding-left:1rem; padding-bottom:1rem; position:relative; line-height:1.25;}
.modal_wrap li:last-child {padding-bottom:0;}
.modal_wrap li:before {content:''; display:block; width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; left:0; top:.7rem;}
.modal_wrap .close {font-size:2.4rem; color:#666; position:absolute; top:3rem; right:3rem;}

.list-notice {font-size:1.7rem; line-height:1.5;}
.list-notice li {position:relative; padding-left:2rem; font-size:1em; color: #333;}
.list-notice li + li {margin-top:.5em !important;}
.list-notice li:before {content:''; width:1.5rem; height:1.5rem; margin-top:-.5rem; display:block; position:absolute; top:.6em; left:0; background:url('../img/common/split_ul_dot_dept.png') no-repeat 0 -7.4rem;}

.circle-wrap {position:relative;}
.tbl_circle {position:absolute; left:51.5%; right:0; top:52px; bottom:0; overflow-y:auto !important;}
.tbl_circle.circle_cal{height:450px; position:relative;}

/* 생활/체육 강습 */

.eduList {display:block; position:relative; border-top:2px solid #293f50;}
.eduList .list > li {display:block; position:relative; border-bottom:1px solid #c5c9d6;}
.eduList .item {position:relative; padding:3rem 0; padding-left:18rem; min-height:21rem;}
.eduList .item.no-place {padding-left:2rem;}
.eduList .item .place {display:table; position:absolute; top:3rem; left:0; width:15rem; height:15rem; background:url(../img/board/bak_thumb.png) no-repeat 100% 100% #003583; table-layout:fixed;}
.eduList .item .place > * {display:table-cell; vertical-align:middle; text-align:center; padding:2rem 0; color:#fff; font-size:1.8rem; word-break:keep-all;}
.eduList .item .place > *:before {content:""; display:block; position:relative; background:url(../img/board/ico_thumb.png) no-repeat 50% 50%; width:9px; height:10px; margin:-1em auto 1em;}
.eduList .item .list-icon {display:inline-block; font-size:1.5rem; padding:0 1.5rem; line-height:2.8rem; height:2.8rem; border-radius:0; border:1px solid #b8c2d0; color:#222222; margin:0;}
.eduList .item .list-icon.online {color:#fff; border-color:#ef7b26; background:#ef7b26;}
.eduList .item .list-icon.family {color:#ef7b26; border-color:#ef7b26;}
.eduList .item .list-icon.free {color:#fff; border-color:#00ac97; background:#00ac97;}
.eduList .item .list-icon2 {display:inline-block; font-size:1.6rem; border-radius:0; border-bottom:1px solid #003583; margin:0; color:#003583;}
.eduList .item .list-icon2[data-state *= "접수 중"],
.eduList .item .list-icon2[data-state *= "접수중"] {color:#216cda; border-color:#216cda;}
.eduList .item .subj {display:block; position:relative; font-size:2.2rem; padding:1rem 0; margin-bottom:1.5rem; color:#363c5a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600;}
.eduList .item .detail {display:block; position:relative; margin-right:17rem; overflow:hidden;}
.eduList .item .detail dl {display:inline-block; position:relative; box-sizing:border-box; padding-left:6em; vertical-align:top; width:33%; font-size:1.6rem; margin:.8rem 0;}
.eduList .item .detail dl.full {display:block; width:auto;}
.eduList .item .detail dt {display:block; position:absolute; top:0; left:0; font-weight:600; color:#333; letter-spacing:-0.07em;}
.eduList .item .detail dd {color:#666666;}
.eduList .item .detail .data {display:inline-block; vertical-align:middle; margin-right:.5rem;}
.eduList .item .detail .data li {display:inline-block; vertical-align:middle;}
.eduList .item .detail .data li + li:before {content:"/";}
.eduList .item .detail .day {display:inline-block; vertical-align:middle;}
.eduList .item .btn-wrap {position:absolute; bottom:3rem; right:0; width:15rem; }
.eduList .item .btn-wrap .view {display:block; height:6rem; margin-top:10px; line-height:6rem; text-align:center; font-size:1.6rem; color:#fff; background:#008762;}
.eduList .item .btn-wrap .view.new {color:#008762; background:#fff; border:1px solid #008762;}
.eduList .item .btn-wrap .view.wait {background:#ef7b26;}


@media all and (max-width:1024px) {
	.lecture_list .state_wrap p {padding:0 0 1rem;}

	.certi-box li {padding:3rem;}
	.certi-box li .tit {padding:2rem 0;}
	.certi-box li a {margin-top:4rem;}

	.modal_wrap {left:50%;}

	.eduList .item .detail dl {width:45%;}
	.mylist {margin-right: 10px;}
}

@media all and (max-width:960px) {
	.tbl_circle {position:static; overflow:auto !important;}
	.tbl_circle.circle_cal{height:auto;}
}

@media all and (max-width:768px) {
	.lecture_list li> * {float:none;}
	.lecture_list .thumb {width:50%; margin:0 auto;}
	.lecture_list .cont_wrap {width:100%; padding-top:3rem; padding-left:0;}
	.lecture_list .info {width:100%;}
	.lecture_list .more_view {position:static; width:100%; margin-top:2rem; line-height:5rem;}

	.notice_view {padding-bottom:1rem;}
	.notice_view .notice_pop {width:100%;}
	.lecture_list .state_wrap {position:static; padding:1rem; margin-top:2rem; text-align:left; border:1px solid #ddd;}
	.lecture_list .state_wrap:after {content:''; display:block; clear:both;}
	.lecture_list .state_wrap p {float:left; padding:0 0 0 1rem; line-height:5rem !important;}
	.lecture_list .state_wrap .btn_wrap {float:right;}
	.enrol_list .lecture_list .cont_wrap {padding-top:0;}

	.flow-signUp li {font-size:1.6rem;}
	.agree_radio p {display:block; padding-right:0; margin-bottom:1.5rem;}

	.certi-box li {width:100%; text-align:left; position:relative;}
	.certi-box li:not(:last-child) {margin-right:0; margin-bottom:2rem;}
	.certi-box li img {position:absolute; left:3rem;}
	.certi-box li p {padding-left:15rem !important;}
	.certi-box li .tit {padding-top:0;}

	.list-notice li {font-size:1.5rem}

	.eduList .item {padding-left:15rem;}
	.eduList .item .place {width:12rem; height:12rem;}
}
@media all and (max-width:640px) {
	.lecture_view .state {display:block; width:7rem; padding:.2rem 0; margin:0 auto 1rem; font-size:1.4rem;}

	.flow-signUp {display:block;}
	.flow-signUp:after {content:''; display:block; clear:both;}
	.flow-signUp li {width:24.25%; float:left; display:block; padding:1.5rem; margin-right:1%;}
	.flow-signUp li:last-child {margin-right:0;}
	.flow-signUp li:after {display:none;}

	.box-signUp {padding:4rem 3rem !important;}
	#conts .box-signUp .tit {padding-bottom:2rem;}
	.box-signUp .tbl-box {width:100%;}

	.eduList .item {padding:2rem 1rem;}
	.eduList .item.no-place {padding-left:1rem;}
	.eduList .item .place {display:inline-block; position:relative; top:auto; left:auto; width:auto; height:auto; margin-bottom:.5rem;}
	.eduList .item .place > * {display:block; padding:0 1.5rem; height:3rem; line-height:3rem; min-width:12rem; font-size:1.4rem;}
	.eduList .item .place > *:before {display:none;}
	.eduList .item .list-icon {font-size:1.4rem;}
	.eduList .item .subj {font-size:2.1rem; padding:1.5rem 0; margin-bottom:0;}
	.eduList .item .detail {margin-right:0;}
	.eduList .item .detail dl {display:block; width:auto; margin-bottom:10px;font-size:1.5rem;}
	.eduList .item .detail .data {display:inline-block; vertical-align:middle; margin-right:1rem;}
	.eduList .item .btn-wrap {position:relative; bottom:auto; width:auto;}
	.eduList .item .btn-wrap .view {height:4rem; line-height:4rem; margin-top:1rem;}
}
@media all and (max-width:480px) {
	#conts .lecture_list .tit {font-size:2rem;}
	.lecture_list .info {display:block;}
	.lecture_list .info tbody {display:block;}
	.lecture_list .info tr {display:block;}
	.lecture_list .info tr:after {content:''; display:block; clear:both;}
	.lecture_list .info th {display:block; width:25%; height:auto; padding:.7rem 0; float:left;}
	.lecture_list .info td {display:block; width:75%; height:auto; padding:.7rem 0; float:left;}

	.notice_view .notice_pop {padding:2rem;}
	.notice_view .notice_pop .close {top:2rem; right:2rem;}
	.enrol_top .nav ul {display:block;}
	.enrol_top .nav li {display:block;}
	.enrol_top .nav li a {padding:2rem 2rem 2rem 5rem;}
	.enrol_top .nav li a .menu:before {position:absolute; left:2rem; top:1.6rem}
	.enrol_top .nav .onBox {width:100%; left:0 !important;}
	.enrol_top .nav .onBox:before {display:none;}
	.enrol_top .nav[data-index='1'] .onBox {top:0; bottom:66.6666%}
	.enrol_top .nav[data-index='2'] .onBox {top:33.3333%; bottom:33.3333%}
	.enrol_top .nav[data-index='3'] .onBox {top:66.6666%; bottom:0;}
	.lecture_list .state_wrap p {font-size:2rem !important;}

	.flow-signUp li {width:100%; float:none; margin-right:0; margin-bottom:.3rem;}
	.flow-signUp li span {margin-bottom:0; margin-right:1rem;}
	.flow-signUp li br {display:none;}

	.certi-box li {text-align:center;}
	.certi-box li img {position:static;}
	.certi-box li p {padding-left:0 !important;}
	.certi-box li .tit {padding-top:2rem;}

	.box-signUp {padding:3rem 2rem !important;}
}
@media all and (max-width:375px) {
	.lecture_list .state_wrap p {float:none; text-align:center;}
	.lecture_list .state_wrap .btn_wrap {float:none; width:100%;}

	.open-tab.on {border-radius:2rem;}
	.open-tab .tab-top {padding:2rem 6rem 2rem 2rem; font-size:1.8rem !important; background-position:right 2rem center;}
	.open-tab .tab-cont {padding:0 1rem 1rem;}
}


/********************
	유료사물함 대기신청
********************/
.progress-flow {padding:20px 0;}
.progress-flow li {position:relative; float:left; width:calc(25% - 10px); margin:5px; padding:20px 10px; border:1px solid #cee3e1; border-radius:5px; text-align:center;}
.progress-flow li:after {content:''; position:absolute; right:-20px; top:50%; margin-top:-15px; width:30px; height:30px; background:url(../img/content/ico_step.svg) no-repeat center center; z-index:10;}
.progress-flow li:last-child:after {display:none;} 
.progress-flow li span {display:block; margin-bottom:5px; font-size:.9em; color:#777;}
.btn-box {margin-top:30px; text-align:center; padding:20px; border-top:1px solid #ddd;}

.select-facility {position:relative; text-align:center;}
.select-facility:after {content:''; clear:both; display:block;}
.select-facility label {position:relative; display:block; width:31.3333%; float:left; margin:0 1%; padding:20px; border:1px solid #ddd; border-radius:5px;  }
.select-facility label span {position:relative; display:inline-block; padding-left:30px;}
.select-facility label span:before {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); display:inline-block; width:20px; height:20px; background:url(../img/content/ico_uncheck.svg) no-repeat center center; margin:0;}
.select-facility input[type="radio"] {overflow:hidden; position:absolute; width:1px; height:1px;}
.select-facility input[type="radio"]:checked + label {border:1px solid #008762;}
.select-facility input[type="radio"]:checked + label span:before {background:url(../img/content/ico_check.svg) no-repeat center center;}

.select-locker {background:#e2f2f8; padding:20px; border-radius:10px;}

.locker-apply-list {display:block; position:relative;}
.locker-apply-list .item {position:relative; display:table; width:100%; border:1px solid #ddd; }
.locker-apply-list .item + .item {margin-top:2rem;}
.locker-apply-list .item .info {display:table-cell; vertical-align:middle; padding:2em;}
.locker-apply-list .item .state {display:table-cell; width:22em; vertical-align:middle; text-align:center; border-left:1px dashed #ddd; padding:2em;}

.locker-apply-list .item .info .tit {font-size:2.4rem; font-weight:700; margin-bottom:1.4rem;}
.locker-apply-list .item .info ul:after {content:''; clear:both; display:block;}
.locker-apply-list .item .info li {position:relative; width:50%; padding:5px 5px 5px 12px; float:left;}
.locker-apply-list .item .info li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background:#bbb;}
.locker-apply-list .item .info li em {display:inline-block; width:70px; color:#000 !important; }
.locker-apply-list .item .info li span {color:#777;}
.locker-apply-list .item .info li .standby {color:#ff5500;}

.locker-apply-list .item .state span {display:block; font-size:2.4rem; font-weight:700; margin-bottom:2rem;}

.agreement-box {border:1px solid #ddd; border-radius:10px; padding:30px; }
.agreement-box div {height:220px; overflow:auto; line-height:1.5; padding-right:20px;}

@media all and (max-width:1024px) {
	.progress-flow li {width:calc(33.33333% - 10px);}
	.locker-apply-list .item .info li {width:100%; float:none;}
}

@media all and (max-width:800px) {
	.progress-flow li {width:calc(50% - 10px);}
	.select-facility label {width:48%; margin:1%;}
	.locker-apply-list .item {display:block;}
	.locker-apply-list .item .info {display:block; width:100%; }
	.locker-apply-list .item .state {display:table; width:100%; border-left:0; border-top:1px dashed #ddd; text-align:right; padding:1em 2em; overflow:hidden;}

	.locker-apply-list .item .state span {display:table-cell; vertical-align:middle; text-align:left;}
	.locker-apply-list .item .state div {display:table-cell; vertical-align:middle;}
}

@media all and (max-width:640px) {
	.flow-signUp.locker li {width:100%; float:left; margin-right:0; margin-top:1%;}
	.flow-signUp.locker li br {display:none;}
	.flow-signUp.locker li span {margin-bottom:0; margin-right:1rem;}
	
	.tbl.locker th, .tbl.locker td {display:block; border-left-width:0 !important;}
	
}

@media all and (max-width:500px) {
	.progress-flow li {width:100%; float:none;}
	.progress-flow li:after {right:auto; top:auto; bottom:-18px; left:50%; margin-left:-15px; transform:rotate(90deg); }
}