@charset "utf-8";

section.mykids-study{margin-top:10px;}
section.mykids-study .btn-area{padding:15px 0;}

/* 내정보 */
.delivery-info-list li{margin-top:10px;}
.delivery-info-list li:first-child{margin-top:0;}
.delivery-info-list .hgroup{height:45px; -webkit-box-shadow:0 -1px 1px rgba(0,0,0,.1); -moz-box-shadow:0 -1px 1px rgba(0,0,0,.1); box-shadow:0 -1px 1px rgba(0,0,0,.1); background:#f1f1f1; line-height:45px;}
.delivery-info-list .hgroup h3 b{color:#00bbd4;}
.delivery-info-list .hgroup span.btn{position:absolute; top:0; right:3px; display:block; height:45px;}
.delivery-info-list .hgroup span.btn a{display:block; float:left; width:45px; height:45px; text-align:center; position:relative;}
.delivery-info-list .hgroup span.btn a:before{content:''; position:absolute; top:17px; left:0; width:1px; height:8px; background:#cdcdcd;}
.delivery-info-list .hgroup span.btn a:first-child:before{display:none;}

/* 윙크추천하기 */
.wink-recomm-box{position:relative; padding:33px 16px 29px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2); background: #fff}
.wink-recomm-box dl{padding-right: 145px; font-family: 'NanumBarunGothic-Light';}
.wink-recomm-box dt{margin-bottom: 8px;font-size: 15px}
.wink-recomm-box dd{color: #757575; font-size: 12px; line-height: 20px}
.wink-recomm-box a{position:absolute; bottom: 35px; right: 16px}

/* 이이 목록*/
.child-list li{position:relative;margin:5px; padding:17px 0; border-radius:3px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);background:#fff;overflow:hidden;}
.child-list li table{float:right; width:calc(100% - 43px);}
.child-list li th,
.child-list li td{font-weight: normal}
.child-list li th{width:54px; padding-left: 20px; font-size:11px;}
.child-list li td {padding:5px 0;}
.child-list li td .component-text-form,
.child-list li td .input-type-date{width:134px;}
.child-list li td .input-type-date{padding:9px 0 9px 9px;}
.child-list li td .input-type-birth{width:177px;}
.child-list li td input[type=radio] + label{margin-right:15px;}
/*.child-list li td .component-text-form input[type=text]{width:100%;}*/
.child-list li tr:nth-child(2) td{padding:15px 0;}
.child-list li em{position:absolute; top: 20px; right: 20px; color: #00bbd4; font-size: 11px;}
.child-list li button.delete{position:absolute; top:20px; right:20px; padding-left:17px; background:url(/app/parents/images/icon_util_delete.png) 0 0 / auto 13px no-repeat; color:#757575; font-size:11px}
.child-list li span.move-controller{position:absolute; top:0; left:0; display:block; width:43px; height:100%; border-right:1px solid #dadada;}
.child-list li span.move-controller button{width:100%; height:50%; box-sizing:border-box; font-size:0; line-height:0;}
.child-list li span.move-controller button.up{background:url(/app/parents/images/btn_up.png) 50% 50% / 13px auto no-repeat;}
.child-list li span.move-controller button.up.off{background-image:url(/app/parents/images/btn_up_off.png);}
.child-list li span.move-controller button.down{border-top:1px solid #dadada; background:url(/app/parents/images/btn_down.png) 50% 50% / 13px auto no-repeat;}
.child-list li span.move-controller button.down.off{background-image:url(/app/parents/images/btn_down_off.png);}
.child-list li:after{content:''; display:block; clear:right}
/*.child-list li:before{content:''; display: block; position: absolute; top: 0; left: 0; width: 43px; height: 100%; border-right: 1px solid #dadada; background: url(/app/parents/images/bg_drag_drop.png) 50% 50% / 13px auto no-repeat}
.child-list li.selected{-webkit-box-shadow:0 6px 30px rgba(0,0,0,.15);-moz-box-shadow:0 6px 30px rgba(0,0,0,.15);box-shadow:0 6px 30px rgba(0,0,0,.15); background-color:rgba(255,255,255,.85); z-index:11}
.child-list li.selected:before{background-image:url(/app/parents/images/bg_drag_drop_selected.png)}*/

.child-list2 li{margin:5px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);background-color:#fff; position: relative;}
.child-list2 li:first-child{margin-top: 0;}
.child-list2 li:last-child{margin-bottom: 0;}
.child-list2 input[type=radio] + label{position: absolute; top: 0; left: 0; display: block; width: 42px; height: 100%; margin:0; padding: 0; border-right: 1px solid #dadada; font-size: 0; line-height: 0;}
.child-list2 input[type=radio] + label:before{top: 50%; left: 50%; margin: -9px 0 0 -9px}
.child-list2 label ~ .tbl-type th{width: 50px}
.child-list2 .tbl-type{width:calc(100% - 42px); margin-left: 42px; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:none;}
.child-list2 .tbl-type th{padding-top:12px;}
.child-list2 .tbl-type tr:first-child th{padding-top:21px;}
.child-list2 p.coupon{width:calc(100% - 42px); height: 60px; padding-left: 16px; margin-left: 42px; box-sizing: border-box; font-size: 15px; line-height: 60px; font-family:'NanumBarunGothic-Light'}

.list-type.study{margin-top: 0}
.list-type.study a.title{min-height:0; height:50px; padding:0 16px 0 40px !important; background:#fff url(/app/parents/images/icon_tit_study3.png) 16px 15px / 17.5px auto no-repeat; line-height:50px;}
.list-type.study a.title:after{margin-top:-1px;}

/* .list-type.study li.on .ans{padding:0 0 5px} */
ul.list-type.study li div.ans{padding:0 0 5px}
.list-type.study li.off input[type=radio] + label{background:#f1f1f1;}
.list-type.study li.off input[type=radio] + label:before{opacity: .3}
.list-type.study li:last-child .ans{margin-bottom:-5px; border-bottom-width:0;}
.list-type.study li strong.feature{display:block; margin:26px 0 24px; text-align:center; font-size:18px; font-family: 'NanumBarunGothic-Light';}
.list-type.study li figure{padding:0 16px;}
.list-type.study li figure img{max-width:100%; vertical-align:top;}
.list-type.study li figure ul{margin:10px 0 16px 0;}
.list-type.study li figure li{margin-top:3px; padding-left:8px; background:url(/app/parents/images/bu_dot.png) 0 6px / 3px auto no-repeat; font-size:11px; font-family: 'NanumBarunGothic-Light'; line-height:1.6;}

fieldset.user-price{margin:5px; border-radius:4px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); background:#fff; overflow:hidden;}
fieldset.user-price strong.tit{display:block;height:56px; box-sizing:border-box; border-bottom:1px solid #dadada; text-align:center; font-size:15px; font-family: 'NanumBarunGothic-Regular'; line-height:58px;}
fieldset.user-price li{margin:10px 10px 0;}
fieldset.user-price li:first-child{margin-top:19px;}
fieldset.user-price li:last-child{margin-bottom:16px;}
fieldset.user-price li p{display:none; height:45px; margin:5px 0 17px 25px; padding:0 17px; border-radius:4px; background:#f1f1f1; font-size:12px; line-height:48px; position:relative;}
fieldset.user-price li p b{font-family: 'NanumBarunGothic-Regular';}
fieldset.user-price li p a.go{position:absolute; top:15px; right:17px;}
fieldset.user-price li em.tag{margin-bottom:2px;}
fieldset.user-price li label{display:block;}
fieldset.user-price li label strong{display:block; font-size:15px; font-family: 'NanumBarunGothic-Regular';}
fieldset.user-price li label strong b{color:#f65453;}
fieldset.user-price li label i{display:block; margin-bottom:7px; padding-top:3px;}
fieldset.user-price li input[type=radio] + label:before{top:3px;}
fieldset.user-price li input[type=radio]:checked ~ p{display:block;}
/* issue_971 */
.none-contact{color:#666; padding: 0 0 10px 24px;font-size: 11px;}
/* // issue_971 */


.common-box-shadow.kids p{color:#757575;}
.common-box-shadow.coupon{margin-bottom: 10px}
.common-box-shadow.coupon p{color:#757575;}

/* 단체 신청 안내 */
.group-visit-guide{padding-bottom:30px; background:#fff; line-height:1.6;}
.group-visit-guide strong{display:block; padding:38px 0 25px; text-align:center; font-size:15px;}
.group-visit-guide dl{margin:0 16px; padding:16px; border-radius:4px; background:#f1f1f1;}
.group-visit-guide dt{margin-top:2px; padding-left: 24px; background: url(/app/parents/images/icon_notice.png) 0 0 / 17px auto no-repeat; font-size:13px;}
.group-visit-guide dd{margin-top:10px; padding-left:18px; font-size:11px; font-family:'NanumBarunGothic-Light'; position:relative;}
.group-visit-guide dd:before{position:absolute; top:0; left:0; color:#00bbd4;}
.group-visit-guide dd:nth-of-type(1):before{content:'01';}
.group-visit-guide dd:nth-of-type(2):before{content:'02';}
.group-visit-guide dd:nth-of-type(3):before{content:'03';}
.group-visit-guide ~ .btn-area{margin-top:-16px;}

/* 학습정보 */
/*.study-apply-wrap{display:none;}*/
.study-apply-wrap {height:0; overflow:hidden; transition:height 0.6s; -webkit-transition:height 0.6s; -ms-transition:height 0.6s;}
.study-apply-wrap.on {height:281px;}
.study-apply-wrap .guide-box{padding-bottom:50px;}

.message-box p.about-wink{color: #757575; font-size: 12px; line-height: 20px; font-family:'NanumBarunGothic-Light'}
.message-box p.about-wink strong{display:block; margin-bottom: 6px; color:#212121; font-size: 15px; line-height: 24px}

/* 윙크 소개 */
.list-type.about{margin-bottom:56px;}
.list-type.about a.title{padding-top:15px;}
.list-type.about a.title:after{margin-top:15px;}
.list-type.about li:last-child a.title{padding-bottom:13px;}
.list-type.about li.on figure img,
.list-type.about li.on .video img{max-width: 100%; vertical-align: top }
.list-type.about li.on .video{position:relative;}
.list-type.about li.on .video a.btn-play{position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px;}
.list-type.about li.on a.btn-type2.about{display:table; margin:24px auto 10px;}
.list-type.about li.on dl{margin-top: 11px}
.list-type.about li.on dl:first-of-type{margin-top: 0}
.list-type.about li.on dd{margin: 3px 0 13px}

/*
.tab-type.wink{padding:0; overflow:hidden;}
.tab-type.wink li{box-sizing:border-box;}
.tab-type.wink li a{height:40px; line-height:44px; letter-spacing:-.1em}
.tab-type.wink li:nth-child(1){width:33.3%;}
.tab-type.wink li:nth-child(2){width:33.3%; border-left:1px solid #dadada;}
.tab-type.wink li:nth-child(3){width:33.3%; border-left:1px solid #dadada;}
.tab-type.wink li:nth-child(4){clear:left; width:50%; border-top:1px solid #dadada;}
.tab-type.wink li:nth-child(5){width:50%; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.tab-type.wink li.on,
.tab-type.wink li.on + li{border-left-width:0 !important;}
.tab-type.wink li.on a{border-radius:0;}
.tab-type.wink li.on:before,
.tab-type.wink li.on:after,
.tab-type.wink li.on a:after{display:none;}
*/

/* 학습신청 */
.wink-study{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);}
/*.wink-study .info-text-agree{background:#f6f6f6; color: #757575; font-size: 11px; line-height: 16px}
.wink-study .info-text-agree p{padding:16px;}*/

.coupon-info{height:45px; padding:0 16px; background:#f6f6f6; line-height: 45px; position: relative; font-size: 15px; font-family:'NanumBarunGothic-Light'}
.coupon-info strong{color: #00bbd4}
.coupon-info a.go{position: absolute; top: 0; right: 16px; background-position:100% 18px;}
.coupon-info.none{height:50px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2); background:#fff; line-height:50px}
.coupon-info.none a.go{background-position:100% 21px;}

/* 체험학습신청 */
.apply-exp{margin-bottom:86px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);}
.apply-exp p.total{
	height:250px; margin-top:10px; -webkit-box-shadow:0 -1px 1px rgba(0,0,0,.1); -moz-box-shadow:0 -1px 1px rgba(0,0,0,.1); box-shadow:0 -1px 1px rgba(0,0,0,.1);
	background:
	url(/app/parents/images/mypage/bg_exp.png) 0 0 / 30px auto no-repeat,
	url(/app/parents/images/mypage/bg_exp2.png) 100% 10px / auto 42px no-repeat,
	url(/app/parents/images/mypage/bg_exp3.png) 10px 100% / auto 87px no-repeat,
	url(/app/parents/images/mypage/bg_exp4.png) 50% 100% / auto 87px no-repeat,
	url(/app/parents/images/mypage/bg_exp5.png) 100% 100% / 96px auto no-repeat;
	background-color:#f5f5f5 ;
	text-align:center; color:#212121; font-family:'NanumBarunGothic-Light';
	position:relative;
}
.apply-exp p.total:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:13px; background:url(/app/parents/images/mypage/bg_wave.png) 0 0 / auto 13px repeat-x;}
.apply-exp p.total strong{display:block; padding:28px 0 22px; font-size:15px;}
.apply-exp p.total b{color:#f03c78;}
.apply-exp p.total small{position:relative; display:inline-block; height:45px; padding:0 13px; border-radius:22.5px; -webkit-box-shadow:1px 2px 0px rgba(208,197,197,.45); -moz-box-shadow:1px 2px 0px rgba(208,197,197,.45) box-shadow:1px 2px 0px rgba(208,197,197,.45); background:#fff; font-size:12px; line-height:47px;}
.apply-exp p.total small:after{content:''; position:absolute; bottom:-13px; left:50%; display:block; width:17.5px; height:13.5px; margin-left:19px; background:url(/app/parents/images/mypage/bg_edge.png) 0 0 / contain no-repeat;}
.apply-exp dl.wish{padding:21px 0 22px; text-align:center; background:#fff; color:#212121; font-size:12px; font-family:'NanumBarunGothic-Light';}
.apply-exp dl.wish dt strong{display:block; margin-bottom:6px; font-size:15px; font-family:'NanumBarunGothic-Regular';}
.apply-exp dl.wish dt strong b{color:#00bbd4;}
.apply-exp dl.wish dd{margin-top:9px;}
.apply-exp dl.wish dd:before{content:''; display:inline-block; width:12px; height:10px; margin:0 2px 2px 0; vertical-align:middle; background:url(/app/parents/images/mypage/bu_check.png) 0 0 / contain no-repeat;}
.apply-exp dl.wish dd:first-of-type{margin-top:16px;}
.apply-exp dl.wish dd:last-of-type{margin-top:21px; font-family:'NanumBarunGothic-Regular'; line-height:2;}
.apply-exp dl.wish dd:last-of-type:before{display:none;}
.apply-exp li{margin-top:10px; font-size:12px; font-family:'NanumBarunGothic-Light';}
.apply-exp li > p{display:table; width:100%; min-height:78px; padding:7.5px 16px 5.5px 105px; box-sizing:border-box; color:#fff; line-height:1.5;}
.apply-exp li > p b{display:table-cell; vertical-align:middle;}
.apply-exp li:nth-child(1){margin-top:0; background:#ffc500;}
.apply-exp li:nth-child(1) p{background:url(/app/parents/images/mypage/bg_exp6.png) 16px 100% / auto 54px no-repeat;}
.apply-exp li:nth-child(2){background:#00c0d1;}
.apply-exp li:nth-child(2) p{background:url(/app/parents/images/mypage/bg_exp7.png) 15px 100% / 79px auto no-repeat;}
.apply-exp li:nth-child(2) > ul{padding:5px 0; background:#fff;}
.apply-exp li:nth-child(2) > ul li{margin:15px 0; padding:0 16px; background:#fff;}
.apply-exp li:nth-child(2) > ul li figure{display:table;}
.apply-exp li:nth-child(2) > ul li figure img{height:120px; margin-right:15px; vertical-align:middle;}
.apply-exp li:nth-child(2) > ul li figure figcaption{display:table-cell; vertical-align:middle; color:#757575; line-height:1.6;}
.apply-exp li:nth-child(2) > ul li:nth-child(2) figure img{margin-left:-3.5px;}
.apply-exp li:nth-child(3){background:#a487bf;}
.apply-exp li:nth-child(3) p{background:url(/app/parents/images/mypage/bg_exp8.png) 17px 100% / 75px auto no-repeat;}
.apply-exp li:nth-child(3) > ul{padding:0 16px; background:#fff;}
.apply-exp li:nth-child(3) > ul li{margin:0; padding:25px 0 20px; border-top:1px solid #e0e0e0; background:#fff; text-align:left; line-height:1.6;}
.apply-exp li:nth-child(3) > ul li:first-child{padding-top:15px; border-top-width:0;}
.apply-exp li:nth-child(3) > ul li figure img,
.apply-exp li:nth-child(3) > ul li .video img{max-width:100%; vertical-align:top;}
.apply-exp li:nth-child(3) > ul li .video{position:relative;}
.apply-exp li:nth-child(3) > ul li .video .btn-play,
.apply-exp li:nth-child(3) > ul li .video .btn-pause{position:absolute; top:50%; left:50%; width:42px; height:42px; margin:-21px 0 0 -21px;}
.apply-exp li:nth-child(3) > ul li dt{margin:20px 0 8px; font-size:15px; font-family:'NanumBarunGothic-Regular';}
.apply-exp li:nth-child(3) > ul li dd span.writer{display:block; margin-top:12px; color:#bdbdbd; font-size:11px; font-family:'NanumBarunGothic-Regular';}

/* 배송주소록*/
.address-list li{margin:5px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);background-color:#fff; position: relative;}
.address-list input[type=radio] + label{position: absolute; top: 0; left: 0; display: block; width: 42px; height: 100%; margin:0; padding: 0; border-right: 1px solid #dadada; font-size: 0; line-height: 0;}
.address-list input[type=radio] + label:before{top: 50%; left: 50%; margin: -9px 0 0 -9px}
.address-list label ~ .tbl-type th{width:60px}
.address-list .tbl-type{width:calc(100% - 42px); margin-left: 42px; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:none;}
.address-list .tbl-type th{padding-top:14px;}
.address-list .tbl-type tr:first-child th{padding-top:23px;}

/* 결제 */
.btn-payment{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; padding:0 5px}
.btn-payment a{-webkit-flex:1; -ms-flex:1; flex:1; height: 50px; margin:0 5px; text-align: center; border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);background:#fff; color: #757575; font-size: 13px; line-height: 52px}
.btn-payment a i{display:inline-block; height:50px;}
.btn-payment a.on{background:#00bbd4; color: #fff}
.btn-payment a.card i{padding-left:28px; background:url(/app/parents/images/mypage/icon_card.png) 0 50% / 20px auto no-repeat; }
.btn-payment a.card.on i{background-image:url(/app/parents/images/mypage/icon_card_on.png)}
.btn-payment a.ars i{padding-left:26px; background:url(/app/parents/images/mypage/icon_ars.png) 0 50% / 18px auto no-repeat; }
.btn-payment a.ars.on i{background-image:url(/app/parents/images/mypage/icon_ars_on.png)}
.pay-card-detail {position:absolute; left:-10000px;}
.pay-ars-detail {position:absolute; left:-10000px;}
.pay-card-detail.on {position:relative; left:0;}
.pay-ars-detail.on {position:relative; left:0;}

.payment-step + .notice-list.wrapper{margin-top:0; position:relative; z-index:11}

.payment-step .hgroup{margin:0 16px;padding:0;}
.payment-step .hgroup a{width:100%;background-position:right center;}
.payment-step .hgroup a.toggle-close{border-bottom:1px solid rgba(218, 218, 218, 0);}
.payment-step .hgroup a.toggle-close.more{border-bottom:1px solid rgba(218, 218, 218, 1);transition: border 1s;-webkit-transition: border 1s;-ms-transition: border 1s;}

/* 학습 추가 안내 */
.layer-study-add .layer-tit.line{border-bottom: 1px solid #e1e1e1;}
.layer-study-add small.guide{display: block; margin:29px 16px 2px; padding-bottom: 7px; border-bottom: 1px solid #e1e1e1; font-size: 12px}
.layer-study-add table{width: calc(100% - 32px); margin:0 16px 24px;}
.layer-study-add th,
.layer-study-add td{font-weight: normal; text-align: left}
.layer-study-add th{width:90px; padding: 15px 0 3px 0; vertical-align: top; font-size: 11px}
.layer-study-add td{padding: 11px 16px 3px 0; font-size: 15px; font-family: 'NanumBarunGothic-Light';}
.layer-study-add .notice-list{background:#f5f7fa;}
.layer-study-add .notice-list p{padding-top:0; background-position:0 2px; font-size: 13px; line-height: 23px; font-family: 'NanumBarunGothic-Regular';}
.layer-study-add .notice-list p.light{font-family: 'NanumBarunGothic-Light';}
.layer-study-add .notice-list li{margin-top: 0}
.layer-study-add .notice-list li strong{color: #f03c78; font-family: 'NanumBarunGothic-Regular';}
.layer-study-add .notice-list small{display: block; margin: 10px 0 7px; font-size: 11px; font-family: 'NanumBarunGothic-Light';}

/* issue_963 */
.layer-study-add .text-agree{ margin: 29px 0; padding: 0 16px;}
/* // issue_963 */

/* 결제,배송내역 */
.payment{position:relative; z-index:1; margin-top:10px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);}
.payment .hgroup{background:#f6f6f6;}
.payment .hgroup h2,
.payment .hgroup h2 a.go{font-size:15px;background-position:100% 4px;}
.payment .hgroup em.date{position:absolute; top:19px; right:16px; display:block; padding-left:17px;background:url(/app/parents/images/icon_calendar.png) 0 1px /12px no-repeat; color:#bdbdbd; font-size:11px;}
.payment .hgroup em.date i{margin-left:5px; padding-left:17px; background: url(/app/parents/images/icon_time.png) 0 0/ 12.5px auto no-repeat}
.payment .tbl-type{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.payment .tbl-type td a.go{position:absolute; right:16px; margin-top:3px;}
.payment .dimmed{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(47,47,49,.9); z-index:20;}
.payment .lay-free-class{position:absolute; top:50%; left:0; width:calc(100% - 80px); margin:-101px 40px 0; border-radius:4px; background:#fff; z-index:21;}
.payment .lay-free-class p{padding:25px; font-size:12px; line-height:20px; font-family: 'NanumBarunGothic-Light';}
.payment .lay-free-class p strong{display:block; margin-bottom:16px; color:#f03c78; font-size:28px;}
.payment .lay-free-class p b{display:block; margin-bottom:6px; font-family: 'NanumBarunGothic-Regular';}
.payment .lay-free-class a{display:block; height:50px; border-top:1px solid #e1e1e1; text-align:center; color:#757575; font-size:11px; line-height:50px}
.payment .lay-free-class button.close{position:absolute;top:18px;right:18px;display:block;width:25px;height:25px;background:url(/app/parents/images/icon_util_close.png) 0 0 / contain no-repeat; font-size:0; line-height:0}

.payment-list li{position:relative; margin: 5px 0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2); background: #fff}
.payment-list li:first-child{margin-top:0;}
.payment-list li h3{position:absolute; top:0; left:0; width:42px; height:100%; border-right:1px solid #dadada; text-align:center; color:#757575; font-size:9px}
.payment-list li h3 span{display:table; width:100%; height:100%}
.payment-list li h3 strong{display:table-cell; vertical-align:middle}
.payment-list li h3 b{display:block; margin-bottom:-4px; color:#212121; font-size:28px; font-family: 'NanumBarunGothic-Light';}
.payment-list li .tbl-type{width:calc(100% - 43px); margin-left:43px; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; background:transparent}
.payment-list li .tbl-type th{width:75px;}

.join-input-from.no-margin{background:none;}
.join-input-from .input-list > li{margin-top:16px;}
.join-input-from .input-list > li > p{margin-top:3px;font-size:15px;}
input[type=checkbox] + label{padding-left:25px;}

/* 특별회원 */
input[type="text"].account{width:calc(100% - 86px) !important;}
.special > section{margin-top:10px;}
.special .common-box-shadow{padding:27px 0;text-align:center;}
.special .dot{margin:16px;padding-left: 7px; background: url(/app/parents/images/bu_dot.png) 0 7px / 3px auto no-repeat; font-size: 11px; line-height: 18px; font-family:'NanumBarunGothic-Light';}

.special-guide .common-box-shadow > h2{font-size:18px;line-height:24px;color:#212121;}
.special-guide .common-box-shadow > h2 strong{color:#00bbd4;}
.special-guide .common-box-shadow > p{margin-top:10px;padding:0 35px;font-family: 'NanumBarunGothic-Light';font-size:12px;line-height:20px;color:#757575;}
.special-guide .common-box-shadow > p strong{font-family: 'NanumBarunGothic-Regular';}
.special-guide .common-box-shadow > ol{margin-top:27px;padding:27px 21px 0;border-top:1px solid #dadada;text-align:left;}
.special-guide .common-box-shadow > ol > li{margin-top:17px;font-size:15px;line-height:24px;color:#212121;}
.special-guide .common-box-shadow > ol > li em{margin-right:8px;color:#00bbd4;}
.special-guide .common-box-shadow > ol .notice-list {margin-top:10px;padding:0;}
.special-guide .common-box-shadow > ol .notice-list li{font-size:12px;line-height:20px;}
.special_request .btn-area .confirm-btn:only-child{width:auto;padding:0 28px;}
.special_info .notice-list{margin-top:0;}

.special_info .hgroup + .tbl-type3{margin-top:0;}
.special_info .tbl-type3{margin-top:10px;table-layout:fixed;width:100%;background:#f6f6f6;box-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);}
.special_info .tbl-type3 th{padding-left:15px;width:36px;height:45px;font-size:10px;color:#212121;text-align:left;}
.special_info .tbl-type3 td{font-size:11px;color:#bdbdbd;}
.special_info .tbl-type3 + .tbl-type{margin-top:0;}
.layer-special .layer-study-add table{margin-top:27px;}