@charset "utf-8";

.notice{display:block;padding-left:25px;background:url('/app/parents/images/icon_notice.png') no-repeat;background-size:auto 17px;font-size:11px;line-height:18px;}


em.tag.notice{padding-left:0;}
.list-dot li{padding-left:10px;background:url('/app/parents/images/web/bg_dot.png') 0 6px no-repeat;background-size:auto 3px;font-size:12px;line-height:20px;color:#757575;}
.dot-line{background:url('/app/parents/images/web/bg_dot_line.png') repeat-x;background-size:auto 2px;}
.tab-type2 + .notice-box{margin-top:10px;}




/* 윙크 문의 */
.inquiry > .common-box-shadow{margin-top:10px;padding:25px 16px;font-family:'NanumBarunGothic-Light';}
.inquiry > .common-box-shadow strong{font-size:15px;line-height:16px;color:#212121;}
.inquiry > .common-box-shadow p{margin-top:10px;font-size:12px;line-height:20px;color:#757575;}
.inquiry > .common-box-shadow .search-box{margin-top:13px;padding:0;border-top:none;}
.inquiry > .common-box-shadow .search-box > button.search{right:0px;}
.inquiry > .common-box-shadow .search-box > button.refresh{right:38px;}
.inquiry > .common-box-shadow .btn-area{margin-top:14px;padding:0;}
.inquiry > .common-box-shadow .btn-area a{height:48px;line-height:48px;border-radius:30px;font-size:15px;font-family:'NanumBarunGothic-Regular';border:none;}
.inquiry > .notice{margin:17px 16px 0;font-family:'NanumBarunGothic-Light';color:#212121;}
.inquiry .join-input-from .input-list{padding-top:22px;}
.inquiry .join-input-from .input-list button.general-btn.on{font-size:11px;}
.inquiry .join-input-from .file-upload{position:relative;}
.inquiry .join-input-from .file-upload input[type="file"]{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;overflow:hidden;}
.inquiry .join-input-from .file-upload label{display:inline-block;vertical-align:middle;padding: 0 16px;height: 40px;line-height: 40px;background: #00bbd4;border-radius: 4px;color: #fff;font-size:11px;}
.inquiry .join-input-from .file-name{display:block;margin-top:14px;font-family:'NanumBarunGothic-Light';font-size:12px;line-height:14px;color:#757575;}
.inquiry .join-input-from .file-name button{display:inline-block;margin-left:7px;width:14px;background:url('/app/parents/images/bg_search_close.png') no-repeat;background-size:auto 14px;text-indent:-9999px;}
.inquiry .join-input-from .notice{margin-top:12px;color:#999;}
.wink-learning .payment-step .hgroup{margin:0 16px;padding:0;}
.wink-learning .payment-step .hgroup a{width:100%;background-position:right center;}
.wink-learning .payment-step .hgroup a.toggle-close{border-bottom:1px solid rgba(218, 218, 218, 0);}
.wink-learning .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;}

/* 윙크소개 탭 */
.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-step01{background:#ffc500;}
.wink-step02{background:#4685f9;}
.wink-step03{background:#00c0d1;}
.wink-step04{background:#a487bf;}
.wink-step05{background:#f75959;}
.wink-step06{background:#7373ba;}

.wink-desc{margin-top:10px;padding:30px 20px 25px;text-align:center;font-family:'NanumBarunGothic-Light';}
.wink-desc span{font-size:13px;line-height:15px;color:#212121;}
.wink-desc > strong{display:block;margin-top:7px;font-family:'NanumBarunGothic-Regular';font-size:18px;line-height:24px;color:#00bbd4;}
.wink-desc > p{margin-top:11px;font-size:12px;line-height:20px;color:#757575;}
.wink-desc .text-regular{font-family:'NanumBarunGothic-Regular';}
.wink-desc .list-dot{margin-top:15px;}
.wink-desc.wink-slide{padding:30px 16px 40px;}
.wink-desc.wink-slide .indi-button{position:initial;bottom:initial;left:initial;margin-top:25px;}

.learning-box .wink-step{padding:17px 16px 30px;background:#fff;text-align:center;}
.learning-box .wink-step > strong{font-family:'NanumBarunGothic-Light';font-size:13px;line-height:16px;color:#212121;}
.learning-box .wink-step ul{margin-top:18px;display:flex;justify-content:space-between;background:url('/app/parents/images/web/bg_icon_arrow.png') center no-repeat;background-size:auto 16px;}
.learning-box .wink-step ul li{display:table;table-layout:fixed;width:45%;/*min-width:150px;*/min-height:109px;border-radius:5px;color:#fff;}
.learning-box .wink-step ul li.max-height{height:148px;}
.learning-box .wink-step ul li div{display:table-cell;vertical-align:middle;font-family:'NanumBarunGothic-Light';font-size:15px;line-height:20px;}
.learning-box .wink-step ul li strong{font-family:'NanumBarunGothic-Regular';}
.learning-box .wink-step ul li p{margin-top:10px;font-size:13px;}
.learning-box .wink-step .plus{display:block;margin-top:22px;padding-top:35px;background:url('/app/parents/images/web/bg_icon_plus.png') center top no-repeat;background-size:auto 15px;}
.learning-box > ul{padding:14px 16px 16px;background:#f5f7fa;}
.learning-box > ul li{margin-top:5px;font-family:'NanumBarunGothic-Light';font-size:12px;line-height:20px;color:#757575;}
.learning-box > ul li strong{color:#212121;text-decoration:underline;}
.learning-box > ul li:first-child{margin-top:0;}

.step-box{padding:20px 16px;}
.step-box .wink-step02{background:#00c0d1;}
.step-box .wink-step03{background:#a487bf;}
.step-box .learning-step{padding:12px  20px 12px 15px;border-radius:3px;color:#fff;}
.step-box .learning-step strong{font-size:15px;line-height:30px;}
.step-box .learning-step p{font-family:'NanumBarunGothic-Light';font-size:12px;line-height:20px;}
.step-box > ul{margin-bottom:26px;}
.step-box > ul li{margin-top:20px;}
.step-box > ul li dl{overflow:hidden;}
.step-box > ul li dl:after{display:block;clear:both;content:'';}
.step-box > ul li dl dt{overflow:hidden;float:left;margin-right:10px;width:119px;height:71px;border-radius:3px;box-sizing:border-box;}
.step-box > ul li dl dt.no-stroke{border:1px solid #e0e0e0;}
.step-box > ul li dl dt img{max-width:100%;}
.step-box > ul li dl dd{float:left;width:calc(100% - 129px);font-family:'NanumBarunGothic-Light';font-size:12px;line-height:20px;color:#757575;}
.step-box > ul li dl dd strong{font-size:13px;color:#212121;}
.step-box .bul-list{margin-top:20px;}
.step-box .bul-list > figure{display:table;table-layout:fixed;}
.step-box .bul-list > figure img{width:121px;}
.step-box .bul-list > figure figcaption{display:table-cell;vertical-align:middle;padding-left:10px;font-family:'NanumBarunGothic-Light';font-size:12px;line-height:20px;color:#757575;}
.step-box .bul-list > figure figcaption strong{font-size:13px;color:#212121;}

.curriculum{padding:20px 16px;font-family:'NanumBarunGothic-Light';}
.curriculum > p{margin-top:14px;font-size:12px;line-height:20px;color:#212121;text-align:center;}
.curriculum > p strong{text-decoration:underline;}
.curriculum > ul{display:table;table-layout:fixed;width:100%;margin-top:12px;}
.curriculum > ul li{position:relative;display:table-cell;vertical-align:middle;height:60px;font-family:'NanumBarunGothic-Regular';font-size:11px;line-height:15px;color:#fff;text-align:center;}
.curriculum > ul li i{display:inline-block;margin:0 4px;width:4px;background:url('/app/parents/images/web/bg_depth.png') 0 2px no-repeat;background-size:auto 8px;text-indent:-9999px;}
.curriculum > ul li:after{content:'';z-index:1;position:absolute;top:50%;right:-5px;margin-top:-6px;background:inherit;width:12px;height:12px;border-radius:-18px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.curriculum > ul li:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.curriculum > ul li:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.curriculum > ul li:last-child:after{display:none;}
.curriculum > ul + ol{margin-top:30px;}
.curriculum > ol li{margin-top:10px;border:1px solid #dadada;border-radius:3px;}
.curriculum > ol li:first-child{margin-top:0;}
.curriculum > ol li dl dt{padding:12px 15px;font-size:12px;line-height:14px;color:#757575;}
.curriculum > ol li dl dt strong{display:block;font-family:'NanumBarunGothic-Regular';font-size:13px;line-height:20px;color:#212121;}
.curriculum > ol li dl dd{padding:12px 15px;border-top:1px solid #dadada;font-size:12px;line-height:20px;color:#757575;}
.curriculum > .btn-type2{margin-top:20px;padding:0;width:100%;text-align:center;}
.curriculum.cell-3 > ul:first-child li:last-child{border-top-right-radius:0;border-bottom-right-radius:0;}
.curriculum.cell-3 > ul:first-child li:last-child:after{display:block;}
.curriculum.cell-3 > ul:last-child li:first-child{border-top-left-radius:0;border-bottom-left-radius:0;}
.curriculum.cell-3 > ul:last-child li:first-child:before{content:'';z-index:1;position:absolute;top:50%;left:-7px;margin-top:-6px;background:#fff;width:12px;height:12px;border-radius:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.book-step{overflow:hidden;}
.book-step:after{display:block;clear:both;content:'';}
.book-step li{position:relative;float:left;width:50%;max-height:177px;margin-top:20px;}
.book-step li dl dt{width:95px;height:95px;margin:0 auto;border-radius:100%;font-size:16px;line-height:95px;color:#fff;}
.book-step li dl dd{margin-top:10px;padding:0 18px;font-size:11px;line-height:18px;color:#757575;}
.book-step li:nth-child(2n) dt:after{content:'';position:absolute;top:40px;left:-8px;width:15px;height:15px;background:url('/app/parents/images/web/bg_icon_plus.png') 0 50% no-repeat;background-size:auto 15px;}

.emoticon-wrap{overflow:hidden;position:relative;}
.emoticon-slide{position:relative;/*min-height:216px;*/overflow:hidden;margin-top:28px;}
.emoticon-slide img{/*max-width:100%;*/width:100%;vertical-align:top;height:auto;}
.img-list{position:absolute;top:0;left:0;width:500%;margin:0 auto;overflow:hidden;}
.img-list:after{display:block;clear:both;content:'';}
.img-list > li{float:left;width:500%;border:1px solid #e0e0e0;box-sizing:border-box;width:288px;overflow:hidden;}
.img-list > li img{}
.img-list > li > ul{overflow:hidden;}
.img-list > li > ul:after{display:block;clear:both;content:'';}
.img-list > li > ul > li{float:left;width:25%;margin:0;text-align:center;}
.img-list > li > ul > li a{display:block;}
.img-list > li > ul > li img{height:75px;}
.img-list > li > ul > li.margin-top{margin-top:15px;}
.img-list + .indi-button{bottom:0;}
.indi-button{position:absolute;bottom:16px;left:0;width:100%;text-align:center;font-size:0;}
.indi-button li{display:inline-block;margin:0 6px;line-height:0;}
.indi-button li button{width:7px;height:7px;background:#ddd;border-radius:10px;text-indent:-9999px;line-height:0;font-size:0;}
.indi-button li.on button{background:#fff;border:2px solid #00bbd4;box-sizing:border-box;}

/* 과목별 학습 - 놀이터 */
.learning-game .wink-desc{padding:30px 16px 35px;}
.learning-game .list-dot{margin-top:10px;}
.learning-game .list-dot li{margin-top:5px;}
.game-list{overflow:hidden;}
.game-list:after{display:block;clear:both;content:'';}
.game-list > li{float:left;width:48%;min-height:131px;margin-top:17px;box-sizing:border-box;}
.game-list > li{border-radius:5px;}
.game-list > li:nth-child(2n){margin-left:4%;}
.game-list > li:nth-child(1){border:2px solid #ffc500;}
.game-list > li:nth-child(1) span{background:url('/app/parents/images/web/icon_game01.png') 0 50% no-repeat;background-size:auto 29px;}
.game-list > li:nth-child(2){border:2px solid #4685f9;}
.game-list > li:nth-child(2) span{background:url('/app/parents/images/web/icon_game02.png') 0 50% no-repeat;background-size:auto 29px;}
.game-list > li:nth-child(3){border:2px solid #00c0d1;}
.game-list > li:nth-child(3) span{background:url('/app/parents/images/web/icon_game03.png') 0 50% no-repeat;background-size:auto 29px;}
.game-list > li:nth-child(4){border:2px solid #a487bf;}
.game-list > li:nth-child(4) span{background:url('/app/parents/images/web/icon_game04.png') 0 50% no-repeat;background-size:auto 29px;}
.game-list > li dl dt{height:45px;}
.game-list > li dt span{display:inline-block;padding-left:36px;font-size:15px;line-height:45px;color:#fff;}
.game-list > li dl dd{display:table;table-layout:fixed;width:100%;font-size:12px;line-height:20px;color:#757575;}
.game-list > li dl dd ul{display:table-cell;vertical-align:middle;height:80px;}

/* 연령별 학습 */
.learning-age > .notice{margin:17px 16px;font-family:'NanumBarunGothic-Light';font-size:12px;line-height:20px;}
.learning-age .hgroup{}
.learning-age .payment-step{background:#fff;}
.learning-age .age-box{padding:20px 16px 30px;font-family:'NanumBarunGothic-Light';background:#f1f1f1;}
.learning-age .age-box figure img{width:100%;vertical-align:top;}
.learning-age .age-box figure figcaption{font-size:12px;line-height:32px;color:#757575;text-align:center;}
.learning-age .age-box ol li{position:relative;margin-top:10px;padding:5px 0 5px 40px;background:#fff;font-size:13px;line-height:23px;border-radius:40px;}
.learning-age .age-box ol li em{position:absolute;top:50%;left:2px;margin-top:-14px;width:28px;height:28px;background:#5f7d8c;border-radius:50%;line-height:30px;color:#fff;text-align:center;font-family:'NanumBarunGothic-Bold';}
.learning-age .age-box ol li span{margin-left:5px;color:#757575;}
.learning-age .age-box ol .spotlight{font-family:'NanumBarunGothic-Regular';color:#08bbd5;}
.learning-age .age-box ol .spotlight span{font-family:'NanumBarunGothic-Light';color:#08bbd5;}
.learning-age .age-box ol .spotlight em{background:#08bbd5;}
.learning-age .notice-area{margin:0;padding:17px 16px;background:#f5f7fa;}
.learning-age .notice-area .notice{font-family:'NanumBarunGothic-Regular';}
.learning-age .notice-area ul li{font-size:11px;margin-top:7px;font-family:'NanumBarunGothic-Light';color:#212121;}

/* 사용자 후기 */
.info-time span {font-family:'NanumBarunGothic-Regular';font-size:11px; line-height:14px; padding-left:16px; margin-right:3px;}
.info-time span.id {background:url('/app/parents/images/info/bg_human.png') left center no-repeat; background-size:12px 12px;}
.info-time span.day {background:url(/app/parents/images/icon_calendar.png) left center no-repeat;background-size:12px 12px;/*padding-top:2px;*/}
.edu-detail{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); background:#fff}
.edu-detail .title{position:relative;padding:20px 16px;border-bottom:1px solid #dbdbdb;color:#757575;font-size:11px}
.edu-detail h2{width:80%; margin-bottom:7px;color:#212121;font-size:15px; line-height:24px;}
.edu-detail .detail-con{padding:20px 16px 40px;color:#212121;font-size:15px;font-family:'NanumBarunGothic-Light';line-height:26px}
.edu-detail .detail-con span{display:block;font-size:12px;line-height:14px;color:#bdbdbd;}
.edu-detail .detail-con p{margin-top:15px;}
.edu-detail figure{padding-top:12px;}
.edu-detail figure img{max-width:100%;vertical-align:top}

.epilogue img{max-width:100%;vertical-align:top;}
.epilogue .common-box-shadow{margin-top:10px;padding:30px 16px;font-family:'NanumBarunGothic-Light';text-align:center;}
.epilogue .common-box-shadow.slide{padding:30px 0;}
.epilogue .common-box-shadow > h2{font-family:'NanumBarunGothic-Regular';font-size:18px;line-height:20px;}
.epilogue .common-box-shadow > p{margin-top:10px;font-size:12px;line-height:20px;color:#757575;}
.epilogue .common-box-shadow > p + dl{margin-top:20px;}
.epilogue .common-box-shadow > dl{margin-top:10px;}
.epilogue .common-box-shadow > dl dt{border-top-left-radius:5px;border-top-right-radius:5px;background:#00bbd4;font-size:15px;line-height:40px;color:#fff;}
.epilogue .common-box-shadow > dl dt span{display:inline-block;padding-left:44px;}
.epilogue .common-box-shadow > dl dt .parent{background:url('/app/parents/images/web/bg_parent.png') 0 4px no-repeat;background-size:auto 37px;}
.epilogue .common-box-shadow > dl dt .children{background:url('/app/parents/images/web/bg_children.png') 0 6px no-repeat;background-size:auto 34px;}
.epilogue .common-box-shadow > dl dt strong{font-family:'NanumBarunGothic-Regular';}
.epilogue .common-box-shadow > dl dd{display:table;width:100%;table-layout:fixed;min-height:116px;padding:20px 24px 28px;box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#f6f6f6;}
.epilogue .common-box-shadow > dl dd ul{display:table-cell;vertical-align:middle;}
.epilogue .common-box-shadow > dl dd ul li{position:relative;display:inline-block;}
.epilogue .common-box-shadow > dl dd ul li img{width:41px;}
.epilogue .common-box-shadow > dl dd ul li > span{position:absolute;top:0;left:0;overflow:hidden;}
.epilogue .common-box-shadow > dl dd ul li > span img{max-width:none;}
.epilogue .interview{position:relative;margin-top:24px;}
.epilogue .interview .play{position:absolute;top:50%;left:50%;margin:-38px 0 0 -38px;}
.epilogue .interview .play img{height:77px;}

.counsel-slide {position:relative; overflow:hidden; margin-top:20px; /*padding-bottom:392px;*/text-align:left;}
.counsel-slide .scroll-bild {width:100%; overflow:hidden;}
.counsel-slide .scroll-bild .counsel-list li {margin-top:0;}
.counsel-slide .scroll-bild ul.counsel-list {position:absolute; top:0; left:0; width:500%; margin-left:0;}
.counsel-slide .scroll-bild ul.counsel-list li {position:relative;width:300px; float:left; /*margin:0 0 0 5px;*/ vertical-align:top;}
.counsel-slide .scroll-bild ul.counsel-list.small-list li {width:147px;}
.counsel-slide .scroll-bild ul.counsel-list li figure > span{position:absolute;top:0;left:16px;}
.counsel-slide .scroll-bild ul.counsel-list li figure > span img{width:29px;}
.counsel-slide .scroll-bild ul.counsel-list li figcaption{padding:18px 16px;}
.counsel-slide .scroll-bild ul.counsel-list li figcaption strong{font-size:15px;line-height:24px;color:#00bbd4;}
.counsel-slide .scroll-bild ul.counsel-list li figcaption p{overflow:hidden;margin:0;font-size:15px;line-height:26px;display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-wrap:normal;}
.counsel-slide .scroll-bild ul.counsel-list li figcaption .info-time{margin:15px 0 10px 0;}
.counsel-slide .scroll-bild ul.counsel-list li figcaption .info-time span{color:#757575;}
.counsel-slide .scroll-bild ul.counsel-list li figcaption > span{font-size:12px;line-height:14px;color:#bdbdbd;}
.counsel-slide .scroll-bild .indi-button {bottom:0;font-size:0; line-height:0;}

/**/
.small-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:#fff;overflow:hidden;}
.small-list li:first-child{margin-top: 0}
.small-list li:last-child{margin-bottom: 0}
.small-list li p{position: relative; margin-left:59px; font-size: 15px; line-height: 24px; font-family:'NanumBarunGothic-Light';}
.small-list li p span.icon{position: absolute; top: 20px; left: -48px; width: 32px; height: 32px; border-radius: 50%; background: #f1f1f1; text-align: center; color: #757575; font-size: 15px; line-height: 32px; font-family:'NanumBarunGothic-Regular'; font-weight:bold;}
.small-list li p span.icon i{position: absolute; top: -5px; right: -5px; width: 13px; height: 13px; border-radius: 50%; border:2px solid #fff; background: url(/app/parents/images/icon_new.png) 0 0 / contain no-repeat; font-size: 0; line-height: 0; text-indent: -9999px;}
.small-slide {position:relative; overflow:hidden; margin-top:20px; /*padding-bottom:392px;*/text-align:left; margin:0 5px;}
.small-slide .scroll-bild {width:100%; overflow:hidden; position:relative; height:100%;}
.small-slide .scroll-bild .small-list li {margin-top:0;}
.small-slide .scroll-bild ul.small-list {overflow:hidden;display:table;border-spacing:5px;border-collapse:separate;position:absolute; top:0; left:0; width:500%; margin-left:0;}
.small-slide .scroll-bild ul.small-list li {display:table-cell;}
/*.small-slide .scroll-bild ul.small-list {position:absolute; top:0; left:0; width:500%; margin-left:0;}*/
/*.small-slide .scroll-bild ul.small-list li {position:relative;width:300px; float:left; /*margin:0 0 0 5px;*/ vertical-align:top;}*/
.small-slide .scroll-bild ul.small-list.small-list li {width:147px;}
.small-slide .scroll-bild ul.small-list li figure > span{position:absolute;top:0;left:16px;}
.small-slide .scroll-bild ul.small-list li figure > span img{width:29px;}
.small-slide .scroll-bild ul.small-list li figcaption{padding:18px 16px;}
.small-slide .scroll-bild ul.small-list li figcaption strong{font-size:15px;line-height:24px;color:#00bbd4;}
.small-slide .scroll-bild ul.small-list li figcaption p{overflow:hidden;margin:0;font-size:15px;line-height:26px;display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-wrap:normal;}
.small-slide .scroll-bild ul.small-list li figcaption .info-time{margin:15px 0 10px 0;}
.small-slide .scroll-bild ul.small-list li figcaption .info-time span{color:#757575;}
.small-slide .scroll-bild ul.small-list li figcaption > span{font-size:12px;line-height:14px;color:#bdbdbd;}
.small-slide .scroll-bild .indi-button {bottom:0;font-size:0; line-height:0;}

.small-slide{margin-top:0;}
.small-list li {padding:17px 11px 30px;box-sizing:border-box;}
.small-list li a{font-family:'NanumBarunGothic-Light';font-size:15px;line-height:24px;}
.small-list li a > strong{display:block;color:#00bbd4;}
.small-list li a > span{display:block;color:#212121;}
.small-list li .video-box{height:0; margin-top:15px; padding-bottom:77%; overflow:hidden; position:relative;}
.small-list li .video-box .figure{position:absolute; top:0; left:0; width:100%; height:100%;}
.small-list li .video-box .figure span.thumb{display:inline-block; height:100%; position:relative;}
.small-list li .video-box .figure img{max-width:100%; height:100%; vertical-align:top;}
.small-list li .video-box .figure em{position:absolute; bottom:0; left:0; width:28px; height:28px; text-align:center; background:rgba(55,56,58,.7); color:#fff; font-size:11px; line-height:28px;}
.small-list li .video-box .btn-play{position:absolute; top:50%; left:50%; width:42px; height:42px; margin:-21px 0 0 -21px;}
.small-list li .video-box.center{text-align:center;}


/**/
.app-banner{position:relative;display:table;width:100%;padding:9px 16px 9px 28px;box-sizing:border-box;background:#e8f4f6;}
.app-banner img{vertical-align:top;}
.app-banner button{position:absolute;top:10px;left:10px;}
.app-banner button img{height:9px;}
.app-banner span{display:table-cell;vertical-align:middle;width:44px;}
.app-banner span img{height:45px;}
.app-banner p{display:table-cell;vertical-align:middle;padding-left:10px;font-size:12px;line-height:20px;color:#757575;}
.app-banner p strong{color:#212121;}
.app-banner a{position:absolute;top:50%;right:16px;margin-top:-14px;height:28px;font-size:12px;line-height:28px;border:none;}

/* main */
.web-main{padding-bottom:10px;}
.web-main img{max-width:100%;vertical-align:top;}
.web-main > section > h2{font-family:'NanumBarunGothic-Bold';font-size:24px;line-height:32px;color:#3f53cf;text-align:center;}
.web-main .hgroup{margin-top:15px;}
.web-main .notice-box{position:relative;overflow:hidden;height:40px;padding:0 16px 0 45px;background:#00bcd5 url('/app/parents/images/web/icon_notice.png') 16px 12px no-repeat;background-size:auto 15px;}
.web-main .notice-box ul{overflow:hidden;position:absolute;top:0;left:45px;width:calc(100% - 60px);}
.web-main .notice-box ul li{font-size:12px;line-height:42px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.web-main .visual-text{position:relative;min-height:399px;padding-top:36px;box-sizing:border-box;background:url('/app/parents/images/web/bg_wink.png') center bottom no-repeat; background-size:100% auto;text-align:center;}
.web-main .visual-text h2{color:#fff001;}
.web-main .visual-text p{margin-top:10px;font-size:13px;line-height:20px;color:#fff;}
.web-main .visual-text figure{margin-top:17px;}
.web-main .visual-text figure img{height:160px;}
.web-main .visual-text a{position:absolute;bottom:10px;left:0;width:100%;line-height:0;}
.web-main .visual-text a img{height:43px;}
.web-main .step-desc{padding:26px 16px 16px;}
.web-main .step-desc ol{margin-top:14px;}
.web-main .step-desc ol li{position:relative;margin-top:35px;padding:17px 0 14px 68px;background:#fff;border:1px solid #ccc;border-radius:3px;font-size:13px;line-height:20px;color:#757575;}
.web-main .step-desc ol li:after{display:block;content:'';position:absolute;top:-25px;left:0;width:100%;height:15px;background:url('/app/parents/images/web/icon_step_arrow.png') 50% 100% no-repeat;background-size:auto 15px;}
.web-main .step-desc ol li:first-child{margin-top:0;}
.web-main .step-desc ol li:first-child:after{display:none;}
.web-main .step-desc ol li em{position:absolute;top:50%;left:20px;margin-top:-16px;width:32px;height:32px;background:#3f53cf;border-radius:50%;text-align:center;line-height:32px;color:#fff;}
.web-main .step-desc ol li strong{display:block;margin-bottom:5px;font-family:'NanumBarunGothic-Bold';font-size:15px;color:#212121;}
.web-main .wink-video{padding:28px 16px 16px;-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;}
.web-main .wink-video img{width:100%;}
.web-main .wink-video p{font-size:13px;line-height:24px;color:#757575;text-align:center;}
.web-main .wink-video figure{position:relative;margin-top:13px;}
.web-main .wink-video .btn-play{position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;}

.web-main .wink-intro{margin-top:30px;padding:0 5px 4px;text-align:center;}
.web-main .wink-intro h2{padding-top:44px;background:url('/app/parents/images/logo.png') 50% 0 no-repeat;background-size:auto 37px;color:#eb4d83;}
.web-main .wink-intro h2 span{color:#00aac8;}
.web-main .wink-intro > p{margin-top:3px;font-size:13px;line-height:20px;color:#212121;}
.web-main .wink-intro > ul{margin-top:20px;}
.web-main .wink-intro > ul > li{position:relative;margin-top:5px;border-radius:3px;box-sizing:border-box;}
.web-main .wink-intro > ul > li dl{overflow:hidden;}
.web-main .wink-intro > ul > li dl:after{display:block;clear:both;content:'';}
.web-main .wink-intro > ul > li:nth-child(odd) > dl dt{float:right;}
.web-main .wink-intro > ul > li:nth-child(even) > dl dt{float:left;}
.web-main .wink-intro > ul > li:nth-child(odd) > dl dd{float:left;}
.web-main .wink-intro > ul > li:nth-child(even) > dl dd{float:right;}
.web-main .wink-intro > ul > li:nth-child(1){background:#00b8d4;border:3px solid #00b8d4;color:#00b8d4;}
.web-main .wink-intro > ul > li:nth-child(2){background:#0079e0;border:3px solid #0079e0;color:#0079e0;}
.web-main .wink-intro > ul > li:nth-child(3){background:#ff6f00;border:3px solid #ff6f00;color:#ff6f00;}
.web-main .wink-intro > ul > li:nth-child(4){background:#ffb520;border:3px solid #ffb520;color:#ffb520;}
.web-main .wink-intro > ul > li:nth-child(5){background:#4caf50;border:3px solid #4caf50;color:#4caf50;}
.web-main .wink-intro > ul > li:nth-child(6){background:#ec407a;border:3px solid #ec407a;color:#ec407a;}
.web-main .wink-intro > ul > li:nth-child(7){background:#462e9f;border:3px solid #462e9f;color:#462e9f;}
.web-main .wink-intro > ul > li > dl{position:relative;}
.web-main .wink-intro > ul > li > dl dt{width:50%;}
.web-main .wink-intro > ul > li > dl dd{display:table;width:50%;}
.web-main .wink-intro > ul > li > dl dd > div{display:table-cell;vertical-align:middle;height:169px;/*max-height:169px;*/color:#fff;}
.web-main .wink-intro > ul > li > dl dd strong{font-family:'NanumBarunGothic-Bold';font-size:18px;line-height:24px;}
.web-main .wink-intro > ul > li > dl dd p{margin-top:5px;font-size:12px;line-height:18px;}
.web-main .wink-intro > ul > li .btn-more{position:absolute;bottom:0;left:50%;height:20px;padding:0 20px 0 10px;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#fff;border-top-left-radius:8px;border-top-right-radius:8px;color:inherit;width:60px;box-sizing:border-box;}
.web-main .wink-intro > ul > li .btn-more:after{display:block;content:'더보기';font-family:'NanumBarunGothic-Bold';font-size:11px;line-height:24px;}
.web-main .wink-intro > ul > li .btn-more.close:after{display:block;content:'닫기';}
.web-main .wink-intro > ul > li .btn-more.close span{right:13px;}
.web-main .wink-intro > ul > li .btn-more span{position:absolute;top:50%;right:7px;margin-top:-2.5px;}
.web-main .wink-intro > ul > li .btn-more span:before,
.web-main .wink-intro > ul > li .btn-more span:after{display:block;content:'';position:absolute;top:2px;width:7px;height:2px;background:currentColor;border-radius:10px;}
.web-main .wink-intro > ul > li .btn-more span:before{right:4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.web-main .wink-intro > ul > li .btn-more span:after{right:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.web-main .wink-intro > ul > li .btn-more.close span:before{transform:rotate(-225deg);-webkit-transform:rotate(-225deg);}
.web-main .wink-intro > ul > li .btn-more.close span:after{transform:rotate(225deg);-webkit-transform:rotate(225deg);}

.web-main .wink-intro > ul > li .cont-more{overflow:hidden;position:relative;display:none;background:#fff;padding:33px 0;}
.web-main .wink-intro > ul > li .cont-more strong span{color:#f03c78;}
.web-main .wink-intro > ul > li .cont-more p{margin-top:7px;font-family:'NanumBarunGothic-Light';font-size:13px;line-height:20px;color:#212121;}
.web-main .wink-intro > ul > li .cont-more > strong{font-size:18px;line-height:24px;color:#212121;}
.web-main .wink-intro > ul > li .cont-more ol{margin-top:40px;padding:0 9px;}
.web-main .wink-intro > ul > li .cont-more ol li{margin-top:20px;padding-top:18px;background:url('/app/parents/images/web/bg_dot_line.png') repeat-x;background-size:auto 2px;font-size:18px;line-height:24px;color:#212121;}
.web-main .wink-intro > ul > li .cont-more ol li > em{display:inline-block;width:24px;height:24px;margin-right:9px;border-radius:50%;background:red;font-family:'NanumBarunGothic-Bold';font-size:13px;line-height:26px;color:#fff;}
.web-main .wink-intro > ul > li .cont-more ol li:nth-child(1) > em{background:#ffc500;}
.web-main .wink-intro > ul > li .cont-more ol li:nth-child(2) > em{background:#4685f9;}
.web-main .wink-intro > ul > li .cont-more ol li:nth-child(3) > em{background:#00c0d1;}
.web-main .wink-intro > ul > li .cont-more ol li:nth-child(4) > em{background:#f75959;}
.web-main .wink-intro > ul > li .cont-more ol li:nth-child(5) > em{background:#a487bf;}
.web-main .wink-intro > ul > li .cont-more ol li p{margin-top:10px;font-family:'NanumBarunGothic-Light';font-size:15px;line-height:24px;color:#212121;}
.web-main .wink-intro > ul > li .cont-more ol li p span{display:block;margin-top:3px;font-size:12px;line-height:20px;color:#757575;}
.web-main .wink-intro > ul > li .cont-more .btn-more{background:currentColor;}
.web-main .wink-intro > ul > li .cont-more .btn-more:after{color:#fff;}
.web-main .wink-intro > ul > li .cont-more .btn-more span:before,
.web-main .wink-intro > ul > li .cont-more .btn-more span:after{background:#fff;}

.web-main .wink-intro > ul > li .wink-intro01{padding-bottom:0;}
.web-main .wink-intro > ul > li .wink-intro01 > p{font-family:'NanumBarunGothic-Light';font-size:15px;line-height:24px;color:#666;}
.web-main .wink-intro > ul > li .wink-intro01 .composition{position:relative;width:230px;margin:25px auto 0;height:240px;background:url('/app/parents/images/web/bg_shape.png') no-repeat;background-size:auto 240px;}
.web-main .wink-intro > ul > li .wink-intro01 .composition strong{display:block;padding-top:106px;font-family:'NanumBarunGothic-Bold';font-size:18px;line-height:24px;color:#212121;text-align:center;}
.web-main .wink-intro > ul > li .wink-intro01 .composition strong span{color:#08bbd5;}
.web-main .wink-intro > ul > li .wink-intro01 .composition ul{position:absolute;top:0;left:0;width:100%;height:100%;}
.web-main .wink-intro > ul > li .wink-intro01 .composition li{display:table;position:absolute;width:70px;height:70px;border-radius:50%;}
.web-main .wink-intro > ul > li .wink-intro01 .composition li:nth-child(1){background:#4685f9;top:0;left:50%;margin-left:-35px;}
.web-main .wink-intro > ul > li .wink-intro01 .composition li:nth-child(2){background:#00c0d1;top:70px;right:0;}
.web-main .wink-intro > ul > li .wink-intro01 .composition li:nth-child(3){background:#a487bf;bottom:0;right:30px;}
.web-main .wink-intro > ul > li .wink-intro01 .composition li:nth-child(4){background:#f75959;bottom:0;left:30px;}
.web-main .wink-intro > ul > li .wink-intro01 .composition li:nth-child(5){background:#ffc500;top:70px;left:0;}
.web-main .wink-intro > ul > li .wink-intro01 .composition li span{display:table-cell;vertical-align:middle;height:70px;font-size:12px;line-height:18px;color:#fff;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area{position:relative;margin-top:22px;padding:28px 8px 44px;background:#f5f7fa url('/app/parents/images/web/bg_intro01.png') no-repeat;background-size:auto 124px;background-position:bottom 16px right 25px;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > strong{font-size:18px;line-height:24px;color:#212121;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > strong span{color:#f03c78;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > ul{margin-top:24px;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > ul li{margin-top:10px;padding-left:11px;background:url('/app/parents/images/web/bg_dot.png') 0 6px no-repeat;background-size:auto 3px;font-size:12px;line-height:20px;color:#212121;text-align:left;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > ul li strong{font-family:'NanumBarunGothic-Bold';color:#08bbd5;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > ul li span{display:block;color:#757575;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > p{margin:40px 0 0 12px;font-family:'NanumBarunGothic-Bold';font-size:15px;line-height:24px;color:#212121;text-align:left;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area > p strong{color:#f03c78;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area:before,
.web-main .wink-intro > ul > li .wink-intro01 .notice-area:after{display:block;content:'';}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area:before{background: url(/app/parents/images/web/bg_cloud01.png) no-repeat;background-size:auto 37px;position:absolute;top:37px;left:0;width:45px;height:37px;}
.web-main .wink-intro > ul > li .wink-intro01 .notice-area:after{background: url(/app/parents/images/web/bg_cloud02.png) no-repeat;background-size:auto 45px;position:absolute;top:66px;right:0;width:68px;height:45px;}
.web-main .wink-intro > ul > li .wink-intro01 > ol li:nth-child(1) > figure img{width:95px;}
.web-main .wink-intro > ul > li .wink-intro01 > ol li:nth-child(2) > figure{margin-top:20px;}
.web-main .wink-intro > ul > li .wink-intro01 > ol li:nth-child(2) > figure img{width:130px;}
.web-main .wink-intro > ul > li .wink-intro01 > ol li:nth-child(3) > figure img{width:97px;}
.web-main .wink-intro > ul > li .wink-intro01 > ol li:nth-child(4) > figure img{width:91px;}
.web-main .wink-intro > ul > li .wink-intro01 > ol li:nth-child(5) > figure img{width:100px;}
.web-main .wink-intro > ul > li .wink-intro01 > ol li figure{margin-top:15px;}

.web-main .wink-intro > ul > li .wink-intro02 > strong{line-height:20px;color:#0079e0;}
.web-main .wink-intro > ul > li .wink-intro02 > p{margin-top:4px;}
.web-main .wink-intro > ul > li .wink-intro02 > figure{margin:15px 10px 30px 12px;}
.web-main .wink-intro > ul > li .wink-intro02 > figure + strong{color:initial;}
.web-main .wink-intro > ul > li .wink-intro02 > figure + strong span{font-family:'NanumBarunGothic-Bold';color:#f03c78;}
.web-main .wink-intro > ul > li .wink-intro02 > figure + strong + p{margin-top:12px;font-family:'NanumBarunGothic-Regular';color:#666;}
.web-main .wink-intro > ul > li .wink-intro02 > a{margin-top:25px;}

.web-main .wink-intro > ul > li .wink-intro03 > p{margin-top:0;}
.web-main .wink-intro > ul > li .wink-intro03 > ul{margin-top:20px;text-align:center;/*display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:space-between;-webkit-justify-content:space-between;*/}
.web-main .wink-intro > ul > li .wink-intro03 > ul li{position:relative;/*flex:1;-webkit-flex:1;*/display:inline-block;margin-right:10px;width:102px;height:102px;border-radius:50%;font-family:'NanumBarunGothic-Bold';color:#fff;background-image:url('/app/parents/images/web/bg_pattern.png');background-size:auto 10px;}
.web-main .wink-intro > ul > li .wink-intro03 > ul li:after{display:block;content:'';position:absolute;top:50%;right:-10px;margin-top:-6px;width:7px;height:12px;background:url('/app/parents/images/web/bg_arrow.png') no-repeat;background-size:7px auto;}
.web-main .wink-intro > ul > li .wink-intro03 > ul li:last-child{margin-right:0;}
.web-main .wink-intro > ul > li .wink-intro03 > ul li:last-child:after{display:none;}
.web-main .wink-intro > ul > li .wink-intro03 > ul li strong{display:block;margin:25px 0 5px;font-family:'NanumBarunGothic-Regular';font-size:24px;}
.web-main .wink-intro > ul > li .wink-intro03 > ul li:nth-child(1){background-color:#ffc500;}
.web-main .wink-intro > ul > li .wink-intro03 > ul li:nth-child(2){background-color:#4685f9;}
.web-main .wink-intro > ul > li .wink-intro03 > ul li:nth-child(3){background-color:#00c0d1;}
.web-main .wink-intro > ul > li .wink-intro03 > ol{margin-top:33px;}
.web-main .wink-intro > ul > li .wink-intro03 > ol li{padding-top:28px;}
.web-main .wink-intro > ul > li .wink-intro03 > ol li:first-child{background:none;margin-top:0;padding-top:0;}
.web-main .wink-intro > ul > li .wink-intro03 > ol li > strong{color:#f03c78;}
.web-main .wink-intro > ul > li .wink-intro03 > ol li figure{margin-top:15px;overflow:hidden;}
.web-main .wink-intro > ul > li .wink-intro03 > ol li figure:after{display:block;clear:both;content:'';}
.web-main .wink-intro > ul > li .wink-intro03 > ol li figure span{overflow:hidden;float:left;width:48%;margin:0 1%;border-radius:3px;}

.web-main .wink-intro > ul > li .wink-intro04{padding:33px 9px;}
.web-main .wink-intro > ul > li .wink-intro04 > p strong{font-family:'NanumBarunGothic-Regular';}
.web-main .wink-intro > ul > li .wink-intro04 > ol{margin-top:30px;padding:0;}
.web-main .wink-intro > ul > li .wink-intro04 > ol li{padding-top:26px;}
.web-main .wink-intro > ul > li .wink-intro04 > ol li:first-child{background:none;margin-top:0;padding-top:0;}
.web-main .wink-intro > ul > li .wink-intro04 > ol li > dl dt{margin-top:16px;width:100%;height:205px;background:#bdbdbd;border-radius:3px;}
.web-main .wink-intro > ul > li .wink-intro04 > ol li > dl dd{margin-top:10px;font-family:'NanumBarunGothic-Light';font-size:15px;line-height:24px;color:#212121;}

.web-main .wink-intro > ul > li .wink-intro05 > em{display:block;margin-top:16px;font-family:'NanumBarunGothic-Bold';font-size:15px;line-height:24px;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle{position:relative;width:345px;margin:25px auto;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle > strong{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);margin-top:-3px;/*width:40px;*/font-family:'NanumBarunGothic-Bold';font-size:15px;line-height:21px;color:#666;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul{background:url('/app/parents/images/web/bg_triangle.png') 50% 0 no-repeat;background-size:auto 195px;height:225px;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li{position:absolute;text-align:left;font-size:12px;line-height:18px;color:#666;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li strong{display:block;font-family:'NanumBarunGothic-Bold';font-size:15px;line-height:24px;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(1){top:15.5%;left:8%;text-align:right;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(1) strong{color:#ffc500;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(2){bottom:0;left:47%;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(2) strong{color:#4685f9;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(3){top:15%;right:9%;}
.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(3) strong{color:#f75959;}
.web-main .wink-intro > ul > li .wink-intro05 > ul{overflow:hidden;margin:0 1%;}
.web-main .wink-intro > ul > li .wink-intro05 > ul:after{display:block;clear:both;content:'';}
.web-main .wink-intro > ul > li .wink-intro05 > ul li{float:left;width:48%;margin:0 1%;}
.web-main .wink-intro > ul > li .wink-intro05 > ul li > dl dt{min-height:91px;background:#bdbdbd;border-radius:3px;}
.web-main .wink-intro > ul > li .wink-intro05 > ul li > dl dd{font-family:'NanumBarunGothic-Light';margin-top:10px;font-size:15px;line-height:24px;color:#212121;}
.web-main .wink-intro > ul > li .wink-intro05 .teacher-desc{margin:20px 9px 0;padding:32px 0 0;}
.web-main .wink-intro > ul > li .wink-intro05 .teacher-desc strong{font-family:'NanumBarunGothic-Bold';font-size:15px;line-height:24px;}
.web-main .wink-intro > ul > li .wink-intro05 .teacher-desc figure{padding:22px 22px 0 83px;}

.web-main .wink-intro > ul > li .wink-intro06 > p em{font-family:'NanumBarunGothic-Regular';color:#ec407a;}
.web-main .wink-intro > ul > li .wink-intro06 > em{display:block;margin-top:10px;font-family:'NanumBarunGothic-Regular';font-size:13px;line-height:20px;color:#212121;}
.web-main .wink-intro > ul > li .wink-intro06 > figure{overflow:hidden;margin:24px 8px 0;border-radius:5px;}
.web-main .wink-intro > ul > li .wink-intro06 .emoticon-slide{overflow:hidden;position:relative;height:470px;margin-top:30px;}
.web-main .wink-intro > ul > li .wink-intro06 .emoticon-slide:after{display:block;content:'';height:2px;margin:0 8px;background:url('/app/parents/images/web/bg_dot_line.png') repeat-x;background-size:auto 2px;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list{overflow:hidden;position:absolute;top:0;left:0;width:1000%;height:100%;margin-top:0;padding:0;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list:after{display:block;clear:both;content:'';}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li{float:left;overflow:hidden;min-width:320px;width:100%;height:100%;margin-top:0;margin-left:-4px;padding-top:25px;text-align:center;background:none;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li h2{font-size:20px;line-height:24px;color:#212121;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li h2 strong{display:block;margin-top:12px;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li h2 strong em{display:inline-block;padding-left:45px;font-family:'NanumBarunGothic-Bold';font-size:28px;line-height:36px;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li p{margin-top:21px;padding:0 25px;font-size:15px;line-height:24px;color:#666;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li p span{display:block;font-size:12px;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li figure{margin:21px 0 0;}
.web-main .wink-intro > ul > li .wink-intro06 .tutorial-list > li figure img{width:344px;}
.web-main .wink-intro > ul > li .wink-intro06 ol li.intro-slide01 em{background:#ffc500;}
.web-main .wink-intro > ul > li .wink-intro06 ol li.intro-slide02 em{background:#4685f9;}
.web-main .wink-intro > ul > li .wink-intro06 ol li.intro-slide03 em{background:#00c0d1;}
.web-main .wink-intro > ul > li .wink-intro06 ol li.intro-slide04 em{background:#f75959;}
.web-main .wink-intro > ul > li .wink-intro06 ol li.intro-slide05 em{background:#a487bf;}
.web-main .wink-intro > ul > li .wink-intro06 .indi-button {bottom:0;}
.web-main .wink-intro > ul > li .wink-intro06 .app-banner{display:block;width:auto;margin:30px 8px 0;padding:15px 0 14px 16px;border-radius:5px;background:#faf2f5;text-align:left;}
.web-main .wink-intro > ul > li .wink-intro06 .app-banner span{display:inline-block;vertical-align:middle;width:60px;}
.web-main .wink-intro > ul > li .wink-intro06 .app-banner span img{height:auto;}
.web-main .wink-intro > ul > li .wink-intro06 .app-banner p{display:inline-block;vertical-align:middle;margin-top:3px;width:calc(100% - 73px);font-size:12px;line-height:20px;color:#757575;}
.web-main .wink-intro > ul > li .wink-intro06 .app-banner p strong{display:block;font-family:'NanumBarunGothic-Regular';font-size:13px;line-height:24px;}

.web-main .wink-intro > ul > li .wink-intro07{}
.web-main .wink-intro > ul > li .wink-intro07 .device-thumb{position:relative;}
.web-main .wink-intro > ul > li .wink-intro07 .device-thumb > a{position:absolute;top:100px;width:29px;height:29px;border:1px solid #cdcdcd;text-indent:-9999px;}
.web-main .wink-intro > ul > li .wink-intro07 .device-thumb > a.btn-prev{left:8px;background:url('/app/parents/images/web/btn_prev.png') no-repeat;background-size:auto 29px;}
.web-main .wink-intro > ul > li .wink-intro07 .device-thumb > a.btn-next{right:8px;background:url('/app/parents/images/web/btn_next.png') no-repeat;background-size:auto 29px;}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-box{overflow:hidden;height:235px;width:100%;margin:0 auto;}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-box ul{/*width:500%;*/overflow:hidden;display:table;table-layout:fixed;position:absolute;top:0;left:0;}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-box ul li{overflow:hidden;position:relative;display:table-cell;vertical-align:middle;width:100%;text-align:center;}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-box ul li img{height:235px;}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-btn{overflow:hidden;margin:0 1%;}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-btn:after{display:block;clear:both;content:'';}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-btn li{overflow:hidden;float:left;width:18%;margin:0 1%;border-radius:50%;border:1px solid #e0e0e0;box-sizing:border-box;}
.web-main .wink-intro > ul > li .wink-intro07 .thumb-btn li.on,
.web-main .wink-intro > ul > li .wink-intro07 .thumb-btn li:active{border-color:#f03d79;}

.web-main .wink-intro > ul > li .wink-intro07 .dot-line{margin:30px 8px 0;padding-top:25px;}
.web-main .wink-intro > ul > li .wink-intro07 .device{position:relative;width:328px;margin:31px auto 0;font-family:'NanumBarunGothic-Light';text-align:left;}
.web-main .wink-intro > ul > li .wink-intro07 .device img{height:249px;}
.web-main .wink-intro > ul > li .wink-intro07 .device figure{text-align:center;}
.web-main .wink-intro > ul > li .wink-intro07 .device figcaption{margin-top:8px;font-size:11px;line-height:20px;color:#757575;}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li{position:absolute;font-size:13px;line-height:20px;color:#212121;}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(1){top:44px;left:26px}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(2){top:-14px;right:39px;}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(3){top:105px;left:21px;display:table;}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(4){top:93px;right:21px;}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li > span{display:table-cell;vertical-align:middle;padding-right:38px;}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li > ul{display:table-cell;vertical-align:middle;}
.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li > ul li{font-size:12px;color:#757575;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc{margin:25px 8px 0;padding:18px 16px;background:#f4f2fa;border-radius:5px;text-align:left;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc img{height:45px;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc li{margin-top:17px;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc li:first-child{margin-top:0;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc dl{display:table;width:100%;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc dl dt{display:table-cell;vertical-align:middle;width:45px;padding-right:15px;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc dl dd{display:table-cell;vertical-align:middle;font-family:'NanumBarunGothic-Light';font-size:12px;line-height:20px;color:#757575;}
.web-main .wink-intro > ul > li .wink-intro07 .btn-desc dl dd strong{display:block;font-family:'NanumBarunGothic-Regular';font-size:13px;line-height:23px;color:#212121;}

.web-main .small-list li a > span{font-size:12px;line-height:18px;}
.web-main .counsel-slide{margin-top:0;}
.web-main .counsel-list li {padding:17px 11px 30px;box-sizing:border-box;}
.web-main .counsel-list li a{font-family:'NanumBarunGothic-Light';font-size:15px;line-height:24px;}
.web-main .counsel-list li a > strong{display:block;color:#00bbd4;}
.web-main .counsel-list li a > span{display:block;color:#212121;}
.web-main .counsel-list li .video-box{height:0; margin-top:15px; padding-bottom:72%; overflow:hidden; position:relative;}
.web-main .counsel-list li .video-box .figure{position:absolute; top:0; left:0; width:100%; height:100%;}
.web-main .counsel-list li .video-box .figure span.thumb{display:inline-block; height:100%; position:relative;}
.web-main .counsel-list li .video-box .figure img{max-width:100%; height:100%; vertical-align:top;}
.web-main .counsel-list li .video-box .figure em{position:absolute; bottom:0; left:0; width:28px; height:28px; text-align:center; background:rgba(55,56,58,.7); color:#fff; font-size:11px; line-height:28px;}
.web-main .counsel-list li .video-box .btn-play{position:absolute; top:50%; left:50%; width:42px; height:42px; margin:-21px 0 0 -21px;}
.web-main .counsel-list li .video-box.center{text-align:center;}
.web-main .media-list em{margin-bottom:0;font-family:'NanumBarunGothic-Regular';}

/* issue_937 2017.08.21 landing-teacher */
.landing-teacher .teacher-new-area{position:relative;background:#fff;padding:20px 16px 15px;-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);}

.landing-teacher .teacher-new-area dd > strong{font-size:15px;line-height:17px;margin-bottom:10px;display:inline-block;}
.landing-teacher .teacher-new-area dd > ul{overflow:hidden;margin-top:5px;}
.landing-teacher .teacher-new-area dd > ul:after{display:block;content:'';clear:both;}
.landing-teacher .teacher-new-area dd > ul li{float:left;margin-right:8px;padding-left:15px;font-size:12px;line-height:18px;color:#212121;font-family:'NanumBarunGothic-Light';letter-spacing:-0.05em;}
.landing-teacher .teacher-new-area dd > ul li:first-child{padding-left:0;}
.landing-teacher .teacher-new-area dd > p{font-size:12px;line-height:20px;color:#757575;}

.landing-teacher .icon-day{background:url('/app/parents/images/myteacher/icon_day.png') left center no-repeat;background-size:auto 10px;letter-spacing:-0.09em;}
.landing-teacher .icon-time{background:url('/app/parents/images/myteacher/icon_time.png') left center no-repeat;background-size:auto 10px;}
.landing-teacher .icon-notice{padding-left:24px;background:url('/app/parents/images/myteacher/icon_notice.png') left top no-repeat;background-size:auto 17px;}

.landing-teacher .teacher-form{overflow:hidden;}
.landing-teacher .teacher-form:after{display:block;content:'';clear:both;}
.landing-teacher .teacher-form dt{float:left;position:relative;margin-right:15px;}
.landing-teacher .teacher-form dd{float:left;width:calc(100% - 85px);}
.landing-teacher .teacher-form dd > strong{font-family:'NanumBarunGothic-Light';color:#212121;}
.landing-teacher .teacher-form dd > p{overflow:hidden;font-size:12px;line-height:20px;color:#757575;letter-spacing:-0.03em;font-family:'NanumBarunGothic-Light';}
.landing-teacher .teacher-form .photo-wrap{width:70px;height:70px;border-radius:5px;}
.landing-teacher .teacher-form .photo-wrap.default{border:1px solid #e0e0e0;}
.landing-teacher .teacher-form .btn-play{position:absolute;bottom:8px;right:8px;width:20px;height:20px;}
.landing-teacher .teacher-form .go{display:inline-block;margin-top:6px;}

.landing-teacher .photo-wrap{overflow:hidden;}
.landing-teacher .photo-wrap img{width:100%;}
.landing-teacher .icon-batch{position:absolute;top:0;right:16px;}
.landing-teacher .btn-area{padding:30px 0;}
.landing-teacher .btn-area .confirm-btn{width:43%;margin-left:1%;box-sizing:border-box;}
.landing-teacher .btn-area .confirm-btn:first-child{margin-right:1%;margin-left:0;}

@media screen and (max-width : 330px) {
	.web-main .visual-text{min-height:354px;}
	.web-main .visual-text figure{margin-top:10px;}
	.web-main .visual-text figure img{height:110px;}
	.web-main .wink-intro > ul > li .wink-intro03 > ul li{width:84px;height:84px;}
	.web-main .wink-intro > ul > li .wink-intro03 > ul li strong{margin-top:18px;}
	.web-main .wink-intro > ul > li .wink-intro05 .triangle{width:304px;}
	.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(1){left:4%;}
	.web-main .wink-intro > ul > li .wink-intro05 .triangle ul li:nth-child(3){right:4%;}
	.web-main .wink-intro > ul > li .wink-intro07 .device{width:288px;}
	.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(1){left:0;}
	.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(2){right:18px;}
	.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(3){left:0;}
	.web-main .wink-intro > ul > li .wink-intro07 .device > ul > li:nth-child(4){right:0;}

	.web-main .wink-intro > ul > li > dl dd > div{height:149px;}
}


/* 모바일웹 메인 뉴 디자인 / 정진환 / 17.09.29 */

/* 슬라이드버튼 */
.main-home .slide-button{width: 100%;text-align: center;font-size: 0;line-height: 0;}
.main-home .slide-button li{display: inline-block; margin: 0 12px;}
.main-home .slide-button li button{width: 8px;height: 8px;background: #d4d4d4;border-radius: 8px;text-indent: -9999px;line-height: 0; }
.main-home .slide-button li.on button{background: #fff;border: 2px solid #00bbd4;}

/* 버튼눌림효과 */
.main-home button:active{opacity: 0.8;}

.main-home {padding:0; margin:0;background-color:#f5f5f5;}
.main-home section .center{text-align:center;}
.main-home img{width:100%;}
.main-home section .contain-padding{padding:0 6%;}
.main-home section .not-padding{padding:0; width:100%;}
.main-home .text-area p:last-child{margin-top:0;}
.main-home section .explain {margin-left:25px;}
.main-home section .explain .title{position:relative;font-size:2.1em;padding-bottom:15px;}
.main-home section .explain .title::before{position:absolute;left:-22px;}
.main-home section .explain .title em{color:#f03c78;}
.main-home section .explain .text{font-size:1.15em; line-height:1.4em;}
.main-home section .title, section .sub-title, section strong{font-family: 'NanumBarunGothic-Bold', sans-serif; font-weight:bold;}
.main-home section .transition-wrap{position:relative;}

/* sec-01 */
.main-home section.sec-01 {padding-top:15px;margin-bottom:30px;}
.main-home section.sec-01 .title{font-size: 1.4em;}
.main-home section.sec-01 .title.center{color:#00aac8;}
.main-home section.sec-01 .title.center span{color:#222;font-size:0.7rem;}
.main-home section.sec-01 .title.center em{color:#f03c78;}
.main-home section.sec-01 .img-bg{z-index:10;}
.main-home section.sec-01 .img-bg.on{display:block;}
.main-home section.sec-01 .img-bg.off{display:block;}
/* play 이미지 */
.main-home section.sec-01 .play-area .transition-bg{display:none;}
.main-home section.sec-01 .play-area .transition-video{display:none;}
.main-home section.sec-01 .play-area.on .transition-bg{display:block;position: absolute;top: 0;z-index: 10;}
.main-home section.sec-01 .play-area.on .transition-video{display:block;}
/* Safari 4.0 - 8.0 */
/* @-webkit-keyframes flash {
	0% { background-color: rgba(0,0,0,0.7); }
	10% {background-color: rgba(50,50,50,0.65);}
	20% { background-color: rgba(100,100,100,0.6); }
	30% {background-color: rgba(150,150,150,0.55);}
	40% { background-color: rgba(200,200,200,0.5); }
	50% {background-color: rgba(255,255,255,0.45);}
	60% { background-color: rgba(255,255,255,0.45); }
	70% {background-color: rgba(200,200,200,0.5);}
	80% { background-color: rgba(150,150,150,0.55);}
	90% {background-color: rgba(100,100,100,0.6);} 
	100% { background-color: rgba(50,50,50,0.65);}
}

@keyframes flash {
	0% { background-color: rgba(0,0,0,0.7); }
	10% {background-color: rgba(50,50,50,0.65);}
	20% { background-color: rgba(100,100,100,0.6); }
	30% {background-color: rgba(150,150,150,0.55);}
	40% { background-color: rgba(200,200,200,0.5); }
	50% {background-color: rgba(255,255,255,0.45);}
	60% { background-color: rgba(255,255,255,0.45); }
	70% {background-color: rgba(200,200,200,0.5);}
	80% { background-color: rgba(150,150,150,0.55);}
	90% {background-color: rgba(100,100,100,0.6);} 
	100% { background-color: rgba(50,50,50,0.65);}
} */
@-webkit-keyframes flash {
	0% { background-color: rgba(0,0,0,0.7); }
	10% {background-color: rgba(50,50,50,0.65);}
	20% { background-color: rgba(100,100,100,0.6); }
	30% {background-color: rgba(150,150,150,0.55);}
	40% { background-color: rgba(200,200,200,0.5); }
	50% {background-color: rgba(255,255,255,0.45);}
	60% { background-color: rgba(200,200,200,0.5); }
	70% {background-color: rgba(150,150,150,0.55);}
	80% { background-color: rgba(100,100,100,0.6);}
	90% {background-color: rgba(50,50,50,0.65);} 
	100% { background-color: rgba(0,0,0,0.7);}
}

@keyframes flash {
	0% { background-color: rgba(0,0,0,0.7); }
	10% {background-color: rgba(50,50,50,0.65);}
	20% { background-color: rgba(100,100,100,0.6); }
	30% {background-color: rgba(150,150,150,0.55);}
	40% { background-color: rgba(200,200,200,0.5); }
	50% {background-color: rgba(255,255,255,0.45);}
	60% { background-color: rgba(200,200,200,0.5); }
	70% {background-color: rgba(150,150,150,0.55);}
	80% { background-color: rgba(100,100,100,0.6);}
	90% {background-color: rgba(50,50,50,0.65);} 
	100% { background-color: rgba(0,0,0,0.7);}
}

.main-home section.sec-01 .transition-play-btn{visibility:hidden;position: absolute;left: 50%;width: 16.5%;top: 17%;margin-left: -7.5%;border-radius:50%; box-sizing: border-box; border:transparent;}
.main-home section.sec-01 .transition-play-btn.on{visibility:visible;-webkit-animation:none; animation: none;background:rgba(0,0,0,0.3);}
.main-home section.sec-01 .transition-play-btn.init{-webkit-animation: flash 2s linear infinite; animation: flash 2s linear infinite;background:rgba(0,0,0,0.3);}
.main-home section.sec-01 .transition-play-btn img{vertical-align:middle;}


.main-home section.sec-01 .transition-play-time{visibility:hidden;position: absolute;left: 50%;width: 16.5%;top: 17%;margin-left: -7.5%;text-align: center;}
.main-home section.sec-01 .transition-play-btn.init+.transition-play-time{visibility:visible;}
.main-home section.sec-01 .transition-play-time img{vertical-align: middle}


.main-home section.sec-01 .transition-video{position: absolute;width: 87%;left: 50%;top: 50%;margin-top: -45.7%;margin-left: -43.3%;}
/* // */
.main-home section.sec-01 .transition-text{position:absolute; bottom:-1%; width:100%;text-align:center; }
.main-home section.sec-01 .transition-text>p{padding:3px 33px; background:#fff; border:1px solid #ccc; border-radius:22px; font-size:1.8em; font-weight:bold; line-height:1.6em;display:inline-block;}

/* sec-02 */
.main-home section.sec-02{margin-bottom:52px;}
.main-home section.sec-02 .text-area p{text-align:left;font-size:1.2em; line-height:1.4em;word-break: keep-all;}
.main-home section.sec-02  button{width:50px;height:50px;position:absolute;top:-4%;left:50%;background:#fff url(/app/parents/images/web/arrow_down.png) no-repeat center/20px;border-radius:25px;border:1px solid #ccc;text-indent:-9999em;margin-left:-25px;margin-top:-25px;}
.main-home section.sec-02 .img-area{position:relative;}
.main-home section.sec-02 li{margin-bottom:25px;}

/* sec-02 > art-01 */
.main-home section.sec-02 .art-01 .text-box{background-color:#fffffa; padding:15px; font-size:1.15em;margin-bottom:32px;}
.main-home section.sec-02 .art-01 em{font-weight:bold;}
.main-home section.sec-02 .art-01 p.check{padding:10px 0 10px 23px;word-break: keep-all;position:relative; line-height:1.4em;}
.main-home section.sec-02 .art-01 p.check em{border-bottom:1px solid black;}
.main-home section.sec-02 .art-01 p.check::before{content: "";position: absolute;top:1 0px;left: 0;width: 18px;height: 14px;display: inline-block;background: url(/app/parents/images/web/check.png) no-repeat center center/100%;}
.main-home section.sec-02 .art-01 .pencil{position:relative;}
.main-home section.sec-02 .art-01 .pencil .pen_line{position:absolute; top:0; left:50%; width:215px;margin-left:-108px;}
.main-home section.sec-02 .art-01 .pencil .pen{position:absolute; top:2px; left:50%; width:40%; margin-left:105px;}

/* sec-02 > art-02 */
.main-home section.sec-02 .art-02 .title::before{content:'1.'; }
.main-home section.sec-02 .art-02 strong{border-bottom:1px solid #212121;font-weight: bold;}
.main-home section.sec-02 .art-02 .text em{color:#222}

/* sec-02 > art-03 */
.main-home section.sec-02 .art-03{margin-bottom:38px;}
.main-home section.sec-02 .art-03 .title{font-size:2.1em; margin-bottom:23px;}
.main-home section.sec-02 .art-03 .title em{color:#00aac8;} 
.main-home section.sec-02 .art-03 .transition-wrap li{position:relative;padding:0 15px;display:flex; flex-direction:row; flex-wrap: nowrap;justify-content:center;}
.main-home section.sec-02 .art-03 .transition-wrap li:after{content:"";width:100%;height:40px;position:absolute;bottom:-5px;left:0;height:36%;background: -webkit-linear-gradient(top, #edeceb 0%,#f2f2f1 100%);background:gradient(#edeceb 0%,#f2f2f1 100%);}
.main-home section.sec-02 .art-03 .transition-wrap li .text-area{flex:1 1 40%;text-align:center;align-self:center;z-index:5;}
.main-home section.sec-02 .art-03 .transition-wrap li .text-area p{display:inline-block;margin-bottom:15px;}
.main-home section.sec-02 .art-03 .transition-wrap li .img-area{flex:1 1 60%;z-index:5;}
.main-home section.sec-02 .art-03 .transition-wrap li:nth-child(2n) .text-area{order:2;}
.main-home section.sec-02 .art-03 .transition-wrap li:nth-child(2n) .img-area{order:1;}

/* sec-02 > art-04 */
.main-home section.sec-02 .art-04 p{font-size:1.3em;padding:5px 0;}
.main-home section.sec-02 .art-04 .title{font-size:2.1em;margin-bottom:10px;}
.main-home section.sec-02 .art-04 .title em{color:#00aac8;}
.main-home section.sec-02 .art-04 .text-area{margin-left:10px;margin-bottom:5px;}
.main-home section.sec-02 .art-04 .img-area{position:relative;}
.main-home section.sec-02 .art-04 .img-area .motion-hands{position:absolute;right:-2%;bottom:4%;width:34%;}
.main-home section.sec-02 .art-04 .strong{font-size:1.5em; line-height:1.6em;font-weight:bold;}

/* sec-02 > art-05 */
.main-home section.sec-02 .art-05 .title em{color:#00aac8;}
.main-home section.sec-02 .art-05 .title{font-size:1.9em;margin-bottom:5px; padding-bottom:0;}
.main-home section.sec-02 .art-05 .contain-padding{background:#fff; padding:20px 6%;}
.main-home section.sec-02 .art-05 .contain-padding .sub-title{font-size:1.2em; line-height:1.4em;font-family: 'NanumBarunGothic-Regular', sans-serif;;font-weight: normal;}

/* sec-03 */
.main-home section.sec-03{margin-bottom:25px;}
.main-home section.sec-03 .art-01{margin-bottom:10px;}
.main-home section.sec-03 strong{border-bottom:1px solid #222;}
.main-home section.sec-03 .art-01 .title::before{content:'2.';}
.main-home section.sec-03 .art-02 em{color:#757575;} 
.main-home section.sec-03 .art-01 .explain{margin-bottom:10px;}
.main-home section.sec-03 .transition-wrap{position:relative;}
.main-home section.sec-03 .transition-img{visibility: hidden;position: absolute;left: 50%;width: 16.5%;top: 34%;margin-left: -9.5%;border-radius:50%; box-sizing: border-box; border:transparent;background:rgba(0,0,0,0.3);}
.main-home section.sec-03 .transition-img.init{-webkit-animation: flash 2s linear infinite; animation: flash 2s linear infinite;}
.main-home section.sec-03 .transition-img.on{visibility:visible;}
.main-home section.sec-03 .transition-img img{vertical-align:middle;}

.main-home section.sec-03 .transition-play-time{visibility:hidden;position: absolute;left: 50%;width: 16.5%;top: 63.2%;margin-left: -9.5%;text-align: center;}
.main-home section.sec-03 .transition-img.init+.transition-play-time{visibility:visible;}
.main-home section.sec-03 .transition-play-time span{color:#fff; font-size:1rem;}


/* sec-04*/
.main-home section.sec-04 {margin-bottom:45px;}
.main-home section.sec-04 .art-01{margin-bottom:12px;}
.main-home section.sec-04 .art-01 .title::before{content:'3.';}


.main-home section.sec-04 .art-02{margin-bottom:12px;}
.main-home section.sec-04 .art-02 .title{padding:0;font-size:1.6em;} 
.main-home section.sec-04 .art-02 .title em{color:#00aac8;}


.main-home section.sec-04 .art-03 .title {font-size:1.4em; line-height:1.3em; margin-bottom:10px;}
.main-home section.sec-04 .art-03 .center{font-size:1.4em; line-height:1.3em; margin-bottom:10px;}
.main-home section.sec-04 .art-03 .title em{font-size:1.15em;color:#00aac8;}
.main-home section.sec-04 .art-03 .text-box{background:#fff;margin-top:-5px;border:1px solid #ccc;text-align:center;font-size:1.3em;line-height:1.3em;padding:8px 0;border-radius:3px;font-weight: bold;}

/* sec-05 */
.main-home section.sec-05 {margin-bottom:40px;}
.main-home section.sec-05 .art-01 .title{font-size:1.9em}
.main-home section.sec-05 .art-01 .title::before{content:'4.';}
.main-home section.sec-05 .art-01 strong{border-bottom:1px solid #212121;}
.main-home section.sec-05 .art-01 .explain{margin-bottom:28px;}

.main-home section.sec-05 .art-02{margin-bottom:15px;}
.main-home section.sec-05 .art-02 .sub-title{font-size:1.2em; line-height:1.2em; font-family: 'NanumBarunGothic-Regular', sans-serif; font-weight: normal;}
.main-home section.sec-05 .art-02 .title em{font-size:1.5em;color:#00aac8;}
.main-home section.sec-05 .art-02 .slide-button{padding:15px 0;}
.main-home section.sec-05 .art-02 .img-area{padding:5px; background:#fff; border-radius:5px; box-shadow: 2px 0px 0px 1px rgba(218,218,218,0.5);}
.main-home section.sec-05 .art-03 .text-box{margin-bottom:16px;font-weight: normal;background:#fff;margin-top:-5px;border:1px solid #ccc;text-align:center;font-size:1.2em;line-height:1.3em;padding:15px 0;border-radius:3px;display:flex; flex-direction: row;align-items: center;justify-content: center;}
.main-home section.sec-05 .art-03 .text-box img{width:6%;height:6%;}
.main-home section.sec-05 .art-03 .text-box p{margin-left:10px;}
.main-home section.sec-05 .art-03 .explain{margin-left:10px; margin-right:15px;}
.main-home section.sec-05 .art-03 .sub-title{font-size:1.3em; color:#fff;background: #00aac8;padding:5px 8px;margin-bottom:5px;font-weight: bold;}
.main-home section.sec-05 .art-03 .text{padding-left:10px;font-size:1em;line-height:1.4em;margin-bottom:14px;}

/* sec-06 */
.main-home section.sec-06 .art-01 .title::before{content:'5.';}

/* sec-07 */
.main-home section.sec-07 {margin-bottom:52px;}
.main-home section.sec-07 .art-01 .title::before{content:'6.';}
.main-home section.sec-07 .art-01 .text strong{border-bottom:1px solid #222;}
.main-home section.sec-07 .art-01 .text{margin-bottom:13px;}
.main-home section.sec-07 .art-02 .title em{color:#00aac8;}
.main-home section.sec-07 .art-02 .text-box{font-weight: bold;background:#fff;margin-top:-5px;border:1px solid #ccc;text-align:center;font-size:1.3em;line-height:1.3em;padding:15px 0;border-radius:3px;display:flex; flex-direction: row;align-items: center;justify-content: center;}
.main-home section.sec-07 .art-02 .title.center{font-size:1.6em;}

/* sec-08 */
.main-home section.sec-08 {margin-bottom:16px;}
.main-home section.sec-08 .art-01 .title::before{content:'7.';}
.main-home section.sec-08 .art-01 {margin-bottom:15px;}
.main-home section.sec-08 .art-01 .text{font-size:1.1em; line-height:1.3em;}
.main-home section.sec-08 .art-01 .text em{font-family: 'NanumBarunGothic-Bold', sans-serif; font-weight:bold;}
.main-home section.sec-08 .art-01 .text strong{border-bottom:1px solid #222;}

.main-home section.sec-08 .art-02 .sub-title{font-size:1.4em;margin-bottom:8px;}
.main-home section.sec-08 .art-02 .title em{color:#00aac8;line-height:1.3em;} 
.main-home section.sec-08 .art-02 .title{font-size:2em;}

.main-home section.sec-08 .art-03{margin-bottom:18px;}
.main-home section.sec-08 .art-03 .img-area{border:10px solid #fff; border-radius:2px;}

.main-home section.sec-08 .art-04{margin-bottom:20px;}
.main-home section.sec-08 .art-04 .text-box{background:#fff;padding:15px;}
.main-home section.sec-08 .art-04 .title{font-size:2.1em;padding-bottom:13px;}
.main-home section.sec-08 .art-04 .list p{font-size:1.1em;padding-bottom:10px;margin-left:15px;}
.main-home section.sec-08 .art-04 .list p strong{color:#f03c78; border-bottom:1px solid #f03c78;}
.main-home section.sec-08 .art-04 .list span{margin-left:-15px;}

.main-home section.sec-08 .art-05 p{text-align:center; font-size:1.4em; line-height: 1.4em;}
.main-home section.sec-08 .art-05 p strong{color:#00aac8;}
.main-home section.sec-08 .art-05 p.top {margin-bottom:25px;}

/* section.sec-09 */
.main-home section.sec-09{margin-bottom:12px}
.main-home section.sec-09 .art-01{margin-bottom:16px;}
.main-home section.sec-09 .text-box{background:#fff; padding:10px 15px;}
.main-home section.sec-09 .text-box p{font-size:1em;line-height:1.4em;}

.main-home section.sec-09 .art-02 button{display:block;margin:0 auto;box-sizing:border-box;padding:8px 0; width:50%; background:#fff;font-size:1em;margin-bottom:15px;border-radius:37px;border:1px solid #cdcdcd; 

box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transition: all .1s linear;}
.main-home section.sec-09 .art-02 button:active{
	transform: translateY(1px);
}

.main-home section.sec-09 .art-02 button em{font-style:normal;font-weight:bold;}
.main-home section.sec-09 .art-02 button.on, section.sec-09 .art-02 button:hover{background:#f03c78;color:#fff;}
.main-home section.sec-09 .art-02 button.on em, section.sec-09 .art-02 button:hover em{color:#ffff00;}


/* 체험학습 뉴디자인 2017.09.14 - 권혁기 */
.experience-study button:active{opacity: 0.8;}
.experience-study .btn:active{opacity:0.8;}
.experience-study .general-btn:active{opacity:0.8;}
.experience-study{background:#f7f7ee;}
.experience-study em{display:inline-block;color:#f03c78;font-family:'NanumBarunGothic-Bold';}
.experience-study b{font-family:'NanumBarunGothic-Bold';}
.experience-study p{word-break:keep-all;font-size:1.2em;line-height:1.6em;}
.experience-study .btn-area{text-align:center;width:60%;margin:0 auto;}
.experience-study .btn-area .btn{display:inline-block;width:100%;color:#fff;background:#f03c78;border-radius:28px;;line-height:54px;height:54px;font-family:'NanumBarunGothic-Bold';font-size:1.4em;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transition: all .1s linear;}
.experience-study .btn-area .btn:active{
	transform: translateY(1px);
}
.experience-study .btn-area a.confirm-btn.on, button.confirm-btn.on{
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	transition: all .1s linear;
}
.experience-study .btn-area a.confirm-btn.on:active, button.confirm-btn.on:active{
	transform: translateY(1px);
}
.experience-study .head-line{text-align:center;font-size:2em;font-family:'NanumBarunGothic-Bold';padding:2% 0 5%;line-height:1.4em;}

.experience-study .section-top{padding:8% 10%;text-align:center;}
.experience-study .section-top p{font-size:1.6em;line-height:1.4em;font-weight:500;}

.experience-study .section-intro{position:relative;padding:0 3.5% 25% 4%;background:url('/app/parents/images/web/bg_02.png')no-repeat 0 100%/100%;margin:0 2%;border-bottom:1px solid #b4b4a6;}
.experience-study .intro-warp{background:#fffffa;border-right:1px solid #eaeae2;padding:9% 0 0;z-index:2;margin-bottom:3%;}
.experience-study .intro-warp .tit{position:relative;width:45%;margin:0 auto;min-width:200px;margin-bottom:8%;}
.experience-study .intro-warp h1{display:inline-block;padding:0 10px 3px 10px;border-bottom:3px solid #e9e9e4;font-size:1.6em;width:100%;}
.experience-study .intro-warp .pencil{position:absolute;top:25px;right:-92%;max-width:336px;width:100%;z-index:5;}

.experience-study .intro-warp .btn-area{text-align:center;max-width:406px;}

.experience-study .intro-warp .check-point{padding:0 4%;}
.experience-study .intro-warp .check-point p{position:relative;word-break:keep-all;padding:10px 0 10px 23px;border-bottom:1px solid #f7f7ee;}

.experience-study .intro-warp .check-point p::before{content:"";position:absolute;top:10px;left:0;width:18px;height:14px;display:inline-block;background:url('/app/parents/images/web/check.png') no-repeat center center/100%;}
.experience-study .intro-warp .check-point p:first-child{padding-right:17%;}
.experience-study .intro-warp .check-point p:last-child{border-bottom:none;}


.experience-study .section-explain{padding:6% 0 9%;background:#fffff7;}
.experience-study .section-explain .head-line{font-family:'NanumBarunGothic', Sans-serif, 돋음}
.experience-study .section-explain .head-line em{color:#f59c00;}

.experience-study .section-contents{margin-bottom:10%;}
.experience-study .section-contents img{max-width:100%;}
.experience-study .section-contents p{position:relative;padding-left:25px;font-size:1.3em;margin:0 5%;}
.experience-study .section-contents p.sub-tit{font-size:1.1em;letter-spacing:-0.2px;}
.experience-study .section-contents span{position:absolute;left:0;top:1px;width:20px;height:20px;display:inline-block;background:#f59c00;color:#fff;line-height:23px;border-radius:10px;font-size:13px;text-align:center;}
.experience-study .section-contents:last-child{margin-bottom:0;}

.experience-study .section-qna{background:#fbfbf0;position:relative;padding:6% 5px;}
.experience-study .section-qna .head-line{position:absolute;top:-20px;left:0;right:0;width:100%;font-size:1.4em;}

.experience-study .card p{line-height:1.5em;padding-right:10%;}
.experience-study .card p.sub-tit{font-size:1.1em;letter-spacing: -0.2px;}
.experience-study .section-qna .card{padding:10px 0;background:#fff;border-radius:5px;box-shadow:2px 2px 7px rgba(148, 148, 148, 0.4);margin-bottom:10px;}
.experience-study .section-qna .card > div{padding:14px 0;}
.experience-study .section-qna .card .card-top{border-bottom:1px solid #e0e0e0; }

.experience-study .section-qna .card .qna-q, .section-qna .card .qna-a{position:relative;margin-left:62px;box-sizing:border-box;}
.experience-study .section-qna .card .qna-q::before, .section-qna .card .qna-a::before{width: 32px;height: 32px;position: absolute;top:8px;left: -48px;display: inline-block;text-align: center;line-height:35px;font-size: 1.4em;background: #f1f1f1;color:#757575;border-radius:16px;}
.experience-study .section-qna .card .qna-q::before{content:"Q";}
.experience-study .section-qna .card .qna-a::before{content:"A";}

.experience-study .section-qna .card .qna-q p{color:#98986f;}

.experience-study .section-request{position:relative; background:#f6f6f6;padding-bottom:50px;}
.section-request #anchor{position:absolute; top:-46px;}

.experience-study .section-apply-form{background:#fff; padding: 20px 16px 10px 16px;box-shadow:0 1px 2px rgba(0,0,0,.2);margin-bottom:10px;}
.experience-study .section-apply-form > div{margin-bottom:16px;}
.experience-study .section-request .btn-area{width:50%;margin-top:30px;}
.experience-study .section-request .btn-area button{background:#00bbd4;box-shadow:3px 3px 5px rgba(25, 25, 25, 0.2);}

/* issue1614 */
.experience-study .poll-wrap small{color:#212121;font-size:1em;}
.experience-study .poll-wrap ol > li p{font-weight: 700;}
/* 2017-09-14 정진환 체험신청페이지 */


.section-request strong.small-tit{display:inline-block;font-size: 11px; line-height:18px; color:#212121;margin-bottom:10px;}
.section-request .notice{color:#999;background:url('/app/parents/images/icon_notice.png') 0 0 / 17px auto no-repeat;font-size:12px;line-height:17px;padding-left:24px;}
.float-right{float:right;}
.float-left{float:left;}

.phone-input input{width:calc(100% - 112px);}
.phone-confirm input{width:calc(100% - 198px);}
.phone-confirm span{font-size:11px;line-height:40px;color:#757575;}
.phone-confirm em{color:#00bbd4;margin-right:10px;}
input[type=radio]{position:absolute;opacity:0;}
input[type=radio] + label{position: relative;display:inline-block;padding-left:25px;font-size:15px;color:#212121;}
input[type=radio] + label:before{position: absolute;content:'';left:0; top:10px;width:18px;height:18px;background: url('/app/parents/images/bg_radio_off.png') no-repeat;background-size:100% 100%;}

/* issue_1224 */
/* input[type=radio] + label:before{top:10px;} */
input[type=radio] + label:before{top:0px;}
/* // issue_1224 */

/* issue_1254  */
/* 17.10.09 / 정진환 / 무료체험신청 페이지 라벨 깨짐으로 인해 주석처리 */
/* .experience-study input[type=radio] + label:before{top:10px;} */
/* //issue_1254  */


input[type=radio]:checked + label:before{background-image:url('/app/parents/images/bg_radio_on.png');}
.section-request .margin-bottom-10{margin-bottom:10px;}
.section-request .age-input{height:40px; line-height:40px;}
.section-request .age-input>span{float:left;text-align:center;width:20%;}
.section-request .age-input > input{width: 60%}
/* // 2017-09-14 정진환 */

/* .experience-study .section-agree{margin-bottom:30px;} */
.experience-study .poll-wrap{margin-bottom:10px;}
.experience-study .check-warp{position:relative;padding:20px 16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);cursor:pointer;}
.experience-study  .check-warp::after{content:"";position:absolute;top:50%;right:21px;width:15px;height:9px;margin-top:-3px;background:url('/app/parents/images/bg_arrow_off.gif') no-repeat center/ 15px auto;}
.experience-study .check-warp.on:after{background:url('/app/parents/images/bg_arrow_on.gif') no-repeat center/15px auto;}
.experience-study .check-warp input[type="checkbox"]{position:absolute;opacity:0;margin:0;padding:0;width:0;font-size:0;}
/* .experience-study .check-warp input[type="checkbox"] + label{font-size:1em;vertical-align:middle;padding-left:33px;line-height:20px;} */

.experience-study .check-warp input[type="checkbox"]:checked + label::before{background:url('/app/parents/images/bg_checkbox_on.png') no-repeat center/100%;}

/* .experience-study .check-warp.on + .check-contents .contents-box-area{display:block;}  */
.experience-study .check-warp + .check-contents{display:none;} 
/* .experience-study .check-warp.on + .check-contents{margin:20px;} */
.experience-study .check-warp + .check-contents{background:#f6f6f6;margin:20px;} 

/* .experience-study .check-warp.on + .check-contents{padding:20px;height:100%;border-bottom:1px solid #dadada;opacity:1;}

/* -- 171013수정 정진환 -- */
/* .experience-study .check-warp + .check-contents{box-sizing:border-box;transition:height 0.6s;-webkit-transition:height 0.6s;background:#f6f6f6;margin:20px;}
.experience-study .check-warp.on + .check-contents{margin:20px;border-bottom:1px solid #dadada;}
.experience-study .check-warp + .check-contents .contents-list{margin-bottom:20px;}
.experience-study .check-warp + .check-contents .contents-list:last-child{margin-bottom:0;} */
.experience-study .check-warp p.tit{margin-bottom:10px;}
.experience-study .check-warp input[type="checkbox"] + label{font-size:1em;vertical-align:middle;padding-left:22px;margin-right:0;line-height:20px;}
.experience-study .check-warp input[type="checkbox"] + label:before{margin-top:0px;}
/* 1017/실 페이지 CSS 변경 */
/* .experience-study .check-warp strong{font-size:1.2em;} */
.experience-study .check-warp strong{font-size:1.3em;}

/* .experience-study .check-warp + .check-contents{box-sizing:border-box;transition:height 0.6s;-webkit-transition:height 0.6s;background:#f6f6f6;} */
/* .experience-study .check-warp.on + .check-contents{margin:20px;border-bottom:1px solid #dadada;} */
.experience-study .check-warp + .check-contents .contents-box-area{background: #fff;border: 1px solid #ddd;border-radius: 12px;padding: 22px 15px;}
.experience-study .check-warp + .check-contents .contents-box-area .tit{margin-bottom:15px;}

/* 1017/ 실 페이지 css 변경 */
/* .experience-study .check-warp + .check-contents .contents-box-area .tit span{margin-right:10px;font-size:1.2em; } */
.experience-study .check-warp + .check-contents .contents-box-area .tit span{margin-right:10px;font-size:1em; }

.experience-study .check-warp + .check-contents .contents-box-area .tit .btn{background:#ddd; border-radius:5px; padding:5px 10px; vertical-align: text-bottom;}
.experience-study .check-warp + .check-contents .contents-box-area .sub-tit span{font-size:1.1em;margin-right:5px;}
.experience-study .check-warp + .check-contents .contents-box-area hr{margin:15px 0;border:1px solid #ddd;}
.experience-study .check-warp + .check-contents .contents-box-area .sub-tit label{vertical-align: top;margin-right:0;}
.experience-study .check-warp + .check-contents .contents-box-area .sub-tit input[type=checkbox] + label:before{top:0px;} 

/* new_free_study_apply.html에 css 적용. */
.free-study .section-agree{margin-top:10px;}
.free-study .section-agree .check-warp{position:relative;padding:20px 16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);cursor:pointer;}
.free-study .section-agree  .check-warp::after{content:"";position:absolute;top:50%;right:21px;width:15px;height:9px;margin-top:-3px;background:url('/app/parents/images/bg_arrow_off.gif') no-repeat center/ 15px auto;}
.free-study .section-agree .check-warp.on:after{background:url('/app/parents/images/bg_arrow_on.gif') no-repeat center/15px auto;}
.free-study .section-agree .check-warp input[type="checkbox"]{position:absolute;opacity:0;margin:0;padding:0;width:0;font-size:0;}
.free-study .section-agree .check-warp input[type="checkbox"]:checked + label::before{background:url('/app/parents/images/bg_checkbox_on.png') no-repeat center/100%;}
.free-study .section-agree .check-warp + .check-contents{display:none;} 
.free-study .section-agree .check-warp + .check-contents{background:#f6f6f6;margin:20px;} 
.free-study .section-agree .check-warp p.tit{margin-bottom:10px;word-break: keep-all;font-size: 1.2em;line-height: 1.6em}
.free-study .section-agree .check-warp input[type="checkbox"] + label{font-size:1em;vertical-align:middle;padding-left:22px;margin-right:0;line-height:20px;}
/* .free-study .section-agree .check-warp input[type="checkbox"] + label:before{margin-top:-10px;} */
.free-study .section-agree .check-warp input[type="checkbox"] + label:before{margin-top:0px;}
.free-study .section-agree .check-warp strong{font-size:1.2em;}
.free-study .section-agree .check-warp + .check-contents .contents-box-area{background: #fff;border: 1px solid #ddd;border-radius: 12px;padding: 22px 15px;}
.free-study .section-agree .check-warp + .check-contents .contents-box-area .tit{margin-bottom:15px;}
.free-study .section-agree .check-warp + .check-contents .contents-box-area .tit span{margin-right:10px;font-size:1.2em; }
.free-study .section-agree .check-warp + .check-contents .contents-box-area .tit .btn{background:#ddd; border-radius:5px; padding:5px 10px; vertical-align: text-bottom;}
.free-study .section-agree .check-warp + .check-contents .contents-box-area .sub-tit span{font-size:1.1em;margin-right:5px;}
.free-study .section-agree .check-warp + .check-contents .contents-box-area hr{margin:15px 0;border:1px solid #ddd;}
.free-study .section-agree .check-warp + .check-contents .contents-box-area .sub-tit label{vertical-align: top;margin-right:0;}
.free-study .section-agree .check-warp + .check-contents .contents-box-area .sub-tit input[type=checkbox] + label:before{top:0px;} 
/* // new_free_study_apply.html에 css 적용. */

/* // -- 171013수정 정진환 -- */

.experience-study .contents-list p{font-size:1em;color:#757575;}
.experience-study .contents-list .tit{margin-bottom:5px;}
.experience-study .contents-list .tit span{display:inline-block;margin-right:5px;}
.experience-study .contents-list .sub-tit{position:relative;padding-left:24px;margin-bottom:3px;}
.experience-study .contents-list  .sub-tit::before{content:"-";display:inline-block;position:absolute;width:14px;height:14px;line-height:14px;top:2px;left:9px;}

/* 임시적으로 btn-menu는 모바일웹에서 숨김. 17.09.22 정진환 */
#header .web button.btn-menu{visibility:hidden;}


/* 모바일웹 과목별학습 17.09.29 정진환 */
.learning-subject button:active{opacity: 0.8;}
.learning-subject .goto-btn:active{background:#f03c78; color:#fff;}
.learning-subject .strong{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;}
.learning-subject .text-area p{margin:0;line-height:1.4em;}

/* 슬라이드 버튼 */
.learning-subject .slide-button{width: 100%;text-align: center;font-size: 0;line-height: 0;}
.learning-subject .slide-button li{display: inline-block; margin: 0 12px;}
.learning-subject .slide-button li button{width: 8px;height: 8px;background: #d4d4d4;border-radius: 8px;text-indent: -9999px;line-height: 0; }
.learning-subject .slide-button li.on button{background: #fff;border: 2px solid #00bbd4;}

/* section 레이아웃(패딩) */
.learning-subject section{background:#f1f1f1;}
.learning-subject .section-01 {padding:17.5px 30px 15.5px 29px; background:#fff;}
.learning-subject .section-01.book{padding:17.5px 30px 25.5px 29px;}
.learning-subject .section-01.choice{padding:17.5px 30px 25px 16px; }
.learning-subject .section-02{padding:0 28px; margin-bottom:12px;}
.learning-subject .section-03 {padding:16px 30px 13.5px 16px; background:#fff;}
.learning-subject .section-04 article{background:#fff; margin-bottom:18px;}
.learning-subject .section-04 article.art-03{margin:0;}
.learning-subject .section-05{padding:28px 16px 21px 16px;}
.learning-subject .section-06{padding:0 16px 46px 16px;}
.learning-subject .section-studyflow .art-01{padding:0 16px 0 30px;}
.learning-subject .section-studyflow .art-02{padding:0 16px;}
.learning-subject .section-union{padding:10px 16px 25px 16px;}
.learning-subject .books-intro{padding-bottom:55px;}
.learning-subject .contents-intro{padding:26px 16px 0 16px;margin-bottom:134px;} 

/* section-01 */
.learning-subject .section-01 .top{font-size:1.6em}  
.learning-subject .section-01 .top .right{text-align:right;}
.learning-subject .section-01 .top .center{text-align:center;} 
.learning-subject .section-01 .title{font-size:1.8em;color:#00bbd4; text-align:center; margin:14px 0 15px;}
.learning-subject .section-01 .bottom p{font-size:1.2em;margin-bottom:11px;line-height:1.6em;}
.learning-subject .section-01.book .bottom p{margin-bottom:10px; line-height:1.4em;}
.learning-subject .section-01.choice .bottom p{padding-left:17px;font-size:1.15em;line-height:1.4em;background:url(/app/parents/images/web/kor-dot.jpg) no-repeat 9px 9px/3.5px;margin-bottom:10px;}
.learning-subject .section-01.eng .bottom p{line-height:1.3em;}
.learning-subject .section-01 em{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;}

/* section-02 */
.learning-subject .section-02 header{padding:27px 0 29px;text-align:center;font-size:1.8em;}
.learning-subject .section-02 .inner{background:#fff; padding:20px 10px 11px 11px; border-radius:6px;overflow:hidden;}
.learning-subject .section-02 .relative{position:relative;}
.learning-subject .section-02 .relative .header{position:absolute; top:0;margin-top:-16px; left:50%; margin-left:-80px; background:#f03c78;color:#fff; font-size:1.3em;border-radius:16px;padding:5px 0;width:160px; text-align:center;}
.learning-subject .section-02.eng .relative .header{margin-left:-114px;width:228px}
.learning-subject .section-02 .inner:after{content:''; display:block; clear:both;}
.learning-subject .section-02 .inner .text-box{display:inline-block;padding:14px 0; border-radius:6px; width:45%;}
.learning-subject .section-02.eng .inner .text-box{width:48%;}
.learning-subject .section-02 .inner .text-box p{text-align:center;font-size:1.11em;}
.learning-subject .section-02 .inner .text-box .strong{font-size:1.25em;margin-bottom:7px;line-height:1.25em;}

.learning-subject .section-02 .inner .text-box.type-01{background:#ffd76b;position:relative;float:left;}
.learning-subject .section-02 .inner .text-box .arrow-img{width:17.67%; position:absolute; top:50%; margin-top:-11.25px; left:100%; margin-left:3%;max-width:50px;}
.learning-subject .section-02 .inner .text-box.type-02{background:#9abeff;float:right;}

.learning-subject .section-02 .img-area{text-align:center;}
.learning-subject .section-02 .img-area img{vertical-align:middle; width:6.91%; margin:2% 0 6.5%; max-width: 45.5px;}

.learning-subject .section-02 .inner .text-box.type-03{background:#9abeff;position:relative;float:left;}
.learning-subject .section-02.eng .inner .text-box.type-03 .strong{margin-bottom:9px;}
.learning-subject .section-02 .inner .text-box.type-04{background:#d0bbe3;float:right;}

/* section-03 */
.learning-subject .section-03 p{padding-left:12px;font-size:1.15em;line-height:1.5em;background:url(/app/parents/images/web/kor-dot.jpg) no-repeat 0 9px/3.5px;margin-bottom:10px;}
.learning-subject .section-03 p em{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold; border-bottom:1px solid #222;}

/* section-04 */
.learning-subject .section-04 header{font-size:1.8em; text-align:center; padding-top:23px;padding-bottom:12px;}

.learning-subject .section-04 article .header{padding:14.5px 14px 15px 16px;margin-bottom:22px;}
.learning-subject .section-04 article .header p.title{font-size:1.4em;}
.learning-subject .section-04 article .header p em{color:#585858;}
.learning-subject .section-04 article .header .dec{font-size:1.166em;}

.learning-subject .section-04 article.art-01{padding:0 16px 16px 16px;}
.learning-subject .section-04 article.art-02{padding:0 16px 23px 16px;}
.learning-subject .section-04 article.art-03{padding:0 16px 12px 16px;}

.learning-subject .section-04 .art-01 .header{background:#ffd76b;}
.learning-subject .section-04 .art-02 .header{background:#7fdee6;}
.learning-subject .section-04 .art-03 .header{background:#d0bbe3;}
.learning-subject .section-04 .art-03 li p{margin-bottom:10px;}

.learning-subject .section-04 li{margin:20px 0; overflow:hidden;}
.learning-subject .section-04 li:after{content:""; clear: both; display:block;}
.learning-subject .section-04 li:first-child{margin:0 0 20px;}
.learning-subject .section-04 li:last-child{margin:0;}
.learning-subject .section-04 li .img-area{width:36.3%; float:left;height:auto;}
.learning-subject .section-04 li .img-area img{width:100%; vertical-align: middle;}
.learning-subject .section-04 li .text-area{width:56%; float:left; padding:0 14px 0 10.5px;}
.learning-subject .section-04 li .text-area h3{font-size:1.3em;margin-bottom:6px;}
.learning-subject .section-04 li .text-area p{font-size:1.15em;line-height:1.15em;margin-top:0;}

/* section-05 */
.learning-subject .section-05 header{font-size:1.8em; text-align:center;margin-bottom:15px;}
.learning-subject .section-05 .dec{font-size:1.3em;margin-bottom:15px;}
.learning-subject .section-05 .dec em{border-bottom:1px solid #222;}
.learning-subject .section-05 .dec-flow{display:flex; flex-direction:row;margin-bottom:19px;}
.learning-subject .section-05 .dec-flow li{width:20%; display:flex;justify-content: center; align-items: center;}
.learning-subject .section-05 .dec-flow li{padding:17px 0;}
.learning-subject .section-05 .dec-flow li:after{z-index:10;content:""; display:block; width:1px; height:1px;  position:absolute;border-top:5px solid transparent; border-bottom:5px solid transparent;top:50%; right:-5px;margin-top:-5px;}
.learning-subject .section-05 .dec-flow li:nth-child(1){background:#ffb400; position:relative; border-radius:6px 0 0 6px;}
.learning-subject .section-05 .dec-flow li:nth-child(1):after{border-left:5px solid #ffb400;}
.learning-subject .section-05 .dec-flow li:nth-child(2){background:#4685f9; position:relative;}
.learning-subject .section-05 .dec-flow li:nth-child(2):after{border-left:5px solid #4685f9;}
.learning-subject .section-05 .dec-flow li:nth-child(3){background:#00c0d1; position:relative;}
.learning-subject .section-05 .dec-flow li:nth-child(3):after{border-left:5px solid #00c0d1;}
.learning-subject .section-05 .dec-flow li:nth-child(4){background:#a487bf; position:relative;}
.learning-subject .section-05 .dec-flow li:nth-child(4):after{border-left:5px solid #a487bf;}
.learning-subject .section-05 .dec-flow li:nth-child(5){background:#f75959;border-radius:0 6px 6px 0;}
.learning-subject .section-05 .dec-flow li span{color:#fff;font-size:1.11em; text-align:center;}

.learning-subject .section-05 .card li{margin-bottom:17px;}
.learning-subject .section-05 .card li .top{overflow:hidden; padding:12px 12px 12px 16px;  border-radius:6px 6px 0 0;}
.learning-subject .section-05 .card li .top .strong{font-size:1.25em;}
.learning-subject .section-05 .card li .top .age{font-size:1.11em; float:right;}
.learning-subject .section-05 .card li .top:after{content:""; clear: both; display:block;}
.learning-subject .section-05 .card li .bottom{padding:13px 14px 14px 13px;background:#fff;}
.learning-subject .section-05 .card li .bottom .strong{font-size:1.15em; line-height: 1.2em;margin-bottom:11px;}
.learning-subject .section-05 .card li .bottom .inner p{padding-left:15px;font-size:1.11em;line-height:1.3em;background:url(/app/parents/images/web/kor-dot.jpg) no-repeat 5.5px 5.5px/3.5px;margin-bottom:8px;}

.learning-subject .section-05 .card li:nth-child(1) .top{background:#ffd76b;}
.learning-subject .section-05 .card li:nth-child(2) .top{background:#9abeff;}
.learning-subject .section-05 .card li:nth-child(3) .top{background:#7fdee6;}
.learning-subject .section-05 .card li:nth-child(4) .top{background:#d0bbe3;}
.learning-subject .section-05 .card li:nth-child(5) .top{background:#f7aeae;}

.learning-subject .section-05 .card li:last-child{margin:0;}

.learning-subject .goto-btn{color:#f03c78; font-size:1.5em;text-align:center; border:1px solid #dadada;border-radius:20px; padding:8px 0;width:100%;display:block;background:#fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	transition: all .1s linear;
}
.learning-subject .goto-btn:active{
	transform:translateY(2px);
}
/* section-studyflow */
.learning-subject .section-studyflow header{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;font-size:1.8em; text-align:center;padding:35px 0 16px;}
.learning-subject .section-studyflow .art-01 p{font-size:1.3em; line-height:1.3em;margin-bottom:15px;}
.learning-subject .section-studyflow .art-02 ul{display:flex; flex-direction:row;justify-content: center; align-items:center;}
.learning-subject .section-studyflow .art-02 ul li{position:relative; width:33.33%; height:68px; text-align:center;display:flex; justify-content:center; align-items:center;}
.learning-subject .section-studyflow .art-02 ul li:after{z-index:10;content:""; display:block; width:1px; height:1px;  position:absolute;border-top:5px solid transparent; border-bottom:5px solid transparent;top:50%; right:-5px;margin-top:-5px;}
.learning-subject .section-studyflow .art-02 ul li span{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;color:#fff;font-size:1.11em;}

.learning-subject .section-studyflow .art-02 ul:first-child{margin-bottom:13px;}
.learning-subject .section-studyflow .art-02 ul:first-child li:nth-child(1){background:#ffc500;border-radius:6px 0 0 6px;}
.learning-subject .section-studyflow .art-02 ul:first-child li:nth-child(1):after{border-left:5px solid #ffc500;}
.learning-subject .section-studyflow .art-02 ul:first-child li:nth-child(2){background:#4685f9;}
.learning-subject .section-studyflow .art-02 ul:first-child li:nth-child(2):after{border-left:5px solid #4685f9;}
.learning-subject .section-studyflow .art-02 ul:first-child li:nth-child(3){background:#00c0d1;}
.learning-subject .section-studyflow .art-02 ul:first-child li:nth-child(3):after{border-left:5px solid #00c0d1;}

.learning-subject .section-studyflow .art-02 ul:last-child li:nth-child(1){background:#a487bf;}
.learning-subject .section-studyflow .art-02 ul:last-child li:nth-child(1):after{border-left:5px solid #a487bf;}
.learning-subject .section-studyflow .art-02 ul:last-child li:nth-child(2){background:#7373ba;}
.learning-subject .section-studyflow .art-02 ul:last-child li:nth-child(2):after{border-left:5px solid #7373ba;}
.learning-subject .section-studyflow .art-02 ul:last-child li:nth-child(3){background:#f75959;border-radius:0 6px 6px 0;}

.learning-subject .section-union .box{background:#fff;border-radius:10px; width:46.5%; height:215px;}
.learning-subject .section-union .box.left{float:left;}
.learning-subject .section-union .box.right{float:right;}
.learning-subject .section-union .box header{font-size:1.58em; width:88px; height:88px; border-radius:44px;margin:10px auto;text-align:center;line-height:88px;}
.learning-subject .section-union .box header.type-01{background:#ffd76b;}
.learning-subject .section-union .box header.type-02{background:#9abeff;}
.learning-subject .section-union .box header.type-03{background:#7fdee6;}
.learning-subject .section-union .box header.type-04{background:#d0bbe3;}
.learning-subject .section-union .box p{font-size:1.1em;padding:0 13px 10px 13px;letter-spacing: -1px;}
.learning-subject .section-union .box p em{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;} 
.learning-subject .section-union .img-area{text-align:center;}
.learning-subject .section-union .img-area img{vertical-align:middle; width:9%; margin:1% 0 1%}

.learning-subject .books-intro .book-img-area{background:#fff; width:263px;height:321px;line-height:321px;border-radius:10px;margin:0 auto;padding:6px;border:1px solid #222;}
.learning-subject .books-intro .book-img-area img{width:100%; vertical-align:middle;}
.learning-subject .books-intro .slide-button{margin-top:12px;}



.learning-subject .contents-intro li>div{width:46.5%; margin-bottom:10px;}
.learning-subject .contents-intro li>div .top{padding:5.3% 0; border-radius:8px 8px 0 0;}
.learning-subject .contents-intro li>div .top p{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;font-size:1.3em;text-align:center;}
.learning-subject .contents-intro li>div .bottom{background:#fff;border-radius:0 0 8px 8px;}
.learning-subject .contents-intro li>div .bottom .img-area{padding:3.5% 3.5% 5% 3.5%;}
.learning-subject .contents-intro li>div .bottom .img-area img{vertical-align: middle;}

.learning-subject .contents-intro li>div .bottom img{width:100%;}
.learning-subject .contents-intro li .left{float:left}
.learning-subject .contents-intro li .right{float:right}


.learning-subject .contents-intro li>div .bottom .text-area{display:flex; flex-direction: row; padding-left:14%;padding-bottom:10%;}
.learning-subject .contents-intro li>div .bottom .text-area p{flex-grow:1; font-size:1.15em;line-height:1.6em;}
.learning-subject .contents-intro li:nth-child(2) .right .bottom .text-area{padding-left:5.6%;}
.learning-subject .contents-intro li:nth-child(3)>div .bottom .text-area {padding: 0;text-align: center;}

.learning-subject .contents-intro li:nth-child(1) .left .top{background:#ffd76b;}
.learning-subject .contents-intro li:nth-child(1) .right .top{background:#9abeff}
.learning-subject .contents-intro li:nth-child(2) .left .top{background:#7fdee6;}
.learning-subject .contents-intro li:nth-child(2) .right .top{background:#d0bbe3;}
.learning-subject .contents-intro li:nth-child(3) .left .top{background:#f9b8d0;}
.learning-subject .contents-intro li:nth-child(3) .right .top{background:#ffcab7;}

.study-by-age{background:#f1f1f1; padding:0 16px;}
.study-by-age p{word-break: keep-all;}
.study-by-age .sec-01{background:#fff;padding:0 10px 12px;;margin:0 -16px 12px;}
.study-by-age .sec-01 h1{font-size:1.8em; font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold; padding:23px 0 20px;text-align:center;}
.study-by-age .sec-01 img{width:100%;}

.study-by-age .sec-02{margin-bottom:33px;}
.study-by-age .sec-02 .flow-box .tit{padding:12.5px 0 11.5px 3.74%;background-color:#7fdee6;font-size:1.3em;font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold; border-radius:5px 5px 0 0;}
.study-by-age .sec-02 .flow-box .contents{padding:12.5px 3.74% 13.5px;text-align:center;background:#fff;border-radius:0 0 5px 5px;display:flex;align-items: center;}
.study-by-age .sec-02 .flow-box .contents .plus-img img{width:15.5px; vertical-align:middle;margin:0 5px;}
.study-by-age .sec-02 .flow-box .contents.type-1 .box{height:84px;min-width:25.5%;border-radius:5px;flex-grow:1; display:flex; align-items: center;justify-content:center;}
.study-by-age .sec-02 .flow-box .contents.type-1 .box p{line-height:1.3em;font-size:1.2em;font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;}
.study-by-age .sec-02 .flow-box .contents.type-1 .box em{color:#575757;}
.study-by-age .sec-02 .flow-box .contents.type-1 .box.type-1{background-color:#ffd76b;}
.study-by-age .sec-02 .flow-box .contents.type-1 .box.type-2{background-color:#9abeff;}
.study-by-age .sec-02 .flow-box .contents.type-1 .box.type-3{background-color:#d0bbe3;}
.study-by-age .sec-02 .flow-box .contents.type-1 .box.type-3 p{line-height:1em;}

.study-by-age .sec-02 .down-arrow-img{text-align:center;padding:5px 0;}
.study-by-age .sec-02 .down-arrow-img img{width:21px;}
.study-by-age .sec-02 .flow-box .contents.type-2 .plus-img img{margin:0 23px;}
.study-by-age .sec-02 .flow-box .contents.type-2 .box.type-1{background-color:#d0bbe3;}
.study-by-age .sec-02 .flow-box .contents.type-2 .box.type-2{background-color:#ffa2a2;}
.study-by-age .sec-02 .flow-box .contents.type-2 .box{height:32px;border-radius:5px;flex-grow:1; display:flex; align-items: center;justify-content:center;}
.study-by-age .sec-02 .flow-box .contents.type-2 .box p{line-height:1.3em;font-size:1.2em;font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;}

.study-by-age .sec-02 .flow-box .contents.type-3{display:block;}
.study-by-age .sec-02 .flow-box .contents.type-3 .box{background:#ffc076;border-radius:5px;padding:8px 0;}
.study-by-age .sec-02 .flow-box .contents.type-3 .box p.strong{font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;}
.study-by-age .sec-02 .flow-box .contents.type-3 .box p{font-size:1.2em; line-height:1.6em;}

.study-by-age .sec-02 .flow-box .contents.type-3 .inner-down-arrow-img{text-align:center;}
.study-by-age .sec-02 .flow-box .contents.type-3 .inner-down-arrow-img img{width:16px;vertical-align:middle;margin:7px 0;}
.study-by-age .sec-02 .flow-box .contents.type-4{display:block;}
.study-by-age .sec-02 .flow-box .contents.type-4 .flex-box{display:flex; align-items: center;margin-bottom:12px;}
.study-by-age .sec-02 .flow-box .contents.type-4 .box{height: 32px;border-radius: 5px;flex-grow: 1;display: flex;align-items: center;justify-content: center;}
.study-by-age .sec-02 .flow-box .contents.type-4 .box p{line-height: 1.3em;font-size: 1.2em;font-family: 'NanumBarunGothic-Bold', sans-serif;font-weight: bold;}
.study-by-age .sec-02 .flow-box .contents.type-4 .box.type-1{background-color:#d0bbe3;}
.study-by-age .sec-02 .flow-box .contents.type-4 .box.type-2{background-color:#ffa2a2;}
.study-by-age .sec-02 .flow-box .contents.type-4 .box.type-3{border:2px solid #95b73a; background:#bcdb6a; }
.study-by-age .sec-02 .flow-box .contents.type-4 .plus-img img {margin: 0 23px;}
.study-by-age .goto-btn{color:#f03c78; font-size:1.5em;text-align:center; border:1px solid #dadada;border-radius:20px; padding:8px 0;width:100%;display:block;background:#fff;font-family:'NanumBarunGothic-Bold', sans-serif; font-weight: bold;margin-bottom:42px;}