@charset "utf-8";
/*
* @author      : UIlab (유아이랩)
* @file name   : class.css
* @descraption : 클래스 & 메인 페이지 스타일
* @date        : 2015-01-26 (Last update/150126)
*/

.line1 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ff1 {font-family:'Nanum Gothic Bold' !important}

/* 디자인 하우스 메인페이지 */
#content.main {background:#f7f7f7; padding-top:60px; }
.dh-main-top {position:relative; width:960px; height:480px; overflow:hidden;}
.dh-main-top .bx-item img{display:block}
.dh-main-top .page-control {position:absolute; bottom:25px; left:284px; z-index:10; overflow:hidden;}
.dh-main-top .page-control a {display:block; float:left; width:10px; height:10px; background:url(../images/class/icon_page_navi_combi.png) no-repeat 2px -12px; margin-right:4px; overflow:hidden;}
.dh-main-top .page-control a:first-child {margin-left:0}
.dh-main-top .page-control a.active {background-position:0 1px; width:19px; }
.dh-main-top .main-slide {overflow:hidden; }
.dh-main-top .main-slide .img {width:639px; height:480px; float:left; }
.dh-main-top .main-slide .img img {width:639px; height:480px; }
.dh-main-top .main-slide .aside {width:321px; height:480px; float:left; background:#fff; position:relative; }
.dh-main-top .main-slide .aside .aside-body {padding:58px 39px 40px 39px; }
.dh-main-top .main-slide .aside em {font-size:13px; font-family:'Tahoma'; font-weight:bold; display:inline-block; *display:inline; *zoom:1; padding-left:6px; }
.dh-main-top .main-slide .aside h2 {font-size:36px; line-height:45px; font-weight:normal; padding-top:25px; padding-bottom:28px; }
.dh-main-top .main-slide .aside .txt {line-height:21px; color:#888; }
.dh-main-top .main-slide .aside .logo {position:absolute; bottom:18px; left:39px; font-size:13px; font-weight:bold; right:39px;}
.dh-main-top .main-slide .aside .btn-sns {position:absolute; top:17px; right:17px; }
.main .btn-sns {display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; background:url('../images/class/btn_web_share.png') 50% 50% no-repeat; }
.main-sort-box {width:960px; }
.main-sort-box .sort-box-wrap {border:1px solid #dadada; background:#fff; margin:30px 0; height:37px; }
.main-sort-box .solt-type {float:left; }
.main-sort-box .solt-type a {display:block; height:37px; line-height:37px; }
.main-sort-box .solt-type .active a {background:#333; color:#fff; }
.main-sort-box .solt-type:first-child a {width:50.9px; text-align:center; }
.main-sort-box .solt-type.active:first-child a {background:#333; color:#fff; }
.main-sort-box .solt-type.open dt {display:none; }
.main-sort-box .solt-type.open ul {overflow:hidden; }
.main-sort-box .solt-type.open ul > li {float:left; }
.main-sort-box .solt-type.open ul > li > a {display:block; font-size:11px; font-family:'Dotum'; padding:0 18px 0 17px; background:url(../images/class/bg_category_line.png) right 50% no-repeat; }
.main-sort-box .solt-type.open ul > li:first-child.active > a {background:#333; }
.main-sort-box .solt-type.open ul > li.active > a {background:#333; }
.main-sort-box .solt-type.close dl {width:139px; position:relative; }
.main-sort-box .solt-type.close dt a {background:url('../images/class/bg_cate_arrow.png') 110px 50% no-repeat; padding-left:18px; display:block; }
.main-sort-box .solt-type.close dt.active a {background:url('../images/class/bg_cate_arrow_up.png') 110px 50% no-repeat #333; }
.main-sort-box .solt-type.close dt.active a * {color:#fff; }
.main-sort-box .solt-type.close dd {position:absolute; top:37px; right:-1px; z-index:20; background:#f7f7f7; border:1px solid #dadada; width:138px; display:none; }
.main-sort-box .solt-type.close dt.active + dd {display:block; }
.main-sort-box .solt-type.close dd li {height:30px; line-height:30px; border-top:1px solid #dadada; padding-left:16px; }
.main-sort-box .solt-type.close dd li label {font-size:11px; font-family:'Dotum'; }
.main-sort-box .solt-type.close dd li:first-child {border-top:0; }
.main-sort-box .solt-type.close dd .foot-btn .btn-ok {height:30px; width:100%; background:url(../images/class/btn_mgz_chk_close.png) 50% 50% no-repeat #f7f7f7; border-top:1px solid #dadada;}
.main-sort-box .solt-type.close dd .foot-btn .btn-set {height:30px; display:block; background:url(../images/class/icon_cate_set.png) 11px 50% no-repeat #f7f7f7; padding-left:29px; font-size:11px; font-family:'Dotum'; border-top:1px solid #dadada;}
.main-sort-box .solt-type.close dd .no-list {padding:68px 0 25px 0; text-align:center; background:url(../images/class/img_cate_nolist.png) 50% 24px no-repeat ; }
.main-sort-box .solt-type.close dd .no-list p {color:#888; font-size:11px; font-family:'Dotum'; line-height:18px; }

/* 클래스 메인페이지 */
#content .con-header{background-color:#fff;}
#content.class {/*padding-bottom:0;*/background-color:#fff;}
#content.class-main{padding-top:0;background-color:#f7f7f7;}
.con-body.bg-gray {background:#f5f5f5; padding:30px 0;}

/* 서브페이지 */
.class .wrap {width:940px;}
.class .logo-size {width:79px; height:28px; }
.main .logo-size {width:79px; height:28px; }

/* 메인 | 상단 배너 */
.main-top-banner {position:relative; width:940px; height:219px; overflow:hidden; margin:40px 0 20px; }
.main-top-banner .bx-item img{display:block;width:940px;height:219px}
.main-top-banner .page-control {position:absolute; top:14px; right:14px; z-index:10; overflow:hidden;}
.main-top-banner .page-control a {display:block; float:left; width:10px; height:10px; background:url(../images/class/icon_top_navi.png) no-repeat 50% 1px; margin-left:4px; overflow:hidden;}
.main-top-banner .page-control a:first-child {margin-left:0}
.main-top-banner .page-control a.active {background-position:50% -11px;}

/* 진행중인 클래스 */
.class-list-header {position:relative; padding-top:10px; }
.class-list-header h3 {font-family:'Nanum Gothic'; font-size:22px; line-height:30px; color:#333; margin-bottom:4px; }
.class-list-header .type-set {background:url(../images/class/bg_type.gif) 0 0 no-repeat; width:65px; height:31px; position:absolute; top:3px; right:0;}
.class-list-header .type-set:after {display:block; content:""; clear:both; }
.class-list-header .type-set a {position:relative; width:32px; height:31px; float:left;}
.class-list-header .type-set a.type01.active {width:33px; background:url(../images/class/img_type01.gif) 0 0 no-repeat;}
.class-list-header .type-set a.type02.active {width:33px; background:url(../images/class/img_type02.gif) 0 0 no-repeat;}
.class-list-header .type-set a span {display:none; padding:10px 5px 21px 5px; width:53px; height:30px; background:url(../images/class/bg_type_box.png) 0 0 no-repeat; position:absolute; top:-66px; left:-15px; text-align:center; font-size:13px; line-height:18px; }
.class-list-header .type-set a.active span {display:block;}
.class-list-header .paging {text-align:center; margin:20px auto; height:26px; display:block; }
.class-list-header .paging .month {display:inline-block; *display:inline; zoom:1;}
.class-list-header .paging .month:after {display:block; content:""; clear:both; }
.class-list-header .paging .month button {float:left; padding:6px 0;}
.class-list-header .paging .month strong {float:left; padding:0 30px; display:inline-block; *display:inline; zoom:1; font-size:22px; font-family:Tahoma; color:#333;}

/* 진행중인 클래스 | 리스트형 */
.ing-top-lst {overflow:hidden; margin-top:10px}
.ing-top-lst .bx-item {float:left; margin-right:20px; width:300px; height:360px; background:#fff}
.ing-top-lst .basic .thum {width:300px; height:251px; overflow:hidden;}
.ing-top-lst .basic .cont {border:1px solid #e9e9e9;  border-top:0; padding:24px; height:60px;}
.ing-top-lst .basic .cont a {font-size:24px; color:#333; line-height:32px}
.ing-top-lst .basic .cont .ing {position:relative; top:4px; display:inline-block; *display:inline; *zoom:1; width:48px; height:25px; line-height:32px; background:url(../images/class/icon_ing.gif) 0 0 no-repeat; vertical-align:top; overflow:hidden;}
.ing-top-lst .basic .cont .end {position:relative; top:4px; display:inline-block; *display:inline; *zoom:1; width:59px; height:25px; line-height:32px; background:url(../images/class/icon_end.gif) 0 0 no-repeat; vertical-align:top; overflow:hidden;}
.ing-top-lst .bx-item .label-deadline {position:absolute; top:20px; right:20px; z-index:10; width:56px; height:56px; background:url(../images/class/icon_deadline.png) no-repeat; text-indent:-999px; overflow:hidden;}
.ing-top-lst .page-control {margin:30px 0 0; text-align:center; *border:1px solid transparent; *vertical-align:top; *font-size:0}
.ing-top-lst .page-control a {display:inline-block; width:12px; height:12px; background:url(../images/class/ing-top-pagenavi.png) no-repeat 0 100%; margin-left:10px; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ing-top-lst .page-control a:first-child {margin-left:0}
.ing-top-lst .page-control a.active {width:34px; background-position:0 0}
.class-list-wrap {position:relative; padding:10px 0 70px; }
.class-list-wrap .list-sort {position:absolute; top:-7px; right:0;}
.class-list-wrap .list-sort .select-wrap select{width:110px}
.class-list-wrap.pat50 {padding-top:50px}
.class-list-wrap.review {padding-top:50px}
.class-list-wrap.review .sort-select {top:27px}
.class-list-wrap .txt-counting {font-size:13px; color:#666; height:25px;}
.class-list-wrap .txt-counting span {font-size:13px; color:#333; font-family:'tahoma'; font-weight:bold}
.class-list-wrap .sort-select {position:absolute; top:20px; right:0}
.class-list-wrap .sort-select select {width:110px}
.class-list-wrap .sort-select.srch {overflow:hidden}
.class-list-wrap .sort-select.srch > * {float:left; margin-left:10px}
.class-list-wrap .sort-select.srch > :first-child {margin-left:0}
.class-list-wrap .sort-select.srch .input-text input {width:174px}
.class-list-wrap .sort-select.srch .search-btn .btn {width:65px}
.class-list-wrap .item-lst li {position:relative; margin-top:20px; padding:20px 40px; height:108px; border:1px solid #e9e9e9; background:#fff}
.class-list-wrap .item-lst li:first-child {margin-top:0}
.class-list-wrap .item-lst .thumb {position:absolute; top:-1px; left:-1px;width:180px;height:150px;overflow:hidden}
.class-list-wrap .item-lst .thumb img{width:100%}
.class-list-wrap .item-lst .thumb + .cont-area {margin-left:180px}
.class-list-wrap .item-lst .cont-area a {display:block}
.class-list-wrap .item-lst .cont-area .cate {display:block; margin:0 0 10px}
.class-list-wrap .item-lst .cont-area .info {display:block; font-size:14px; height:32px; color:#666; vertical-align:middle;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.class-list-wrap .item-lst .cont-area .ing {display:inline-block; *display:inline; *zoom:1; width:48px; height:25px; line-height:32px; background:url(../images/class/icon_ing.gif) -3px 0 no-repeat; vertical-align:middle; overflow:hidden; margin-right:5px}
.class-list-wrap .item-lst .cont-area .end {display:inline-block; *display:inline; *zoom:1; width:59px; height:25px; line-height:32px; background:url(../images/class/icon_end.gif) -3px 0 no-repeat; vertical-align:middle; overflow:hidden; margin-right:5px}
.class-list-wrap .item-lst .cont-area .subject {display:block; font-size:18px; color:#333; font-weight:300; font-family:'Nanum Gothic Bold'; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.class-list-wrap .item-lst .info-txt {margin-top:15px}
.class-list-wrap .item-lst .info-txt > span {display:inline-block; background:url(../images/class/icon_l_line.gif) no-repeat 0 3px; margin-left:14px; padding-left:14px; font-size:13px; color:#888}
.class-list-wrap .item-lst .info-txt > span:first-child {padding:0; margin:0; background:transparent; }
.class-list-wrap .item-lst .info-txt .date {font-family:'tahoma'; }
.class-list-wrap .item-lst .label-deadline {position:absolute; top:48px; right:18px; z-index:10; width:56px; height:56px; background:url(../images/class/icon_deadline.png) no-repeat; text-indent:-999px; overflow:hidden;}
.class-list-wrap .item-lst .label-deadline + .thumb + .cont-area{margin-right:50px}
.class-list-wrap .pageing {margin:30px 0}

/* 진행중인 클래스 | 달력형 */
.table-type01 {background:#424344; padding:5px; margin-bottom:40px; }
.table-type01 table {border-spacing:1px;}
.table-type01 th {padding:14px 0; }
.table-type01 td {border-left:1px solid #cdcfd1; border-bottom:1px solid #cdcfd1; background:#fff; vertical-align:top;}
.table-type01 td.first {border-left:none;}
.table-type01 .last td {border-bottom:none;}
.table-type01 td .cell {position:relative; padding:23px 10px 10px 10px; width:112px; min-height:90px; }
.table-type01 td .cell span.date {position:absolute; top:4px; right:4px; width:21px; height:25px; display:inline-block;display:inline-block; *display:inline; zoom:1; line-height:25px; padding-right:4px; text-align:right; font-family:'Tahoma'; font-size:13px; color:#888; }
.table-type01 td .cell span.not {color:#aaa;}
.table-type01 td .cell span.today {color:#fff; background:url(../images/class/bg_date.gif) 0 0 no-repeat; width:24px; padding-left:1px; padding-right:0; text-align:center;}
.table-type01 td .schedule {width:112px; min-height:90px; display:inline-block; *display:inline; zoom:1; }
.table-type01 td .schedule ul {line-height:1; }
.table-type01 td .schedule li .badge {margin-bottom:1px; width:51px; height:16px; overflow:hidden; display:block; }
.table-type01 td .schedule li .sch-list {padding:5px 0; font-family:"돋움"; font-size:11px; color:#888; line-height:15px; }
.table-type01 td .schedule li .sch-list a {font-family:"돋움"; font-size:11px; color:#888; line-height:15px;s}
.table-type01 td .schedule li .sch-list a:hover {color:#333; text-decoration:underline;}
.table-type01 td .schedule li .sch-list.view {position:relative;}
.table-type01 td .schedule li .sch-list.view a {color:#333; text-decoration:none;}
.table-type01 td .schedule li .sch-list .info-layer {display:none; width:330px;}
.table-type01 td .schedule li .view .info-layer {position:absolute; top:100%; left:-84px; display:inline-block; z-index:1; }
.table-type01 td .schedule li .view .info-layer .arrow {background:url(../images/class/bg_arrow_layer01.png) 0 0 no-repeat; position:absolute; top:-2px; left:50%; margin-left:-6px; width:12px; height:8px; display:inline-block; *display:inline; zoom:1; }
.table-type01 td .schedule li .view .info-layer .cont {padding:20px; width:286px; background: #fff; border:2px solid #333; margin-top:4px;}
.table-type01 td .schedule li .view .info-layer .cont dl {margin-bottom:15px; border-bottom:1px solid #ddd; }
.table-type01 td .schedule li .view .info-layer .cont dt {color:#333; font-family:'Nanum Gothic Bold'; font-size:14px; line-height:23px; padding-bottom:7px; border-bottom:1px solid #666; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:inline-block;}
.table-type01 td .schedule li .view .info-layer .cont dd {padding:19px 2px 12px 2px; }
.table-type01 td .schedule li .view .info-layer .cont dd p {margin-bottom:2px; }
.table-type01 td .schedule li .view .info-layer .cont dd p strong {font-family: Tahoma; font-size:13px; font-weight: normal; color:#666; max-width:213px; *height:213px; line-height:25px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:inline-block;}
.table-type01 td .schedule li .view .info-layer .cont dd p span {margin-left:10px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; }
.table-type01 td .schedule li .view .info-layer .cont dd p span.ing {width:48px; height:25px; background:url(../images/class/icon_ing.gif) 0 0 no-repeat; }
.table-type01 td .schedule li .view .info-layer .cont dd p span.end {width:59px; height:25px; background:url(../images/class/icon_end.gif) 0 0 no-repeat;}
.table-type01 td .schedule li .view .info-layer .cont dd li {line-height:18px; font-size:13px; color:#666; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:inline-block; }
.table-type01 td .schedule li .view .info-layer .cont dd li strong {min-width:60px; margin-right:5px; display:inline-block; *display:inline; zoom:1;}
.table-type01 td .schedule li .view .info-layer .cont .btn-area {text-align:center; }
.table-type01 td .schedule li .view .info-layer .cont .btn-area .btn {width:67px; }

/* 클래스 신청하기 */
.app-header-wrap {background:#f5f5f5; padding:40px 0 30px 0;}
.app-header-wrap h3 {font-family: 'Nanum Gothic Bold'; font-size:22px; color:#333; line-height:24px;}
.app-header-wrap .app-wrap {position:relative; height:150px; padding-left:180px; margin-top:13px; overflow:hidden;}
.app-header-wrap .app-wrap .thumb {position:absolute; top:0; left:0; width:180px; height:150px; overflow:hidden;}
.app-header-wrap .app-wrap .thumb img{width:100%}
.app-header-wrap .app-wrap .item-wrap {width:719px; height:148px; background-color:#fff; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding-left:40px;}
.app-header-wrap .app-wrap .item-wrap .icon {height:16px; margin-top:20px;}
.app-header-wrap .app-wrap .item-wrap .summary {font-size:14px; color:#666; line-height:18px; margin-top:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:10px}
.app-header-wrap .app-wrap .item-wrap .subject {font-family: 'Nanum Gothic Bold'; font-size:18px; color:#333; line-height:22px; margin-top:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.app-header-wrap .app-wrap .item-wrap .con-item {font-size:13px; color:#888; line-height:17px; margin-top:13px;}
.app-header-wrap .app-wrap .item-wrap .con-item .date-icon {display:none;}
.app-header-wrap .app-wrap .item-wrap .con-item span.date {font-family:'tahoma';}
.app-header-wrap .app-wrap .item-wrap .con-item em {font-size:10px; color:#ccc; padding-right:14px; padding-left:14px;}

.app-info-wrap {padding-bottom:100px;}
.app-info-wrap h4 {font-size:18px;}
.app-info-wrap .des {font-size:13px; color:#888; line-height:17px; padding-bottom:10px;}
.app-info-wrap .form-type1 {width:940px; padding-top:34px}
.app-info-wrap .form-type1 .txt {padding-top:11px; padding-bottom:10px;}
.app-info-wrap .form-type1 .post-num .i-text {width:724px; }
.app-info-wrap .form-type1 .post-num .i-text.post-num {width:79px; margin-right:10px;}

.agree-check {margin-top:6px;}
.agree-check p {font-size:13px; color:#888; line-height:20px; padding-bottom:14px;}
.agree-check span {font-size:12px; color:#757575; font-weight:bold;}
.agree-check span label {padding-left:26px;}

.app-info-wrap .payment-wrap {margin-top:37px; overflow:hidden;}
.app-info-wrap .payment-wrap .column-box {width:600px; float:left; margin-left:40px; overflow:hidden;  }
.app-info-wrap .payment-wrap h3 {font-size:18px; font-family: 'Nanum Gothic Bold'; height:30px; }
.app-info-wrap .payment-wrap .column-box .section {height:384px; border-top:1px solid #666; border-bottom:1px solid #ddd; }
.app-info-wrap .payment-wrap .column-box.order {width:300px;}
.app-info-wrap .payment-wrap .column-box.order .section {height:384px; border:2px solid #333; }

.app-info-wrap .payment-wrap .payment-type {padding:19px 10px 0 11px; }
.app-info-wrap .payment-wrap .payment-type .radio-box {margin-left:20px; }
.app-info-wrap .payment-wrap .payment-type .radio-box:first-child {margin-left:0; }
.app-info-wrap .payment-wrap .payment-type label {font-size:13px; }

.app-info-wrap .payment-wrap .cashreceipt-type {letter-spacing:-1px; padding:12px 0 0 0; }
.app-info-wrap .payment-wrap .cashreceipt-type .radio-box {margin-left:8px; }
.app-info-wrap .payment-wrap .cashreceipt-type .radio-box:first-child {margin-left:0; }
.app-info-wrap .payment-wrap .cashreceipt-type label {font-size:13px; }

.app-info-wrap .payment-wrap .payment-body {padding-right:10px; padding-left:11px;}
.app-info-wrap .payment-wrap .payment-body h4 {padding-top:20px; padding-bottom:10px; font-size:13px; font-family: 'Nanum Gothic Bold';}
.app-info-wrap .payment-wrap .payment-body h4.bottom-txt {clear:both; padding-bottom:6px;}
.app-info-wrap .payment-wrap .payment-body h4.bottom-radio {padding-bottom:0;}
.app-info-wrap .payment-wrap .payment-body.card .card-select {float:left; width:279px; margin-left:20px;}
.app-info-wrap .payment-wrap .payment-body.card .card-select:first-child {margin-left:0;}
.app-info-wrap .payment-wrap .payment-body.card .card-select .input-select {width:100%; }
.app-info-wrap .payment-wrap .payment-body.card p {clear:both; font-size:13px; line-height:20px; color:#888; padding-top:20px; }

.app-info-wrap .payment-wrap .payment-body.cash .cash-select {float:left; width:279px; margin-left:20px;}
.app-info-wrap .payment-wrap .payment-body.cash .cash-select:first-child {margin-left:0;}
.app-info-wrap .payment-wrap .payment-body.cash .cash-select .input-select {width:100%; }
.app-info-wrap .payment-wrap .payment-body.cash .input-text .i-text {width:263px;}
.app-info-wrap .payment-wrap .payment-body.cash p {font-size:13px; line-height:20px; color:#888; }
.app-info-wrap .payment-wrap .payment-body.cash p strong {font-size:13px; color:#888;}

.app-info-wrap .payment-wrap .cashreceipt-con {margin-top:13px;}
.app-info-wrap .payment-wrap .cashreceipt-con .select-wrap {float:left; width:279px;}
.app-info-wrap .payment-wrap .cashreceipt-con .select-wrap .input-select {width:100%;}
.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap {float:left; min-height:34px; margin-left:20px;}
.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap > div {float:left; padding-left:6px; }
.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap > div:first-child {padding-left:0;}
.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap .select-wrap {width:89px;}
.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap .input-text .i-text {width:73px;}
.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap {float:left; margin-left:20px; overflow:hidden; }
.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div {float:left; }
.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div > em {display:block; width:12px; height:34px; line-height:34px; font-size:11px; text-align:center; }
.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div:first-child + div > em {width:11px; }
.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap .input-text .i-text {width:45px;}
.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap {float:left; margin-top:10px; overflow:hidden; }
.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div {float:left; }
.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div > em {display:block; width:12px; height:34px; line-height:34px; font-size:11px; text-align:center; }
.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap .input-text .i-text {width:64px;}
.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap .input-text .i-text.last {width:79px;}

.app-info-wrap .payment-wrap .order .section {position:relative; }
.app-info-wrap .payment-wrap .order .section .btn.large {width:257px; position:absolute; bottom:20px; left:50%; margin-left:-128px; text-align:center; }
.app-info-wrap .payment-wrap .order .breakdown {padding:5px 0;}
.app-info-wrap .payment-wrap .order .breakdown li {position:relative; min-height:15px; padding:13px 15px 13px 0; font-family: 'Nanum Gothic Bold'; font-size:13px; text-align:right; }
.app-info-wrap .payment-wrap .order .breakdown li .label {position:absolute; top:13px; left:15px; }
.app-info-wrap .payment-wrap .order .breakdown li em {font-family:'Tahoma'}
.app-info-wrap .payment-wrap .order .breakdown li em + em {font-family: 'Nanum Gothic Bold';}
.app-info-wrap .payment-wrap .order .breakdown li.total {border-top:1px solid #ddd; border-bottom:1px solid #ddd; min-height:19px; font-size:16px; color:#fb2b1c; margin-top:5px; padding:19px 15px 19px 0;}
.app-info-wrap .payment-wrap .order .breakdown li.total .label {top:19px; }
.app-info-wrap .payment-wrap .order .agree {margin:20px 15px 0 15px; font-size:13px; line-height:20px; color:#888;  }

.app-info-txt-box {border:1px solid #ddd; margin-top:20px; padding:25px 55px; font-size:13px; line-height:20px; color:#888; }
.app-info-txt-box strong {color:#333; }
.app-info-txt-box span {display:inline-block; *display:inline; zoom:1; padding-left:114px; }

.app-info-wrap .foot-btn {margin-top:20px; text-align:center; }
.app-info-wrap .foot-btn .btn {width:165px; }
/* 메인 | 리스트 */
.class-masonry {overflow:hidden; margin-left:-20px; clear:both; }
.class-masonry .item-block {width:300px; margin-bottom:20px; margin-left:20px; float:left}
.class-masonry .bx-wrap {position:relative;}
.class-masonry .page-control {position:absolute; bottom:20px; left:0; z-index:10; width:100%; text-align:center; z-index:100;}
.class-masonry .page-control a {display:inline-block; *display:inline; *zoom:1; width:7px; height:7px; background:url(../images/class/icon_page_navi.png) no-repeat 0 100%; margin-left:10px; text-indent:-999px; overflow:hidden;}
.class-masonry .page-control a:first-child {margin-left:0}
.class-masonry .page-control a.active {width:19px; background-position:0 0}
.class-masonry .label-deadline {position:absolute; top:20px; right:20px; z-index:10; width:56px; height:56px; background:url(../images/class/icon_deadline.png) no-repeat; text-indent:-999px; overflow:hidden;}
.class-masonry .pic-wrap {position:relative; width:100%}
.class-masonry .pic-wrap img {max-width:100%;}
.class-masonry .txt-wrap {background-color:#fff; padding:25px 10px 28px 22px;}
.class-masonry .txt-wrap .subject {font-size:24px; color:#333; line-height:32px;}
.class-masonry .txt-wrap .date {height:25px; font-family:'tahoma'; font-size:13px; color:#9fa2a9; line-height:25px; padding-left:2px; margin-top:3px;}
.class-masonry .txt-wrap .date .ing {position:relative; display:inline-block; *display:inline; *zoom:1; width:48px; height:25px; background:url(../images/class/icon_ing.gif) 0 0 no-repeat; vertical-align:middle; margin-left:10px; overflow:hidden;}
.class-masonry .txt-wrap .date .end {position:relative; display:inline-block; *display:inline; *zoom:1; width:59px; height:25px; background:url(../images/class/icon_end.gif) 0 0 no-repeat; vertical-align:middle; margin-left:10px; overflow:hidden;}
.class-masonry .txt-wrap .logo {margin-top:44px;}
.class-masonry .review {width:250px; background-color:#fff; padding:30px 24px 30px 24px;}
.class-masonry .review .pic-wrap {width:250px; height:200px; margin-bottom:15px;}
.class-masonry .review .subject {font-size:24px; color:#333; line-height:32px;}
.class-masonry .review .review-header {position:relative; height:20px; padding-top:5px; margin-top:3px}
.class-masonry .review .review-header .title {height:17px; font-family:'tahoma'; font-size:15px; color:#3f4553; line-height:17px; background:url(../images/class/bg_review_title.gif) 3px 0 no-repeat; padding-left:27px;}
.class-masonry .review .review-header .like {position:absolute; top:5px; right:0; font-family:Tahoma; font-size:13px; color:#888; line-height:14px; background:url(../images/class/bg_review_like.gif) 0 0 no-repeat; padding-left:19px;}
.class-masonry .review .preview {padding-top:12px;}
.class-masonry .review .preview a {font-size:12px; color:#888; line-height:21px;}
.class-masonry .review .more {margin-top:18px;}
.class-masonry .review .more a {display:block; width:30px; height:30px; background:url(../images/class/btn_content_more.png) 0 0 no-repeat; margin:0 auto; overflow:hidden;}
.class-masonry .banner {width:294px; background-color:#fff; border:3px solid #9a9da4; overflow:hidden;}
.class-masonry .banner .page-control a {display:inline-block; *display:inline; *zoom:1; width:7px; height:7px; background:url(../images/class/icon_page_navi_dark.png) no-repeat 0 100%; margin-left:10px; text-indent:-999px; overflow:hidden;}
.class-masonry .banner .page-control a:first-child {margin-left:0}
.class-masonry .banner .page-control a.active {width:19px; background-position:0 0}
.class-masonry .faq {width:248px; background-color:#ebe9e9; padding:24px 26px 30px 26px; overflow:hidden;}
.class-masonry .faq .title {font-size:24px; color:#333; line-height:32px; text-align:center;}
.class-masonry .faq ul {margin-top:23px;}
.class-masonry .faq ul li {position:relative; width:248px; font-size:13px; color:#666; line-height:16px; margin-bottom:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.class-masonry .faq ul li span {font-size:13px; color:#333; line-height:16px;padding-right:6px}
.class-masonry .faq ul li a {color:#666; text-decoration:none;}
.class-masonry .faq ul li a:hover {color:#fb2b1c; text-decoration:underline;}
.class-masonry .faq .more {clear:both; padding-top:4px;}
.class-masonry .faq .more a {display:block; width:30px; height:30px; background:url(../images/class/btn_content_more.png) 0 0 no-repeat; margin:0 auto; overflow:hidden;}
.class-masonry .schedule {width:248px; background-color:#fff; padding:25px 25px 16px 25px;}
.class-masonry .schedule .title {font-size:24px; color:#333; line-height:32px; text-align:center;}
.class-masonry .schedule .calendar-wrap {width:250px;}
.class-masonry .schedule .calendar-wrap .selector {height:24px; font-family:'tahoma'; font-size:18px; color:#333; font-weight:bold; line-height:24px; text-align:center; margin-top:27px;}
.class-masonry .schedule .calendar-wrap .selector a.prev {display:inline-block; *display:inline; *zoom:1; width:10px; height:16px; background:url(../images/class/btn_calendar_control.gif) 0 0 no-repeat; margin-top:-4px; #margin-top:0; margin-right:14px; vertical-align:middle;}
.class-masonry .schedule .calendar-wrap .selector a.next {display:inline-block; *display:inline; *zoom:1; width:10px; height:16px; background:url(../images/class/btn_calendar_control.gif) -10px 0 no-repeat; margin-top:-4px; #margin-top:0; margin-left:14px; vertical-align:middle;}
.class-masonry .schedule .calendar-wrap .calendar {width:238px; background:url(../images/class/bg_calendar_th.gif) 0 0 no-repeat; padding-right:6px; padding-left:6px; margin-top:14px; overflow:hidden;}
.class-masonry .schedule .calendar-wrap .calendar table {width:238px}
.class-masonry .schedule .calendar-wrap .calendar table thead tr th {height:32px; font-family:'tahoma'; font-size:11px; color:#fff; font-weight:bold; line-height:26px; text-align:center; vertical-align:top;}
.class-masonry .schedule .calendar-wrap .calendar table thead tr th.sun {color:#ff4c2f;}
.class-masonry .schedule .calendar-wrap .calendar table tbody tr td {height:30px; font-family:'tahoma'; font-size:11px; color:#888; line-height:30px; text-align:center; vertical-align:middle;}
.class-masonry .schedule .calendar-wrap .calendar table tbody tr td a {display:block; width:30px; height:30px; margin:0 auto; overflow:hidden;}
.class-masonry .schedule .calendar-wrap .calendar table tbody tr td a.active {color:#fff; background:url(../images/class/bg_calendar_active.gif) center 3px no-repeat;}
.class-masonry .former {width:300px; background:#e4c9c5 url(../images/class/bg_former.gif) center 46px no-repeat; text-align:center; padding:144px 0 46px 0;}
.class-masonry .former .title {font-size:24px; color:#a97a75; line-height:26px; text-align:center;}
.class-masonry .former .txt-con {font-size:13px; color:#fff; line-height:21px; text-align:center; margin-top:10px;}
.class-masonry .former .txt-con a {color:#fff;}
.class-masonry .customer {width:300px; background:#b7c3df url(../images/class/bg_customer.gif) center 46px no-repeat; text-align:center; padding:140px 0 25px 0;}
.class-masonry .customer .title {font-size:24px; color:#6075ae; line-height:26px; text-align:center;}
.class-masonry .customer .tel {font-size:26px; color:#fff; line-height:28px; text-align:center; margin-top:13px;}
.class-masonry .customer .btn {border:none; margin-top:28px;}
.class-masonry .customer .btn a {display:inline-block; *display:inline; *zoom:1; height:30px; font-size:13px; color:#fff; line-height:30px; background:url(../images/class/bg_customer_inquire.gif) 0 0 no-repeat; padding-left:38px; margin:0 auto;}
.class-masonry .teacher {width:300px; background-color:#706f75; text-align:center; padding:28px 0 47px 0; overflow:hidden;}
.class-masonry .teacher .title {font-size:24px; color:#fff; line-height:26px; text-align:center;}
.class-masonry .teacher .pic-wrap {width:230px; height:230px; margin:28px auto 0 auto; overflow:hidden;}
.class-masonry .teacher .name {font-size:13px; color:#fff; line-height:16px; text-align:center; margin-top:13px;}
.main .class-masonry {overflow:hidden; margin-left:-30px;}
.main .class-masonry .item-block {width:300px; margin-bottom:30px; margin-left:30px; float:left; position:relative; }
.main .class-masonry .txt-wrap {border:0; min-height:135px; padding:30px 25px; position:relative; }
.main .class-masonry .txt-wrap .logo {position:absolute; bottom:15px; left:25px; margin-top:0; font-size:13px; font-weight:bold; padding-right:55px; }
.main .class-masonry .btn-sns {position:absolute; bottom:17px; right:20px; }
.main .class-masonry .txt-wrap .sns-id {font-size:14px; padding-bottom:17px; }
.main .class-masonry .txt-wrap .sns-id img {vertical-align:middle; margin-right:8px; }
.main .class-masonry .txt-wrap .sns-txt {font-size:16px; line-height:26px; color:#5c5c5c; }
.main .class-masonry .main-label {position:absolute; top:0; right:0; z-index:5; width:59px; height:59px; }
.main .class-masonry .main-label.event {background:url('../images/class/icon_label_event.png') no-repeat; }
.main .class-masonry .main-label.class {background:url('../images/class/icon_label_class.png') no-repeat; }
.main .class-masonry .main-label.tour {background:url('../images/class/icon_label_tour.png') no-repeat; }

/* popup | 강사소개 */
.layer-popup .intro-lecturer .people-info {overflow:hidden; padding:30px 0 0 270px; min-height:230px; position:relative; }
.layer-popup .intro-lecturer .people-info .pic {position:absolute; top:30px; left:0;  width:230px; height:230px; margin-right:40px}
.layer-popup .intro-lecturer .people-info .pic * {display: block;}
.layer-popup .intro-lecturer .people-info .pic img {width:228px; height:228px; border:1px solid #ddd}
.layer-popup .intro-lecturer .people-info .cont-area {height:220px; padding-top:10px; font-size:13px; color:#666}
.layer-popup .intro-lecturer .people-info .cont-area .title.ff1 {color:#666; }
.layer-popup .intro-lecturer .people-info .cont-area .name {margin-top:10px;}
.layer-popup .intro-lecturer .people-info .cont-area .name strong {font-size:22px;}
.layer-popup .intro-lecturer .people-info .cont-area .info {margin-top:16px; color:#ccc;}
.layer-popup .intro-lecturer .people-info .cont-area .info span {display:inline-block; color:#888; margin:0 6px;  font-family:'Nanum Gothic Bold';}
.layer-popup .intro-lecturer .people-info .cont-area .info span:first-child {margin-left:0}
.layer-popup .intro-lecturer .people-info .detail {border-top:1px solid #ececec; margin-top:15px; padding-top:8px;}
.layer-popup .intro-lecturer .people-info .detail dl {overflow:hidden; width:348px; }
.layer-popup .intro-lecturer .people-info .detail dl > * {padding:6px 0; float:left; line-height:24px}
.layer-popup .intro-lecturer .people-info .detail dt {width:88px; font-family:'Nanum Gothic Bold'; font-size:13px; }
.layer-popup .intro-lecturer .people-info .detail dd {width:260px; font-size:13px; color:#666; }
.layer-popup .intro-lecturer .people-info .detail .sns img {width:24px; vertical-align:top; margin-right:5px}
.layer-popup .intro-lecturer .detail-info {margin-top:40px; max-height:300px; border-top:1px solid #666; overflow:scroll; overflow-x:hidden;}
.layer-popup .intro-lecturer .detail-info table {width:100%}
.layer-popup .intro-lecturer .detail-info th,
.layer-popup .intro-lecturer .detail-info td {vertical-align:top; padding:10px 0; text-align:left; border-bottom:1px solid #ddd}
.layer-popup .intro-lecturer .detail-info th {width:125px; font-size:14px; color:#333; font-family:'Nanum Gothic Bold'; line-height:20px}
.layer-popup .intro-lecturer .detail-info td * {font-size:13px; color:#888; }
.layer-popup .intro-lecturer .detail-info td strong {color:#666; }
.layer-popup .intro-lecturer .detail-info td li {margin-top:15px; }
.layer-popup .intro-lecturer .detail-info td ul li:first-child {margin-top:0; }
.layer-popup .intro-lecturer .detail-info td p {line-height:20px; }

/* 진행중인 클래스 : view-type1 */
.class-view-page {padding-bottom:100px; }
.class-view-page .page-title {font-size:22px;  font-family:'NanumGothicBold', 'Nanum Gothic Bold'; padding-bottom:12px; border-bottom:1px solid #333; padding-right:210px; }
.class-view-page .class-title {font-size:24px; font-weight:normal; padding:20px 0 18px 0; border-bottom:1px solid #ddd }
.class-info-wrap {position:relative; margin-top:42px;}
.class-info-wrap h5 {font-size:18px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; font-weight:normal; margin-bottom:10px;}
.class-info-wrap .sns-share {position:absolute; top:-10px; right:0; }
.class-info-wrap .sns-share > * {display:inline-block; float:left; width:40px; height:40px; background-image:url(../images/common/btn_sns_share.png); background-repeat:no-repeat; text-indent:-999px; overflow:hidden;}
.class-info-wrap .sns-share a+a {margin-left:10px}
.class-info-wrap .sns-share .btn-fb {background-position:0 0}
.class-info-wrap .sns-share .btn-twt {background-position:-40px 0}
.class-info-wrap .sns-share .btn-ks  {background-position:0 -40px}
.class-info-wrap .sns-share .btn-link {background-position:-40px -40px}
.class-info-wrap .sns-share .btn-kat {display:none}
.class-info-wrap .page-title {margin-bottom:12px; /* 20px*/}
.class-info-wrap .summary-info {overflow:hidden; padding-bottom:55px; }
.class-info-wrap .summary-info.combine {padding-bottom:0; }
.class-info-wrap .summary-info .class-img {float:left; width:311px; height:249px; overflow:hidden; padding-top:40px; }
.class-info-wrap .summary-info .class-img img{width:100%}
.class-info-wrap .summary-info .info-con-wrap {float:right; width:590px; }
.class-info-wrap .summary-info .row-tbl-lst {width:100%; }
.class-info-wrap .summary-info .row-tbl-lst th {width:90px; height:40px; border-bottom:1px solid #ddd; text-align:left; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; font-size:13px; }
.class-info-wrap .summary-info .row-tbl-lst td {height:40px; border-bottom:1px solid #ddd; font-size:13px; }
.class-info-wrap .summary-info .row-tbl-lst .vt th,
.class-info-wrap .summary-info .row-tbl-lst .vt td {vertical-align:top; height:auto; padding:9px 0;}
.class-info-wrap .summary-info .row-tbl-lst .in-txt {line-height:18px; }
.class-info-wrap .summary-info .row-tbl-lst .num-txt {font-family:'Tahoma'}
.class-info-wrap .summary-info .row-tbl-lst .num-txt span {font-family: 'Nanum Gothic';}
.class-info-wrap .summary-info .row-tbl-lst .idot {display:inline-block; padding-left:14px; background:url(../images/common/ic_dot1.png) no-repeat 0 6px; margin-left:20px; }
.class-info-wrap .summary-info .btn-area {padding:20px 0 0 36px;}
.class-info-wrap .summary-info .btn-area .btn {width:165px; text-align:center; }
.class-info-wrap .teacher-info {background:#f9f9f9; border:1px solid #ddd; padding:30px 35px 30px 249px; position:relative; min-height:178px; }
.class-info-wrap .teacher-info .thumb {position:absolute; top:30px; left:30px; border:1px solid #ddd; }
.class-info-wrap .teacher-info .thumb img {width:178px; height:178px; } /* 2015-06-09오후 2:46 기존 소스 '.class-info-wrap .teacher-info .thumb {width:178px; height:178px; }' */
.class-info-wrap .teacher-info h5 {margin-bottom:20px;}
.class-info-wrap .teacher-info dt span {color:#666; font-size:13px; }
.class-info-wrap .teacher-info dt span + span {font-size:16px; color:#333; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; }
.class-info-wrap .teacher-info dd {font-size:13px; color:#888; line-height:20px; padding-top:10px; }
.class-info-wrap .teacher-info dd * {font-size:13px; color:#888; line-height:20px; }
.class-info-wrap .summary-info.combine + .detail-info {margin-top:40px; }
.class-info-wrap .detail-info {margin-top:55px; }
.class-info-wrap .summary-info + .detail-info {margin-top:0}
.class-info-wrap .detail-info + .btn-wrap {padding-top:20px; }
.class-info-wrap .detail-info + .btn-wrap.review .btn {width:165px;}
.class-info-wrap .detail-info .section img {max-width: 980px;}
.class-info-wrap .curriculum {margin-top:55px; }
.class-info-wrap .curriculum .tbl-lst th {font-size:13px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; }
.class-info-wrap .curriculum .tbl-lst td {font-size:13px; color:#666; }
.class-info-wrap .curriculum .tbl-lst td strong {color:#121212; font-family:'NanumGothicBold', 'Nanum Gothic Bold';}
.class-info-wrap .curriculum .tbl-lst td strong.fs16 {font-size:16px; font-weight:normal; line-height:22px; }
.class-info-wrap .curriculum .tbl-lst td .fc01 {color:#333; }
.class-info-wrap .curriculum .tbl-lst .class-item * {text-align:left; font-size:13px; color:#666; }
.class-info-wrap .curriculum .tbl-lst .class-item .title {font-size:16px; line-height:23px; color:#333; padding-bottom:5px;}
.class-info-wrap .curriculum .tbl-lst .thumb{display:inline-block;vertical-align:top;width:116px;height:98px; border:1px solid #ddd;overflow:hidden}
.class-info-wrap .curriculum .tbl-lst .thumb img {width:100%}
.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info {position:relative; text-align:left; padding-left:138px; margin-left:20px; min-height:100px; margin-top:30px; }
.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info.no-img {min-height:0; }
.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info.no-img ul:first-child {margin-top:0; }
.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info.no-img dl:first-child {margin-top:0; }
.class-info-wrap .curriculum .tbl-lst .tour-item .m-date + .tour-info {margin-top:0; }
.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info .thumb {position:absolute; top:0; left:0; }
.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info .thumb + dl {margin-top:0; }
.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info .thumb + ul {margin-top:0; }
.class-info-wrap .curriculum .tbl-lst .tour-item .time-plan {margin-top:25px; }
.class-info-wrap .curriculum .tbl-lst .tour-item .time-plan li {font-size:13px; line-height:23px; }
.class-info-wrap .curriculum .tbl-lst .tour-item .time-plan li span + span {color:#888; }
.class-info-wrap .curriculum .tbl-lst .tour-item .guide-info {margin-top:28px; }
.class-info-wrap .curriculum .tbl-lst .tour-item .guide-info dt {font-size:16px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; line-height:23px; padding-bottom:2px; }
.class-info-wrap .curriculum .tbl-lst .tour-item .guide-info dd {font-size:13px; line-height:23px; color:#888; }
.class-info-wrap .curriculum .tbl-lst .tour-item .hotel-info {padding-left:78px; min-height:50px; background:url('../images/class/icon_hotel.png') 15px 2px no-repeat; margin-top:28px;}
.class-info-wrap .curriculum .tbl-lst .tour-item .hotel-info dt {font-size:13px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; padding-bottom:5px; }
.class-info-wrap .curriculum .tbl-lst .tour-item .hotel-info dd {font-size:13px; line-height:23px; color:#888;}
.class-info-wrap .foot-btn {font-size:0; text-align:center; padding:20px 0 55px 0;}
.class-info-wrap .foot-btn .btn {width:165px; margin-left:10px; }
.class-info-wrap .foot-btn .btn:first-child {margin-left:0; }
.class-view-page .orther-article {background:#f5f5f5; padding:28px 0 35px 0;}
.class-view-page .orther-article h5 {font-size:18px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; font-weight:normal; margin-bottom:10px;}
.class-view-page .orther-article ul {overflow:hidden; }
.class-view-page .orther-article ul li {width:290px; float:left; padding-left:34px; }
.class-view-page .orther-article ul li .thumb img {width:288px; height:188px; border:1px solid #ddd; }
.class-view-page .orther-article ul li:first-child {padding-left:0; }
.class-view-page .orther-article ul li .title {padding:15px 10px 12px 10px; font-size:24px; line-height:32px; }
.class-view-page .orther-article ul li .info {padding:0 10px 20px 10px;}
.class-view-page .orther-article ul li .info span {display:inline-block; *display:inline; zoom:1; font-size:13px; color:#666; }
.class-view-page .orther-article ul li .info span + span {margin-left:15px; padding-left:16px; background:url('../images/class/img_hline.png') 0 2px no-repeat; }
.class-view-page .orther-article ul li .summary {padding:0 10px; font-size:13px; line-height:21px; color:#888; }
.class-view-page .tip-box {padding:55px 0 0 0}
.class-view-page .tip-box .tab-type1 .col3 li {width:210px}
.class-view-page .tip-box .section {padding:29px 0; border-bottom:1px solid #ddd; }
.class-view-page .tip-box .section li {font-size:13px; line-height:18px; color:#888; padding-left:12px; background:url('../images/class/icon_tip_dot.png') 0 8px no-repeat; margin-top:10px; }
.class-view-page .tip-box .section li:first-child {margin-top:0; }

/* 신청완료 */
.complete {padding:40px 0 70px 0; }
.complete .order-reslut-msg-box {border:1px solid #ddd; font-family:'Nanum Gothic Bold';  background:url('../images/reader/icon_reslut_msg.png') center 30px no-repeat #f9f9f9; padding-top:77px; padding-bottom:29px; text-align:center; font-size:16px; line-height:24px; }
.complete .order-reslut-msg-box > div {font-family:'Nanum Gothic Bold'; font-size:16px; }
.complete .order-reslut-msg-box strong {font-size:16px; color:#ff4c2f; font-weight:normal; font-family:'Nanum Gothic Bold'; line-height:24px}
.complete .order-reslut-msg-box p.line1 {padding:12px 0; font-size:16px; font-family:'Nanum Gothic Bold'; }
.complete .order-reslut-msg-box + .section {margin-top:65px; }
.complete .section {margin-top:32px; display:block; }
.complete .form-type1 {padding-top:0;}
.complete h3 {margin-bottom:5px; font-family:'Nanum Gothic Bold'; line-height:30px; font-size:18px; color:#333;}
.complete .tbl-lst:{border-bottom:1px solid #ddd}
.complete .tbl-lst * {font-size:13px; }
.complete .tbl-lst th { color:#333; font-family:'Nanum Gothic Bold';}
.complete .tbl-lst .product-item {padding:11px 0 10px 179px; }
.complete .tbl-lst .product-item .thum {position:absolute; top:0; left:20px; }
.complete .tbl-lst .product-item .thum {width:117px; height:98px; overflow:hidden}
.complete .tbl-lst .product-item .thum a img {width:117px; height:98px;}
.complete .tbl-lst .product-item .info .badge {line-height:normal;}
.complete .tbl-lst .product-item .info span {font-family:'Nanum Gothic'; font-size:14px; color:#666; margin:12px 0 11px 0; display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.complete .tbl-lst .product-item .info .class-name {font-family:'Nanum Gothic Bold'; font-size:18px; color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.complete .tbl-lst .product-item .info br{display:none}
.complete .tbl-lst .normal-price {font-family:'Nanum Gothic Bold';}
.complete .tbl-lst .normal-price em:first-child {font-family:'Tahoma'; font-weight:bold;}
.complete .tbl-lst .normal-price em + em {top:-1px;}
.complete .tbl-lst p strong {padding:0 20px;font-family:'Nanum Gothic Bold'; font-weight:normal; font-size:13px; color:#333; }
.complete .tbl-lst p span {padding:0 20px;font-family:'Nanum Gothic'; display:block; white-space:normal; overflow:hidden; word-break:break-word;}
.complete .tbl-lst + .form-type1 table {border-top:0; }
.complete .btn-area {margin-top:20px; }

/* 스페셜 리뷰 */
.special-best-review {margin-top:20px}
.special-best-review ul {overflow:hidden;}
.special-best-review li {position:relative; width:300px; margin-left:20px; float:left}
.special-best-review li:first-child {margin-left:0}
.special-best-review .pic-area {width:300px; height:250px;overflow:hidden;background-color:#fff}
.special-best-review .pic-area img{width:100%}
.special-best-review .icon-best {position:absolute; top:222px; right:20px; z-index:10; width:56px; height:56px; background:url(../images/class/icon_review_web_best.png) no-repeat;}
.special-best-review .cont-area {padding:24px; height:136px; border:1px solid #e9e9e9; border-top:0; background:#fff; overflow:hidden;}
.special-best-review .cont-area a {display:block}
.special-best-review .cont-area .title {display:block; font-size:24px; color:#333; line-height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:300}
.special-best-review .cont-area .info-con {display:block; margin-top:15px; font-size:13px; color:#666}
.special-best-review .cont-area .info-con span {display:inline-block; padding-left:30px; background:url(../images/class/img_hline.png) no-repeat 15px 2px}
.special-best-review .cont-area .info-con span:first-child {padding:0; background:transparent}
.special-best-review .cont-area .txt-con {display:block; font-size:13px; color:#888; margin-top:15px; line-height:20px; height:60px}

/* url 공유 */
.class-view-page .sns-share .url-share {padding-top:8px; display:inline-block; float:none; width:288px; height:auto; text-indent:0; background:#fff; position:absolute; top:40px; right:-8px; display:none;}
.class-view-page .sns-share .url-share .ico_arrow {width:11px; height:8px; position:absolute; top:3px; right:21px; background:url(../images/event/bg_sns_url.gif) 0 0 no-repeat; }
.class-view-page .sns-share .url-share .url-cont {padding:16px 9px 9px 9px; display:inline-block; float:none; width:268px; background:#fff; text-indent:auto; border:1px solid #b1b1b1;}
.class-view-page .sns-share .url-share .url-cont input {padding:0 10px; width:246px; height:25px; line-height:25px; border:1px solid #d9d9d9; color:#666; font-size:12px; background:none; text-indent: 0; }
.class-view-page .sns-share .url-share .url-cont button {margin-left:6px; width:40px; height:27px; border:none; float:left; background:#5b5b5b; color:#fff; font-size:12px; text-indent: 0;}
.class-view-page .sns-share .url-share .url-txt{font-size:11px;color:#666;text-align:left;padding:9px 0 0 6px}
.class-view-page .sns-share .url-share .url-txt em{color:#ff001a}
.main-sns-pop {position:absolute; top:0; left:0; z-index:500; width:100%; height:100%; background:url('../images/common/bg_opacity70.png'); display:none; }
.main-sns-pop .sns-share {position:absolute; top:50%; left:0; width:100%; text-align:center; font-size:0; height:40px; margin-top:-20px; z-index:10; }
.main-sns-pop .sns-share a {display:inline-block; *display:inline; *zoom:1; width:40px; height:40px; background:url('../images/class/icon_main_sns.png') no-repeat; margin-left:10px; }
.main-sns-pop .sns-share a:hover {background:url('../images/class/icon_main_sns.png') no-repeat; background-position:0 100%; }
.main-sns-pop .sns-share a:first-child {margin-left:0; }
.main-sns-pop .sns-share a.btn-twt {background-position:-50px 0; }
.main-sns-pop .sns-share a.btn-twt:hover {background-position:-50px 100%;}
.main-sns-pop .sns-share a.btn-ks {background-position:-100px 0; }
.main-sns-pop .sns-share a.btn-ks:hover {background-position:-100px 100%; }
.main-sns-pop .sns-share a.btn-link {background-position:-150px 0; }
.main-sns-pop .sns-share a.btn-link:hover {background-position:-150px 100%; }
.main-sns-pop .sns-share a.btn-link.active {background-position:-150px 100%; }
.main-sns-pop .sns-share a.btn-kat {display:none; }
.main-sns-pop .url-share {width:290px; height:81px; background:url('../images/class/bg_url_sharebox.png') no-repeat; position:absolute; top:62px; left:50%; margin-left:-145px; display:none; }
.main-sns-pop .url-share .url-cont {overflow:hidden; width:269px; padding-top:22px; margin:0 auto; }
.main-sns-pop .url-share .url-cont input {width:258px; height:25px; border:1px solid #d9d9d9; color:#666; line-height:25px; padding-left:9px; float:left; }
.main-sns-pop .url-share .url-cont button {height:27px; width:40px; background:#5b5b5b; color:#fff; text-align:center; float:right; font-family: 'Nanum Gothic';}
.main-sns-pop .url-share .url-txt{font-size:11px;color:#666;text-align:left;padding:9px 0 0 17px}
.main-sns-pop .url-share .url-txt em{color:#ff001a}
.main-sns-pop .close-btn {width:27px; height:27px; display:block; position:absolute; top:20px; right:20px; background:url('../images/class/btn_pop_close.png') no-repeat; }

/* 클래스투어 소개 */
.class-intro{padding-bottom:100px}
.class-intro-header{padding-top:63px}
.class-intro-header:after{display:block; content:""; clear:both;}
.class-intro-header h3{float:left;width:416px;height:170px;background: url(../images/class/img_intro1_web.png) no-repeat}
.class-intro-header .summary{float:right;width:470px;height:170px;line-height:20px;font-size:12px;color:#333}
.class-intro-cont{width:100%;padding-top:45px}
.class-intro-cont:after{display:block; content:""; clear:both;}
.class-intro-cont .cont-block{float:left;width:205px;padding-left:40px}
.class-intro-cont .cont-block h4{width:200px;height:80px;background: url(../images/class/sp_intro1_web.png) no-repeat}
.class-intro-cont .cont-block h4.title2{background-position:0 -100px}
.class-intro-cont .cont-block h4.title3{background-position:0 -200px}
.class-intro-cont .cont-block h4.title4{background-position:0 -300px}
.class-intro-cont .cont-block p{font-size:12px;line-height:22px;color:#888}
.class-intro-cont .cont-block:first-child{padding-left:0}

/*******************
    mobile css
********************/
@media only screen and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio :2) and (max-width: 768px),
only screen and (min-device-pixel-ratio :2) and (max-width: 768px) {

	/* 공통 */
	.class .wrap {width:auto; }
	.class .logo-size {width:59px; height:21px; }
	.main .logo-size {/*width:59px; height:21px; */}

	/* 메인 페이지 */

	/* 메인 | 리스트 */
	.class-masonry {margin:20px 15px}
	.class-masonry .label-deadline {width:45px; height:45px; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%; top:10px; right:10px}
	.class-masonry .txt-wrap {padding:14px 14px 18px}
	.class-masonry .txt-wrap .subject {font-size:18px; line-height:24px}
	.class-masonry .item-block {width:100%; margin-bottom:15px; margin-left:0; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.class-masonry .item-block.image img {width:100%; height:auto; }
	.class-masonry .txt-wrap .date {font-size:11px; color:#aaa; height:16px; margin-top:0}
	.class-masonry .txt-wrap .date * {vertical-align:middle}
	.class-masonry .txt-wrap .logo {margin:25px 0 0}
	.class-masonry .txt-wrap .date .ing {position:relative; display:inline-block; *display:inline; *zoom:1; width:52px; height:23px; background:url(../images/class/icon_ing_mob.png) 0 0 no-repeat; background-size:auto 23px; vertical-align:middle; margin-left:10px; overflow:hidden;top:-1px}
	.class-masonry .txt-wrap .date .end {position:relative; display:inline-block; *display:inline; *zoom:1; width:62px; height:23px; background:url(../images/class/icon_end_mob.png) 0 0 no-repeat; background-size:auto 23px; vertical-align:middle; margin-left:10px; overflow:hidden;top:-1px}
	.class-masonry .item-block:not(.teacher) .pic-wrap {position:relative; width:100%; overflow:hidden;}
	.class-masonry .item-block:not(.teacher) .pic-wrap img {width:100%;}
	.class-masonry .item-block.bx-wrap,
	.class-masonry .item-block.banner,
	.class-masonry .item-block.faq,
	.class-masonry .item-block.schedule,
	.class-masonry .item-block.former,
	.class-masonry .item-block.customer {display:none}
	.class-masonry .teacher {position:relative; height:155px; padding:20px 20px 20px 155px;}
	.class-masonry .teacher .title {margin-top:26px; font-size:18px;}
	.class-masonry .teacher .pic-wrap {position:absolute; width:115px; height:115px; margin:0; top:20px; left:20px}
	.class-masonry .teacher .pic-wrap img {width:100%; height:100%;}
	.class-masonry .teacher .name {position:relative; font-size:11px; line-height:1; text-align:center; margin-top:22px}
	.class-masonry .teacher .name:before {display:block; position:absolute; top:-13px; left:50%; margin-left:-7px; width:13px; height:2px; background:#fff; content:'';}
	.class-masonry .review {padding:15px;}
	.class-masonry .review .pic-wrap {margin:0; height:auto;}
	.class-masonry .review .subject {font-size:18px; margin-top:10px}
	.class-masonry .review .preview {padding-top:5px}
	.class-masonry .review .review-header {position:relative; height:20px; padding-top:5px; margin-top:3px}
	.class-masonry .review .review-header .title {height:15px; font-size:12px; line-height:15px; background:url(../images/class/bg_review_mob_title.png) 3px 3px no-repeat; background-size:14px 12px; padding-left:20px;}
	.class-masonry .review .review-header .like {top:-58px; right:10px; width:45px; height:45px; box-sizing:border-box; padding:23px 0 0 ; background:url(../images/class/icon_mob_review.png) no-repeat; background-size:100%; font-size:10px; text-align:center; color:#fff;}
	.main .class-masonry {margin:20px 15px}
	.main .class-masonry .txt-wrap {min-height:110px}
	.main .class-masonry .item-block {width:100%; margin-bottom:15px; margin-left:0; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.main .class-masonry .main-label {position:absolute; top:0; right:0; z-index:5; width:50px; height:50px; }
	.main .class-masonry .main-label.event {background:url('../images/class/icon_label_event_m.png') no-repeat; background-size:50px 50px; }
	.main .class-masonry .main-label.class {background:url('../images/class/icon_label_class_m.png') no-repeat; background-size:50px 50px; }
	.main .class-masonry .main-label.tour {background:url('../images/class/icon_label_tour_m.png') no-repeat; background-size:50px 50px; }

    /* 진행중인 클래스 | 리스트형 */
    .con-body.bg-mob-gray{background:#f5f5f5;}
    .class-list-wrap {padding:20px 15px;}
    .class-list-wrap .list-sort {position:absolute; top:-12px; right:15px;}
	.con-body.bg-gray .class-list-wrap {padding-top:0}
    .class-list-wrap .sort-select {display:block; margin-bottom:20px; position:static;}
    .class-list-wrap .txt-counting {font-size:12px;}
    .class-list-wrap .sort-select select{width:100%}
	.class-list-wrap .sort-select.srch {position:relative; height:32px; padding:0 65px 15px 77px}
	.class-list-wrap .sort-select.srch > * {float:none; margin:0}
	.class-list-wrap .sort-select.srch .select-wrap {position:absolute; top:0; left:0; width:72px}
	.class-list-wrap .sort-select.srch .search-btn {position:absolute; top:0; right:0; width:60px}
	.class-list-wrap .sort-select.srch .input-text input {width:100%}
	.class-list-wrap .sort-select.srch .search-btn .btn {width:100%}
    .class-list-wrap .item-lst {border-top:1px solid #666}
    .class-list-wrap .item-lst li {margin-top:10px; padding:15px; height:78px; border:1px solid #e9e9e9; background:#fff}
    .class-list-wrap .item-lst li:first-child {margin-top:15px}
    .class-list-wrap .item-lst .thumb {display:none}
    .class-list-wrap .item-lst .thumb + .cont-area {margin-left:0}
    .class-list-wrap .item-lst .cont-area a {display:block;padding-top:18px}
    .class-list-wrap .item-lst .cont-area .cate {position:absolute; left:15px; top:15px}
    .class-list-wrap .item-lst .cont-area .cate img {height:12px; line-height:14px}
	.class-list-wrap .item-lst .cont-area .ing {display:inline-block; *display:inline; *zoom:1; width:52px; height:23px; line-height:32px; background:url(../images/class/icon_ing_mob.png) -3px 0 no-repeat; background-size:auto 23px;vertical-align:middle; overflow:hidden; margin-right:5px}
	.class-list-wrap .item-lst .cont-area .end {display:inline-block; *display:inline; *zoom:1; width:62px; height:23px; line-height:32px; background:url(../images/class/icon_end_mob.png) -3px 0 no-repeat; background-size:auto 23px; vertical-align:middle; overflow:hidden; margin-right:5px}
    .class-list-wrap .item-lst .cont-area .info {font-size:11px; height:auto; line-height:16px; margin-bottom:2px}
    .class-list-wrap .item-lst .cont-area .subject {font-size:13px;line-height:25px}
    .class-list-wrap .item-lst .info-txt {margin-top:3px}
    .class-list-wrap .item-lst .info-txt > span:not(.date) {display:none}
    .class-list-wrap .item-lst .label-deadline {display:none}
	.class-list-wrap .item-lst .label-deadline + .thumb + .cont-area{margin-right:0}
	.class-list-wrap .item-lst .label-deadline02 {display: inline-block; width: 64px; height: 23px; line-height: 32px; background: url(../images/class/icon_mob_deadline02.png) -3px 0 no-repeat; background-size: auto 23px; vertical-align: middle; overflow: hidden; margin-right: 5px;}
	.class-list-wrap .pageing {display:none}

    /* popup | 강사소개 */
    .layer-popup .intro-lecturer .people-info {padding:0; padding-left:123px; min-height:105px; }
    .layer-popup .intro-lecturer .people-info .pic {width:105px; height:105px; overflow:hidden; top:0;  margin-top:5px; margin-right:15px}
    .layer-popup .intro-lecturer .people-info .pic img {width:103px; height:103px; border:1px solid #ddd}
    .layer-popup .intro-lecturer .people-info .cont-area {height:auto; padding-top:5px; font-size:11px}
    .layer-popup .intro-lecturer .people-info .cont-area .title.ff1 {font-size:11px; }
    .layer-popup .intro-lecturer .people-info .cont-area .name {margin-top:8px;}
    .layer-popup .intro-lecturer .people-info .cont-area .name strong {font-size:16px;}
    .layer-popup .intro-lecturer .people-info .cont-area .info {margin-top:8px}
    .layer-popup .intro-lecturer .people-info .cont-area .info span {margin:0 5px; font-size:11px; }
    .layer-popup .intro-lecturer .people-info .detail {margin-top:8px; padding-top:4px;}
    .layer-popup .intro-lecturer .people-info .detail dl {width:auto; }
    .layer-popup .intro-lecturer .people-info .detail dl > * {padding:0; line-height:24px;}
    .layer-popup .intro-lecturer .people-info .detail dt {width:63px; font-size:11px; }
    .layer-popup .intro-lecturer .people-info .detail dd {width:103px; font-size:11px; }
    .layer-popup .intro-lecturer .people-info .detail .sns img {width:24px; vertical-align:top; margin-right:5px}
    .layer-popup .intro-lecturer .detail-info {margin-top:20px; overflow:visible; max-height:100%;}
    .layer-popup .intro-lecturer .detail-info th,
    .layer-popup .intro-lecturer .detail-info td {vertical-align:top; padding:15px 0; }
    .layer-popup .intro-lecturer .detail-info th {width:96px; font-size:13px; line-height:16px}
    .layer-popup .intro-lecturer .detail-info td * {font-size:11px;}
	.layer-popup .intro-lecturer .detail-info td p {line-height:16px; }
    .layer-popup .intro-lecturer .detail-info p + p{margin-top:0px}
    .layer-popup .intro-lecturer .btn-area {margin-top:15px; text-align:center;}
    .layer-popup .intro-lecturer .btn-area .btn.close {width:140px; margin:0 auto}

	/* 진행중인 클래스 : view-type1 */
	.class-view-page .page-title {font-size:12px; font-family: 'Nanum Gothic'; padding:0 38px 0 38px; text-align:center; border-bottom:none; font-weight:normal; margin-bottom:0;}
	.class-view-page .class-title {font-size:16px; font-weight:normal; font-family: 'Nanum Gothic Bold'; text-align:center;  padding:13px 0 20px 0; border-bottom:none }
	.class-info-wrap {margin-top:20px;}
	.class-info-wrap h5 {font-size:18px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; font-weight:normal; margin-bottom:10px;}
	.class-info-wrap .sns-ctrl-btn {position:absolute; top:0; right:10px;}
	.class-info-wrap .sns-ctrl-btn .btn-share {display:block; width:20px; height:17px; background:url(../images/event/btn_mob_share.png) no-repeat; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%; text-indent:-999px; overflow:hidden;}
	.class-info-wrap .sns-share {display:none; top:30px; right:-10px; width:100%; background:#333; padding:15px 10px; text-align:center; z-index:10; overflow:visible}
	.class-info-wrap .sns-share:before {display:block; content:''; width:12px; height:6px; position:absolute; top:-6px; right:25px; background:url(../images/event/ic_arr_up.png) no-repeat; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%}
	.class-info-wrap .sns-share a {display:inline-block; width:38px; height:38px; float:none; -webkit-background-size:40px auto; -moz-background-size:40px auto; background-size:40px auto;}
	.class-info-wrap .sns-share a + a {margin-left:15px}
	.class-info-wrap .sns-share .btn-fb {background-position:0 -40px}
	.class-info-wrap .sns-share .btn-twt {background-position:0 -78px}
	.class-info-wrap .sns-share .btn-ks  {background-position:0 -116px}
	.class-info-wrap .sns-share .btn-link {background-position:0 -154px}
	.class-info-wrap .sns-share .btn-kat {display:inline-block; background-position:0 -192px}

	/* 클래스 신청하기 */
	.app-header-wrap {padding:25px 0;}
	.app-header-wrap .wrap {margin:0 15px; width:auto !important; }
	.app-header-wrap h3 {font-size:16px; line-height:18px; border-bottom:1px solid #666; padding-bottom:13px;}
	.app-header-wrap .app-wrap {position:static; height:auto; padding:0 0 0 0; margin-top:15px; overflow:hidden;}
	.app-header-wrap .app-wrap .thumb {display:none;}
	.app-header-wrap .app-wrap .item-wrap {width:auto; height:auto; border:1px solid #e9e9e9; padding:15px 15px 12px 15px;}
	.app-header-wrap .app-wrap .item-wrap .line-wrap {position:relative; padding-top:18px;}
	.app-header-wrap .app-wrap .item-wrap .icon {position:absolute; top:0; left:0; width:46px; height:12px; margin-top:0;}
	.app-header-wrap .app-wrap .item-wrap .icon img {width:37px; height:12px;}
	.app-header-wrap .app-wrap .item-wrap .summary {font-size:11px; line-height:13px; margin-top:0;padding-right:0}
	.app-header-wrap .app-wrap .item-wrap .subject {clear:both; font-size:13px; line-height:15px; margin-top:7px;}
	.app-header-wrap .app-wrap .item-wrap .con-item {font-size:11px; line-height:13px; margin-top:6px;}
	.app-header-wrap .app-wrap .item-wrap .con-item .date-icon {position:relative; display:inline-block; *display:inline; zoom:1; margin-left:5px;}
	.app-header-wrap .app-wrap .item-wrap .con-item .date-icon img {width:38px; height:14px;}

	.app-info-wrap {padding-bottom:50px;}
	.app-info-wrap h4 {font-size:16px;}
	.app-info-wrap .des {font-size:11px; line-height:15px; padding-bottom:8px;}
	.app-info-wrap .form-type1 {width:auto;}
	.app-info-wrap .form-type1 .txt {padding-top:8px; padding-bottom:0;}
	.app-info-wrap .form-type1 .post-num .i-text {width:auto; }
	.app-info-wrap .form-type1 .post-num .i-text.post-num {width:auto; margin-right:10px;}

	.app-info-wrap .form-type1 .post-num .insert {font-size:0; margin-top:10px; }
	.app-info-wrap .form-type1 .post-num .insert:first-child {display:table; width:100%;}
	.app-info-wrap .form-type1 .post-num .insert > div {float:none; margin-left:0; display:table-cell; vertical-align:top; padding-left:5px; width:33.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.app-info-wrap .form-type1 .post-num .insert > div:first-child {padding-left:0;}
	.app-info-wrap .form-type1 .post-num .insert > div:last-child {width:33.6%; }
	.app-info-wrap .form-type1 .post-num .insert:first-child {margin-top:0; }
	.app-info-wrap .form-type1 .post-num .i-text {width:100%; }
	.app-info-wrap .form-type1 .post-num .i-text.post-num {width:100%;margin-right:0;}
	.app-info-wrap .form-type1 .post-num .btn.medium {width:100%; height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; left: 0;}

	.agree-check {margin-top:8px; padding-right:15px; padding-left:15px;}
	.agree-check p {font-size:11px; line-height:15px; padding-bottom:10px;}
	.agree-check span {font-weight:normal;}
	.agree-check span label {padding-left:23px;}

	.app-info-wrap .payment-wrap {margin:28px 15px 0 15px;}
	.app-info-wrap .payment-wrap .column-box {width:auto; height:auto; float:none; margin-left:0; overflow:hidden;  }
	.app-info-wrap .payment-wrap h3 {font-size:16px; height:30px; }
	.app-info-wrap .payment-wrap .column-box .section {height:auto; min-height:0; border-top:1px solid #666; border-bottom:1px solid #ddd;}
	.app-info-wrap .payment-wrap .column-box.order {width:auto; margin-top:28px;}
	.app-info-wrap .payment-wrap .column-box.order .section {height:auto; border-top:1px solid #666; border-bottom:none; border-left:none; border-right:none;}

	.app-info-wrap .payment-wrap .payment-type {padding:13px 0 0 0; }
	.app-info-wrap .payment-wrap .payment-type label {font-size:12px;}
	.app-info-wrap .payment-wrap .payment-body {padding-left:0; padding-right:0; }
	.app-info-wrap .payment-wrap .payment-body h4 {padding:15px 0 8px 0; font-size:12px; }
	.app-info-wrap .payment-wrap .payment-body.card p {font-size:11px; line-height:15px; padding-top:10px; padding-bottom:13px; }
	.app-info-wrap .payment-wrap .payment-body.card .card-select {float:none; width:auto; margin-left:0;}
	.app-info-wrap .payment-wrap .payment-body.card .card-select:first-child {margin-left:0;}
	.app-info-wrap .payment-wrap .payment-body.card .card-select .input-select {width:100%; }

	.app-info-wrap .payment-wrap .payment-body.cash p {font-size:11px;}
	.app-info-wrap .payment-wrap .payment-body.cash .cash-select {float:none; width:auto; margin-left:0;}
	.app-info-wrap .payment-wrap .payment-body.cash .cash-select:first-child {margin-left:0;}
	.app-info-wrap .payment-wrap .payment-body.cash .cash-select .input-select {width:100%; }
	.app-info-wrap .payment-wrap .payment-body.cash .input-text .i-text {width:100%;}

	.app-info-wrap .payment-wrap .cashreceipt-body .cashreceipt-type {padding-bottom:13px;}
	.app-info-wrap .payment-wrap .cashreceipt-con {margin-top:0;}
	.app-info-wrap .payment-wrap .cashreceipt-con .select-wrap {float:none; width:auto;}
	.app-info-wrap .payment-wrap .cashreceipt-con .select-wrap .input-select {width:100%;}
	.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap {float:none; min-height:0; display:table; width:100%; padding-bottom:15px; margin-top:10px; margin-left:0;}
	.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap > div {float:none;  padding-left:6px; display:table-cell; vertical-align:top; width:33.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap > div:first-child {padding-left:0;}
	.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap > div:last-child {width:33.6%; }
	.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap .select-wrap {width:33.2%;}
	.app-info-wrap .payment-wrap .cashreceipt-con .hp-wrap .input-text .i-text {width:100%; }
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap {float:none; min-height:0; display:table; width:100%; padding-bottom:15px; margin-top:10px; margin-left:0;}
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div {float:none; display:table-cell; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div:nth-child(2),
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div:nth-child(4),
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div:nth-child(6) {width:12px; }
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div > em {display:block; width:12px; height:30px; line-height:30px; font-size:11px; text-align:center; }
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap > div:first-child + div > em {width:11px; }
	.app-info-wrap .payment-wrap .cashreceipt-con .card-wrap .input-text .i-text {width:100%;}
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap {margin-top:10px; display:table; width:100%;}
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div {float:none; display:table-cell; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div:nth-child(2),
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div:nth-child(4) {width:12px; }
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div:nth-child(1) {width:25%;}
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div:nth-child(3) {width:20%;}
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap > div > em {display:block; width:12px; height:30px; line-height:30px; font-size:11px; text-align:center; }
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap .input-text .i-text {width:100%;}
	.app-info-wrap .payment-wrap .cashreceipt-con .none-wrap .input-text .i-text.last {width:100%;}


	.app-info-wrap .payment-wrap .order .section .btn.large {width:100%; position:relative; bottom:0; left:0; margin-left:0;  }
	.app-info-wrap .payment-wrap .order .breakdown li {padding:9px 0;}
	.app-info-wrap .payment-wrap .order .breakdown li .label {left:0; top:9px; font-size:12px; }
	.app-info-wrap .payment-wrap .order .breakdown li.total {padding:14px 0 0 0; border-bottom:none; font-size:14px;}
	.app-info-wrap .payment-wrap .order .breakdown li.total .label {font-size:14px; top:14px;  }
	.app-info-wrap .payment-wrap .order .agree {padding:0 0 15px 0; margin:5px 0 0 0; font-size:11px; border-bottom:1px solid #ddd; }
	.app-info-wrap .payment-wrap .order .btn.large {margin-top:15px; }

	.app-info-txt-box {border:0; margin:10px 15px 0 15px; padding:0; font-size:11px; line-height:15px; color:#888;  }
	.app-info-txt-box strong {color:#333; display:block; margin-bottom:5px; }
	.app-info-txt-box span {display:inline-block; *display:inline; zoom:1; padding-left:0px; }

	.app-info-wrap .foot-btn {margin:15px 15px 0 15px; text-align:center; }
	.app-info-wrap .foot-btn .btn {width:100%; position: relative; left: 0; align-content: center;}

	/* 진행중인 클래스 : view-type1 */
	.class-view-page {padding-bottom:50px; }
	.class-view-page .page-title {font-size:12px; font-family: 'Nanum Gothic'; padding:0 38px 0 38px; text-align:center; border-bottom:none; font-weight:normal; margin-bottom:0;}
	.class-view-page .class-title {font-size:16px; font-weight:normal; font-family: 'Nanum Gothic Bold'; text-align:center;  padding:13px 15px 0 15px; border-bottom:none }
	.class-info-wrap {margin-top:20px;}
	.class-info-wrap h5 {font-size:16px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; font-weight:normal; margin-bottom:10px; }
	.class-info-wrap .sns-ctrl-btn {position:absolute; top:0; right:10px;}
	.class-info-wrap .sns-ctrl-btn .btn-share {display:block; width:20px; height:17px; background:url(../images/event/btn_mob_share.png) no-repeat; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%; text-indent:-999px; overflow:hidden;}
	.class-info-wrap .sns-share {display:none; top:25px; right:-10px; width:100%; background:#333; padding:15px 10px; text-align:center; z-index:10; overflow:visible}
	.class-info-wrap .sns-share:before {display:block; content:''; width:12px; height:6px; position:absolute; top:-6px; right:25px; background:url(../images/event/ic_arr_up.png) no-repeat; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%}
	.class-info-wrap .sns-share a {display:inline-block; width:38px; height:38px; float:none; -webkit-background-size:40px auto; -moz-background-size:40px auto; background-size:40px auto;}
	.class-info-wrap .sns-share a + a {margin-left:15px}
	.class-info-wrap .sns-share .btn-fb {background-position:0 -40px}
	.class-info-wrap .sns-share .btn-twt {background-position:0 -78px}
	.class-info-wrap .sns-share .btn-ks  {background-position:0 -116px}
	.class-info-wrap .sns-share .btn-link {background-position:0 -154px}
	.class-info-wrap .sns-share .btn-kat {display:inline-block; background-position:0 -192px}

	.class-info-wrap .summary-info {overflow:hidden; padding-bottom:0; }
	.class-info-wrap .summary-info .class-img {float:none; width:auto; padding-top:0; height:256px;overflow:hidden}
	.class-info-wrap .summary-info .class-img img {width:100%; height:auto; }
	.class-info-wrap .summary-info .info-con-wrap {float:none; width:auto; margin:20px 15px 30px 15px;}
	.class-info-wrap .summary-info .row-tbl-lst {width:100%; border-top:1px solid #666; border-bottom:1px solid #ddd;}
	.class-info-wrap .summary-info .row-tbl-lst th {width:65px; height:25px; border-bottom:none;  font-size:12px;}
	.class-info-wrap .summary-info .row-tbl-lst td {height:25px; border-bottom:none; font-size:12px; }
	.class-info-wrap .summary-info .row-tbl-lst tr:first-child th {padding-top:9px; }
	.class-info-wrap .summary-info .row-tbl-lst tr:first-child td {padding-top:9px; }
	.class-info-wrap .summary-info .row-tbl-lst tr:last-child th {padding-bottom:9px; }
	.class-info-wrap .summary-info .row-tbl-lst tr:last-child td {padding-bottom:9px; }
	.class-info-wrap .summary-info .row-tbl-lst .btn.xsmall {background:#f5f5f5; border:1px solid #666; position: relative;}
	.class-info-wrap .summary-info .row-tbl-lst .idot {display:inline-block; padding-left:9px; margin-left:10px; }
	.class-info-wrap .summary-info .row-tbl-lst .vt th,
	.class-info-wrap .summary-info .row-tbl-lst .vt td {vertical-align:top; height:auto; padding-top:5px;}
	.class-info-wrap .summary-info.combine .row-tbl-lst .vt th,
	.class-info-wrap .summary-info.combine .row-tbl-lst .vt td {line-height:120%}
	.class-info-wrap .summary-info.combine .row-tbl-lst .vt .idot {background-position:0 6px}
	.class-info-wrap .summary-info .row-tbl-lst .line1 {white-space:inherit; overflow:inherit; text-overflow:inherit;  line-height:16px; }

	.class-info-wrap .summary-info.combine {margin:0 15px;}
	.class-info-wrap .summary-info.combine .row-tbl-lst,
	.class-info-wrap .summary-info.combine .row-tbl-lst tbody {display:block}
	.class-info-wrap .summary-info.combine .row-tbl-lst {padding:10px 0; border-bottom:1px solid #ddd}
	.class-info-wrap .summary-info.combine .row-tbl-lst tr {display:list-item; list-style:none; position:relative; overflow:hidden;}
	.class-info-wrap .summary-info.combine .row-tbl-lst th,
	.class-info-wrap .summary-info.combine .row-tbl-lst td {display:block; float:left; border:none; height:auto; line-height:24px}
	.class-info-wrap .summary-info.combine .row-tbl-lst th {width:22.5%; text-align:left; box-sizing:border-box}
	.class-info-wrap .summary-info.combine .row-tbl-lst th .idot {background-position:0 11px}
	.class-info-wrap .summary-info.combine .row-tbl-lst td {width:77.5%}
	.class-info-wrap .summary-info.combine .row-tbl-lst tr:first-child th {padding-top:0 }
	.class-info-wrap .summary-info.combine .row-tbl-lst tr:first-child td {padding-top:0; }
	.class-info-wrap .summary-info.combine .row-tbl-lst tr:last-child th {padding-bottom:0; }
	.class-info-wrap .summary-info.combine .row-tbl-lst tr:last-child td {padding-bottom:0; }

	.class-info-wrap .summary-info .btn-area {padding:15px 0 0 0; text-align:center; }
	.class-info-wrap .summary-info .btn-area .btn {width:110px; text-align:center; position: relative;}
	.class-info-wrap .teacher-info {border-left:none; border-right:none; padding:44px 15px 15px 15px; min-height:0; }
	.class-info-wrap .teacher-info .thumb {position:relative; top:0; left:0; text-align:center; border:0; }
	.class-info-wrap .teacher-info .thumb {width:auto; height:auto;}
	.class-info-wrap .teacher-info .thumb img {width:113px; height:113px; border:1px solid #ddd;}
	.class-info-wrap .teacher-info h5 {margin-bottom:15px; position:absolute; top:15px; left:15px; font-size:16px; }
	.class-info-wrap .teacher-info dt {text-align:center; padding:13px 0;}
	.class-info-wrap .teacher-info dt span {font-size:12px; }
	.class-info-wrap .teacher-info dt span + span {font-size:13px; color:#333; }
	.class-info-wrap .teacher-info dd {font-size:11px; line-height:15px; padding-top:0px; }
	.class-info-wrap .teacher-info dd * {font-size:11px; line-height:15px; }
	.class-info-wrap .detail-info {margin-top:30px; }
	.class-info-wrap .detail-info h5 {margin-left:15px;}
	.class-info-wrap .detail-info img {width:100%;}
	.class-info-wrap .detail-info + .btn-wrap {padding-top:15px; }
	.class-info-wrap .curriculum {margin-top:30px; padding:0 15px;}
	.class-info-wrap .curriculum h5 {margin-bottom:0; padding-bottom:10px; border-bottom:1px solid #666; }
	.class-info-wrap .curriculum .tbl-lst {border-top:0;}
	.class-info-wrap .curriculum .tbl-lst td {font-size:11px; }
	.class-info-wrap .curriculum .tbl-lst td:nth-child(3) {width:70px; text-align:left; vertical-align:top; }
	.class-info-wrap .curriculum .tbl-lst .class-item * {text-align:left; font-size:11px; color:#666; }
	.class-info-wrap .curriculum .tbl-lst .class-item .title {font-size:13px; line-height:20px;padding-bottom:3px; font-family: 'Nanum Gothic Bold';}
	.class-info-wrap .curriculum .tbl-lst .class-item .m-date {padding-bottom:5px; }
	.class-info-wrap .curriculum .tbl-lst .class-item .m-date span {color:#121212; display:inline-block; }
	.class-info-wrap .curriculum .tbl-lst .class-item .m-date span + span {color:#666; margin-left:9px; }
	.class-info-wrap .curriculum .tbl-lst .thumb{width:58px; height:49px;overflow:hidden}
	.class-info-wrap .curriculum .tbl-lst .thumb img {width:100%; border:1px solid #ddd}

	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info {position:relative; text-align:left; padding-left:69px; margin-left:0; min-height:50px; margin-top:13px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .m-date {margin-bottom:14px; font-size:11px; color:#666; position:relative; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .m-date * {display:inline-block; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .m-date strong {font-size:13px; color:#121212; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .m-date span {margin-left:10px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .m-date em {color:#333; position:absolute; top:0; right:0; }

	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info .thumb img {width:57px; height:49px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info.no-img {min-height:0; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info.no-img ul:first-child {margin-top:0; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info.no-img dl:first-child {margin-top:0; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .m-date + .tour-info {margin-top:0; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info .thumb {position:absolute; top:0; left:0; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info .thumb + dl {margin-top:0; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .tour-info .thumb + ul {margin-top:0; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .time-plan {margin-top:13px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .time-plan li {font-size:11px; line-height:16px; margin-top:7px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .time-plan li:first-child {margin-top:0;}
	.class-info-wrap .curriculum .tbl-lst .tour-item .guide-info {margin-top:13px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .guide-info dt {font-size:13px; line-height:18px; padding-bottom:2px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .guide-info dd {font-size:11px; line-height:16px; color:#888; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .hotel-info {padding-left:50px; min-height:35px; background:url('../images/class/icon_hotel_m.png') 0 0 no-repeat; background-size:35px 35px; margin-top:13px;}
	.class-info-wrap .curriculum .tbl-lst .tour-item .hotel-info dt {font-size:13px; font-family:'NanumGothicBold', 'Nanum Gothic Bold'; padding-bottom:5px; }
	.class-info-wrap .curriculum .tbl-lst .tour-item .hotel-info dd {font-size:11px; line-height:16px; color:#888;}
	.class-info-wrap .foot-btn {font-size:0; text-align:left; padding:15px 0 30px 0; overflow:hidden; margin:0 15px; }

	.class-info-wrap .foot-btn .btn {width:49%; margin-left:0; float:right; text-align:center; position: relative;}
	.class-info-wrap .foot-btn .btn:first-child {margin-left:0; float:left; }
	.class-info-wrap .foot-btn .btn.full{width:100%; position: relative;}
	.class-view-page .orther-article {background:#fff; padding:0 0 0 0; margin:0 15px; }
	.class-view-page .orther-article h5 {font-size:16px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #666; }
	.class-view-page .orther-article ul {overflow:hidden; }
	.class-view-page .orther-article ul li {width:auto; float:none; padding-left:0; border:1px solid #ddd; margin-top:15px; padding-bottom:20px; }
	.class-view-page .orther-article ul li:first-child {margin-top:0; }
	.class-view-page .orther-article ul li .thumb img {width:100%; height:auto; border:0; }
	.class-view-page .orther-article ul li:first-child {padding-left:0; }
	.class-view-page .orther-article ul li .title {padding:15px 15px 10px 15px; font-size:18px; line-height:22px; }
	.class-view-page .orther-article ul li .info {padding:0 15px 17px 15px;}
	.class-view-page .orther-article ul li .info span {display:inline-block; *display:inline; zoom:1; font-size:12px; color:#666; }
	.class-view-page .orther-article ul li .info span + span {margin-left:10px; padding-left:11px; background:url('../images/class/img_hline.png') 0 2px no-repeat; }
	.class-view-page .orther-article ul li .summary {padding:0 15px; font-size:12px; line-height:17px; color:#888; }

	.class-view-page .tip-box {padding:30px 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.class-view-page .tip-box .tab-type1 .col3 li {width:33%}
	.class-view-page .tip-box .tab-type1 .col3 li:first-child {width:34%; }
	.class-view-page .tip-box .section {padding:15px 0 10px 0; border-bottom:1px solid #ddd; }
	.class-view-page .tip-box .section li {font-size:11px; line-height:16px; color:#888; padding-left:8px; background:url('../images/class/icon_tip_dot.png') 0 5px no-repeat; margin-top:10px; }
	.class-view-page .tip-box .section li:first-child {margin-top:0; }

	.class-view-page .comment-field {margin:30px 15px 0 15px; }
	.class-view-page .comment-wrapper {margin-left:15px; margin-right:15px; margin-top:0; }
	.class-view-page .comment-cnt {padding-bottom:10px;}
	.class .comment-field .text-area {padding-bottom:5px; }

	/* 신청완료 */
	.class .wrap {width:100%;}
	.class .wrap .complete {padding:25px 15px;}
	.complete .order-reslut-msg-box strong {font-size:12px; line-height:15px; color:#ff4c2f; font-weight:normal; font-family:'Nanum Gothic Bold';}
	.complete .order-reslut-msg-box {background:#f9f9f9; padding:0;  font-size:12px; line-height:15px; height:77px; display:table; width:100%;  }
	.complete .order-reslut-msg-box > div {display:table-cell; vertical-align:middle; line-height:15px; font-size:12px; }
	.complete .order-reslut-msg-box p.line1 {font-size:12px; padding:0; }
	.complete .order-reslut-msg-box + .section {margin-top:30px; }

	.complete h3 {margin-bottom:10px;line-height:15px; font-size:15px; color:#333;}
	.complete .section {margin-top:30px; }
	.complete .form-type1 {margin:0; }
	.complete .form-type1 .col2 th {width:82px; }
	.complete .tbl-lst * {font-size:12px; }
	.complete .tbl-lst .product-item {padding:0 0 0 82px;}
	.complete .tbl-lst .product-item .thum {position:absolute; top:0; left:0;width:58px; height:48px;}
	.complete .tbl-lst .product-item .thum a {width:58px; height:48px; overflow:hidden;}
	.complete .tbl-lst .product-item .thum a img {width:58px; height:48px;}
	.complete .tbl-lst .product-item .info * {font-size:12px; line-height:17px; }
	.complete .tbl-lst .product-item .info .class-name {font-weight:bold; font-size:14px; line-height:17px; font-family: 'Nanum Gothic';}
	.complete .tbl-lst .product-item .info .badge {width:36px; height:12px; overflow:hidden;margin-bottom:3px; display:inline-block;}
	.complete .tbl-lst .product-item .info .badge:after {display:block; content:""; clear:both;}
	.complete .tbl-lst .product-item .info .badge img {float:left; width:36px; height:12px;}
	.complete .tbl-lst .product-item .info span {font-size:12px; line-height:17px; color:#333; margin:0; }
	.complete .tbl-lst .product-item .m-date {font-weight:bold; font-size:12px; line-height:17px; }
	.complete .tbl-lst .product-item .m-state {font-size:12px; line-height:17px; }
	.complete .tbl-lst .normal-price {margin-top:5px; }

	.complete .btn-area {margin:20px 0 0 0;}
	.complete .form-foot .btn.full{width:100%}

	/* 스페셜 리뷰 */
	/* .con-body.bg-gray + .con-body.bg-mob-gray {margin-top:-30px;} */
	.con-body.bg-gray + .con-body.bg-mob-gray .class-list-wrap {padding-top:0}
	.con-body.bg-gray + .con-body.bg-mob-gray .class-list-wrap.pat50 {padding-top:20px}
	.special-best-review {margin-top:0px; padding:0 15px}
	.special-best-review ul {overflow:hidden;}
	.special-best-review li {width:auto; margin:15px 0 0; float:none}
	.special-best-review li:first-child {margin:0}
	.special-best-review .head-area{position:relative;}
	.special-best-review .pic-area {position:relative; height:auto; width:100%; overflow:hidden;}
	.special-best-review .pic-area img {width:100%;}
	.special-best-review .icon-best {top:100%; right:15px; margin-top:-23px; background:url(../images/class/icon_review_mob_best.png) no-repeat; width:46px; height:46px; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%;}
	.special-best-review .cont-area {padding:15px; height:auto;}
	.special-best-review .cont-area .title {font-size:18px; line-height:22px; white-space:normal; overflow:visible;}
	.special-best-review .cont-area .info-con {margin-top:10px; font-size:11px;}
	.special-best-review .cont-area .txt-con {font-size:13px; margin-top:12px; line-height:17px; height:auto}

	/* url 공유 */
	.class-info-wrap .sns-share .url-share {padding:0 10px; display:inline-block; float:none; width:100%; text-indent:0; background:none; position:static; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display:none;}
	.class-info-wrap .sns-share .url-share em {display:none; }
	.class-info-wrap .sns-share .url-share .url-cont {padding:0; display:block; float:none; width:100%; background:none; text-indent:auto; border:none; position:relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.class-info-wrap .sns-share .url-share .url-cont input {padding:0 10px; width:100%; height:40px; border:none; color:#666; font-size:12px; background:none; text-indent: 0; background:#fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.class-info-wrap .sns-share .url-share .url-cont input:disabled {color:#666; opacity:1; }
	.class-info-wrap .sns-share .url-share .url-cont button {margin-left:6px; width:50px; height:40px; border:none; background:#5b5b5b; color:#fff; font-size:12px; text-indent: 0; position:absolute; top:0; right:0;}
	.class-info-wrap .sns-share .url-share .url-txt{color:#fff}

	#content.main {padding-top:0; }
	.dh-main-top {position:relative; width:auto; height:360px; overflow:hidden;}
	.dh-main-top .bx-item img{display:block}
	.dh-main-top .page-control {position:absolute; bottom:0; top:135px; left:50%; margin-left:-30px; z-index:10; overflow:hidden;}
	.dh-main-top .page-control a {display:block; float:left; width:10px; height:10px; background:url(../images/class/icon_page_navi_mob.png) no-repeat 2px -12px; background-size:auto 20px;margin-right:4px; text-indent:-999px; overflow:hidden;}
	.dh-main-top .page-control a:first-child {margin-left:0}
	.dh-main-top .page-control a.active {background-position:0 1px; width:19px; }
	.dh-main-top .main-slide {overflow:hidden; position:relative; height:360px; }
	.dh-main-top .main-slide .img {width:auto; height:200px; float:none; overflow:hidden;}
	.dh-main-top .main-slide .img img {width:100%; height:auto; min-height:200px;  }
	.dh-main-top .main-slide .aside {width:100%; height:auto; float:none; background:none; padding:0; position:absolute; bottom:0; left:0; }
	.dh-main-top .main-slide .aside .aside-body {margin:0 15px; text-align:center; background:#fff; padding:20px 0 20px 0; height:165px; position:relative; }
	.dh-main-top .main-slide .aside em {font-size:10px; font-family:'Tahoma'; font-weight:bold; display:inline-block; padding-left:0; }
	.dh-main-top .main-slide .aside h2 {font-size:18px; line-height:23px; font-weight:normal; padding-top:10px; padding-bottom:15px; }
	.dh-main-top .main-slide .aside .txt {fon-size:11px; line-height:17px; color:#888; padding:0 15px;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical;  word-wrap:break-word;
	}
	.dh-main-top .main-slide .aside .logo {position:relative; bottom:0; left:0; text-align:center; padding-top:20px; margin:0 45px; }
	.dh-main-top .main-slide .aside .logo img {display:inline-block; }
	.dh-main-top .main-slide .aside .btn-sns {position:absolute; top:172px; right:15px; }
	.main .btn-sns {display:inline-block; *display:inline; *zoom:1; width:18px; height:15px; background:url('../images/class/btn_m_share.png') 0 0 no-repeat; background-size:18px auto;}

	.main-sort-box {width:auto; margin:0 15px; position:relative; box-shadow:-1px 1px 2px #edeaea}
	.main-sort-box .sort-box-wrap {border:1px solid #dadada; background:#fff; margin:15px 0; height:35px;}
	.main-sort-box .solt-type {float:left; width:46%}
	.main-sort-box .solt-type:first-child{width:18%}
	.main-sort-box .solt-type:last-child {width:36%; }
	.main-sort-box .solt-type a {display:block; height:35px; line-height:35px; border-left:1px solid #f7f7f7; font-size:11px ;padding-right:15px}
	.main-sort-box .solt-type .active a {background:#333; color:#fff; }
	.main-sort-box .solt-type:first-child a {width:auto; text-align:left; padding-left:7px; border-left:none; }
	.main-sort-box .solt-type.open dt {display:block; }
	.main-sort-box .solt-type dt a {padding-left:7px; position:relative; }
	.main-sort-box .solt-type dt a:after {content:''; display:block; width:11px; height:6px; background:url('../images/class/bg_m_cate_arrow.png') 0 0 no-repeat; background-size:11px auto; position:absolute; top:15px; right:8px; }
	.main-sort-box .solt-type dt.active a:after {background:url('../images/class/bg_m_cate_arrow.png') 0 100% no-repeat; background-size:11px auto; }
	.main-sort-box .solt-type.open dd {display:none; position:absolute; top:42px; left:0; width:100%; z-index:20;  box-shadow:-1px 1px 2px #edeaea}
	.main-sort-box .solt-type.open .active + dd {display:block; }
	.main-sort-box .solt-type.open ul {overflow:hidden; background:#fff; border:1px solid #f7f7f7; }
	.main-sort-box .solt-type.open ul > li {float:left; width:50%; border-top:1px solid #f7f7f7; }
	.main-sort-box .solt-type.open ul > li:nth-child(1), .main-sort-box .solt-type.open ul > li:nth-child(2) {border-top:0;}
	.main-sort-box .solt-type.open ul > li > a {display:block; font-size:11px; height:40px; line-height:40px; font-family: 'Nanum Gothic'; padding:0 0 0 15px; background:none; color:#666; }
	.main-sort-box .solt-type.open ul > li.active a {color:#fff; }
	.main-sort-box .solt-type.close dl {width:auto; position:static; }
	.main-sort-box .solt-type.close dt a {background:none; padding-left:7px; display:block; }
	.main-sort-box .solt-type.close dt a strong {font-weight:normal; }
	.main-sort-box .solt-type.close dt a:after {content:''; display:block; width:11px; height:6px; background:url('../images/class/bg_m_cate_arrow.png') 0 0 no-repeat; background-size:11px auto; position:absolute; top:15px; right:8px; }
	.main-sort-box .solt-type.close dt.active a {background:#333; }
	.main-sort-box .solt-type.close dt.active a * {color:#fff; }
	.main-sort-box .solt-type.close dt.active a:after {background:url('../images/class/bg_m_cate_arrow.png') 0 100% no-repeat; background-size:11px auto; }
	.main-sort-box .solt-type.close dd {position:absolute; top:42px; right:0; left:0; z-index:20; background:#fff; border:1px solid #f7f7f7; width:100%;  box-shadow:-1px 1px 2px #edeaea; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:none; }
	.main-sort-box .solt-type.close .active + dd {display:block; }
	.main-sort-box .solt-type.close dd ul {overflow:hidden; border:1px solid #f7f7f7; border-bottom:0 none;}
	.main-sort-box .solt-type.close dd li {height:40px; line-height:40px; border-top:0 none;border-bottom:1px solid #f7f7f7; padding-left:15px; width:50%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.main-sort-box .solt-type.close dd li:nth-child(1n) {border-right:1px solid #f7f7f7; }
	.main-sort-box .solt-type.close dd li label {font-size:12px; font-family: 'Nanum Gothic'; color:#666; padding-left:25px; }
	.main-sort-box .solt-type.close dd li:first-child, .main-sort-box .solt-type.close dd li:nth-child(2) {border-top:0; }
	.main-sort-box .solt-type.close dd .foot-btn {margin-top:-1px;text-align:center;border:1px solid #f7f7f7;}
	.main-sort-box .solt-type.close dd .foot-btn .btn-ok {height:39px; width:100%; background:url(../images/class/btn_mgz_chk_ok_m.png) 50% 50% no-repeat #fff; background-size:78px auto; border-top:none;}
	.main-sort-box .solt-type.close dd .foot-btn .btn-set {height:30px; display:inline-block; background:url(../images/class/icon_cate_set_m.png) 0 50% no-repeat #fff; background-size:auto 9px; padding-left:22px; font-size:15px; font-family:'Nanum Gothic'; border-top:none; }
	.main-sort-box .solt-type.close dd .no-list {padding:65px 0 28px 0; text-align:center; background:url(../images/class/img_cate_nolist_m.png) 50% 26px no-repeat; background-size:26px auto; }
	.main-sort-box .solt-type.close dd .no-list + .foot-btn {padding-bottom:24px; }
	.main-sort-box .solt-type.close dd .no-list p {color:#666; font-size:12px; font-family:'Nanum Gothic'; line-height:18px; }

	.class-info-wrap .sns-share {display:none; top:25px; right:-10px; width:100%; background:#333; padding:15px 10px; text-align:center; z-index:10; overflow:visible}
	.class-info-wrap .sns-share:before {display:block; content:''; width:12px; height:6px; position:absolute; top:-6px; right:25px; background:url(../images/event/ic_arr_up.png) no-repeat; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%}
	.class-info-wrap .sns-share a {display:inline-block; width:38px; height:38px; float:none; -webkit-background-size:40px auto; -moz-background-size:40px auto; background-size:40px auto;}
	.class-info-wrap .sns-share a + a {margin-left:15px}
	.class-info-wrap .sns-share .btn-fb {background-position:0 -40px}
	.class-info-wrap .sns-share .btn-twt {background-position:0 -78px}
	.class-info-wrap .sns-share .btn-ks  {background-position:0 -116px}
	.class-info-wrap .sns-share .btn-link {background-position:0 -154px}

	.main-sns-pop {position:absolute; top:0; left:0; z-index:500; width:100%; height:100%; background:url('../images/common/bg_opacity70.png'); display:none; }
	.main-sns-pop .sns-share {position:absolute; top:45%; left:0; width:100%; text-align:center; font-size:0; height:38px; margin-top:-19px; z-index:10; }
	.main-sns-pop .sns-share a {display:inline-block; *display:inline; *zoom:1; width:38px; height:38px; background:url('../images/common/btn_sns_share.png') 0 -40px no-repeat; margin-left:10px; -webkit-background-size:40px auto; -moz-background-size:40px auto; background-size:40px auto;}
	.main-sns-pop .sns-share a:hover {background:url('../images/common/btn_sns_share.png') no-repeat; background-position:0 -40px; -webkit-background-size:40px auto; -moz-background-size:40px auto; background-size:40px auto;}
	.main-sns-pop .sns-share a:first-child {margin-left:0; }
	.main-sns-pop .sns-share a.btn-twt {background-position:0 -78px}
	.main-sns-pop .sns-share a.btn-twt:hover {background-position:0 -78px}
	.main-sns-pop .sns-share a.btn-ks {background-position:0 -116px}
	.main-sns-pop .sns-share a.btn-ks:hover {background-position:0 -116px }
	.main-sns-pop .sns-share a.btn-link {background-position:0 -154px }
	.main-sns-pop .sns-share a.btn-link:hover {background-position:0 -154px }
	.main-sns-pop .sns-share a.btn-link.active {background-position:0 -154px; }
	.main-sns-pop .sns-share a.btn-kat {display:inline-block; background-position:0 -192px}
	.main-sns-pop .url-share {width:100%; height:auto; background:none; position:absolute; top:56px; left:0; margin-left:0; display:none; }
	.main-sns-pop .url-share .url-cont {overflow:hidden; width:auto; padding:0 8px 0  8px; margin:0 auto; position:relative; }
	.main-sns-pop .url-share .url-cont input {width:100%; height:40px; border:1px solid #d9d9d9; color:#666; line-height:40px; padding-left:9px; float:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.main-sns-pop .url-share .url-cont button {height:40px; width:50px; line-height:40px; background:#aaaaaa; color:#fff; text-align:center; float:none; font-family: 'Nanum Gothic'; position:absolute; top:0; right:8px; }
	.main-sns-pop .url-share .url-txt{color:#fff}
	.main-sns-pop .close-btn {width:15px; height:15px; display:block; position:absolute; top:20px; right:20px; background:url('../images/class/btn_pop_close.png') no-repeat; background-size:15px 15px; }

	/* 클래스투어 소개 */
	.class-intro{padding-bottom:40px}
	.class-intro-header{padding-top:28px}
	.class-intro .wrap{padding:0 15px;width:auto}
	.class-intro-header h3{float:none;width:201px;height:64px;background: url(../images/class/img_intro1_mob.png) no-repeat;background-size:201px auto;margin:0 auto}
	.class-intro-header .summary{float:none;width:auto;height:auto;padding-bottom:24px;text-align:center;font-size:10px;line-height:16px}
	.class-intro-cont{padding-top:0}
	.class-intro-cont .cont-block h4{width:200px;height:60px;background: url(../images/class/sp_intro1_mob.png) no-repeat;background-size:200px auto}
	.class-intro-cont .cont-block{float:none;padding-left:0;padding-top:26px;width:auto}
	.class-intro-cont .cont-block p{font-size:10px;line-height:16px}
}