@charset "utf-8";

@font-face {
  font-family: 'NanumBarunGothic-Light';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(/app/parents/fonts/NanumBarunGothicLight.eot);
  src: url(/app/parents/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
      url(/app/parents/fonts/NanumBarunGothicLight.woff) format('woff'),
      url(/app/parents/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/app/parents/fonts/NanumBarunGothic.eot);
  src: url(/app/parents/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(/app/parents/fonts/NanumBarunGothic.woff) format('woff'),
      url(/app/parents/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic-Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/app/parents/fonts/NanumBarunGothicBold.eot);
  src: url(/app/parents/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
      url(/app/parents/fonts/NanumBarunGothicBold.woff) format('woff'),
      url(/app/parents/fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/* default */
/* issue_1435 */
body{
  -webkit-user-select: none;
  -khtml-user-select: none;
}
/* issue_1435 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
i, em, u, cite {font-style:normal;}
strong, b{font-weight:normal;}
a{color:#757575;text-decoration:none;outline-offset:-1px;}
a, input, select, button{-webkit-tap-highlight-color:transparent;}
input {line-height: normal!important;}

.blind {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }

html, body{height:100%}
body{font-size:12px;line-height:1.3;color:#212121;background-color:#f1f1f1; -webkit-appearance: none; appearance: none;/*-webkit-font-smoothing:antialiased;*/-webkit-text-size-adjust:none;-moz-osx-font-smoothing:gratranslate3d(0,0,0)yscale;/*overflow-y:hidden;*/overflow-x:hidden; word-break:keep-all; word-wrap:break-word; -webkit-hyphens:auto; hyphens:auto;}
/* issue_1245 */
/* .non-scroll {overflow-y:hidden;} */
/* 17.10.09 safari 스크롤 문제로 수정 */
/* .non-scroll {overflow:hidden;} */
.non-scroll {height:100%; position:fixed; overflow:hidden;}
/* // */
/* // issue_1245 */

/**/

::-webkit-input-placeholder {
    color:#bdbdbd;
}
:-moz-placeholder {
    color:#bdbdbd;
}
::-moz-placeholder {
    color:#bdbdbd;
}
:-ms-input-placeholder {
    color:#bdbdbd;
}

/* input type=date */
input[type="date"]::-webkit-clear-button, input[type="time"]::-webkit-clear-button{-webkit-appearance:none;display:none;margin:0;}


/* Align */
.l{text-align: left !important}
.r{text-align: right !important}

/* Text */
.text-overflow{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#212121;font-size:15px}
.no-list{padding: 48px 0 45px; text-align: center; font-size: 15px; font-family:'NanumBarunGothic-Light'; line-height: 24px}
.no-list a.btn-type2{display: table; margin:19px auto 0; font-family:'NanumBarunGothic-Regular'; }

a.go{padding-right:10px;background:url(/app/parents/images/bu_go.png) 100% 4px / 5px auto no-repeat;color:#00bcd5;font-size:13px;/*line-height:18px;*/text-decoration:underline}

.tag{display:inline-block; height:22px; margin-bottom:8px; padding:0 10px; border:1px solid #e0e0e0; border-radius:11px; box-sizing: border-box; vertical-align: middle; color: #212121; font-size: 11px; line-height:22px;}
.tag i{display:inline-block; width:5px; height:8.5px; margin:0 0 2px 1px; vertical-align:middle; background:url(/app/parents/images/bg_depth.png)  0 0 / contain no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.tag.category{border-width:0; background:#f1f1f1}
.tag.eng{border-width:0; background:#ffc200}
.tag.kor{border-width:0; background:#4385ff; color: #fff}
.tag.math{border-width:0; background:#1ad49d; color: #fff}
.tag.notice{border-width:0; background:#90a4ae; color:#fff;}

.scroll-hide {display: block; overflow: hidden; position: relative; width: 100%;}
.tag-wrap {display: block; overflow-x: auto;}
.tag-wrap::-webkit-scrollbar {display:none;}
.tag-inner {display: block; overflow: hidden}
.tag-wrap .tag-inner .tag {float: left; margin-left: 3px; margin-bottom: 0;}
.tag-wrap .tag-inner .tag:first-child {margin-left: 0;}

.scroll-hide.mask:after,
.scroll-hide.first-mask:after,
.scroll-hide.mask:before {display: block; content:''; position: absolute; top: 0; z-index: 3; width: 12.5px; height: 24px; background-size: cover;}
.scroll-hide.mask:before {left: -1px; background: url(/app/parents/images/bg_tagmask_left.png) no-repeat 0 0;}
.scroll-hide.first-mask:after,
.scroll-hide.mask:after {right: -1px; background: url(/app/parents/images/bg_tagmask_right.png) no-repeat 100% 0;}
.scroll-hide.mask-max.mask:after {display: none;}

.tag-list {position: relative;}
.tag-list li{display:inline-block; margin:3.5px 4px 3.5px 0;}
.tag-list li:last-child{margin-right:0;}

/* 17.09.26 정진환 */
/* .tag-list li a{display:block; height:24px; padding:0 6px; border-radius:3px; background:#f1f1f1; color:#757575; font-size:11px; line-height:24px;} */
.tag-list li a{display:block; padding:3PX 6px; border-radius:3px; background:#f1f1f1; color:#757575; font-size:11px;}

/* Img */
@-webkit-keyframes moreLoad{
    0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}
@keyframes moreLoad{
    0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}

img.loading{height:45px; vertical-align: top; animation:moreLoad 1.8s infinite;-webkit-animation:moreLoad 1.8s infinite;-ms-animation:moreLoad 1.8s infinite;animation-timing-function:linear;}

/*.banner{display:table; width:100%; height:82px; margin:30px 0; padding-left:97px; box-sizing:border-box; background:#6285e1 url(/app/parents/images/bg_banner.png) 15px 0 / auto 100% no-repeat;}
.banner.no-margin{margin-bottom:0;}
.banner a{display:table-cell; vertical-align:middle; color:#fff; font-size:12px; font-family:'NanumBarunGothic-Light';}
.banner a strong{display:block; margin:4px 0 9px; font-size:15px; font-family:'NanumBarunGothic-Regular';}*/
.banner{margin:10px 0 0;}
.banner img{max-width:100%; vertical-align:top;}

/* 패이지로딩  */
.loading-box{position: fixed; left: 0; top: 0; display:table; width:100%; height:100%; padding-top: 56px; box-sizing: border-box; text-align:center;}
.loading-box-dim{background-color: rgba(55,55,55,.6);z-index: 1000;}
.loading-box.loading-box-dim p {color:#fff}
.loading-box p{z-index: 1002;display:table-cell; vertical-align:middle; color:#212121; font-size:12px; line-height:20px; font-family:'NanumBarunGothic-Light';}
.loading-box img.loading{margin-top:25px}

/* 새로고침  */
.refresh-box{height: 117.5px; padding-top: 16px; box-sizing: border-box; text-align:center;}
.refresh-box p{margin:0 0 16px; font-size: 12px; line-height: 23px; color:#757575; font-family:'NanumBarunGothic-Light';}

button.refresh{position: absolute; top: auto; right: auto; width:14px; height:14px; background:url(/app/parents/images/bg_search_close.png) 0 0/100% no-repeat; font-size: 0; line-height: 0; text-indent: -9999px}

/* Book Cover */
.book-cover {display: inline-block; position: relative; width: 71.5px; height: 95px; padding-right: 4px; vertical-align: middle; box-sizing: border-box; background: url(/app/parents/images/bg_book.png) no-repeat 0 0; background-size: cover;}
.book-cover:before{content:''; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 5px; height: 95px; background: #000; background: -webkit-linear-gradient(left, #fff , #000); background: -moz-linear-gradient(right, #fff, #000); background: linear-gradient(to right, #fff , #000); opacity: .3;}
.book-cover img {max-width: 100%; vertical-align: top}

/* Layout */
#wrap{min-width:320px;width:100%;min-height:100%;background:#f1f1f1;font-family:'NanumBarunGothic-Regular', sans-serif; font-weight:300; font-style:normal; overflow-x:hidden; box-sizing: border-box;}
.popup-view{overflow:hidden;}

#header{-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;transition:transform .5s; -webkit-transition:transform .5s; -ms-transition:transform .5s; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
#header{background:#fff}
#header section{position:relative; height: 58px;z-index:101;}
#header section.web{height: 71px;}
#header h1{height:58px; padding-top:11px; box-sizing:border-box; text-align:center; color:#212121; font-size:18px; line-height: 58px; font-family:'NanumBarunGothic-Light';}
#header h1 a{display:block; width:84px; height:35px; margin:0 auto; background:url(/app/parents/images/logo.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}
#header button.btn-menu{position:absolute; top:2px; left:0; width:70px; height:54px; background:url(/app/parents/images/icon_util_gnb.png) 16px 50% / 22.5px auto no-repeat; font-size:0; line-height:0;}
#header button.btn-mypage{position:absolute; top:2px; right:0; width:70px; height:54px; background:url(/app/parents/images/icon_util_mypage.png) 36px 50% / 18.5px auto no-repeat; font-size:0; line-height:0;}

/* issue_1182 */
/* #header .select-mode{position:absolute; top:4px; left:50%; width:135px; margin-left:-67.5px; border-radius:3px; background:#fff; z-index:100} */
/* #header .select-mode button{width:100%; height:48px; padding:0 16px; box-sizing:border-box; border-radius:0; border-width:0; background:#fff; color:#212121; font-size:18px;} */
#header .select-mode{display:block; width:144px; padding-top:4px; margin:0 auto; border-radius:3px; background:#fff; z-index:100; }
#header .select-mode button{text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; height:48px; padding:0 32px 0 30px; box-sizing:border-box; border-radius:0; border-width:0; background:#fff; color:#212121; font-size:18px;}
#header .select-mode.on li button{white-space:normal; text-overflow:inherit;}
/* //issue_1182 */
#header .select-mode button:after{top:50%; right:20px; width:10.5px; height:6px; margin-top:-3px; background:url(/app/parents/images/icon_down.png) 100% 50% / auto 6px no-repeat}
/*#header .select-mode.on{-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);}*/
#header .select-mode.on > button{background:#f6f6f6;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid #dadada;border-bottom:0;}
#header .select-mode.on > button:after{background-image:url(/app/parents/images/icon_up.png)}
#header .select-mode.on div{display:block; top:48px; padding:0}
#header .select-mode.on ul{max-height:145px; overflow-x:hidden; overflow-y:scroll;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
#header .select-mode.on li{padding:10px 0;}
#header .select-mode.on li:first-child{padding-top:30px;}
#header .select-mode.on li button{background: #fff; color:#212121; font-size:18px; font-family:'NanumBarunGothic-Light';line-height:20px;height:auto;}

.lay-gnb{position:fixed; z-index:100; width:100%; left:0; top:0; transition:left .5s; -webkit-transition:left .5s; -ms-transition:left .5s;}
.lay-gnb.hide{left:-100%;}
.lay-gnb.hide .dim{opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";left:-100%;}
.lay-gnb .dim{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(47,47,49,.9); z-index:98;opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transition:opacity .3s; -webkit-transition:opacity .3s; -ms-transition:opacity .3s;}
.lay-gnb .wrapper{position:relative; top:0; left:0; width:calc(100% - 62px); height:100%; padding-top:112px; box-sizing:border-box; background:#fff; overflow:scroll; z-index:99}
.lay-gnb .user-info{position:absolute; top:0; left:0; width:100%; height:112px; padding:0 16px; box-sizing:border-box; border-bottom:1px solid #dadada; background:#fff; line-height:56px; }
.lay-gnb .user-info.user-fixed {position:fixed; width:calc(100% - 62px);}
.lay-gnb .user-info.shadow{-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);}
.lay-gnb .user-info strong{padding-left:22px; background: url(/app/parents/images/bg_parents.png)  0 0 / 15px auto no-repeat; font-size:15px}
.lay-gnb .user-info a{margin:0 0 2px 6px}
.lay-gnb .user-info button.search{position:absolute; top:76px; right:16px; width:18px; height:18px; background:url(/app/parents/images/icon_search.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}
.lay-gnb .user-info .logo{height:56px; background:url(/app/parents/images/logo.png) 50% 11px / auto 35px no-repeat; text-indent:-9999px}
.lay-gnb .lay-search{display:none; position:absolute; top:56px; left:0; width:100%; height:56px; padding:0 16px 0 50px; box-sizing: border-box; overflow:hidden; -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}
.lay-gnb .lay-search .search-box{padding:0; border-top-width: 0}
.lay-gnb .lay-search .search-box input[type=text]{width: 100%}
.lay-gnb .lay-search .search-box button.search{top:50%; right: 10px; margin-top:-9px}
.lay-gnb .lay-search .search-box button.refresh{right:38px}
.lay-gnb .lay-search button.close{position: absolute; top: 50%; left: 12px; width: 25px; height: 25px; margin-top: -12.5px; background: url(/app/parents/images/icon_util_back.png) 0 0 / 100% no-repeat}
.lay-gnb .guide-box{padding:30px 0; background:#f1f1f1}
.lay-gnb .gnb-list li.off{background:url(/app/parents/images/icon_down.png) 96% 15px / auto 9px no-repeat}
.lay-gnb .gnb-list li a{display:block; height:40px; margin-left:16px; padding-left:27.5px; background-position:0 13px; background-repeat:no-repeat; background-size:auto 15px; color:#212121; line-height:44px;}
.lay-gnb .gnb-list > li > a{border-bottom:1px solid #dbdbdb; transition:all .1s; -webkit-transition:all .1s; -ms-transition:all .1s; }
.lay-gnb .gnb-list li:nth-child(1) a{background-image:url(/app/parents/images/icon_gnb.png)}
.lay-gnb .gnb-list li:nth-child(2) a{background-image:url(/app/parents/images/icon_gnb2.png)}
.lay-gnb .gnb-list li:nth-child(3) a{background-image:url(/app/parents/images/icon_gnb3.png); background-size:auto 17px}
.lay-gnb .gnb-list li:nth-child(4) a{background-image:url(/app/parents/images/icon_gnb4.png); background-position:0 10px; background-size:auto 20px}
.lay-gnb .gnb-list li:nth-child(5) a{background-image:url(/app/parents/images/icon_gnb5.png)}
.lay-gnb .gnb-list li:nth-child(6) a{background-image:url(/app/parents/images/icon_gnb7.png); background-size:auto 16px;}
.lay-gnb .gnb-list li:nth-child(7) a{background-image:url(/app/parents/images/icon_gnb6.png)}
.lay-gnb .gnb-list li ul{display:none;}
.lay-gnb .gnb-list li.on{background:url(/app/parents/images/icon_up.png) 96% 15px / auto 9px no-repeat}
.lay-gnb .gnb-list li.on > a {border-bottom-width:0!important;}
.lay-gnb .gnb-list li li a{border-bottom-width:0!important;}
.lay-gnb .gnb-list li ul{background:#f1f1f1}
.lay-gnb .gnb-list li ul li a{margin-left:44px; padding-left:0; border-bottom:1px solid #d2d2d2 !important; background:none !important; color:#757575; font-family:'NanumBarunGothic-Light'}
.lay-gnb .gnb-list li:last-child a{border-bottom-width:0 !important}
.lay-gnb .gnb-list li:last-child ul li a{border-bottom-width:1px !important}
.lay-gnb .as-center ul{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; padding:0 16px; background:#f1f1f1}
.lay-gnb .as-center li{position:relative; width:48px; padding:20px 0; text-align:center;}
.lay-gnb .as-center li a{display:block; padding-top:56px; background:url(/app/parents/images/bg_quicklink.png) 50% 0 / 48px auto no-repeat; color:#757575; font-size:11px;}
.lay-gnb .as-center li i{position:absolute; top:16px; right:-2px; 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;}
.lay-gnb .as-center li:nth-child(1) a{background-image:url(/app/parents/images/bg_quicklink.png)}
.lay-gnb .as-center li:nth-child(2) a{background-image:url(/app/parents/images/bg_quicklink2.png)}
.lay-gnb .as-center li:nth-child(3) a{background-image:url(/app/parents/images/bg_quicklink3.png); margin:0 -4px;}
.lay-gnb .as-center li:nth-child(4) a{background-image:url(/app/parents/images/bg_quicklink4.png); margin:0 -8px;}
.lay-gnb .as-center p{height:90px; padding:17px 16px 0; box-sizing:border-box; color:#bdbdbd; font-size:11px}
.lay-gnb .as-center p strong{display:block; margin-bottom:11px; color:#212121; font-size:13px}
.lay-gnb .as-center p strong a{display:inline-block; vertical-align:middle; margin-left:5px; padding-left:19px; background:url(/app/parents/images/icon_phone2.png) 0 2px / auto 15px no-repeat; color:#00bbd4; font-size:15px; text-decoration:underline}
.lay-gnb .as-center p b{color:#757575; font-weight:normal}
.lay-gnb .as-center p b:first-of-type:after{content:''; display:inline-block; width:1px; height:8px; margin:0 6px 2px 7px; vertical-align:middle; background:#dbdbdb}
.lay-gnb button.close{position:absolute; top:20px; right:24px; width:15px; height:15px; background:url(/app/parents/images/icon_util_close3.png) 0 0 / contain no-repeat; font-size:0; line-height:0; z-index:99}

/* layout - mobile web */
.lay-web .wrapper{padding-top:56px;}
.lay-web .user-info{overflow:hidden;height:56px;border-bottom:none;}
.lay-web .user-info:after{display:block;clear:both;content:'';}
.lay-web .user-info .logo{float:left;width:73px;height:auto;background-size:auto 30px;background-position:0;}
.lay-web .user-info .info{float:right;}
.lay-web .user-info .info strong{font-size:13px;}
.lay-web .user-info a{margin-left:3px;padding:0 6px;}
.lay-web .gnb-list li:nth-child(1) a{background-image:url(/app/parents/images/icon_gnb8.png);background-size:auto 16px;}
.lay-web .gnb-list li:nth-child(4) a{background-image:url(/app/parents/images/icon_gnb9.png);background-size:auto 16px;background-position:0 13px;}
.lay-web .gnb-list li:nth-child(5) a{background-image:url(/app/parents/images/icon_gnb6.png);background-size:auto 15px;}
.lay-web .gnb-list li:nth-child(6) a{background-image:url(/app/parents/images/icon_gnb10.png);background-size:auto 15px;}
.lay-web .wink-app{overflow:hidden;display:block;margin-bottom:5px;padding:16px 16px 12px;background:#e8f4f6;}
.lay-web .wink-app:after{display:block;clear:both;content:'';}
.lay-web .wink-app > span{float:left;width:60px;margin-right:10px;}
.lay-web .wink-app > span img{width:100%;}
.lay-web .wink-app .wink-app-desc{float:left;width:calc(100% - 70px);}
.lay-web .wink-app .wink-app-desc strong{font-size:13px;color:#212121;}
.lay-web .wink-app .wink-app-desc p{margin-top:6px;font-family:'NanumBarunGothic-Light';font-size:12px;line-height:20px;color:#757575;}

.lay-mypage{position:fixed; z-index:100; width:100%; top:0; transition:right .5s; -webkit-transition:right .5s; -ms-transition:right .5s; right:0;}
.lay-mypage.hide{right:-100%;}
.lay-mypage.hide .dim {right:-100%; opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.lay-mypage .dim{position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(47,47,49,.9); z-index:98;opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transition:opacity .3s; -webkit-transition:opacity .3s; -ms-transition:opacity .3s;}
.lay-mypage .wrapper{position:relative; top:0; left:62px; width:calc(100% - 62px); height:100%; padding-top:56px; box-sizing:border-box; background:#f1f1f1; overflow:scroll; z-index:99}
	#header .lay-mypage .wrapper section {height:auto;}
.lay-mypage .title-bar{position:absolute; top:0; left:0; width:100%; height:56px; padding:0 16px; box-sizing:border-box; border-bottom:1px solid #dadada; background:#fff; line-height:56px; }
.lay-mypage .title-bar.fixed {position:fixed; width:calc(100% - 62px);}
.lay-mypage .title-bar.shadow{-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);}
.lay-mypage .title-bar h2{color:#212121; font-size:15px}
.lay-mypage .title-bar a{position:absolute; top:50%; display:block; font-size:0; line-height:0}
.lay-mypage .title-bar a.alarm{right:50px; width:18.5px; height:19px; margin-top:-9.5px; background:url(/app/parents/images/icon_util_alarm.png) 0 0 / contain no-repeat}
.lay-mypage .title-bar a.setup{right:16px; width:19.5px; height:19.5px; margin-top:-9.75px; background:url(/app/parents/images/icon_util_setup.png) 0 0 / contain no-repeat}
.lay-mypage .title-bar.user-fixed {position:fixed; width:calc(100% - 62px); right:0; top:0; left:auto; background:#fff; z-index:102;}
.lay-mypage .title-bar.shadow{-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);}
.lay-mypage .user{height:119px; padding:17px 16px 0; box-sizing:border-box; background:#fff;}
.lay-mypage .user strong{display:block; margin-bottom:8px; color:#757575; font-size:18px; line-height:26px; font-weight:normal; font-family:'NanumBarunGothic-Light'}
.lay-mypage .user strong b{color:#212121; font-weight:normal}
.lay-mypage .user a.go{font-size:15px;}
.lay-mypage .hgroup{height:40px; background:#fff}
.lay-mypage .hgroup h3{line-height:42px; background-position:0 13px !important;}
.lay-mypage .hgroup a{display:block; color:#212121; background:url(/app/parents/images/bu_go2.png) 100% 50% / 9px auto no-repeat}
.lay-mypage section{padding-bottom:20px}
.lay-mypage section.none{padding-bottom:0}
.lay-mypage section.none .hgroup:after{content:''; position: absolute; bottom: 0; left: 16px; display: block; width: calc(100% - 16px); height: 1px; background: #dbdbdb}
.lay-mypage section.none:last-of-type .hgroup:after{display:none;}
.lay-mypage h4{height:32px; margin:10px 0 0 16px; border-bottom:1px solid #dadada; color:#757575; font-size:12px; font-weight:normal; line-height:32px;}
.lay-mypage table{width:calc(100% - 16px); margin:8px 0 2px 16px}
.lay-mypage th,
.lay-mypage td{vertical-align:top}
.lay-mypage th{padding:6px 0 3px 0; text-align:left; color:#757575; font-size:11px; font-weight:normal;}
.lay-mypage td{padding:3px 16px 3px 10px;font-size:12px; line-height:20px; font-family:'NanumBarunGothic-Light'}
@media screen and (max-width : 370px){
  .lay-mypage td{padding:3px 4px;}
}
.lay-mypage td.off{color:#757575;}
.lay-mypage table.cols th{width:75px}
.lay-mypage .pay-info li{position:relative;margin:5px;padding:19px 11px 17px;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; box-sizing:border-box; color:#757575; font-size:12px; font-family:'NanumBarunGothic-Light'}
.lay-mypage .pay-info li p{}
.lay-mypage .pay-info li strong{display:block; margin:11px 0 3px; color:#212121; font-size:15px;}
.lay-mypage .pay-info li strong b{color:#f03c78; font-weight:normal}
.lay-mypage .pay-info li a.go{position:absolute; bottom:38px; right:11px;font-family:'NanumBarunGothic-Regular';}
.lay-mypage .list-type.as-center li{position:relative; margin:5px;padding:10px 11px;box-sizing:border-box;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;}
.lay-mypage .list-type.as-center p{display:table;width:100%}
.lay-mypage .list-type.as-center p em.tag{display: inline-block; margin:0 6px 2px 0; vertical-align: middle}
.lay-mypage .list-type.as-center strong{padding:0 0 0 15px;}
.lay-mypage .list-type.as-center span.date{display:block; margin-top:4px; padding-left:17px;background:url(/app/parents/images/icon_calendar.png) 0 1px / 12px auto no-repeat; color:#bdbdbd; font-size:11px}
.lay-mypage .list-type.as-center a.go{position:absolute;bottom:14px;right:11px;}
.lay-mypage .message-box{padding:0 0 10px 0 !important;}
.lay-mypage .message-box p{margin-top: 13px; color: #757575; font-size: 11px; line-height: 18px}
.lay-mypage .message-box p strong{display:block; padding-top: 14px; color: #212121; font-size: 15px; line-height: 26px}
.lay-mypage .message-box .btn-area{padding:0;}
.lay-mypage .message-box .btn-area a{margin-left: 3px; margin-right: 3px}
.lay-mypage button.close{position:absolute; top:20px; left:24px; width:15px; height:15px; background:url(/app/parents/images/icon_util_close3.png) 0 0 / contain no-repeat; font-size:0; line-height:0; z-index:99}

#gnb{z-index:100}
/*#gnb.sub{height:83px;}*/
#gnb ul{position:relative; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;/*-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);*/ padding:4px 0;}
#gnb ul:after{content:'';display:block;clear:both;}
#gnb li{-webkit-flex:1; flex:1; text-align:center;}
#gnb li a{display:block;padding:7px 7.5px 6px;font-size:13px;line-height:16px;color:#757575;letter-spacing:-0.09em;}
#gnb li:nth-child(1){-webkit-flex:1.6; flex:1.6;}
#gnb li:nth-child(1) a{margin-left:8.5px; line-height:30px;}
#gnb li:nth-child(2){-webkit-flex:2.0; flex:2.0;}
#gnb li:nth-child(3){-webkit-flex:2.3; flex:2.3;}
#gnb li:nth-child(4){-webkit-flex:1.7; flex:1.7;}
#gnb li:nth-child(5){-webkit-flex:2.3; flex:2.3;}
/* issue_1255 */
/* #gnb li:nth-child(5) a{margin-right:8.5px;} */
#gnb li:last-child a{margin-right:8.5px;}
/* // issue_1255 */
#gnb li > ul{display:none;}
	#gnb li.on a{background:#00bbd4;border-radius:12.5px;color:#fff;}
	#gnb li.on > ul{position:absolute;top:53px;left:0; display:block; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center; width:100%;min-height:38px;padding:0;border-top:1px solid #dadada;height:auto;-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);}
	#gnb li.on > ul li{-webkit-flex:none; flex:none; float:left;height:38px;box-sizing:border-box;background:#fff;border:1px solid #dadada;border-top-width:0;border-left-width:0}
	#gnb li.on > ul li:last-child{border-right-width: 0}
	#gnb li.on > ul li a{height:100%;margin:0;padding:0;box-sizing:border-box;border-radius:inherit;background:transparent;text-align:center;color:#757575;font-size:12px;line-height:40px; letter-spacing:0;}
	#gnb li.on > ul li:last{border-right-width:0}
	#gnb li.on > ul li.on{border-bottom-width:0}
  #gnb li.on > ul li.on a{margin:0 -1px;border-bottom:2px solid #00bcd5;color:#00bcd5}
  #gnb li.on > ul.cell-1 li{width:100%}
	#gnb li.on > ul.cell-2 li{width:50%}
	#gnb li.on > ul.cell-2 li:nth-child(2) {border-right-width: 0;}
	#gnb li.on > ul.cell-3 li{width:33.3%}
	#gnb li.on > ul.cell-3 li:nth-child(3) {border-right-width: 0;}
	#gnb li.on > ul.cell-4 li{width:25%}

#gnb.web ul{padding:10px 0;margin-top:-13px;}
#gnb.web li{-webkit-flex:1 !important; flex:1 !important;}
#gnb.web li a{height:33px; padding:0; line-height:33px; position:relative; border-radius:20px;}

/* 17.09.27 메인 뉴디자인 / 정진환 */
  /* #gnb.web li.on > ul{top:66px;}
  #gnb.web li.on > ul li{-webkit-flex:none !important; flex:none !important; float:left; width:33.3%; height:38px;box-sizing:border-box;background:#fff;border:1px solid #dadada;border-top-width:0;border-left-width:0}
  #gnb.web li.on > ul li:nth-child(4){width:50%;}
  #gnb.web li.on > ul li:nth-child(5){width:50%;border-right-width:0;}
  #gnb.web li.on > ul li:nth-child(3n){border-right-width:0;} */
  #gnb.web li.on > ul{top:66px;}
  #gnb.web li.on > ul li{-webkit-flex:none !important; flex:none !important; float:left; width:20%; height:38px;box-sizing:border-box;background:#fff;border:1px solid #dadada;border-top-width:0;border-left-width:0; border-right-width:0;}
  #gnb.web li.on > ul.age li{width:33.3333%}


header.nav-sub{position:relative;height:56px;;/*border-bottom:1px solid #dadada;*/background:#fff;text-align:center;transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);z-index:100}
header.nav-sub.shadow{border-bottom-width:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
header.nav-sub.fake-shadow{border-bottom-width:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
header.nav-sub h1{color:#212121;line-height:56px;font-family:'NanumBarunGothic-Light';font-size:18px;}
header.nav-sub a{position:absolute; top:1px; display:block; width:70px; height:54px; font-size:0; line-height:0}
header.nav-sub a.back{left:0; background:url(/app/parents/images/icon_util_back.png) 16px 50% / 25px auto no-repeat;}
header.nav-sub a.home{right:0; background:url(/app/parents/images/icon_util_home.png) 33px 50% / 24px auto no-repeat;}
header.nav-sub a.close{left:0; background:url(/app/parents/images/icon_util_close2.png) 16px 50% / 15px auto no-repeat;}
header.nav-sub a.delete{right:0; background:url(/app/parents/images/icon_util_delete.png) 37px 50% / 17.5px auto no-repeat;}
header.nav-sub a.retake{left:0; background:url(/app/parents/images/icon_util_retake.png) 16px 50% / 29px auto no-repeat;}
header.nav-sub a.send{width:80px; right:0; background:url(/app/parents/images/icon_util_send.png) 48px 50% / auto 18px no-repeat;}
header.nav-sub a.send em{position:absolute; top:14px; right:41px; display:block; width:25px; height:25px; border-radius:50%; background:#00bbd4; text-align:center; color:#fff; font-size:11px; line-height:27px;}
header.nav-sub a.send.off{background-image:url(/app/parents/images/icon_util_send_off.png); cursor:default;}
header.nav-sub a.write{right:0; background:url(/app/parents/images/icon_util_write.png) 34px 50% / auto 19px no-repeat;}
header.nav-sub a.write.off{background-image:url(/app/parents/images/icon_util_write_off.png); cursor:default;}
header.nav-sub a.download{right:0; background:url(/app/parents/images/icon_util_download.png) 36px 50% / auto 18.5px no-repeat;}

.nav-sub-hidden header.nav-sub{position:fixed;left:0;top:-56px;width:100%;transform:translate3d(0,0,0) translate(0, -56px); -webkit-transform:translate3d(0,0,0) translate(0, -56px); -ms-transform:translate3d(0,0,0) translate(0, -56px);}
.nav-sub-hidden.nav-sub-view header.nav-sub{position:fixed;left:0;top:0;width:100%;transform:translate3d(0,0,0) translate(0, 0); -webkit-transform:translate3d(0,0,0) translate(0, 0); -ms-transform:translate3d(0,0,0) translate(0, 0);}
.nav-sub-hidden.nav-sub-view header.nav-sub.all-dim{z-index:0;}

.header-hidden #header{position:fixed;left:0;top:0;width:100%;z-index:100;transform:translate3d(0,0,0) translate(0, -58px); -webkit-transform:translate3d(0,0,0) translate(0, -58px); -ms-transform:translate3d(0,0,0) translate(0, -58px);}
.header-hidden.header-view #header{position:fixed;left:0;top:0;width:100%;transform:translate3d(0,0,0) translate(0, 0); -webkit-transform:translate3d(0,0,0) translate(0, 0); -ms-transform:translate3d(0,0,0) translate(0, 0);}

#footer{position:relative;min-height:56px;}
#footer.web{height:346px;}
footer{ overflow:hidden; z-index:20;}
/*footer{position: fixed; bottom: 0; left: 0; width: 100%; height: 56px; overflow:hidden; z-index:20;}*/
footer > ul{z-index: 90;position: fixed; bottom: 0; left: 0; width: 100%; height: 56px;display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; background: #00bcd5}
footer > ul li{width: 33.3%; height: 56px; text-align: center;}
/* footer > ul li a{display: block; height: 100%; padding-top: 39px; box-sizing: border-box; background-position: 50% 8px; background-size: 25px; background-repeat: no-repeat; color: #fff; font-size: 11px} */
footer > ul li a{display: flex;align-items: center;justify-content: center;height: 100%; padding-top: 39px; box-sizing: border-box; background-position: 50% 8px; background-size: 25px; background-repeat: no-repeat; color: #fff; font-size: 11px}

footer > ul.member li:nth-child(1) a{background-image: url(/app/parents/images/bg_footer.png)}
footer > ul.member li:nth-child(2) a{background-image: url(/app/parents/images/bg_footer2.png)}
footer > ul.member li:nth-child(3) a{background-image: url(/app/parents/images/bg_footer3.png)}

footer .footer-wink{padding:20px 16px 25px;background:#fff;-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);}
footer .footer-wink .as-center{margin-top:13px;color:#bdbdbd; font-size:11px}
footer .footer-wink .as-center strong{display:block; margin-bottom:11px; color:#212121; font-size:13px}
footer .footer-wink .as-center strong a{display:inline-block; vertical-align:middle; margin-left:5px; padding-left:19px; background:url(/app/parents/images/icon_phone2.png) 0 2px / auto 15px no-repeat; color:#00bbd4; font-size:15px; text-decoration:underline}
footer .footer-wink .as-center b{color:#757575; font-weight:normal}
footer .footer-wink .as-center b:first-of-type:after{content:''; display:inline-block; width:1px; height:6px; margin:0 6px 2px 7px; vertical-align:middle; background:#dbdbdb}

/* issue 2427 */
footer.app .footer-wink{padding:20px 3.7% 20px;}
footer.app .footer-wink .as-center{margin:0 0 11px;}
footer.app .footer-wink .as-center strong{display:block;}
footer.app .footer-wink .as-center b:first-of-type:after{display:none;}
footer.app .footer-wink .company-info{margin:0;}
/* // */


footer .footer-wink .footer-link{overflow:hidden;margin-top:14px;}
footer .footer-wink .footer-link:after{display:block;clear:both;content:'';}
footer .footer-wink .footer-link li{float:left;}
footer .footer-wink .footer-link li a{font-family: 'NanumBarunGothic-Light';font-size:12px;line-height:18px;color:#212121;}
footer .footer-wink .footer-link li:after{content:''; display:inline-block; width:1px; height:8px; margin:0 13px; vertical-align:middle; background:#dbdbdb}

footer .footer-wink .footer-link li:last-child:after{display:none;}
footer .footer-wink .company-info{margin-top:12px;padding-top:10px;border-top:1px solid #e0e0e0;}
footer .footer-wink .company-info li{margin-bottom:3px;font-family: 'NanumBarunGothic-Light';font-size:11px;line-height:18px;}
footer .footer-wink .company-info li span{color:#757575;}
footer .footer-wink .company-info li:nth-child(2){display:inline-block;margin-right:18px;}
footer .footer-wink .company-info li:nth-child(3){display:inline-block;}
footer .footer-wink .copyright{margin-top:10px;font-family: 'NanumBarunGothic-Light';font-size:9px;line-height:18px;color:#999;}
footer .footer-wink .copyright strong{color:#212121;}

footer ul.non-member li{position: relative;}
footer ul.non-member li:before{content:''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -8px; background:rgba(255,255,255,.5)}
/* footer ul.non-member li a{padding-top:0; font-size: 15px; line-height: 56px;} */
footer ul.non-member li a{padding-top:0; font-size: 15px}
footer ul.non-member li:first-child:before{display: none}
footer ul.non-member li:nth-child(1){width:30%;}
footer ul.non-member li:nth-child(2){width:40%;}
footer ul.non-member li:nth-child(3){width:30%;}
footer ul.non-member.wink li:nth-child(1){width:36%;}
footer ul.non-member.wink li:nth-child(2){width:36%;}
footer ul.non-member.wink li:nth-child(3){width:28%;}

footer ul.non-member.wink-web{box-shadow:2px 0 10px rgba(0, 0, 0, .2);-webkit-box-shadow:2px 0 10px rgba(0, 0, 0, .2);}
footer ul.non-member.wink-web li:nth-child(1){width:40%;}
footer ul.non-member.wink-web li:nth-child(2){width:30%;}
footer ul.non-member.wink-web li .bubble{position:absolute;top:-10px;left:50%;margin-left:-20px;padding:0 8px;box-sizing:border-box;background:#f03c78;border:1px solid #fff;border-radius:15px;font-size:11px;line-height:18px;color:#fff;}
footer ul.non-member.wink-web li .bubble:after{display:block;content:'';position:absolute;bottom:-3px;left:50%;margin-left:-3px;width:4px;height:4px;background:#f03c78;border:1px solid #fff;border-top:none;border-left:none;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
footer ul.non-member.wink-web li:nth-child(3){width:30%;}

/* Layer Module */
#lay-wrap {position:fixed; top:0; z-index:1000; width:100%; height:100%; left:-1000%; opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition:opacity .5s; -webkit-transition:opacity .5s; -ms-transition:opacity .5s; padding:15px 0; overflow-y:scroll; box-sizing:border-box;}
#lay-wrap .dim {z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(47,47,49,.9);transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
#lay-wrap.view-layer {left:0; opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.layer-wrap {position:relative; top:50%; width:100%; z-index:11;}
.layer-wrap .lay-container {position:relative; overflow:hidden; margin:0 16px; background:#fff; border-radius:4px;}
.layer-wrap .layer-tit {font-size:18px; line-height:57px; height:57px; text-align:center; font-family: 'NanumBarunGothic-Light';border-bottom:1px solid #e1e1e1;}
.layer-wrap .layer-sub-tit {font-size:15px; line-height:50px; height:50px; padding-left:16px;}
.layer-wrap .close-lay {position:absolute; right:13px; top:13px;}
.layer-wrap .close-lay span{display:block;width:25px;height:25px;background:url(/app/parents/images/icon_util_close.png) 0 0 / contain no-repeat;text-indent:-9999px}

.layer-wrap .lay-container.share{margin:0 40px}
.layer-share ul{width:246px; margin:0 auto; padding: 40px 0 20px;}
.layer-share ul:after{content:''; display:block; clear:both}
.layer-share li{float:left; width:56px; margin:0 13px; text-align:center}
.layer-share li a{display:block; color:#757575; font-size:12px; font-family:'NanumBarunGothic-Light';}
.layer-share li figcaption{margin:2px 0 17px}
.layer-share li figure img{width:56px; height:56px;}
.layer-share li:nth-child(5) figcaption{margin-left:-5px; margin-right:-5px}

.layer-wrap .lay-container.calendar{width:255px; margin:0 auto}

.layer-reply-report{}
.layer-reply-report table{width:100%; background: #f6f6f6}
.layer-reply-report th,
.layer-reply-report td{text-align: left; vertical-align: top; font-weight: normal;}
.layer-reply-report th{width: 56px; padding:8px 0 5px 16px; color:#212121; font-size: 12px; line-height: 18px; font-family:'NanumBarunGothic-Regular';}
.layer-reply-report td{padding:5px 16px 5px 0; color:#757575; font-size: 15px; line-height: 24px; font-family:'NanumBarunGothic-Light';}
.layer-reply-report tr:first-child th{padding-top: 23px}
.layer-reply-report tr:first-child td{padding-top: 20px}
.layer-reply-report tr:last-child th,
.layer-reply-report tr:last-child td{padding-bottom: 18px}
.layer-reply-report fieldset{padding:0 16px 34px}
.layer-reply-report legend{position: static; width: auto; height: auto; margin-bottom: -4px; padding-top: 21px; visibility: visible; font-size: 12px; line-height: 18px; font-family:'NanumBarunGothic-Regular';}
.layer-reply-report label{width: 49%; margin: 9px 0 0 0 !important; box-sizing: border-box;}
.layer-reply-report textarea{margin-top: 14px}

/* Icon */
span.icon-label {display:inline-block; width:29px; height:33px; font-family:'NanumBarunGothic-Regular'; text-align:center; font-size:11px; line-height:30px; color:#fff;}
span.icon-label.num01 {background:url('/app/parents/images/icon_label_bg01.png') no-repeat; background-size:100% auto;}
span.icon-label.num02 {background:url('/app/parents/images/icon_label_bg02.png') no-repeat; background-size:100% auto;}
span.icon-label.num03 {background:url('/app/parents/images/icon_label_bg03.png') no-repeat; background-size:100% auto;}
span.icon-label.num04 {background:url('/app/parents/images/icon_label_bg03.png') no-repeat; background-size:100% auto;}
span.icon-label.num05 {background:url('/app/parents/images/icon_label_bg04.png') no-repeat; background-size:100% auto;}
span.icon-label.num06 {background:url('/app/parents/images/icon_label_bg05.png') no-repeat; background-size:100% auto;}
span.icon-label.num07 {background:url('/app/parents/images/icon_label_bg06.png') no-repeat; background-size:100% auto;}

span.img-label-medal {display:inline-block; width:23px; line-height:0; font-size:0;}
span.img-label-medal img {width:100%;}
span.img-label-order {display:inline-block; width:29px; line-height:0; font-size:0;}
span.img-label-order img {width:100%;}

/* Page Title */
.hgroup{height:50px;padding:0 16px;position:relative}
.hgroup.line{border-top:1px solid #d4d4d4;}
.hgroup h2,
.hgroup h3{color:#212121;font-size:15px;line-height:52px;}
.hgroup h3{font-size:13px;}
  .hgroup h2.kid-plus{padding-left:28px;background:url(/app/parents/images/icon_tit_kids.png) 0 16px / 18px auto no-repeat}
  .hgroup h2.old-event{padding-left:24px;background:url(/app/parents/images/customer/icon_tit_old_event.png) 0 16px / 16px auto no-repeat}
  .hgroup h2.play{padding-left:24px;background:url(/app/parents/images/icon_tit_play2.png) 0 16px / 16px auto no-repeat}
  .hgroup h2.dic{padding-left:25px;background:url(/app/parents/images/icon_tit_dic.png) 0 16px / 16px auto no-repeat}
  .hgroup h2.faq{padding-left:25px;background:url(/app/parents/images/icon_tit_faq.png) 0 17px / 16px auto no-repeat}
  .hgroup h2.child{padding-left:25px;background:url(/app/parents/images/icon_tit_child.png) 0 18px / 16.5px auto no-repeat}
  .hgroup h2.menu{padding-left:25px;background:url(/app/parents/images/icon_tit_menu.png) 0 17px / 16px auto no-repeat}
  .hgroup h2.kids{padding-left:24.5px;background:url(/app/parents/images/icon_tit_kids.png) 0 17px / 16.5px auto no-repeat}
  .hgroup h2.benefit{padding-left:24.5px;background:url(/app/parents/images/icon_tit_benefit.png) 0 17px / 16.5px auto no-repeat}
  .hgroup h2.add-info{padding-left:24.5px;background:url(/app/parents/images/icon_tit_add_info.png) 0 17px / 16.5px auto no-repeat}
  .hgroup h2.delivery{padding-left:24px;background:url('/app/parents/images/icon_tit_delivery.png') 0 17px no-repeat;background-size:auto 17px;}
  .hgroup h2.delivery2{padding-left:26px;background:url('/app/parents/images/icon_tit_delivery2.png') 0 16px no-repeat;background-size:auto 19px;}
  .hgroup h2.delivery3 {padding-left:26px; background: url(/app/parents/images/icon_tit_delivery3.png) no-repeat 0 16px / 18px auto;}
  .hgroup h2.study-apply{padding-left:24.5px;background:url(/app/parents/images/icon_tit_study2.png) 0 16px / 18.5px auto no-repeat}
  .hgroup h2.mypage{padding-left: 23px; background:url(/app/parents/images/icon_tit_mypage.png) 0 16px / 18px auto no-repeat }
  .hgroup h2.pay{padding-left: 26px; background:url(/app/parents/images/icon_tit_pay.png) 0 17px / 18px auto no-repeat }
  .hgroup h2.pay-auto{padding-left: 26px; background:url(/app/parents/images/icon_tit_pay_auto.png) 0 16px / 18px auto no-repeat }
  .hgroup h2.study{padding-left: 23px; background:url(/app/parents/images/icon_tit_study3.png) 0 15px / 18px auto no-repeat }
  .hgroup h2.graph {padding-left: 24.5px; background: url(/app/parents/images/icon_tit_graph.png) no-repeat 0 17px / 16.5px auto;}
  .hgroup h2.medal {padding-left: 24px; background: url(/app/parents/images/icon_tit_medal.png) no-repeat 0 17px / 17.5px auto;}
  .hgroup h2.pen {padding-left: 24px; background: url(/app/parents/images/icon_pen.png) no-repeat 0 17px / 17.5px auto;}
  .hgroup h2.pie {padding-left: 24px; background: url(/app/parents/images/icon_tit_pie.png) no-repeat 0 17px / 17.5px auto;}
  .hgroup h2.doc {padding-left: 24px; background: url(/app/parents/images/icon_tit_doc.png) no-repeat 0 17px / 17.5px auto;}
  .hgroup h2.login {padding-left: 25px; background: url(/app/parents/images/icon_tit_login.png) no-repeat 0 16px / 16.5px auto;}
  .hgroup h2.notice {padding-left: 25px; background: url(/app/parents/images/icon_tit_notice.png) no-repeat 0 16px / 16.5px auto;}
  .hgroup h2.version {padding-left: 25px; background: url(/app/parents/images/icon_tit_version.png) no-repeat 0 17px / 16.5px auto;margin-left:-1px;}
  .hgroup h2.search{padding-left: 23px; background:url(/app/parents/images/icon_tit_search.png) 0 15px / 18px auto no-repeat;}
  .hgroup h2.account {padding-left: 29px; background: url(/app/parents/images/icon_tit_account.png) no-repeat 0 16px / 18px auto;}
  .hgroup h2.profile {padding-left: 33px; background: url(/app/parents/images/icon_tit_profile.png) no-repeat 0 16px / 18px auto;}
  .hgroup h2.video {padding-left: 24px; background: url(/app/parents/images/icon_tit_video.png) no-repeat 0 16px / 17px auto;}
  .hgroup h2.press {padding-left: 29px; background: url(/app/parents/images/icon_tit_press.png) no-repeat 0 17px / 23px auto;}
  .hgroup h2.wink {padding-left: 40px; background: url(/app/parents/images/icon_tit_wink.png) no-repeat 0 19px / 34px auto;}
  .hgroup h3.reply{padding-bottom:0; padding-left:23px;background:url(/app/parents/images/customer/icon_tit_reply.png) 0 17px / 16px auto no-repeat}
  .hgroup h3.reply strong{color:#f03c78;font-weight:normal}
  .hgroup h3.study{padding-left: 23px; background:url(/app/parents/images/icon_tit_study.png) 0 17px / 15px auto no-repeat }
  .hgroup h3.pay{padding-left: 23px; background:url(/app/parents/images/icon_tit_pay.png) 0 17px / 15px auto no-repeat }
  .hgroup h3.as{padding-left: 23px; background:url(/app/parents/images/icon_tit_as.png) 0 17px / 15px auto no-repeat }
  .hgroup h3.mypage{padding-left: 23px; background:url(/app/parents/images/icon_tit_mypage.png) 0 17px / 15px auto no-repeat }
.hgroup a.more,
.hgroup a.close{position:absolute;top:0;right:0;display:block;width:50px;height:50px;background-position:center;background-size:15.5px 9px;background-repeat:no-repeat;text-indent: -9999px}
.hgroup a.more{background-image:url(/app/parents/images/icon_down.png)}
.hgroup a.real-more{position:absolute;top:0;right:0;width:100%;height:50px;background:url('/app/parents/images/today/btn_more.png') right 16px center no-repeat;background-size:auto 15px;text-indent:-9999px;}
.hgroup a.close{background-image:url(/app/parents/images/icon_up.png)}
.hgroup a.btn-type{position:absolute; top:50%; right:16px; margin-top:-16px;}
.hgroup + .list-type{margin-top:0;}
.hgroup.white{background:#fff}
.hgroup .right {position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hgroup .right a.text-more {padding-right: 10px; font-size: 13px; color: #00bcd5; text-decoration: underline; background: url(/app/parents/images/bu_go.png) no-repeat 100% 50% / 5px auto;}

/* Button */
.btn-area{padding:30px 16px;text-align:center}
.btn-area img.loading{display: table; margin: 30px auto 0}
.btn-area .btn-type-big:only-child,
.btn-area .confirm-btn:only-child{width:50%;}
.btn-area.flex{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; width:100%; box-sizing:border-box;}
.btn-area.flex a, .btn-area.flex button{-webkit-flex:1; -ms-flex:1; flex:1; margin-left:5px;}
.btn-area.flex a:first-child, .btn-area.flex button:first-child{margin-left:0; margin-right:5px;}
/*.btn-area a.confirm-btn{width: 48%}*/

button.input-type-date {display:inline-block; padding-left:10px; font-size:15px; line-height:38px; height:38px; background:#fff; border:1px solid #dadada; border-radius:4px; width:100%; text-align:left; color:#212121; font-family: 'NanumBarunGothic-Light'; box-sizing:border-box; position:relative; }
button.input-type-date:after {content:''; width:10px; height:5px; background:url('/app/parents/images/bg_select_mode.gif') no-repeat; position:absolute; top:17px; right:11px; background-size:100% auto;}
  .select-day.input-box{height: 40px}
a.answer-type-01, button.answer-type-01 {display:inline-block; vertical-align:middle; padding:0 9px; height:24px; border:1px solid rgba(158,158,158,.35); font-size:12px; line-height:24px; color:#757575; border-radius:4px; box-sizing:border-box;}
a.answer-type-02, button.answer-type-02 {display:inline-block; vertical-align:middle;padding:0 9px; height:24px; border:1px solid rgba(158,158,158,.35); font-size:12px; line-height:24px; color:#00bbd4; border-radius:4px; box-sizing:border-box;}
a.answer-type-03, button.answer-type-03 {display:inline-block; vertical-align:middle;padding:0 9px; height:24px; font-size:12px; line-height:26px; color:#fff; border-radius:4px; background:#00bbd4; box-sizing:border-box;}
a.answer-type-02.on, button.answer-type-02.on {display:inline-block; vertical-align:middle;padding:0 9px; height:24px; font-size:12px; line-height:24px; color:#fff; border-radius:4px; background:#00bbd4; box-sizing:border-box;}

.answer-button{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; height:40px;background:#fff; color:#757575; font-size:11px; border-top:1px solid #e0e0e0; margin-top:25px;}
.answer-button button{-webkit-flex:1; -ms-flex:1; flex:1; position:relative;}
.answer-button button span{display:inline-block; height:40px; color:#757575; line-height:40px;}
.answer-button button:before{content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:15px; margin-top:-7.5px; background:#dadada }
.answer-button button:first-of-type:before{display:none;}
.answer-button button.answer span{padding-left:17px; background:url(/app/parents/images/icon_answer.png) 0 50% / auto 13.5px no-repeat}
.answer-button button.like span{padding-left:17px; background:url(/app/parents/images/icon_like.png) 0 50% / auto 12.5px no-repeat}
.answer-button button.like.select span{background-image:url(/app/parents/images/icon_like_on.png); color:#00bbd4;}
.answer-button button.share span{padding-left:17px; background:url(/app/parents/images/icon_share.png) 0 50% / auto 14px no-repeat}

.btn-play{display:inline-block; font-size:0; line-height:0; width:60px; height:60px; background:url('/app/parents/images/btn_video_play.png') no-repeat; background-size:100% 100%;}
.btn-play.on{background:url('/app/parents/images/btn_video_play_on.png') no-repeat; background-size:100% 100%;}
.btn-pause{display:inline-block; font-size:0; line-height:0; width:60px; height:60px; background:url('/app/parents/images/btn_video_pause.png') no-repeat; background-size:100% 100%;}
.btn-pause.on{background:url('/app/parents/images/btn_video_pause_on.png') no-repeat; background-size:100% 100%;}
.btn-camera{position:fixed; bottom:11px; right:13px; display:inline-block; width:63px; height:63px; vertical-align:middle; background:url(/app/parents/images/btn_camera.png) 0 0 / contain no-repeat; font-size:0; line-height:0; text-indent:-9999px}
.btn-write{overflow:scroll;position:fixed;bottom:12px;right:12px;width:63px;height:63px;background:url('/app/parents/images/btn_write.png') 0 0 no-repeat;background-size:63px 63px;font-size:0;line-height:0;-webkit-overflow-scrolling: touch;}
.btn-write2{overflow:scroll;position:fixed;bottom:12px;right:12px;width:63px;height:63px;background:url('/app/parents/images/btn_write2.png') 0 0 no-repeat;background-size:63px 63px;font-size:0;line-height:0;-webkit-overflow-scrolling: touch;}
.btn-back,
.btn-top{position: fixed; bottom: 13px; display: block; width: 53px; height: 53px; background:url(/app/parents/images/blank.png) 0 0 / contain no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; z-index:100}
.btn-back{left: 13px; background-image: url(/app/parents/images/btn_back.png)}
.btn-top{right: 13px; background-image: url(/app/parents/images/btn_top.png)}

a.btn-type, button.btn-type {display:inline-block; padding:0 19px; height:32px; font-size:13px; line-height:32px; color:#00bbd4; box-sizing:border-box;  border-radius:16px; border:1px solid rgba(158,158,158,.35); vertical-align:middle;}
a.btn-type.on, button.btn-type.on {background-color:#00bbd4 !important; color:#fff}
	a.btn-type.modify, button.btn-type.modify{padding-left:33.5px;background:url('/app/parents/images/icon_btn_modify.png') 15px 50%/auto 11.5px no-repeat}
	a.btn-type.coupon, button.btn-type.coupon{padding-left:33.5px;background:url('/app/parents/images/icon_btn_coupon.png') 15px 50%/auto 11.5px no-repeat}
	a.btn-type.kids, button.btn-type.kids{padding-left:33.5px;background:url('/app/parents/images/icon_btn_kids.png') 15px 50%/auto 11px no-repeat}
	a.btn-type.study, button.btn-type.study{padding-left:33.5px;background:url('/app/parents/images/icon_btn_study.png') 15px 50%/auto 11px no-repeat}
	a.btn-type.qna, button.btn-type.qna{padding-left:34px;background:url('/app/parents/images/info/icon_btn_question.png') 15px 50%/11px auto no-repeat}
  a.btn-type.add, button.btn-type.add{padding-left:34px;background:url('/app/parents/images/icon_btn_add.png') 15px 50%/ 12px auto no-repeat}

a.btn-type2, button.btn-type2 {/*overflow:hidden;*/ display:inline-block; padding:0 24px; height:36px; font-size:13px; line-height:36px; color:#00bbd4;  box-sizing:border-box; border-radius:18px; border:1px solid rgba(158,158,158,.35); vertical-align:middle;}
a.btn-type2.on, button.btn-type2.on {background-color:#00bbd4 !important; color:#fff}
	a.btn-type2.qna, .button.btn-type2.qna{padding-left:42px;background:url('/app/parents/images/icon_btn_qna.png') 24px 50%/13.5px auto no-repeat}
	a.btn-type2.qna.on, .button.btn-type2.qna.on{background-image:url('/app/parents/images/icon_btn_qna_on.png')}
	a.btn-type2.qna2, .button.btn-type2.qna2{padding-left:44px;background:url('/app/parents/images/icon_btn_qna2.png') 24px 50%/auto 14px no-repeat}
	a.btn-type2.qna3, .button.btn-type2.qna3{padding-left:45px;background:url('/app/parents/images/icon_btn_qna3.png') 24px 50%/auto 14px no-repeat}
	a.btn-type2.regist, .button.btn-type2.regist{padding-left:47px;background:url('/app/parents/images/icon_btn_regist.png') 24px 50%/auto 13.5px no-repeat}
	a.btn-type2.recomm, .button.btn-type2.recomm{padding-left:46px;background:url('/app/parents/images/icon_btn_recomm.png') 24px 50%/auto 13px no-repeat}
	a.btn-type2.about, .button.btn-type2.about{padding-left:44px;background:url('/app/parents/images/icon_btn_about.png') 24px 50%/auto 14.5px no-repeat}
	a.btn-type2.book, button.btn-type2.book {padding-left: 46px; background: url(/app/parents/images/icon_btn_book.png) no-repeat 24px 50% / 14px auto;}
	a.btn-type2.pie, button.btn-type2.pie {padding-left: 46px; background: url(/app/parents/images/icon_btn_pie.png) no-repeat 24px 50% / 14px auto;}
	a.btn-type2.calendar, button.btn-type2.calendar {padding-left: 46px; background: url(/app/parents/images/icon_btn_calendar.png) no-repeat 24px 50% / 14px auto;}
  a.btn-type2.price, button.btn-type2.price {padding-left: 44px; background: url(/app/parents/images/icon_btn_price.png) no-repeat 24px 50% / 14px auto;}

a.btn-type2 span, button.btn-type2 span {display: inline-block; padding-left: 18.5px;}
	a.btn-type2.medal span, button.btn-type2.medal span {background: url(/app/parents/images/icon_btn_medal.png) no-repeat 0 50% / 14px auto;}
	a.btn-type2.star span, button.btn-type2.star span {background: url(/app/parents/images/icon_btn_star.png) no-repeat 0 45% / 13.5px auto;}

a.btn-type-big, button.btn-type-big {display:inline-block; width:100%; height:44px; font-size:15px; line-height:46px; border:1px solid rgba(158,158,158,.35); color:#9e9e9e; text-align:center; border-radius:50px; }
a.btn-type-big.on, button.btn-type-big.on {border-width:0; background:#bdbdbd; color:#fff;}
a.btn-type-big.blu, button.btn-type-big.blu {border-width:0; background:#00bbd4; color:#fff;}
	/*a.btn-type-big.qna, button.btn-type-big.qna{width: auto; padding:0 50px 0 72px; background:url('/app/parents/images/icon_btn_qna3.png') 50px 50%/auto 15px no-repeat; color: #00bbd4}*/
  a.btn-type-big.qna, button.btn-type-big.qna{padding:0 17px; color:#00bbd4;}
  a.btn-type-big.qna i, button.btn-type-big.qna i{padding-left:23px; background:url('/app/parents/images/icon_btn_qna3.png') 0 50% / auto 15px no-repeat;}

a.confirm-btn, button.confirm-btn {display:inline-block; width:100%; height:44px; font-size:15px; line-height:44px; border:1px solid rgba(158,158,158,.35); color:#999; text-align:center; border-radius:50px;}
a.confirm-btn span, button.confirm-btn span {display:inline-block; padding-left:24px; background:url('/app/parents/images/icon_btn_confirm.png') 0 16px no-repeat; background-size:16px auto; }

a.confirm-btn.on, button.confirm-btn.on {border-color:#00bbd4; background:#00bbd4; color:#fff;}
a.confirm-btn.on span, button.confirm-btn.on span {background:url('/app/parents/images/icon_btn_confirm_on.png') 0 16px no-repeat; background-size:16px auto;}

a.issue-btn, button.issue-btn {display:inline-block; width:100%; height:44px; font-size:15px; line-height:44px; border:1px solid rgba(158,158,158,.35); color:#00bbd4; text-align:center; border-radius:50px; }
a.issue-btn span, button.issue-btn span {display:inline-block; padding-left:24px; background:url('/app/parents/images/icon_btn_issue.png') left center no-repeat; background-size:16px auto; }

a.issue-btn.on, button.issue-btn.on {border-color:#00bbd4; background:#00bbd4; color:#fff;}
a.issue-btn.on span, button.issue-btn.on span {background:url('/app/parents/images/icon_btn_issue.png') left center no-repeat; background-size:16px auto;}

a.general-btn, button.general-btn {display:inline-block; vertical-align:middle; padding:0 16px; height:40px; line-height:40px; background:#bdbdbd; border-radius:4px; color:#fff; font-size: 13px}
a.general-btn.on, button.general-btn.on {background:#00bbd4;}
a.general-btn.confirm-num-full{width:100%;margin-top:10px;padding:0;text-align:center;}

ul.full-type-btn {width:100%; overflow:hidden;}
ul.full-type-btn.fixed{position:fixed; bottom:0; left:0;}
ul.full-type-btn:after {content:''; display:block; clear:both;}
ul.full-type-btn li {float:left; width:50%;}
ul.full-type-btn li a, ul.full-type-btn li button {display:block; height:56px; line-height:56px; color:#fff; text-align:center; background:#bdbdbd; font-size:15px;}
ul.full-type-btn li.on a, ul.full-type-btn li.on button {background:#00bbd4;}
ul.full-type-btn li.full {width:100%;}

a.btn-text, button.btn-text {display:inline-block; padding:0 21px 0 11px; font-size:11px; line-height:24px; height:24px; color:#fff; background:#5f7d8c; border-radius:4px; position:relative;}
a.btn-text:after, button.btn-text:after {content:''; width:5px; height:8px; background:url('/app/parents/images/bu_go3.png') no-repeat; background-size:100% 100%; position:absolute; top:8px; right:10px;}

div.page-box {text-align:center; font-size:0; line-height:0;margin:10px 0;}
/*div.page-box button {transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s;}*/
div.page-box > button {width:8px; height:13px; display:inline-block; vertical-align:middle;}
div.page-box > button.prev {background:url('/app/parents/images/btn_paging_prev.png') no-repeat; background-size:100% 100%; margin-right:20px;}
div.page-box > button.next {background:url('/app/parents/images/btn_paging_next.png') no-repeat; background-size:100% 100%; margin-left:20px;}
div.page-box > button.prev:hover {background:url('/app/parents/images/btn_paging_prev_on.png') no-repeat; background-size:100% 100%;}
div.page-box > button.next:hover {background:url('/app/parents/images/btn_paging_next_on.png') no-repeat; background-size:100% 100%;}
div.page-box > ul {text-align:center; display:inline-block; vertical-align:middle;}
div.page-box > ul li {display:inline-block; margin:0 4px;}
div.page-box > ul li button {width:20px; height:20px; display:inline-block; border:1px solid #d9d9d9; border-radius:10px; font-size:11px; line-height:18px; font-weight:700; color:#757575; background:none;}
div.page-box > ul li button:hover {border:1px solid #00bbd4; background:#00bbd4; color:#fff;}
div.page-box > ul li.on button {border:1px solid #00bbd4; background:#00bbd4; color:#fff;}
div.page-box > button.more-btn {width:83px; height:26px; line-height:25px; border:1px solid #d9d9d9; border-radius:20px; font-size:13px; color:#757575;}
div.page-box > button.more-btn strong {display:inline-block; margin-bottom:2px; vertical-align:middle; color:#212121; font-size:13px;}
/* issue_773 */
/*div.page-box > button.more-btn:hover {border:1px solid #00bbd4; background:#00bbd4; color:#fff;}*/
div.page-box > button.more-btn:hover strong {color:#fff;}

/* Message */
.message-box{padding:30px 0;background:#fff;-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);text-align:center;font-size:13px;font-family:'NanumBarunGothic-Light';line-height:20px}
.message-box img{display:table;margin:0 auto}
.message-box img.icon{height:83px;margin-bottom:16px}
.message-box img.icon2{height:85px;margin-bottom:16px}
.message-box img.loading{margin-top:16px}
.message-box.transparent{background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:40px 0;}
.message-box.transparent a.btn-type2{margin-top:24px;border-color:#cdcdcd}
.message-box.transparent a.btn-type2:hover{border-color:#00bbd4}
.message-box.line{border-bottom:1px solid #eaeaea}
  #content .message-box:first-of-type{margin-top:10px;}

/* issue_977 */
.message-box.fail{padding:17px 16px;}
.message-box.fail>p>img.logo{ display:inline-block;width:43px;height:18px;vertical-align: middle;}
/* // issue_977 */

.guide-box{padding: 42px 0 0; text-align: center; color: #757575; font-size: 13px; line-height: 20px; font-family:'NanumBarunGothic-Light'}
.guide-box strong{display:block; margin-bottom: 6px; color: #212121; font-size:15px; line-height: 24px; }
.guide-box strong b{color:#00bbd4;}
.guide-box small.coupon{display: block; height: 50px; margin-top: -42px; font-size:12px; line-height: 50px;}
.guide-box small.payment{display: block; margin: -25px 0 15px; color:#212121; font-size:12px;box-shadow:none;}
.guide-box a.btn-type2{display: table; margin: 19px auto 0; font-family:'NanumBarunGothic-Regular'}
.guide-box a.btn-type2 + a.btn-type2{margin-top: 10px}
.guide-box a.btn-type2 + a.go{display: table; margin: 16px auto 0}
.guide-box.mykids{padding-top:17px; font-size:13px;}

.guide-box.add {padding: 30px 0 0; text-align: center; color: #757575;font-family:'NanumBarunGothic-Light'}
.guide-box.add small{display: block;font-size: 13px; line-height: 20px; }
.guide-box.add small.reset{padding-top: 10px;}
.guide-box.add a{color:#00bbd4;text-decoration: underline;font-family:'NanumBarunGothic-Regular'}
.guide-box.add button{text-decoration: underline;font-family:'NanumBarunGothic-Regular'}

/* Tab menu */
.tab-type {margin:15px 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; box-sizing:border-box; padding:2px; border-radius:4px;}
.tab-type:after {display:block; clear:both; content:'';}
.tab-type li {float:left; text-align:center; position: relative;}
.tab-type li a {display:block; width:100%; height:33px; background:none; text-align:center; color:#757575; font-size:12px; line-height:35px;}
.tab-type li.on:before{content:''; display: block; position: absolute; bottom: -2px; left: 50%; width: 20px; height: 11px; margin-left: -10px; background: #fff; z-index: 2}
.tab-type li.on:after{content:''; display: block; position: absolute; bottom: -6.5px; left: 50%; width: 11px; height: 11px; margin-left: -5.5px; -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; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index: 1}
.tab-type li.on a {border-radius:4px; background:#00bbd4; color:#fff; position: relative; z-index: 10}
.tab-type li.on a:after{content:''; display: block; position: absolute; bottom: -3.5px; left: 50%; width: 11px; height: 11px; margin-left: -5.5px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background:#00bbd4;}
.tab-type.cell-2 li{width:50%}
.tab-type.cell-3 li{width:33.3%}

.tab-type2{border-top: 1px solid #dadada}
.tab-type2:after{content:'';display:block;clear:both}
.tab-type2 li{float:left;height:38px;box-sizing:border-box;background:#fff;border-right:1px solid #dadada;border-bottom:1px solid #dadada;-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)}
.tab-type2 li a{display:block;height:100%;box-sizing:border-box;text-align:center;font-size:12px;line-height:40px; letter-spacing:-.07em;}
.tab-type2 li.on{border-bottom-width:0}
.tab-type2 li.on a{margin:0 -1px;border-bottom:2px solid #00bcd5;color:#00bcd5}
.tab-type2.cell-2 li{width:50%}
.tab-type2.cell-2 li:last-child{border-right-width:0}
.tab-type2.cell-3 li{width:33.3%}
.tab-type2.cell-3 li:nth-child(3n){border-right-width:0}
.tab-type2.cell-4 li{width:25%}
.tab-type2 ~ .hgroup:first-of-type{margin-top: 10px}

/* Step menu */
.step{height: 60px; border-top: 1px solid #dadada; -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; position:relative;}
.step:after{content:'';display:block;clear:both}
.step li{position: relative; float:left; padding-top: 16px; box-sizing: border-box; text-align: center; color: #bdbdbd;}
.step li:after{content:''; position: absolute; top:50%; right: -3.5px; display: block; width: 7.5px; height: 14.5px; background:url(/app/parents/images/bg_step.png) 0 0 / contain no-repeat;}
.step li b{display: table; margin:0 auto; position: relative; padding-left: 35px;}
.step li em{position: absolute; top: 50%; left: 0; display: block; width: 28px; height: 28px; margin-top: -14px; text-align: center; border-radius: 50%; border:1.5px solid #bdbdbd; color: #bdbdbd; font-size: 12px; line-height: 30px;}
.step li small{display:table; margin-bottom: 2px; font-size: 9px; text-transform: uppercase;}
.step li.on{color: #00bbd4;}
.step li.on em{border-width:0; background:#00bbd4; color: #fff}
.step li.check em{background:url(/app/parents/images/bg_check.png) 50% 50% / 16px auto no-repeat; font-size:0; line-height:0;}
.step li:last-child:after{display: none}
.step.cell-2 li{width:50%}
.step.cell-3 li:nth-child(1){width: 34%}
.step.cell-3 li:nth-child(2){width: 36%}
.step.cell-3 li:nth-child(3){width: 30%}
.step + .notice-list.wrapper{margin-top:0;}


.step-sub-tab{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; padding:10px 16px;}
.step-sub-tab li{-webkit-flex:1; -ms-flex:1; flex:1; border-left:1px solid #dadada; overflow:hidden;}
.step-sub-tab li:first-child{border-left-width:0; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.step-sub-tab li:last-child{border-top-right-radius:4px; border-bottom-right-radius:4px;}
.step-sub-tab li a{display:block; height:40px; text-align:center; background:#fff; color:#757575; font-size:12px; line-height:40px;}
.step-sub-tab li.on a{background:#00bbd4; color:#fff;}

/* 스템프 */
.stamp {display: inline-block; width: 57px; height: 57px; font-size: 12.5px; line-height: 57px; text-align: center; font-family: 'NanumBarunGothic-Bold'; color: #fff;}
.stamp.step1 {background: url(/app/parents/images/bg_stamp1.png) no-repeat 0 0; background-size: cover;}
.stamp.step2 {background: url(/app/parents/images/bg_stamp2.png) no-repeat 0 0; background-size: cover;}
.stamp.step3 {background: url(/app/parents/images/bg_stamp3.png) no-repeat 0 0; background-size: cover;}

/* Form */
legend{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select, input, textarea {outline:0; -webkit-appearance: none; appearance: none;}
select, input, label{vertical-align:middle}
button{border:0 none;cursor:pointer;background:none;}
button:focus{outline:0;}
select::-ms-expand {display: none; }
select::-moz-focus-inner {border: 0; padding: 0; }
select:-moz-focusring {color: transparent; text-shadow:0 0 0 #000; }

fieldset.address small{display:block; min-height:17px; margin-bottom: 10px; padding-left: 24px; background: url(/app/parents/images/icon_notice.png) 0 0 / 17px auto no-repeat; color: #222; font-size: 11px; line-height: 16px}
fieldset.address input[type=text]{width:100%; margin-top:10px}
fieldset.address input[type=text].post{width:calc(100% - 112px) !important; margin-top:0}
fieldset.address .component-text-form{display: block; width: 100%; margin-top: 10px}
fieldset.address .component-text-form input[type=text]{margin-top: 0}
fieldset.address input[type=checkbox] + label{margin-top:10px; padding-top: 3px; color:#757575; font-size: 12px; font-family: 'NanumBarunGothic-Light';}

fieldset.email i{display: inline-block; width: 25px; margin:0 -4px; text-align: center; vertical-align: middle}
fieldset.email .select-mode{width:100%; margin-top: 10px}
fieldset.email input.disabled,
fieldset.email input.readonly,
fieldset.email .component-text-form,
fieldset.email input.email-complete{width: calc(50% - 12px) !important}
fieldset.email .component-text-form input[type=text]{width:100% !important;}
fieldset.email input[type=checkbox] + label{margin-top:10px; padding-top: 3px; color:#757575; font-size: 12px; font-family: 'NanumBarunGothic-Light';}

fieldset.telephone input[type=text]{width:calc(100% - 79px);}

fieldset.delivery-message textarea{margin-top: 10px}
fieldset.delivery-message p{margin-top:3px; text-align:right; color:#bdbdbd; font-size:11px;}
fieldset.delivery-message p em{color:#757575;}
fieldset.delivery-message small{display: none; min-height: 17px;margin-bottom: 10px;padding-left: 24px;background: url(/app/parents/images/icon_notice.png) 0 0 / 17px auto no-repeat;color: #222;font-size: 11px;line-height: 16px;}


fieldset.add-address{padding:0 16px;}
fieldset.add-address input[type=checkbox] + label{margin-top:10px; padding-top: 3px; color:#757575; font-size: 12px; font-family: 'NanumBarunGothic-Light';}

.validation-check{margin: 8px 0px; padding-left:18px; background: url(/app/parents/images/icon_notice2.png) 0 2px / 13px auto no-repeat; color: #f03c78; font-size: 11px; line-height: 16px}

.component-text-form{display:inline-block; vertical-align:middle; position:relative}
.component-text-form button{display:none}
/*.component-text-form input[type=text]:focus ~ button,
.component-text-form input[type=number]:focus ~ button,
.component-text-form input[type=data]:focus ~ button,
.component-text-form input[type=password]:focus ~ button{display:block; position:absolute; top:50%; right:10px; width:14px; height:14px; margin-top:-7px; background:url(/app/parents/images/bg_search_close.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}
*/
.component-text-form input[type=text].on ~ button,
.component-text-form input[type=number].on ~ button,
.component-text-form input[type=data].on ~ button,
.component-text-form input[type=password].on ~ button{display:block; position:absolute; top:50%; right:10px; width:14px; height:14px; margin-top:-7px; background:url(/app/parents/images/bg_search_close.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}




/* 17.09.26 정진환 */
.search-box {position:relative; width:100%; padding:10px 16px; border-top:1px solid #dadada;box-sizing:border-box; background:#fff;}
/* .search-box > button.search{right:17px; top:0px; width:38px; height:38px; background:url(/app/parents/images/icon_search.png) 50% 50% / 18px auto no-repeat} */
.search-box > button.search{right:17px; top:18.5%; width:38px; height:38px; background:url(/app/parents/images/icon_search.png) 50% 50% / 18px auto no-repeat}


.search-box.shadow{-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)}
.search-box > input[type=text] {width:100%; height:40px; padding:0 64px 0 10px; border:1px solid #dadada; border-radius:4px; box-sizing:border-box; color:#212121; font-size:15px; line-height:41px; outline:0;}
.search-box > input[type=text]:focus{border:1px solid #00bbd4;padding-right:60px;}
.search-box > button {position:absolute; font-size:0; line-height:0; }
.search-box > input[type=text].on ~ button.search {background-image:url(/app/parents/images/icon_search_on.png)}
.search-box > button.refresh{display:none; right:57px; top:50%;  margin-top:-7px;}
.search-box > input[type=text].on ~ button.refresh {display:block;}
.search-box.focus > input[type=text]{border:1px solid #00bbd4; }
.search-box.focus > input::-webkit-input-placeholder {color: #bdbdbd; }
.search-box.focus > button.search {background-image:url(/app/parents/images/icon_search_on.png)}

textarea {width:100%; min-height: 78px; color:#212121; box-sizing: border-box; border-radius:4px; background:#fff; border:1px solid #dadada; padding:10px; box-sizing:border-box; font-size: 15px; font-family: 'NanumBarunGothic-Light';}
textarea:focus{color:#212121; border:1px solid #00bbd4; outline:0;}

input[type=text], input[type=password],input[type=data], input[type=number],input[type=date],input[type=time] {display:inline-block; height:40px; font-size: 15px; line-height:40px; vertical-align:middle; color:#212121; border-radius:4px; background:#fff; border:1px solid #dadada; padding:0 10px; box-sizing:border-box; font-family: 'NanumBarunGothic-Light'; overflow:hidden;width:100%;}
input[type=text]:focus,input[type=data]:focus, input[type=password]:focus, input[type=number]:focus {border:1px solid #00bbd4; outline:0; padding-right:30px;}
input[type=text]+.general-btn{margin-left:4px}
input[type=text].disabled, input[type=password].disabled, input[type=number].disabled, input[type=data].disabled,
input[type=text].readonly, input[type=password].readonly, input[type=number].readonly{color:#757575; background:#f1f1f1; opacity:1}

input[type=text].hide {background:#e7e7e7; color:#bdbdbf;}

input[type=checkbox]{position:absolute; opacity: 0}
input[type=checkbox] + label{position:relative; display:inline-block; margin-right:22px; padding-left:22px; color:#212121; font-size:15px; font-family: 'NanumBarunGothic-Light';}
input[type=checkbox] + label:before{content:''; left:0; top:0; position:absolute; width:18px; height:18px; background:url('/app/parents/images/bg_checkbox_off.png') no-repeat; background-size:100% 100%;}
input[type=checkbox]:checked + label:before{background-image:url('/app/parents/images/bg_checkbox_on.png')}
input[type=checkbox].disabled + label{opacity:.5}
input[type=date].mypage {display:inline-block; height:40px; font-size: 15px; line-height:40px; vertical-align:middle; color:#212121; border-radius:4px; background:#fff; border:1px solid #dadada; padding:0 10px; box-sizing:border-box; font-family: 'NanumBarunGothic-Light'; overflow:hidden;width:100%;}

/* 자물쇠 체크박스 */
.info-time .btn-switch-wrap {padding-left: 0;}
.btn-switch-wrap {display: inline-block; position: relative; width: 38px; height: 14px; vertical-align: middle;}
.btn-switch-wrap input[type=checkbox] {opacity: 1; display: inline-block; position: absolute; left: 0; top: 0; width: 38px; height: 14px; margin: 0; padding: 0; border: 0 none; border-radius: 15px; vertical-align: middle; background-color: #bdbdbd; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.btn-switch-wrap label:before {display: none;}
.btn-switch-wrap input[type=checkbox]:checked {background-color: #b2eaf2;}
.btn-switch-wrap input[type=checkbox]+label {position: absolute; left: 0; top: -6px; width: 24.5px; height: 24.5px; margin: 0; padding: 0; border-radius: 50%; background: url(/app/parents/images/icon_lock.png) no-repeat 50% 50% / 10px auto #f1f1f1; -webkit-box-shadow: 0 3px 3px #d6d6d6; -moz-box-shadow: 0 3px 3px #d6d6d6; box-shadow: 0 3px 3px #d6d6d6; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.btn-switch-wrap input[type=checkbox]:checked+label {left: 0; background: url(/app/parents/images/icon_lock_un.png) no-repeat 50% 50% / 10px auto #00bbd4; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); transform: translateX(15px);}

input[type=radio]{position:absolute; opacity: 0}
input[type=radio] + label{position:relative; display:inline-block; margin-right:18px; padding-left:25px; color:#212121; font-size:15px; font-family: 'NanumBarunGothic-Light';}
input[type=radio] + label:before{content:''; left:0; top:0; position:absolute; width:18px; height:18px; background:url('/app/parents/images/bg_radio_off.png') no-repeat; background-size:100% 100%;}
input[type=radio]:checked + label:before{background-image:url('/app/parents/images/bg_radio_on.png')}
input[type=radio].disabled + label{opacity:.5}

input[type=date].input-type-date {display:inline-block; width:100%; height:38px; box-sizing:border-box;  padding:9px 10px; background:#fff; border:1px solid #dadada; border-radius:4px; text-align:left; color:#212121; font-size:15px; font-family: 'NanumBarunGothic-Light';}
/*input[type=date].input-type-date:before {content:'선택'; top:0; left:11px; position:absolute; z-index:2; font-size:15px; color:#bdbdbd;}
input[type=date].input-type-date:after {content:''; width:10px; height:5px; background:url('/app/parents/images/bg_select_mode.gif') no-repeat; position:absolute; top:17px; right:11px; background-size:100% auto;}
input[type=date].input-type-date.visited:before {display:none;}*/

div.select-mode {display:inline-block; width:100%; position:relative; vertical-align: middle}
div.select-mode > button {display:block; padding-left:10px; font-size:15px; line-height:40px; height:40px; background:#fff; border:1px solid #dadada; border-radius:4px; width:100%; box-sizing: border-box; text-align:left; color:#dadada; font-family: 'NanumBarunGothic-Light';}
div.select-mode > button:after {content:''; width:10px; height:5px; background:url('/app/parents/images/bg_select_mode.png') no-repeat; position:absolute; top:17px; right:11px; background-size:100% auto;}
div.select-mode div {position:absolute; left:-10000px; top:38px; padding:0; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-sizing: border-box;}
div.select-mode.select > button{color:#212121;}
div.select-mode.on > button {background:#f6f6f6; border:1px solid #f6f6f6; border-bottom-left-radius:0; border-bottom-right-radius:0; position:relative; z-index:2; border:1px solid #dadada;}
div.select-mode.on div {left:0; width:100%; background:#fff; z-index:33; border:1px solid #dadada; border-top:none;}
div.select-mode.on ul {max-height:250px; overflow-y:scroll;}
div.select-mode.on ul li{padding:10px 0;}
div.select-mode.on ul li:first-child{padding-top:20px;}
div.select-mode.on ul button {font-size:15px; line-height:20px; display:block; width:100%; padding-left:10px; text-align:left; font-family: 'NanumBarunGothic-Light';}
div.select-mode.on > button:after {content:''; width:10px; height:5px; background:url('/app/parents/images/bg_select_mode_on.png') no-repeat; position:absolute; top:16px; right:10px; background-size:100% auto;}
/*div.select-mode.on > span.shadow {content:''; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-box-shadow:-1px 2px 5px 0 #d3d3d3; -moz-box-shadow:-1px 2px 5px 0 #d3d3d3; box-shadow:-1px 2px 5px 0 #d3d3d3; border-radius:4px;}*/
.text-type-head {font-size:18px; line-height:26px;}
.text-type-title {font-size:15px; line-height:24px;}
.text-type-13_20 {font-size:13px; line-height:20px;}
.text-type-11_20 {font-size:11px; line-height:20px;}
.text-type-11_18 {font-size:11px; line-height:18px;}
.text-type-10_16 {font-size:11px; line-height:16px; font-weight: 400;}
.text-type-10_13 {font-size:11px; line-height:13px; font-weight: 700;}

.common-box-shadow {-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}

/* Table/List */
table{border-collapse:collapse;border-spacing:0;}
caption{width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;text-indent:-9999px;}
th, td{border-collapse:collapse;}

.tbl-type{width:100%; 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}
.tbl-type.off th,
.tbl-type.off td{color: #bdbdbd; border-color: #dadada}
.tbl-type:first-of-type{margin-top: 0}
.tbl-type th,
.tbl-type td{font-weight: normal; text-align: left}
.tbl-type th{width:90px; padding: 15px 0 10px 16px; vertical-align: top; font-size: 11px}
.tbl-type td{padding: 11px 16px 10px 0; border-bottom:1px solid #dadada; font-size: 15px; font-family: 'NanumBarunGothic-Light';}
.tbl-type td b{color: #00bbd4}
.tbl-type td b.cancel{color: #bdbdbd}
.tbl-type td small{display: block; margin-top: 2px; color: #bdbdbd; font-size: 11px; line-height: 18px}
.tbl-type td small a.btn-type{margin-top: 10px}
.tbl-type td small.day{margin-top:8px; color:#757575}
.tbl-type td strong{color: #f03c78}
.tbl-type td strong small{color: #f03c78; font-size: 12px}
.tbl-type td span.date{display:block;min-height:12px;margin-top:6px;padding-left:17px;background:url(/app/parents/images/icon_calendar.png) 0 0 /12px no-repeat;color:#757575;font-size:11px}
.tbl-type td em.tag{margin:0 4px 2px 0}
.tbl-type td a.go.delivery{display:block; float:right; margin-top:3px;}
.tbl-type td a.go.study{margin-right:16px; padding-right: 12px; background-position: 100% 2px; background-size: 7px auto; font-size: 15px; font-family: 'NanumBarunGothic-Regular';}
.tbl-type td ul.notice-list{margin-top:8px; padding:0;}
.tbl-type td ul.notice-list li{margin-top: 0}
.tbl-type tr:first-child th{padding-top: 25px}
.tbl-type tr:first-child td{padding-top: 21px}
.tbl-type tr:last-child th{padding-bottom:20px;}
.tbl-type tr:last-child td{padding-bottom:20px; border-bottom-width: 0}
.tbl-type td.type{width: 56px; padding:0 16px; vertical-align: top}
.tbl-type td.type .type-wrap{width:100%; margin:0 -16px -1px; padding:0 16px; background:#fff; position:relative; z-index:1}
.tbl-type td.type span{display: block; height: 71.5px; padding-top: 52px; box-sizing: border-box; background-size: 100%; background-repeat: no-repeat;}
.tbl-type td.type span em{display: block; width: 51px; height: 20px; margin:0 auto; text-align: center; color: #fff; font-size: 11px; line-height: 20px}
.tbl-type td.type span.mom{background-image: url(/app/parents/images/member/btn_join_family01_on.gif)}
.tbl-type td.type span.dad{background-image: url(/app/parents/images/member/btn_join_family02_on.gif)}
.tbl-type td.type span.grandma{background-image: url(/app/parents/images/member/btn_join_family03_on.gif)}
.tbl-type td.type span.grandpa{background-image: url(/app/parents/images/member/btn_join_family04_on.gif)}
.tbl-type td.type span.etc{background-image: url(/app/parents/images/member/btn_join_family05_on.gif)}
.tbl-type td.kids-pic{width:67px; padding:0 16px; vertical-align: top; border-bottom-width: 0}
.tbl-type td.kids-pic figure{width:100%; margin:4px -16px -1px; padding:0 16px; background:#fff; position:relative; z-index:1}
.tbl-type td.kids-pic img{width: 67px; height: 67px; border-radius: 10px; vertical-align: top}
.tbl-type td.off{color: #bdbdbd}

.tbl-type2{padding:5px 0 20px;-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}
.tbl-type2 table{width:100%;}
.tbl-type2 th,
.tbl-type2 td{font-weight: normal; text-align: left}
.tbl-type2 th{width:90px; padding: 19px 0 0 16px; vertical-align: top; font-size: 11px}
.tbl-type2 th em{display:inline-block; width: 5px; height: 5px; margin: -4px 0 0 -1px; border-radius: 50%; background: #00bbd4; vertical-align: top; font-size: 0; line-height: 0}
.tbl-type2 td{padding:5px 0; font-size: 15px; font-family: 'NanumBarunGothic-Light';}
.tbl-type2 td.t{padding:16px 0 15px 0;}
.tbl-type2 input[type=checkbox] + label{margin-top:10px; padding-top:1px; color: #757575; font-size: 12px; line-height: 18px}
.tbl-type2 figure.family-type img{width:35px; height:35px; vertical-align: middle}
.tbl-type2 figure.family-type figcaption{display:inline-block; vertical-align: middle}

/* list-style */
/*.list-style-blit01 li {padding-left:8px; font-size:11px; line-height:18px; background:url('/app/parents/images/bg_blit_list01.png') left 6px no-repeat; background-size:3px auto;}*/

.list-type{margin-top:10px}
.list-type li a.title{position:relative;display:block;min-height:22px;padding:23px 16px 0;background:#fff}
.list-type li a.title:before{content:'';position:absolute;top:50%;right:16px;display:block;width:15.5px;height:9px;margin-top:-4.5px;background:url(/app/parents/images/icon_down.png) 100% 50% / auto 9px no-repeat}
.list-type li a.title:after{content:'';display:block;width:100%;height:1px;margin-top:21px;background:#e0e0e0}
.list-type li a.title em.tag{display:table;margin:0 0 8px;}
.list-type li a.title em.tag.notice{display:inline-block; margin:0 6px 2px 0; vertical-align: middle; border-width:0;background:#90a4ae;color:#fff;line-height:22px;padding:0 10px;}
.list-type li a.title strong{display:block;width:90%;color:#212121;font-size:15px;font-weight:normal}
.list-type li a.title strong i{display:inline-block; width:13px;height:13px; margin:0 0 2px 9px;background:url(/app/parents/images/icon_new.png) 0 0 /contain no-repeat; vertical-align:middle; text-indent:-9999px;}
.list-type li a.title span.date{display:block;min-height:12px;margin-top:6px;padding-left:17px;background:url(/app/parents/images/icon_calendar.png) 0 0 /12px no-repeat;color:#757575;font-size:11px}
.list-type li a.title img.icon{width:13px;height:13px;margin-bottom:2px;vertical-align:middle}
.list-type li .ans{}
.list-type b.search{color: #f03c78}
.list-type li.on a.title{padding-bottom:21px;}
.list-type li.on a.title:before{background-image:url(/app/parents/images/icon_up.png)}
.list-type li.on a.title:after{display:none}
.list-type li .ans{display:block;padding:20px 16px;color:#212121;font-size:15px;font-family:'NanumBarunGothic-Light';line-height:26px}
.list-type li .ans figure img{max-width:100%;margin-bottom:6px}
.list-type li .ans a.go{display:table;margin-bottom:11px; background-position:100% 5px; line-height:18px;font-family:'NanumBarunGothic-Regular'}
.list-type li .tag {font-family: 'NanumBarunGothic-Regular', sans-serif;}
.list-type li:last-child a.title{padding-bottom:19px}
.list-type li:last-child a.title:after{display:none}
.list-type li:last-child .ans{border-bottom:1px solid #d4d4d4;}

/* AS 신청 내역 */
.list-type.as-center a.title{display:table;width:100%;padding:10px 16px 0;box-sizing:border-box}
.list-type.as-center a.title:after{margin-top:10px;margin-left:-56px;padding-left:56px}
.list-type.as-center a.title em.tag{display: inline-block; margin:0 6px 2px 0; vertical-align: middle}
.list-type.as-center a.title em.go{margin-left:9px;padding-right:10px;background:url(/app/parents/images/bu_go.png) 100% 4px / 5px auto no-repeat;color:#00bcd5;font-size:13px;/*line-height:18px;*/text-decoration:underline}
.list-type.as-center span.condition{display:table-cell;width:56px;vertical-align:top}
.list-type.as-center span.condition i{display:inline-block;width:30px;margin-left:10px;padding-top:37px;background:url(/app/parents/images/blank.png) 50% 6px / 25px no-repeat;text-align:center;color:#757575;font-size:11px}
.list-type.as-center span.condition i.as-step1{background-image:url(/app/parents/images/customer/icon_as.png)}
.list-type.as-center span.condition i.as-step2{background-image:url(/app/parents/images/customer/icon_as2.png)}
.list-type.as-center span.condition i.as-step3{background-image:url(/app/parents/images/customer/icon_as3.png)}
.list-type.as-center span.condition i.as-step4{background-image:url(/app/parents/images/customer/icon_as4.png);background-size:29px auto;padding-right:5px;margin-left:7.5px}
.list-type.as-center strong{display:table-cell;padding:15px 20px 15px 15px;border-left:1px solid #e0e0e0;vertical-align:middle}
.list-type.as-center .ans dt{margin-top:15px;color:#212121;font-size:14px;line-height:20px}
.list-type.as-center .ans dt:first-of-type{margin-top:0}
.list-type.as-center .ans dd{margin-top:5px;color:#757575}
.list-type.as-center li.on a.title,
.list-type.as-center li:last-child a.title{padding-bottom:10px}

.list-type2 li{position:relative;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;font-size:11px;color:#757575}
.list-type2 li:after{content:'';display:block;clear:both}
.list-type2 li span.condition{position:absolute;top:0;left:0;width:67px;height:100%;border-right:1px solid #dadada;display:block}
.list-type2 li span.condition em{display:table;width:100%;height:100%}
.list-type2 li span.condition i{display:table-cell;vertical-align:middle;text-align:center;font-size:11px}
.list-type2 li span.condition i span{display:block;}
.list-type2 li span.condition i img{height:25px;}
/*.list-type2 li span.condition i{display:table-cell;padding-top:47px;background:url(/app/parents/images/blank.png) 50% 50% / auto 25px no-repeat;vertical-align:middle;text-align:center;font-size:11px}
.list-type2 li span.condition em.as-accept i{background-image:url(/app/parents/images/customer/icon_as_accept.png)}
.list-type2 li span.condition em.as-end i{background-image:url(/app/parents/images/customer/icon_as_end.png)}
.list-type2 li span.condition em.event-end i{background-image:url(/app/parents/images/customer/icon_event_end.png)}*/
.list-type2 li p,
.list-type2 li a{position:relative;display:block;width:100%;padding:23px 11px 20px 83px;box-sizing:border-box}
.list-type2 li p:after,
.list-type2 li a:after{content:'';display:block;clear:both}
.list-type2 li a:before{content:'';position:absolute;top:50%;right:11px;display:block;width:9px;height:16px;margin-top:-8px;background:url(/app/parents/images/bu_go2.png) 100% 50% / 100% no-repeat}
.list-type2 li a.go{display:inline;float:right;width:auto;padding:0 11px 0 0}
.list-type2 li a.go:before{display:none}
.list-type2 li em.tag{/*display:table;*/margin:0 0 8px;}
.list-type2 li strong{display:block}
.list-type2 li span.date{float:left;padding-left:17px;background:url(/app/parents/images/icon_calendar.png) 0 1px / 12px auto no-repeat}
.list-type2 li span.date i{margin-left: 7px; padding-left:17px; background: url(/app/parents/images/icon_time.png) 0 0/ 12px auto no-repeat}
.list-type2 li span.accept-num{display:block;margin-bottom:7px;color:#bdbdbd}
.list-type2 li span.date{}
.list-type2 li .text-overflow{width:90%;margin-bottom:7px}

.list-type3 li{position:relative;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;font-size:11px;}
.list-type3 li:first-child{margin-top: 0}
.list-type3 li:last-child{margin-bottom: 0}
.list-type3 li a{display:block;padding:20px 12px}
.list-type3 li em.tag{display:block; float:left; color: #212121}
.list-type3 li span.edit{display:block; float:right; color:#bdbdbd }
.list-type3 li span.edit i{display:inline-block; height:22px; line-height:22px;}
.list-type3 li span.edit i.id{padding-left:16px;background:url(/app/parents/images/icon_id.png)  0 5px / 11.5px auto no-repeat}
.list-type3 li span.edit i.date{margin-left:6px;padding-left:17px; background:url(/app/parents/images/icon_calendar.png) 0 4px / 12px auto no-repeat}
.list-type3 li strong.text-overflow{clear:both; font-family:'NanumBarunGothic-Light'}

/* 동영상 목록 */
.play-list:after{content:''; display:block; clear:both}
.play-list{display:flex; flex-wrap:wrap; justify-content:space-between; padding-left:5px;}
.play-list li{width:50%;padding:5px 5px 0 0; box-sizing:border-box;}
.play-list li figure{position:relative; 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;font-size:11px;color:#757575}
.play-list li figure img{width:100%; height:100px; vertical-align:top}
.play-list li figcaption{height: 73px; padding:15px 11px 0; box-sizing:border-box}
.play-list li figcaption em.tag{margin-bottom:5px;margin-right:2px;}
.play-list li figcaption strong.title{display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#212121;font-size:15px;font-weight: normal}
.play-list li figcaption span.play{position:absolute; top:0; left:0; width:100%; height:100px}
.play-list li figcaption span.play:after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height: 100px; background-image:linear-gradient(transparent 60%, rgba(0,0,0,.5));}
.play-list li figcaption span.play button.btn-play{position:absolute; top:50%; left:50%; width:42px; height:42px; margin:-21px 0 0 -21px; z-index: 10}
.play-list li figcaption span.play i{position:absolute; bottom:6px; right:9px; color: #fff; font-size:11px; z-index: 10}

.play-list2{-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;}
.play-list2 li{margin:0 16px; padding:20px 0; border-bottom:1px solid #dbdbdb }
.play-list2 li:last-child{border-bottom-width:0}
.play-list2 figure{position:relative; display:table; width:100%; min-height:72px;}
.play-list2 li figure img{position:absolute; top:0; left:0; width:119px; height:72px; vertical-align:top; border-radius:3px}
.play-list2 li figcaption{display:table-cell; padding-left:140px; vertical-align:middle;}
/*.play-list2 li figure:after{content:''; display:block; clear:both; }
.play-list2 li figure img{float:left; width:119px; height:72px; vertical-align:top; border-radius:3px}
.play-list2 li figcaption{float:left; width:calc(100% - 119px); padding:0 0 0 21px; box-sizing:border-box}*/
.play-list2 li figcaption em.tag{margin:0 3px 0 0;}
.play-list2 li figcaption strong{display:block; margin-top:6px; font-size:15px; line-height:24px; font-family:'NanumBarunGothic-Light';}
.play-list2 li figcaption span.play{position:absolute; top:0; left:0; display:block; width:119px; height:72px;}
.play-list2 li figcaption span.play:after{content:''; position:absolute; top:0; left:0; display:block; width:119px; height:72px; border-radius:3px; background-image:linear-gradient(transparent 60%, rgba(0,0,0,.5));}
.play-list2 li figcaption span.play i{position:absolute; bottom:3px; right:7px; color: #fff; font-size:11px; z-index:10}
.play-list2 li figcaption span.view {position: absolute; right: 0; top: 0; padding-left: 15px; font-size: 11px; color: #bdbdbd; background: url(/app/parents/images/icon_pin.png) no-repeat 0 1px / 12px auto;}
.play-list2 li figcaption span.stamp{position:absolute; top:0; left:0; display:block; width:119px; height:72px; background:rgba(0,0,0,.6);}
.play-list2 li figcaption span.stamp i{display:block; width:57px; height:57px; margin:8px auto 0; line-height:57px; color:#fff; font-size:13px; text-align:center; background-size:contain; background-repeat:no-repeat;}
.play-list2 li figcaption span.stamp i.step1{background-image:url(/app/parents/images/bg_stamp1.png)}
.play-list2 li figcaption span.stamp i.step2{background-image:url(/app/parents/images/bg_stamp2.png)}
.play-list2 li figcaption span.stamp i.step3{background-image:url(/app/parents/images/bg_stamp3.png)}
.play-list2 li figcaption button.btn-play{position:absolute; top:50%; left:50%; width:21px; height:21px; margin:-10.5px 0 0 -10.5px; z-index:10}


/* 상담목록 */
.counsel-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;}
.counsel-list li:first-child{margin-top: 0}
.counsel-list li:last-child{margin-bottom: 0}
.counsel-list li p{position: relative; margin-left:59px; font-size: 15px; line-height:22px; font-family:'NanumBarunGothic-Light';}
.counsel-list li p span.icon{position: absolute; 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;}
.counsel-list li p.q span.icon{top:20px;}
.counsel-list li p.a span.icon{top:50%; margin-top:-16px;}


.counsel-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;}
.counsel-list li p em.tag{font-family:'NanumBarunGothic-Regular';}
.counsel-list li p strong{display:block; /*width: calc(100% - 20px);*/ white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-weight: normal;}
.counsel-list li span.button{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; height: 40px;background: #f6f6f6; color: #757575; font-size: 11px}
.counsel-list li span.button button{-webkit-flex:1; -ms-flex:1; flex:1; position: relative;}
.counsel-list li span.button button span{position:relative; display: inline-block; height: 40px; color:#757575; line-height: 40px;}
.counsel-list li span.button button span i{position:absolute; top:13px;right:-16px;width:13px;height:13px;background:url(/app/parents/images/icon_new.png) 0 0 /100% auto no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.counsel-list li span.button button:before{content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 15px; margin-top: -7.5px; background: #dadada }
.counsel-list li span.button button:first-of-type:before{display:none;}
.counsel-list li span.button button.answer span{padding-left: 17px; background: url(/app/parents/images/icon_answer.png) 0 50% / auto 13.5px no-repeat}
.counsel-list li span.button button.like span{padding-left: 17px; background: url(/app/parents/images/icon_like.png) 0 50% / auto 12.5px no-repeat}
.counsel-list li span.button button.like.select span{background-image: url(/app/parents/images/icon_like_on.png); color: #00bbd4}
.counsel-list li span.button button.share span{padding-left: 17px; background: url(/app/parents/images/icon_share.png) 0 50% / auto 14px no-repeat}
.counsel-list li span.button button.del span{padding-left: 18px; background: url(/app/parents/images/info/bg_icon_delete.png) 0 13px / auto 13px no-repeat}
.counsel-list li span.button button.edit span{padding-left: 18px; background: url(/app/parents/images/info/bg_icon_edit.png) 0 13px / auto 13px no-repeat}
.counsel-list li p.q{padding:20px 20px 14px 0;border-bottom: 1px solid #e0e0e0}
.counsel-list li p.q.single{border-bottom-width:0;}
.counsel-list li p.q a{display:block;}
.counsel-list li p.q strong.q{color:#00bbd4;}
.counsel-list li p.a{padding: 16px 20px 14px 0;min-height:44px;}
.counsel-list li p.a a{display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; /*width:calc(100% - 20px); height:48px;*/ box-sizing:border-box;}
.counsel-list.line-clamp3 li p.a a{-webkit-line-clamp:3;}
.counsel-list.line-clamp3 li p.a{min-height:66px;}
.counsel-list li .scroll-hide {margin-bottom: 8px;}
.counsel-list li .scroll-hide.first-mask:after,
.counsel-list li .scroll-hide.mask:after {right: 18px;}
.counsel-list li .tag-wrap {margin-right: 20px;}
.counsel-list li .scroll {display:inline-block; width:calc(100% - 20px); height:22px; overflow-x:scroll; overflow-y:hidden; position:relative;}
.counsel-list li .scroll .scroll-tag-wrap {display:block; overflow-x:scroll; padding-bottom:20px; overflow-y:hidden;}
.counsel-list li .scroll.on:before {content:''; position:absolute; left:0; top:0; width:20px; height:22px;
    background: url(/app/parents/images/bg_tagmask_left.png) no-repeat 0 0;

/*

  background: -webkit-linear-gradient(right,#fff,rgba(255,0,0,0));
  background: -o-linear-gradient(right,#fff,rgba(255,0,0,0));
  background: -moz-linear-gradient(right,#fff,rgba(255,0,0,0));
  background: linear-gradient(to right, #fff,rgba(255,0,0,0));

*/
  }
.counsel-list li .scroll.ready:after {content:''; position:absolute; right:0; top:0; width:20px; height:22px;
    background: url(/app/parents/images/bg_tagmask_right.png) no-repeat 100% 0;
/*
  background: -webkit-linear-gradient(left,#fff,rgba(255,0,0,0));
  background: -o-linear-gradient(left,#fff,rgba(255,0,0,0));
  background: -moz-linear-gradient(left,#fff,rgba(255,0,0,0));
  background: linear-gradient(to left, #fff,rgba(255,0,0,0));
*/
}
.counsel-list li .scroll .tag-content {overflow:hidden; display:block;}
.counsel-list li .scroll .tag-content:after {content:''; display:block; clear:both;}
.counsel-list li .scroll em.tag {float:left;}

/* 메뉴목록 */
.menu-list{padding:18px 16px 14px; background: #fff}
.menu-list li{margin-top:11px;}
.menu-list li a{color:#757575;font-size:15px;font-weight: normal; font-family:'NanumBarunGothic-Light'}
.menu-list li a i{display: inline-block; width: 6.5px; height: 12.5px; margin-bottom: 2px; vertical-align: middle; background: url(/app/parents/images/bg_depth.png) 0 0 /contain no-repeat; font-size: 0; line-height: 0; text-indent: -9999px}

/* 포토앨범 */
.photo-list{}
.photo-list:after{content:''; display:block; clear:both}
.photo-list li{float:left; width:33.3%; height:33.3%; overflow:hidden; position:relative;}
.photo-list li img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.photo-list li a{display:block; margin:3px; overflow:hidden; position:relative;}
.photo-list li a span.zoom{position:absolute; bottom:10px; right:12px; display:block; width:16px; height:16px; background:url(/app/parents/images/icon_util_zoom.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}
.photo-list li a span.time{position:absolute; bottom:11px; right:12px; display: inline-block; height: 12px; padding-left: 16px; background: url(/app/parents/images/icon_play.png) 0 0 / 12px no-repeat; color: #fff; font-size: 11px; line-height: 14px;}
.photo-list li input[type=checkbox]+label{position:absolute; top:13px; right:13px; display:block; width:25px; height:25px; margin:0; padding:0; box-sizing:border-box; border:2px solid #fff; border-radius:50%; background:transparent; text-align:center; font-size:0; line-height:0;}
.photo-list li input[type=checkbox]+label:before{display:none;}
.photo-list li input[type=checkbox]:checked+label{background:#00bbd4; color:#fff; font-size:11px; line-height:25px;}
/*
.photo-list li input[type=checkbox]+label{position:absolute; top: 10px; right: 10px; width:26px; height: 27px; margin: 0; padding:0; font-size: 0; line-height: 0;}
.photo-list li input[type=checkbox]+label:before{width:26px; height: 27px; background-image: url(/app/parents/images/bg_check3_off.png)}
.photo-list li input[type=checkbox]:checked+label:before{background-image: url(/app/parents/images/bg_check3_on.png)}

.photo-list li a{display:block;}
.photo-list li a.zoom{position:absolute; bottom:3px; right:3px; width:39px; height:37px; background: url(/app/parents/images/icon_util_zoom.png) 50% 50% / 16px auto no-repeat; font-size: 0; line-height: 0}
.photo-list li span.time{position:absolute; bottom:11px; right:12px; display: inline-block; height: 12px; padding-left: 16px; background: url(/app/parents/images/icon_play.png) 0 0 / 12px no-repeat; color: #fff; font-size: 11px; line-height: 14px;}
.photo-list li span.count{position:absolute; top:13px; right:13px; display:inline-block; width:25px; height:25px; box-sizing:border-box; border:2px solid #fff; border-radius:50%; background:transparent; text-align:center; font-size:0; line-height:0;}
.photo-list li a.on ~ span.count{background:#00bbd4; color:#fff; font-size:11px; line-height:25px;}

*/

/* 사진/동영상 뷰어 */
.viewer #container{height:calc(100% - 56px)}
.viewer #content{height:100%}
.viewer .pop-photo-viewer{height:calc(100% - 56px);}

.pop-photo-viewer{position:absolute; left:0; bottom:0; display:table; width:100%; height:100%; background:#000;}
.pop-photo-viewer .wrapper{display:table-cell; vertical-align:middle; width:100%; position: relative;}
.pop-photo-viewer a{display:block; position:relative;}
.pop-photo-viewer img{width:100%; vertical-align: top}
.pop-photo-viewer .btn-play{position: absolute; top: 50%; left: 50%; margin:-30px 0 0 -30px}
.pop-photo-viewer input[type=checkbox]{position:absolute; top: -9999px; left: -9999px;}
.pop-photo-viewer input[type=checkbox]+label{position:absolute; top:16px; right: 16px; display:block; width:36px; height:36px; margin:0; padding:0; box-sizing:border-box; border:2px solid #fff; border-radius:50%; background:transparent; text-align:center; font-size:0; line-height:0;}
.pop-photo-viewer input[type=checkbox]+label:before{display:none;}
.pop-photo-viewer input[type=checkbox]:checked+label{border-width:0; background:#00bbd4; color:#fff; font-size:15px; font-weight:bold; line-height:38px;}
.pop-photo-viewer p.expired{display:table; width:100%; height:100%;}
.pop-photo-viewer p.expired b{display:table-cell; background:url(/app/parents/images/icon_notice3.png) 50% calc(50% - 69px) / 58.5px auto no-repeat; vertical-align:middle; text-align:center; color:#bdbdbd; font-size:15px; line-height:1.6;}
.pop-photo-viewer.emoticon-slide{display:block; overflow:hidden;}
.pop-photo-viewer.emoticon-slide ul{display:table;width:100%;height:100%;overflow:hidden;}
.pop-photo-viewer.emoticon-slide ul li{position:relative;display:table-cell;vertical-align:middle;width:100%;height:100%;overflow:hidden;}

/* 댓글 목록/등록
.reply{padding-bottom:60px;}
.reply.click{padding-bottom:108px;} */
.reply p.notice{position:relative; margin-bottom:5px;padding:20px 16px 16px;background:#fff;-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);color:#212121;font-size:15px;font-family:'NanumBarunGothic-Light';line-height:26px}
.reply p.notice em.tag{display:table; font-size: 11px;}
.reply p.notice span.date{position:absolute; top:20px; right:16px; display:inline-block; height:20px; padding-left: 17px; background: url(/app/parents/images/icon_calendar.png) 0 8px / 12px auto no-repeat; color: #bdbdbd; font-size: 11px; line-height: 28px}
.reply p.notice span.date i{margin-left:7px; padding-left: 17px; background: url(/app/parents/images/icon_time.png) 0 0/ 12px auto no-repeat}
.reply p.notice b{clear:both; display:block; font-weight: normal}

fieldset.reply{margin-top:-2px; padding:0 16px 20px; position:relative;}
fieldset.reply:after{content:''; display:block; clear:both;}
fieldset.reply button.refresh{display:none; top:13px; right:27px;}
fieldset.reply textarea,
fieldset.reply input[type=text]{width:100%; height:40px; margin-bottom:10px; padding-right:30px; box-sizing:border-box; background:#fff; color:#212121; font-size: 15px; font-family:'NanumBarunGothic-Light'; line-height:1.6; letter-spacing:-.5px;}
fieldset.reply textarea{height:112px; min-height:0;}
fieldset.reply textarea:focus,
fieldset.reply input[type=text]:focus{background: #fff;padding-right:10px;}
fieldset.reply textarea.on ~ button.refresh,
fieldset.reply input[type=text].on ~ button.refresh{display: block;}
fieldset.reply span.count{display:inline-block; float:left; height:40px; color:#bdbdbd; font-size:10px; line-height:40px;}
fieldset.reply span.count b{color:#757575;}
fieldset.reply button.general-btn{float:right;}

/* 추가 2017.06.27 - 권혁기 */
.modify fieldset.reply{
    margin-top:15px;
    padding:0;
}

.reply-list li{padding:20px 16px 18px;border-bottom:1px solid #dbdbdb;color:#757575;font-size:11px;position:relative;}
.reply-list li:last-child{border-bottom-width:0}
.reply-list li:after{content:'';display:block;clear:both}
.reply-list li span.id,
.reply-list li span.time{margin-right:6px;padding-left:16px;background:url(/app/parents/images/blank.png)  0 0 / 11.5px auto no-repeat;color:#bdbdbd}
.reply-list li span.id{background-image:url(/app/parents/images/icon_id.png)}
.reply-list li span.time{background-image:url(/app/parents/images/icon_time.png)}
.reply-list li span.edit{display:block;float:right;margin:-3px -12px 0 0;}
.reply-list li span.edit a{display:block;float:left;height:35px;padding:0 9px;font-size:12px;line-height:35px;position:relative;}
.reply-list li span.edit a:before{content:'';position:absolute;top:50%;left:0;display:inline-block;width:1px;height:8px;margin-top:-4px;background:#bdbdbd; vertical-align:middle}
.reply-list li span.edit a:first-of-type:before{display:none}
.reply-list li div.view-area {overflow:hidden;transition:height 0.3s; -webkit-transition:height 0.3s; -ms-transition:height 0.3s;background:#e7e7e7; margin:20px 0 -25px -16px; width:100%;padding:0 16px;}
.reply-list li div.view-area::after {content:'';display: block;clear: both;}
.reply-list li button.answer-type-01{float:left}
.reply-list li p{margin:8px 0 9px;color:#212121;font-size:15px;font-family:'NanumBarunGothic-Light';line-height:24px}
.reply-list li fieldset:not(.reply){clear:both; position: relative; padding:20px 16px 17px;background:#e7e7e7;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;margin:0 -16px;}
.reply-list li fieldset button.refresh{display: none; top:33px; right: 27px;}
.reply-list li fieldset input[type=text]{width:100%; padding-right:10px; box-sizing:border-box; font-size:15px}
.reply-list li fieldset input[type=text]:focus ~ button.refresh{display: block;}
.reply-list li fieldset p{margin-top:7px;text-align:right;color:#bdbdbd; font-size: 11px;}
.reply-list li fieldset p b{color:#757575;font-weight:normal}
.reply-list li fieldset p button{margin:-8px -12px -9px 0;padding:8px 12px 9px;color:#00bbd4; font-size: 11px}
.reply-list li ul{clear:both;margin:0 -16px 0;padding-left:72px;background:#e7e7e7}
.reply-list li ul::after {content:'';display: block;clear: both;}
.reply-list li ul li{position:relative;padding-left:0;}
.reply-list li ul li:before{content:'';position:absolute;top:50%;left:-40px;display:block;width:13.5px;height:13px;margin-top:-6.5px;background:url(/app/parents/images/icon_arrow.png)  0 0 / auto 13px no-repeat}
.reply-list li ul li p{width:70%;margin-bottom:-6px}
.reply-list li ul li span.edit{position:absolute;bottom:6px;right:16px}
.reply-list li ul li fieldset{border-width:0; padding:12px 16px 0;}
.reply-list li ul li fieldset p{width:100%;}
.reply-list li ul li.in-reply fieldset {border-top: 0px; border-bottom: 0px; padding: 0px 16px 0px;}
.reply-list li ul li.in-reply:before {top:40%;}
.reply-list li div.click-area:after {content:''; display:block; clear:both;}
.reply-list li.off p{color:#bdbdbd;}
.reply-list li.none p{text-align:center;}

/* MMS */
/*.chat-wrap{position:relative}*/
.chat-wrap .dim{position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(47,47,49,.9); z-index:1}
  .chat-wrap.tab{position:relative;}
  .chat-wrap.tab .chat-list{padding-top:58px}
  .chat-wrap.message .chat-list{padding-bottom:80px}
  .chat-wrap .btn-area{padding-top:0}
  .chat-wrap .tab-type2{position:absolute;top:0;left:0;width:100%;}

  /* issue_772 채팅 message */
.chat-wrap fieldset.message{z-index:10;position:fixed;bottom:0;left:0;width:100%;-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); box-sizing:border-box;background:#fff;}
.chat-wrap fieldset.message .media-area, .chat-wrap fieldset.message .plus-area{box-sizing: border-box;border-top:1px solid #dadada;overflow:hidden;}
.chat-wrap fieldset.message .plus-area{border-bottom:1px solid #dadada;}
.chat-wrap fieldset.message .media-area{padding:10px 16px;;}

/* 2017.08.08 */
.chat-wrap fieldset.message.teacher{padding:7px;}



.chat-wrap fieldset.message .add-area{box-sizing: border-box;height:0;overflow:hidden;transition:height .5s; -webkit-transition:height .5s; -ms-transition:height .5s;}
.chat-wrap fieldset.message span.add-button{display:block;padding:10px;}
.chat-wrap fieldset.message span.add-button::after{content:"";clear:both;display:block;}

.chat-wrap fieldset.message.add .add-area{height:90px;}

.chat-wrap fieldset.message button.add{margin:7px 7px 7px 10px; width:20px; height:38px; display:inline-block; vertical-align:middle; background:url(/app/parents/images/icon_util_add.png) 50% 50% / contain no-repeat; font-size:0; line-height:0;padding:9px 0;}
.chat-wrap fieldset.message button.close{margin:7px 7px 7px 10px; width:20px; height:38px; display:inline-block; vertical-align:middle; background:url(/app/parents/images/icon_util_close5.png) 50% 50% / contain no-repeat; font-size:0; line-height:0;background-size:auto 16px;}
.chat-wrap fieldset.message button.general-btn{margin-left:8px}
.chat-wrap fieldset.message button.refresh{display: none; top: 24PX; right: 90px;}
.chat-wrap fieldset.message input[type=text]{width: calc(100% - 120px);  box-sizing: border-box; background: #f6f6f6; font-size: 15px;}
.chat-wrap fieldset.message input[type=text].on{padding-right: 38px;background: #fff}
.chat-wrap fieldset.message input[type=text].on ~ button.refresh{display: block;}



.chat-wrap fieldset.message span.add-button:after{content:''; display: block; clear: both;}
.chat-wrap fieldset.message span.add-button i{display: inline-block; margin:0 -2px;}
.chat-wrap fieldset.message span.add-button a{float:left; width: 48px; margin:0 8.75px; padding-top: 55px; vertical-align: middle; font-size: 11px; color: #757575; text-align: center;}
.chat-wrap fieldset.message span.add-button a:first-of-type{margin-left: 0}
.chat-wrap fieldset.message span.add-button a.praise{background: url(/app/parents/images/btn_praise.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.voice{background: url(/app/parents/images/btn_voice.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.call{background: url(/app/parents/images/btn_call2.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.photo{background: url(/app/parents/images/btn_photo.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.video{background: url(/app/parents/images/btn_video.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button.flex{display:flex; justify-content: space-between; flex-wrap: nowrap;}
.chat-wrap fieldset.message span.add-button.flex:after{display:none;}
.chat-wrap fieldset.message span.add-button.flex a{float:none; margin: 0}

.chat-wrap fieldset.tag-resigt{position:absolute;bottom:auto;top:-40px;left:0;width:100%;height:40px;border-top:1px solid #e0e0e0; box-sizing:border-box; background:#fff; overflow:hidden;}
.chat-wrap fieldset.tag-resigt input[type=text]{width:100%; padding:0 16px; border-width:0;}
.chat-wrap fieldset.open-setting {position:absolute;bottom:auto;top:-50px;left:0;width:100%;height: 50px; padding:0 16px; box-sizing:border-box; border-top: 1px solid #e0e0e0; font-size: 15px; line-height: 50px; font-family: 'NanumBarunGothic-Light'; background-color: #fff;}
.chat-wrap fieldset.open-setting::after {display: block; content: ""; clear: both;}
.chat-wrap fieldset.open-setting .right {float: right;}

.chat-wrap input::-webkit-input-placeholder {color: #bdbdbd; }
.chat-wrap input:-moz-placeholder {color: #bdbdbd; }
.chat-wrap input::-moz-placeholder {color: #bdbdbd; }
.chat-wrap input:-ms-input-placeholder {color: #bdbdbd; }

.chat-list{padding:20px 10px}
.chat-list:after{content:''; display:block; clear:both}
.chat-list.add{transform:translateY(-88px); transition:transform .5s; -webkit-transition:transform .5s; -ms-transition:transform .5s;}
.chat-list.remove{transform:translateY(0); transition:transform .5s; -webkit-transition:transform .5s; -ms-transition:transform .5s;}
.chat-list span.date{clear:both; display:block; padding: 20px 0 25px}
.chat-list span.date:first-of-type{padding-top:0}
.chat-list span.date i{display:table;height:20px; margin:0 auto; padding:0 10px; border-radius:10px; background:#e7e7e7; color:#757575;font-size:11px;line-height:20px;}
.chat-list span.time{position:absolute; bottom:0; color:#bdbdbd; font-size:11px}
.chat-list figure.name{position:relative; margin-bottom:10px}
.chat-list figure.name img{position:absolute; top:-10px; left:-50px; width:35px;height:35px; border-radius:50%}
.chat-list figure.name img.default{border:1px solid #e0e0e0;}
.chat-list figure.name figcaption{height:18px; font-size:11px;line-height:18px;}
.chat-list figure.name figcaption em{display:inline-block; height:18px; margin:0 5px 2px 0; box-sizing:border-box; padding:0 9px; vertical-align:middle; border:1px solid #d6d6d6; border-radius:9px;}
.chat-list button.share{}
.chat-list .search-box{margin-top:10px; padding:0; background:transparent; border-top-width:0}
.chat-list .search-box input[type=text]{color:#212121; font-size:15px; font-family:'NanumBarunGothic-Light'}
.chat-list .search-box button.search{right:0px;top:0px}
.chat-list .search-box button.refresh{right:35px}
.chat-list div.message{max-width: 282px; display: table-cell;}
.chat-list .message{position:relative; display:table; min-height:42px; margin-bottom:10px; padding: 12px 15px 10px; box-sizing:border-box; border-radius:5px; background:#fff; line-height:20px; font-family:'NanumBarunGothic-Light'}
.chat-list .message img.call,
.chat-list .message img.unanswered{vertical-align:middle; height:16.5px; margin:0 4px 2px 0}
.chat-list .message img.transmit{float:none; max-width:none; vertical-align:middle; height:16px; margin:0 8px 2px 0}
.chat-list .message b.name{font-weight: normal; color: #00bbd4}
.chat-list .message:first-of-type{position:relative;}
.chat-list .message:first-of-type:before{content:''; position:absolute; top:0; display:block; width:8.5px; height:12px;}
.chat-list .media{display:inline-block; font-family:'NanumBarunGothic-Light'}
.chat-list .media img{height:18px; /*margin:0 7px 0 0;*/ vertical-align:middle;}
.chat-list .media .equalizer{position:relative;display:inline-block;vertical-align:middle;width:47px;height:18px;margin:0 7px;background:url('/app/parents/images/img_media_receive.png') no-repeat;background-size:auto 18px;}
.chat-list .media .equalizer span{position:absolute;top:0;left:0;width:0;height:18px;background:url('/app/parents/images/img_media_receive_on.png') no-repeat;background-size:auto 18px;}
.chat-list .photo,
.chat-list .video{position:relative; max-width:75%; margin-bottom:10px; }
.chat-list .photo img,
.chat-list .video img{max-width:100%; vertical-align:top; border-radius:5px}
.chat-list .photo button.share,
.chat-list .video button.share{position:absolute; top:50%; margin-top:-12.5px; width:25px; height:25px; background:url(/app/parents/images/icon_share2.png) 0 0 / contain no-repeat; font-size:0; line-height:0}
.chat-list .video .btn-play{position:absolute;top:50%; left:50%; width:42px; height:42px; margin: -21px 0 0 -21px}
.chat-list .check-list{margin:6px 0 2px}
.chat-list .check-list li{display:inline-block; margin:3.5px 0; position:relative}
.chat-list .check-list li input[type=radio]{position:absolute; top:-9999px; left:-9999px;}
.chat-list .check-list li label{display:block; height:24px; margin-right:4px; padding:0 22px 0 9px; border-radius:12px; box-sizing:border-box; border:1px solid #dedede; font-size:11px; line-height:24px; }
.chat-list .check-list li label:before{left:auto; right:10px; top:50%; width:8px; height:8px; margin-top:-4px; background-image:url(/app/parents/images/bg_check_off.png); background-size:100%}
.chat-list .check-list li input[type=radio]:checked+label{border-color:transparent; background:#00bbd4; color:#fff;}
.chat-list .check-list li input[type=radio]:checked+label:before{margin-top:-3px;background-image:url(/app/parents/images/bg_check_on.png)}
.chat-list .emoticon{width:110px;}
.chat-list .emoticon img{max-width:100%;}

  /*수신*/
  .chat-list .receive{float:left; max-width:71.7%; margin-left:50px;}
  .chat-list .receive .message,
  .chat-list .receive .photo,
  .chat-list .receive .video{clear:left; float:left}
  .chat-list .receive .photo button.share,
  .chat-list .receive .video button.share{right:-45px;}
  .chat-list .receive .message:first-of-type{border-top-left-radius:0}
  .chat-list .receive .message:first-of-type:before{left:-6.5px; background:url(/app/parents/images/bg_edge_l.png) no-repeat; background-size: 100%}
  .chat-list .receive span.time{right:-36px;}

  /*송신*/
  .chat-list .transmit{float:right; max-width:71.7%; }
  .chat-list .transmit .message,
  .chat-list .transmit .photo,
  .chat-list .transmit .emoticon,
  .chat-list .transmit .video{clear:right; float:right}
  .chat-list .transmit .photo button.share,
  .chat-list .transmit .video button.share{left:-45px;}
  .chat-list .transmit .media{color:#fff;}
  .chat-list .transmit .message{color:#fff; background:#5f7d8c}
  .chat-list .transmit .message:first-of-type{border-top-right-radius:0}
  .chat-list .transmit .message:first-of-type:before{right:-6.5px; background:url(/app/parents/images/bg_edge_r.png) no-repeat; background-size: 100%}
  .chat-list .transmit span.time{left:-36px;}

/* MMS-추가파일선택 */
.add-pic-files{position:fixed;bottom:60px;left:0;width:100%; padding: 1.5px; -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); box-sizing:border-box; background: #f6f6f6}
.add-pic-files ul:after{content:''; display: block; clear:both;}
.add-pic-files li{float:left; width: 33.3%; padding: 1.5px; box-sizing: border-box; position: relative;}
.add-pic-files li img{max-width: 100%; vertical-align: top}
.add-pic-files li .btn-play{position:absolute; top: 50%; left: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px}

/* MMS-전화걸기 */
.call-wrap{position:fixed; bottom:0; left:0; width:100%; height:240px; background: #f6f6f6; z-index:10}
.call-wrap p{position: absolute; top:-51px; left:0; width:100%; text-align: center; color:#fff; font-size:15px; font-family:'NanumBarunGothic-Light'}
.call-wrap button.recording{display:block; width:100px; height: 100px; margin:47px auto 27px; font-size: 0; line-height: 0}
.call-wrap button.recording{background:url(/app/parents/images/btn_recording.png) 0 0 / contain no-repeat;}
.call-wrap button.recording.stop{background:url(/app/parents/images/btn_stop.png) 0 0 / contain no-repeat; position: relative;}
.call-wrap button.recording.stop:after{content:''; position: absolute; top: 50%; left: 50%; display: block; width: 127.5px; height: 127.5px; margin:-63.75px 0 0 -63.75px; border-radius: 50%; background:#f1f1f1; z-index: -1}
.call-wrap button.recording.stop span img{width:100px;animation:moreLoad 3s infinite;-webkit-animation:moreLoad 3s infinite;-ms-animation:moreLoad 3s infinite;animation-timing-function:linear;}
.call-wrap button.recording.play{background:url(/app/parents/images/btn_play3.png) 0 0 / contain no-repeat;}
.call-wrap button.close{position:absolute; bottom:213px; left:16px; width:12px; height:12px; background:url(/app/parents/images/icon_util_close2.png) 0 0 / contain no-repeat; font-size:0; line-height:0}
.call-wrap .btn-type2{display:table; margin:0 auto;}
.call-wrap .btn-type2.default{color: #757575}

/*  입력폼 */
.join-input-from {margin-top:10px; background:#fff;}
.join-input-from.no-margin{margin-top: 0}
.join-input-from .guide-box{padding:28px 0 18px; border-bottom:1px solid #e1e1e1;}
.join-input-from .guide-box small{display: block; margin-bottom: 11px; color: #212121; font-size: 13px; font-family:'NanumBarunGothic-Regular'}
.join-input-from input[type='text'] {font-size:15px;}
.join-input-from input[type='password'] {font-size:15px;}
.join-input-from .input-list {padding:20px 16px 30px 16px; background:#fff;}
.join-input-from .input-list > li {margin-top:20px; position:relative;}
.join-input-from .input-list > li:first-child {margin-top:0;}
.join-input-from .input-list > li:last-child .validation-check{margin-bottom: 0}
.join-input-from .input-list > li > .small-tit {display:inline-block; font-size:11px; line-height:18px; color:#212121; position:relative;}
.join-input-from .input-list > li > .small-tit > em {background:url('/app/parents/images/bu_dot2.png') right top no-repeat; background-size:5px 5px; width:5px; height:5px; position:absolute; right:-6px; top:-4px; text-indent:-9999px;}
.join-input-from .input-list > li > .small-tit + a.go{position:absolute; top:3px; right:0;}
.join-input-from .input-list > li > p{font-family:'NanumBarunGothic-Light';font-size:11px;}
.join-input-from .input-list > li > .input-box {margin-top:10px;}
.join-input-from .input-list > li .choice-list {overflow:hidden; margin-top:10px;}
.join-input-from .input-list > li .choice-list:after {content:''; display:block; clear:both;}
.join-input-from .input-list > li .choice-list li {float:left; width:20%;}
.join-input-from .input-list > li .choice-list li button {display:block; width:100%; text-align:center; position:relative; font-size:11px; line-height:20px; color:#fff; padding-top:52px; height:72px;}
.join-input-from .input-list > li .choice-list li:nth-child(1) button {background:url('/app/parents/images/member/btn_join_family01.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(2) button {background:url('/app/parents/images/member/btn_join_family02.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(3) button {background:url('/app/parents/images/member/btn_join_family03.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(4) button {background:url('/app/parents/images/member/btn_join_family04.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(5) button {background:url('/app/parents/images/member/btn_join_family05.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li.on button:after {content:''; width:20px; height:20px; background:url('/app/parents/images/member/icon_join_family_select.png') no-repeat; position:absolute; left:50%; top:0; background-size:20px; height:20px; margin:-1px 0 0 9px;}
.join-input-from .input-list > li .choice-list li:nth-child(1).on button {background:url('/app/parents/images/member/btn_join_family01_on.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(2).on button {background:url('/app/parents/images/member/btn_join_family02_on.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(3).on button {background:url('/app/parents/images/member/btn_join_family03_on.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(4).on button {background:url('/app/parents/images/member/btn_join_family04_on.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .choice-list li:nth-child(5).on button {background:url('/app/parents/images/member/btn_join_family05_on.gif') top center no-repeat; background-size:56px 72px;}
.join-input-from .input-list > li .famaly-input {margin-top:20px;}
.join-input-from .input-list > li.input-id div {padding-right:85px; position:relative;}
.join-input-from .input-list > li.input-id div > .general-btn {position:absolute; right:0; top:0;}
.join-input-from .input-list > li.id-write div {padding-right:65px; position:relative;}
.join-input-from .input-list > li.id-write div > .general-btn {position:absolute; right:0; top:0;}
.join-input-from .input-list > li .telephone{margin-top:7px;}
.join-input-from .input-list > li .telephone input[type=text]{width:calc(100% - 73px) !important;}
.join-input-from .input-list > li .telephone input[type=checkbox] + label{margin-top: 10px;padding-top: 1px;color: #757575;font-size: 12px;line-height: 18px;}
.join-input-from .input-list > li input[type=text]:focus + .general-btn,
.join-input-from .input-list > li input[type=password]:focus + .general-btn {background:#00bbd4;}
.join-input-from .input-list > li .component-text-form,
.join-input-from .input-list > li input[type=text],
.join-input-from .input-list > li input[type=password],
.join-input-from .input-list > li input[type=data],
.join-input-from .input-list > li input[type=number]{width:100%;}

.join-input-from.no-margin.common-box-shadow > ul > li:nth-child(6) > div > span > small{display: block;min-height: 17px;margin-bottom: 10px;padding-left: 24px;background: url(http://s.wink.co.kr/app/parents/images/icon_notice.png) 0 0 / 17px auto no-repeat;color: #222;font-size: 11px;line-height: 16px;}

.join-input-from .input-list > li.input-phone-num p.text-type-10_16 {padding-left:25px; background:url('/app/parents/images/member/icon_exclamation_point.gif') left center no-repeat; background-size:17px 17px; line-height:17px; margin-top:10px; color:#999;}
.join-input-from .input-list > li.input-phone-num div.phone-neumber {padding-right:85px; position:relative;}
.join-input-from .input-list > li.input-phone-num div.phone-neumber > .general-btn {position:absolute; right:0; top:0;}
.join-input-from .input-list > li.input-phone-num div.number-check {padding-left:123px; position:relative; padding-right:86px;}
.join-input-from .input-list > li.input-phone-num div.number-check .component-text-form input:focus{padding-right:10px;}
.join-input-from .input-list > li.input-phone-num div.number-check > .general-btn {position:absolute; left:0; top:0; width:116px; padding:0; text-align:center;}
.join-input-from .input-list > li.input-phone-num div.number-check span:last-child {font-size:11px; line-height:40px; color:#757575; position:absolute; right:0; top:0; padding-left:7px; width:78px;}
.join-input-from .input-list > li.input-phone-num div.number-check span:last-child em {color:#00bbd4;}

.join-input-from .input-list > li.kids-gender div span:first-child {margin-right:22px;}

.join-input-from .input-list > li.kids-day .select-day {overflow:visible;}
.join-input-from .input-list > li.kids-day .select-day:after {content:''; display:block; clear:both;}

.free-study .join-input-from .input-list > li.input-phone-num.new p{color:#222;line-height:1.6em;font-size: 11px;}
.free-study .join-input-from .input-list > li.input-phone-num.new p em{font-family:'NanumBarunGothic-Bold';color:#5c5c5c;font-weight: bold;}
/* issue_977 */
.join-input-from .input-list > li.input-phone-num.new p.text-type-10_16{font-size:11px;}
.join-input-from .input-list > li.input-phone-num.new div.phone-neumber {padding-right:112px;}
.join-input-from .input-list > li.input-phone-num.new div.number-check {padding-left:0; position:relative; padding-right:198px;}
.join-input-from .input-list > li.input-phone-num.new div.number-check span:last-child{right:112px;}
.join-input-from .input-list > li.input-phone-num.new div.number-check > .general-btn {width:auto; padding: 0 16px; left:auto; right:0;}
/* // issue_977 */


.join-input-from .confirm-btn-box {padding-bottom:30px; text-align:center;}
.join-input-from .confirm-btn-box a {width:255px;}
.join-input-from .id-issue-box {padding:30px 0 25px; text-align:center; /*border-bottom:1px solid #e1e1e1;*/}
.join-input-from .id-issue-box figure{margin-left:-20px;}
.join-input-from .id-issue-box figure img{height:90px;}
.join-input-from .id-issue-box > strong{display:block;margin-top:10px;font-family:'NanumBarunGothic-Light';font-size:15px;line-height:24px;color:#212121;}
.join-input-from .id-issue-box > strong span{color:#00bbd4;}
.join-input-from .id-issue-box p {margin-top:7px;font-family:'NanumBarunGothic-Light';font-size:12px; line-height:20px; color:#757575;}
.join-input-from .id-issue-box p span {color:#f03c78;}

.join-agree-from {margin-top:10px;}
.join-agree-from .design-checkbox-01 input[type="checkbox"] {vertical-align:middle;}
.join-agree-from .design-checkbox-01 input[type="checkbox"] + label {font-size:12px; color:#212121; font-family: 'NanumBarunGothic-Light'; vertical-align:middle; padding-left:33px; line-height:20px;margin-right:10px;}
.join-agree-from .design-checkbox-01 input[type="checkbox"] + label:before {top:50%; margin-top:-9px;}
.join-agree-from .text-agree,
.join-agree-from .text-agree-payment {padding:20px 16px; position:relative;background:#fff;}
.join-agree-from .text-agree::after {content:'';display:block; position:absolute; right:21px; width:15px; height:9px; top:50%; margin-top:-3px; background:url('/app/parents/images/member/bg_arrow_off.gif') no-repeat; background-size:15px auto;}
.join-agree-from .text-agree-payment strong{color: #f03c78}
.join-agree-from .info-text-agree {display:none;overflow:hidden;margin:20px;background:#fff;border-radius:12px;border:1px solid #dadada;}

.join-agree-from .info-text-agree li div {margin:0 16px; padding:15px 50px 15px 0; position:relative;border-bottom:1px solid #dadada}
.join-agree-from .info-text-agree li:last-child div{border-bottom:none;}
/*.join-agree-from .info-text-agree li div:after {content:''; position:absolute; right:5px; width:15px; height:9px; top:50%; margin-top:-4px; background:url('/app/parents/images/member/bg_arrow_off.gif') no-repeat; background-size:15px auto;}*/

/*.join-agree-from .info-text-agree li:first-child div {border-top:1px solid #dadada;}*/
/*.join-agree-from .info-text-agree li p {background:#f6f6f6; height:0; overflow:hidden; transition:height 0.6s; -webkit-transition:height 0.6s; -ms-transition:height 0.6s; color:#757575;}
.join-agree-from .info-text-agree li p span {display:block; margin:15px 16px; height:155px; overflow-y:scroll;}*/

.join-agree-from.on .text-agree{box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.join-agree-from.on .text-agree::after { background:url('/app/parents/images/member/bg_arrow_on.gif') no-repeat; background-size:15px auto;}
.join-agree-from.on .info-text-agree {display:block;}
.join-agree-from .btn-policy{
    background: #ddd;
    color: #222;
    border-radius: 5px;
    display: inline-block;
    line-height: 20px;
    padding: 5px 10px;
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top:-15px;
}
/*.join-agree-from.on .info-text-agree li.on div:after {background:url('/app/parents/images/member/bg_arrow_on.gif') no-repeat; background-size:15px auto;}*/
/*.join-agree-from.on .info-text-agree li.on p {height:91px;}*/

.join-agree-from .text-choice {border-top: 1px solid #dadada}
.join-agree-from .info-text-choice {transition:height 0.6s; -webkit-transition:height 0.6s; -ms-transition:height 0.6s;}

.join-agree-from .info-text-choice div {margin:0 16px; padding:15px 0; position:relative;}
.join-agree-from .info-text-choice span {display: block;font-size:12px; color:#212121; font-family: 'NanumBarunGothic-Light';line-height: 20px}
.join-agree-from .info-text-choice span.text-type-small {display: inline-block;padding: 10px 0px;font-size: 11px;line-height: 16px;font-weight: 400;}
.join-agree-from.on .info-text-choice {height:170px;}

.info-text-choice span.design-checkbox-01 {color: #00bbd4}
.info-text-choice input[type=radio] + label {font-size: 12px;line-height: 20px}

/* 무료학습 신청 issue_747 free-study 2017.08.02  del 2017.08.18 */
/*.free-study .join-agree-from .text-agree:after{
    content: "약관보기";
    width:56px;
    height:14px;
    margin-top:-7px;
    right:10px;
    border-bottom:1px solid #ccc;
    padding:3px;
    background:url('/app/parents/images/bg_depth.png') no-repeat 98% 3px / auto 12px;
}*/


/* issue_932  */
.free-study .breadcrumb{padding:15px 10px;height:auto;}
.free-study .breadcrumb h2{display:inline-block;font-size:12px;color:#999;letter-spacing:-0.5px;line-height:19px;}
.free-study .breadcrumb h2.on{font-size:14px;color:#212121;}
.free-study .breadcrumb h2::after{display:inline-block;width:5px;content:">";margin:0 5px;}
.free-study .breadcrumb h2:last-child::after{display:none;}

.free-study .description{font-size:11px;display:block;color:#999;line-height:16px;}
.free-study .poll-wrap ol > li > .description{margin-bottom:30px;}
/*.free-study .poll-wrap ol > li small{background:none;}*/

.free-study .notice-text{text-align:center;color:red;padding:10px;}
.free-study .join-input-from .input-list > li.input-phone-num.new div.phone-neumber{ padding: 0;}
.free-study .join-input-from .input-list > li.input-phone-num.new div.phone-neumber .component-text-form input{width:calc(100% - 120px);}


/* 통합검색  */
#content.search section{padding-top: 15px;}
#content.search section:first-of-type{padding-top: 0}
#content.search .search-box > input[type=text]{color:#212121 !important;}
#content.search p.keyword{height: 50px; padding:0 16px; border-bottom: 1px solid #d4d4d4; color: #757575; font-size: 11px; line-height: 50px}
#content.search p.keyword strong{color: #f03c78; font-weight: normal;}
#content.search b.keyword{color: #f03c78 !important; font-weight: normal !important;}
#content.search p.search-none{height: 35px; padding: 4px 16px 0 40px; box-sizing: border-box; background:#fff url(/app/parents/images/icon_notice.png) 16px 1px / 17px auto no-repeat; -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); color: #757575; font-size: 11px;}
#content.search p.search-none strong{color: #f03c78; font-weight: normal;}

/* 우편번호검색 */
fieldset.post{margin-top:10px; padding:20px 16px; background:#fff;}
fieldset.post .select-mode{display:inline-block; width:calc(50% - 3.5px)}
fieldset.post .select-mode button{color:#212121}
fieldset.post .select-mode:nth-of-type(1){float:left}
fieldset.post .select-mode:nth-of-type(2){float:right}
fieldset.post hr{clear:both; height:10px; margin:0; border:none; background:none}
fieldset.post .component-text-form{width:calc(100% - 58px)}
fieldset.post .component-text-form input[type=text]{width:100%;}
fieldset.post input::-webkit-input-placeholder {color: #bdbdbd; }
fieldset.post input:-moz-placeholder {color: #bdbdbd; }
fieldset.post input::-moz-placeholder {color: #bdbdbd; }
fieldset.post input:-ms-input-placeholder {color: #bdbdbd; }
fieldset.post p{margin:10px 0 -4px; padding:1px 0 0 24px; background:url(/app/parents/images/icon_notice.png) 0 0 / 17px no-repeat; color:#999; font-size:11px; line-height:16px; font-family:'NanumBarunGothic-Light';}

ul.post-list{padding:12px 16px; border-top:1px solid #dbdbdb; background:#fff; -webkit-box-shadow:-1px 2px 5px 0 #d3d3d3; -moz-box-shadow:-1px 2px 5px 0 #d3d3d3; box-shadow:-1px 2px 5px 0 #d3d3d3;}
ul.post-list li{padding: 12px 0}
ul.post-list a{display:block; position:relative; padding-left:90px; color:#212121; font-size:15px; font-family:'NanumBarunGothic-Light';}
ul.post-list a em{position:absolute; top:0; left:0; width:90px;}

/* 공지 */
.notice-list.wrapper{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:#f5f7fa;}
.notice-list.no-margin{margin-top:0;}
.notice-list{padding:17px 16px 11px;}
.notice-list li{margin-top: 4px; padding-left: 7px; background: url(/app/parents/images/bu_dot.png) 0 7px / 3px auto no-repeat; font-size: 11px; line-height: 18px; font-family:'NanumBarunGothic-Light';}
.notice-list li:first-child{margin-top:0;}
.notice-list li b{font-weight: bold}
.notice-list li strong{color: #f03c78}
.notice-list li strong.b{color: #00bbd4}
.notice-list ul ~ small{display:block; margin-top:7px; font-size: 11px; line-height: 18px; font-family:'NanumBarunGothic-Light';}
.notice-list p{min-height:17px; margin-bottom: 6px; padding-left: 24px; background: url(/app/parents/images/icon_notice.png) 0 0 / 17px auto no-repeat;font-family:'NanumBarunGothic-Regular'; font-size: 13px; line-height: 20px}
.notice-list p:only-child{margin-bottom:0; font-size: 12px; font-family:'NanumBarunGothic-Light'}
.notice-list p b{font-family:'NanumBarunGothic-Regular';}
.notice-list p em{display:block; margin-top:6px;}
.notice-list dl{padding:11px 0 15px;}
.notice-list dt{margin-bottom:6px; padding-left: 24px; background: url(/app/parents/images/icon_notice.png) 0 2px / 17px auto no-repeat; font-size:13px; line-height:23px;}
.notice-list dd{font-size: 11px; line-height: 18px; font-family:'NanumBarunGothic-Light';}
.notice-list > strong{margin-top:15px;display:inline-block;font-family: 'NanumBarunGothic-Regular';font-size:13px;}

.notice-list .info-text-agree li{margin:0; padding:0; background:none; font-size:12px; line-height: 1.3; font-family:'NanumBarunGothic-Regular', sans-serif;}
.notice-list .info-text-agree li:first-child{margin:0;}

/*  에러메시지 */
.error{display:table; width:100%; height:100%; background:#fff !important}
.error h1{position:absolute; top:37px; left:50%; width:102.5px; height:42.5px; margin-left:-51.25px; background:url(/app/parents/images/logo.png) 0 0 / contain no-repeat; font-size:0; line-height:0}
.error p{display:table-cell; text-align:center; vertical-align:middle; color:#757575; font-size:12px; line-height:20px; font-family:'NanumBarunGothic-Light'}
.error p strong{display:block; margin-bottom:7px; color:#212121; font-size:15px; line-height:24px;}
.error p.error-404 strong{padding-top:96px; background:url(/app/parents/images/img_error_404.png) 50% 0 / 82px auto no-repeat}
.error p.error-505 strong{padding-top:125px; background:url(/app/parents/images/img_error_505.png) 50% 0 / 82px auto no-repeat}
.error .btn-area{position:absolute; bottom:30px; left:0; width:100%; padding:0 16px; box-sizing: border-box;}

/* 캘린더 */
.calendar-head{position:relative;min-height:60px;padding-top:19px;box-sizing:border-box;background:#fff;}
.calendar-head.line{border-bottom:1px solid #dadada;}
.calendar-head.line ~ .book-content{padding-top:17px;}
.calendar-head.shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,.1); box-shadow:0 1px 2px rgba(0,0,0,.1);}
.calendar-head .month{text-align:center;}
.calendar-head .month strong{display:inline-block;vertical-align:middle;margin:0 20px; font-size:18px; font-weight:bold; line-height:22px;color:#212121;}
.calendar-head .month strong button{display:inline-block;vertical-align:middle;font-size:18px;line-height:22px;color:#212121;text-decoration:underline;font-weight:500;}
.calendar-head .month .underline{text-decoration:underline;cursor:pointer;}
.calendar-head .month a{display:inline-block;vertical-align:middle;width:8px;text-indent:-9999px;}
.calendar-head .month a.btn-prev{background:url('/app/parents/images/parents/btn_arrow_prev.png') left center no-repeat;background-size:auto 13px;}
.calendar-head .month a.btn-next{background:url('/app/parents/images/parents/btn_arrow_next.png') right center no-repeat;background-size:auto 13px;}
.calendar-head .btn-box{position:absolute;top:12px;right:7px;}
.calendar-head .btn-box.single{right:39px;}
.calendar-head .btn-box a{display:inline-block;vertical-align:middle; height:32px; padding:10px 8px 0 8px; box-sizing:border-box; font-size:13px;color:#00bbd4;text-decoration:underline;}
.calendar-head .btn-box .btn-list{width:30px;background:url('/app/parents/images/parents/bg_list.png') 50% 50% /auto 12px no-repeat; text-indent:-9999px;}
.calendar-head .btn-box .btn-calendar{width:30px; padding:0;background:url('/app/parents/images/parents/bg_calendar.png') 50% 50% / auto 15px no-repeat; text-indent:-9999px;}
  #content .calendar:first-of-type .calendar-head{border-top:1px solid #dadada;}

.question-entry.write-entry.chat-wrap{width:100vw;}

/* 작성 */
/*.question-entry {position:relative;}*/
.question-entry button.refresh{display:none; top:14px; right:11px; }
.question-entry .question-title {border:1px solid #fff;; display:block; padding:0 35px 0 16px; border-radius:0; width:100%; border-top:1px solid #dadada; color:#212121;}
.question-entry .question-title::-webkit-input-placeholder {color:#757575;}
.question-entry .question-title:focus ~ button.refresh{display:block;}
.write-entry .write-text {position:relative; background:#fff; border-top:1px solid #e0e0e0; box-sizing:border-box;}
.write-entry .write-text > textarea {position:absolute; left:0; top:0; width:100%; height:100%; border:0; background:0; padding:20px 16px;}
.write-entry .write-text > textarea.left-fixd {left:-100%;}

/* issue_779, issue_833 */
.write-entry .write-text p {font-size:15px; line-height:24px; color:#212121; font-family:'NanumBarunGothic-Light';word-break:break-all;-all; word-wrap:initial;}
/*.write-entry .write-text p:first-child{padding:10px 6px 0;}*/
/*.write-entry .write-text p.write {color:#212121;margin-bottom:50px;}*/
.write-entry .write-text p strong {display:block; padding-bottom:5px; color:#757575; font-size:15px;}
.write-entry .write-text p small{display:block; color:#bdbdbd; font-size:12px; line-height:20px;}

/* issue_531 media 추가 2017.06.19 - 권혁기 */
.media-area .img-box {display:block;position:absolute;height:100%;width:100%;overflow:hidden;}
.media-area .img-box img {vertical-align:middle;position:absolute;top:50%;left:50%;width:100%;transform: translate(-50%, -50%);}
.media-area .video-box {display:block;width:100%; position:relative;}
.media-area .video-box img {width:100%;vertical-align:middle;}
.media-area .video-box video {width:100%;vertical-align:middle;}
.media-area .video-box .btn-play {position:absolute; top:50%; left:50%; width:42px; height:42px; margin:-21px 0 0 -21px;}
.message .media-area ul{max-height:129px;overflow-y:auto;overflow-x:hidden;}
.message .media-area ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);-webkit-border-radius: 10px;background:rgba(245,245,245,0.5);}
.message .media-area ul::-webkit-scrollbar{width:8px;}
.message .media-area ul::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);background: rgba(0,0,0,0.4);}
.message .media-area ul::after{clear:both;display:block;content:"";}
.message .media-area li{position:relative;float:left;box-sizing:border-box; margin:10px 20px 10px 0;border-radius:5px;border: 1px solid #e0e0e0;height:100px;width:100px;}


.message .media-area li::after{content:"";width:16px;height:16px;position:absolute;top:-8px;right:-8px;background: #fff url('/app/parents/images/icon_util_close2.png') no-repeat center/8px;border-radius:50%;border:1px solid #dadada;}
/*.message .media-area li:last-child{background: #f9f9f9 url('/app/parents/images/icon_util_add.png') no-repeat center/21px ;}
.message .media-area li:last-child::after{display:none;}*/
.write-text .media-area{padding:20px 16px;}
.write-text .media-area li{margin-bottom:15px;}
/*.chat-wrap.write-entry fieldset.message.add{height:335px;}*/
/*.write-entry .write-text p > span.focus-ani {display:inline-block; position:relative; padding-right:3px; min-height:24px;}
.write-entry .write-text p > span.focus-ani:after {content:''; display:inline-block; width:1px; height:15px; margin: 0 0 3px 2px; vertical-align:middle; background:#757575; animation: cursorMotion 1s infinite; -webkit-animation: cursorMotion 1s infinite;}*/
/*.write-entry fieldset.message span.add-button {padding:30px 16px 0;} common 여백과 달라서 주석 */
@-webkit-keyframes cursorMotion {
  0% {}
  50% {opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
  100% {opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}

@keyframes cursorMotion {
  0% {}
  50% {opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
  100% {opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}


/* 설문/테스 */
.poll-wrap{padding:0 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;}
.poll-wrap small{display:block; min-height:17px; margin-bottom:-10px; padding: 17px  0 0 24px; background: url(/app/parents/images/icon_notice.png) 0 17px / 17px auto no-repeat; color: #999; font-size: 11px; line-height: 16px}
.poll-wrap ol > li{padding: 23px 0 24px;border-top: 1px solid #dadada}
.poll-wrap ol > li:first-child{border-top-width: 0}
.poll-wrap ol > li p{margin-bottom:14px; color: #00bbd4; font-size: 15px; line-height: 24px; font-family:'NanumBarunGothic-Light'}
.poll-wrap ol > li p.check{color:#212121;}
.poll-wrap ul > li{margin-top: 8px}
.poll-wrap ul > li:first-child{margin-top: 0}

.poll-list{background:#fff;}
.poll-list li{display:table; width:100%; padding:10px 0; box-shadow: border-box; border-top:1px solid #dadada; font-size: 15px; line-height: 24px; font-family:'NanumBarunGothic-Light'}
.poll-list li:first-child{border-top-width:0;}
.poll-list li em,
.poll-list li input[type=checkbox] + label{display:table-cell; height:53px; box-sizing: border-box; vertical-align: middle; }
.poll-list li em{width:53px; border-right:1px solid #dadada; text-align: center; font-size:18px;}
.poll-list li input[type=checkbox] + label{width:calc(100% - 53px); padding:0 49px 0 15px}
.poll-list li input[type=checkbox] + label:before{left:auto; right:11px; top:50%; margin-top:-9px;}
.poll-list li input[type=checkbox]:checked + label{color:#212121;}
/* issue_747 추가 2017.07.31*/
.text-area .hgroup{padding:0;}
.text-area p{line-height:18px;}
.text-area p:last-child{margin-top:5px;}
.text-area p span{color:red;}

/* 고객센터 문의안내 */
.as-center-info{padding:28px 0 26px;text-align:center; background:#00bbd4; color:#fff}
.as-center-info a{color:#fff}
.as-center-info a.btn-type2{display:table; margin:0 auto; border-color:#fff}
.as-center-info strong{display:block; margin-bottom:11px; font-size:15px; font-family:'NanumBarunGothic-Light'}
.as-center-info strong a{margin-left:5px; padding-left:19px; background:url(/app/parents/images/icon_phone.png) 0 0 / auto 15px no-repeat; font-family:'NanumBarunGothic-Regular'; text-decoration:underline}
.as-center-info em{font-size:12px; font-family:'NanumBarunGothic-Light'}
.as-center-info em b{font-family:'NanumBarunGothic-Regular'}
.as-center-info em:nth-of-type(2):before{content:''; display:inline-block; margin:0 7px 2px 4px; vertical-align:middle; width:1px; height:10px; background:#fff}


/*  모웹 컴포넌트 버튼바 */
.btn-component-bar{position:fixed; bottom:0; left:0; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; width:100%; height:44px; padding:0 6px; box-sizing:border-box; border-top:1px solid #dadada; background:#f1f1f1}
.btn-component-bar a{display:block; width:60px; text-align:center; font-size:0; line-height:0;}
.btn-component-bar a.close{background:url(/app/parents/images/icon_util_close4.png) 50% 13px / auto 19px no-repeat}
.btn-component-bar a.prev{background:url(/app/parents/images/icon_util_prev.png) 50% 14px / auto 18px no-repeat}
.btn-component-bar a.prev.on{background-image:url(/app/parents/images/icon_util_prev_on.png)}
.btn-component-bar a.next{background:url(/app/parents/images/icon_util_next.png) 50% 14px / auto 18px no-repeat}
.btn-component-bar a.next.on{background-image:url(/app/parents/images/icon_util_next_on.png)}
.btn-component-bar a.refresh{background:url(/app/parents/images/icon_util_refresh.png) 50% 13px / auto 19px no-repeat}
.btn-component-bar a.share{background:url(/app/parents/images/icon_util_share.png) 50% 13px / auto 18px no-repeat}

@media screen and (max-width : 330px) {
  .list-type2 li span.date{float:none; display: block}
  .list-type2 li a.go{float:none; display:inline-block; margin-top: 9px}


  .lay-gnb .wrapper{width:calc(100% - 55px);}
  .lay-gnb .user-info.user-fixed{width:calc(100% - 55px);}
  .lay-web .user-info a{padding:0 7px;}
  .lay-web .user-info .logo{width:60px;background-size:auto 24px;}

}


/* toggle button(컬러있음) */
.toggle-area{position:relative;padding:16px;background:#fff;-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);font-family:'NanumBarunGothic-Light';}
.toggle-area strong{font-size:15px;line-height:22px;color:#212121;}
.toggle-box{position:absolute;top:50%;right:16px;width:38px;height:25px;border-radius:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);/*height:14px;background:#dedede;*/}
.btn-switch[type=checkbox] + label {margin:0;padding:0;position:absolute;top:0;left:0;width:25px;height:25px;background:#f1f1f1;border-radius:50px;box-shadow:0 2px 4px rgba(0, 0, 0, .2);-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.btn-switch[type=checkbox] + label:before {z-index:-1;position: absolute; width: 38px; height: 14px; margin: 0; padding: 0; border-radius: 15px; vertical-align: middle; background:#bdbdbd; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;top:50%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);}
.btn-switch[type=checkbox]:checked + label {left:13px;background:#00bbd4;}
.btn-switch[type=checkbox]:checked + label:before {background-color: #b2eaf2;background-image:none;left:-13px;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);}

/* layer popup */
.layer-id-check{}
.layer-id-check > button {position:absolute; right:15px; top:15px; line-height:0; font-size:0;}
.layer-id-check > p {padding:35px 24px; font-size:15px; line-height:24px; color:#212121; font-family:'NanumBarunGothic-Light';}
.layer-id-check > p strong {color:#00bbd4; font-family:'NanumBarunGothic-Regular';}
.layer-id-check .btn-area{padding:0; border-top:1px solid #e1e1e1;}
.layer-id-check .btn-area a{display:block; width:100%; text-align:center; font-size:13px; line-height:50px; color:#757575;}

/* layer popup style add | issue_747 2017.08.02 */
.lay-container .layer-cont{padding:13px 5px 25px;}
.lay-container .title{font-size: 18px;line-height: 24px;color: #212121;text-align: center;margin-bottom:15px;}
.lay-container textarea{height:200px;resize:none;overflow:auto;}
.lay-container .btn-area{padding:0;display: flex;flex-flow: row nowrap;justify-content: space-between;}
.lay-container .btn-area > a{flex:1 1 auto;line-height:50px;color:#fff;background:#00bbd4;font-size:14px;}
.lay-container .btn-area > a.cancel{background:#bdbdbd;}
.lay-container .btn-area > a:nth-child(2n){border-left:1px solid #fff;}

/* 언론보도 list type */
.media-list{padding:0 16px;background:#fff;-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);}
.media-list li{border-top:1px solid #e0e0e0;}
.media-list li:first-child{border-top:0;}
.media-list li a{overflow:hidden;display:block;}
.media-list li a:after{display:block;clear:both;content:'';}
.media-list li strong{float:left;width:83px;margin-right:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-family:'NanumBarunGothic-Bold';font-size:13px;line-height:50px;color:#f03c78;}
.media-list li p{float:left;width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:15px;line-height:50px;color:#212121;}

/* 로그인
.member-login-top {background:#f1f1f1; padding:38px 0 25px 0; text-align:center;}
.member-login-top h1 {width:136px; height:56px; margin:0 auto; background:url(/app/parents/images/logo.png) 0 0 / contain no-repeat; text-indent:-9999px;}
.member-login-top > p{margin:22px 0 19px; font-size:13px; line-height:20px;}
.member-login-top > p b{display:block; margin-top:9px; color:#757575; font-size:15px; line-height:24px; font-family: 'NanumBarunGothic-Light';}
.member-login-top .common-btn {display:table; height:36px; margin:0 auto; padding:0 30px 0 50px; border:1px solid rgba(158,158,158,.35); border-radius:18px; background:url('/app/parents/images/member/icon_btn_join.png') 30px 10px / 13.5px auto no-repeat; box-sizing:border-box; color:#00bbd4; font-size:13px; line-height:36px;}
.member-login-content {padding:36px 28px; background:#fff;}
.member-login-content > div:nth-child(2){margin-top:25px;}
.member-login-content input[type='text'],
.member-login-content input[type='password'] {width:100%; font-size:15px;}
.member-login-content .login-pw {margin-top:7px;}
.member-login-content .number-check{position:relative;margin:10px 0;padding-left:123px;padding-right:78px;}
.member-login-content .number-check > a{position:absolute;top:0;left:0;width:116px;padding:0;text-align:center;}
.member-login-content .number-check .component-text-form input{background:#f6f6f6;padding-right:10px;}
.member-login-content .number-check > span:last-child{position:absolute;top:0;right:0;font-size:11px;line-height:40px;color:#757575;}
.member-login-content .number-check > span:last-child em{margin-left:3px;color:#00bbd4;}
.member-login-content .login-check {margin:12px 0 -1px;}
.member-login-content .login-check input[type="checkbox"] + label {padding-left:25px;color:#9e9e9e; line-height:20px;font-family:'NanumBarunGothic-Regular';}
.member-login-content .login-btn {display:inline-block; width:100%; height:47px; margin-top:20px; font-size:15px; line-height:48px; color:#00bbd4; text-align:center; border-radius:40px; border:1px solid rgba(158,158,158,.35);}
.member-login-content .login-btn.on {color:#fff; background:#00bbd4; border:1px solid #00bbd4;}
.member-login-content input[type=checkbox] + label {margin-right:0; font-size:11px;}
.member-login-content .component-text-form {width:100%;}
.member-find-pw {background:#f1f1f1; padding:16px 23px; position:relative;}
.member-find-pw p {font-size:12px; line-height:28px; height:28px; padding-left:28px; color:#9e9e9e; background:url('/app/parents/images/member/bg_find_pw.gif') left center no-repeat; background-size:18px 18px;}
.member-find-pw > a {display:inline-block; padding:0 12px; font-size:11px; line-height:28px; height:28px; border-radius:4px; background:#757575; color:#fff; position:absolute; right:23px; top:50%; margin-top:-14px;}

.tab-login{overflow:visible;border:1px solid #dadada;border-radius:5px;height:40px;}
.tab-login:after{display:block;clear:both;content:'';}
.tab-login li{float:left;width:50%;margin:0 -1px 0 1px;box-sizing:border-box;text-align:center;background:#fff;border-radius:5px;}
.tab-login li > a{display:block;font-size:12px;line-height:40px;color:#757575;}
.tab-login li.on{margin-top:-1px;border:1px solid #00bbd4;border-radius:5px;border-bottom:1px solid #fff;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.tab-login li.on:first-child{margin-left:-1px;}
.tab-login li.on > a{color:#00bbd4;}
*/

.member-login-top {background:#f1f1f1; padding:38px 0 25px 0; text-align:center;}
.member-login-top h1 {width:136px; height:56px; margin:0 auto; background:url(/app/parents/images/logo.png) 0 0 / contain no-repeat; text-indent:-9999px;}
.member-login-top > p{margin:22px 0 19px; font-size:13px; line-height:20px;}
.member-login-top > p b{display:block; margin-top:9px; color:#757575; font-size:15px; line-height:24px; font-family: 'NanumBarunGothic-Light';}
.member-login-top .common-btn {display:table; height:36px; margin:0 auto; padding:0 30px 0 50px; border:1px solid rgba(158,158,158,.35); border-radius:18px; background:url('/app/parents/images/member/icon_btn_join.png') 30px 10px / 13.5px auto no-repeat; box-sizing:border-box; color:#00bbd4; font-size:13px; line-height:36px;}
.member-login-content {padding:36px 28px; background:#fff;}
.member-login-content > div:nth-child(2){margin-top:25px;}
.member-login-content input[type='text'],
.member-login-content input[type='password'] {width:100%; font-size:15px;}
.member-login-content .login-pw {margin-top:7px;}
.member-login-content .number-check{position:relative;margin:10px 0;padding-left:123px;padding-right:78px;}
.member-login-content .number-check > a{position:absolute;top:0;left:0;width:116px;padding:0;text-align:center;}
.member-login-content .number-check .component-text-form input{background:#f6f6f6;padding-right:10px;}
.member-login-content .number-check > span:last-child{position:absolute;top:0;right:0;font-size:11px;line-height:40px;color:#757575;}
.member-login-content .number-check > span:last-child em{margin-left:3px;color:#00bbd4;}
.member-login-content .login-check {margin:12px 0 -1px;}
.member-login-content .login-check input[type="checkbox"] + label {padding-left:25px;color:#9e9e9e; line-height:20px;font-family:'NanumBarunGothic-Regular';}
.member-login-content .login-btn {display:inline-block; width:100%; height:47px; margin-top:20px; font-size:15px; line-height:48px; color:#00bbd4; text-align:center; border-radius:40px; border:1px solid rgba(158,158,158,.35);}
.member-login-content .login-btn.on {color:#fff; background:#00bbd4; border:1px solid #00bbd4;}
.member-login-content input[type=checkbox] + label {margin-right:0; font-size:11px;}
.member-login-content .component-text-form {width:100%;}
.member-find-pw {background:#f1f1f1; padding:16px 23px; position:relative;}
.member-find-pw p {font-size:12px; line-height:28px; height:28px; padding-left:28px; color:#9e9e9e; background:url('/app/parents/images/member/bg_find_pw.gif') left center no-repeat; background-size:18px 18px;}
.member-find-pw > a {display:inline-block; padding:0 12px; font-size:11px; line-height:28px; height:28px; border-radius:4px; background:#757575; color:#fff; position:absolute; right:23px; top:50%; margin-top:-14px;}

.tab-login{overflow:visible;border:1px solid #dadada;border-radius:5px;height:40px;}
.tab-login:after{display:block;clear:both;content:'';}
.tab-login li{float:left;width:50%;margin:0 -1px 0 1px;box-sizing:border-box;text-align:center;background:#fff;border-radius:5px;}
.tab-login li > a{display:block;font-size:12px;line-height:40px;color:#757575;}
.tab-login li.on{margin-top:-1px;border:1px solid #00bbd4;border-radius:5px;border-bottom:1px solid #fff;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.tab-login li.on:first-child{margin-left:-1px;}
.tab-login li.on > a{color:#00bbd4;}

.talk-list li {position: relative;}
.talk-list li a {position: relative;display: block;transition: left 0.1s;-webkit-transition: left 0.1s;-ms-transition: left 0.1s;}
.talk-list li > a .notice-box {overflow: hidden;position: relative;}
.talk-list .talk-exit{position:absolute;bottom:0;right:-56px;height:100%;background:#f03c78;}
.talk-list .talk-exit > button{display:table;height:100%;padding:0 13px;}
.talk-list .talk-exit small{display:table-cell;vertical-align:middle;padding-top:20px;background:url('/app/parents/images/parents/bg_delete.png') center top no-repeat;background-size:auto 14px;font-size:11px;line-height:14px;color:#fff;}


/* issue_860 학습추가 study-add-step2 2017.08.07/ 권혁기 */
.study-add-step2 fieldset.user-price .notice-list{background:#f5f7fa;margin-top:10px;padding:8px 15px;}
.study-add-step2 fieldset.user-price .notice-list p{display:block;height:18px;line-height:18px;margin:0 auto 10px;padding:0;border-radius:0;background:none;text-align:center;}
.study-add-step2 fieldset.user-price .notice-list li{margin:4px 0 0;}
.study-add-step2 fieldset.user-price li label strong{font-size:11px;}
/* issue_971 */
.study-add-step2 fieldset.user-price strong.tit{border-top:1px solid #dadada;}
/* //issue_971 */

.clearfix{overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}

/* issue_1402 2017.10.16 */
.mypage-contents > section{margin-bottom:30px;}
.mypage-contents .wink-recomm-box{margin-top:30px;}


/* issue_1807 */
.table-layout{table-layout:fixed;width:100%;}
.table-layout thead{background:#f2f2f2;}
.table-layout th, .table-layout td{padding:6px 10px 4px;min-height:18px;line-height:18px;border:1px solid #ccc;dis}
.table-layout input[type=checkbox] + label{vertical-align:top;}