@charset "utf-8";
/******************************************************************************************************************************/
/********************************************************* ui-service *********************************************************/
/******************************************************************************************************************************/
/* 랜딩 타이틀 */
.landing-title .tit{display:flex; align-items: center; justify-content: space-between;}
.landing-title .sub-txt{margin-top:5px;}

/* 해시태그 리스트 */
.btnc-group-hashtag{display:flex; flex-wrap: wrap; align-items: center;}
.btnc-group-hashtag button{background-color:#F4F5F8; border-radius:20px; padding:2px 10px; margin-top:10px; margin-right:10px; pointer-events: none;}
.btnc-group-hashtag button:last-child{margin-right:0;}
.btnc-group-hashtag button:hover{background-color:#E2E2E2;}
.btnc-group-hashtag button .txt{font-size:12px;}

/* 좋아요, 즐겨찾기, 공유하기 */
.btn-heart{background-color:#fff;}
.btn-heart.lg{line-height:normal; min-width:auto; padding:0 10px;}
.btn-heart.lg .count{display:block; font-size:11px; margin-top:3px;}
.btn-heart.active svg{
    -webkit-animation: jello-vertical 0.9s both;
    animation: jello-vertical 0.9s both;
}
.btn-heart.active path{fill: #FF9525; stroke: #FF9525;}
.btn-heart.big{min-width:90px; border:1px solid #C6C6C6; padding:0 15px;}
.btn-heart.big > span{display:flex; align-items: center; justify-content: center;}
.btn-heart.big .count{display:inline-block; margin-top:0; margin-left:4px;}
.btn-heart.big.active{border:1px solid #FF9525;}
.btn-heart.big.bk {min-width:78px;border:1px solid #2c2c2c;}
.btn-heart.big.bk.active {border-color:#FF9525;}
.btn-heart.small{min-width:48px;border:1px solid #2c2c2c;}

.btn-favorit{background-color:#fff; border:1px solid #C6C6C6; position:relative;}
.btn-favorit > span{display:flex; align-items: center; justify-content: center;}
.btn-favorit .txt{margin-left:6px;}
.btn-favorit.small{min-width:48px;border:1px solid #2c2c2c;}
.btn-favorit.active svg{
    -webkit-animation: jello-vertical 0.9s both;
    animation: jello-vertical 0.9s both;
}
.btn-favorit.active path{fill: #FF9525; stroke:#FF9525;}
.btn-favorit.active{border-color:#FF9525;}
.btn-favorit .complete{display:none; font-size:13px; background-color:#E2E2E2; border-radius:3px; padding:8px; position:absolute; top:-30px; right:50%; transform:translateX(50%); white-space: nowrap;z-index:1;}

.btn-share{background-color:#fff; border:1px solid #C6C6C6; position:relative;}
.btn-share > span{display:flex; align-items: center; justify-content: center;}
.btn-share .txt{margin-left:4px;}
.btn-share .complete{display:none; font-size:13px; background-color:#E2E2E2; border-radius:3px; padding:8px; position:absolute; top:-30px; right:50%; transform:translateX(50%); white-space: nowrap;z-index:1;}
.btn-share.small{min-width:48px;border:1px solid #2c2c2c;}

@-webkit-keyframes jello-vertical {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(0.85, 1.25, 1);
        transform: scale3d(0.85, 1.25, 1);
    }
    40% {
        -webkit-transform: scale3d(1.25, 0.85, 1);
        transform: scale3d(1.25, 0.85, 1);
    }
    50% {
        -webkit-transform: scale3d(0.90, 1.15, 1);
        transform: scale3d(0.90, 1.15, 1);
    }
    65% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    75% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes jello-vertical {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(0.85, 1.25, 1);
        transform: scale3d(0.85, 1.25, 1);
    }
    40% {
        -webkit-transform: scale3d(1.25, 0.85, 1);
        transform: scale3d(1.25, 0.85, 1);
    }
    50% {
        -webkit-transform: scale3d(0.90, 1.15, 1);
        transform: scale3d(0.90, 1.15, 1);
    }
    65% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    75% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* aside - 랜딩페이지 */
.mobile-aside-landing{display:none;}
.aside-landing{width:440px; max-height:calc(100vh - 100px); background-color:#fff; border-radius:5px; padding:20px 25px; padding-bottom:25px; overflow-y: auto;border:1px solid #e2e2e2;}
.aside-landing .aside-body{margin-top:10px;}
.aside-landing .aside-body .tit{font-size:22px;}

.aside-landing .date{margin-top:20px;}
.aside-landing .head {font-size:12px;}
.aside-landing .date .txt.md{ position:relative;}
.aside-landing .date .term{position:absolute; right:0; bottom:1px; }

.aside-landing .btnc-group-hashtag{margin-top:10px;}

.aside-landing .btnc-group{display:flex; align-items: center; justify-content: space-between; margin-top:20px;}
.aside-landing .btnc-group .btnc{flex: 0 0 100px; padding:0;}
.aside-landing .btnc-group .left{display:flex; align-items: center;}
.aside-landing .btnc-group .left .btnc:last-child{margin-left:10px;}
.aside-landing .btn-view{width:100%; margin-top:10px;}

.mobile-purchase-area{display:none;}
.aside-landing .purchase-area{border-top:1px solid #E2E2E2; padding-top:20px; margin-top:20px;}

.aside-landing .btnc-type.btnc-type.ticket{display:flex; flex-wrap: wrap; justify-content: space-between;}
.aside-landing .btnc-type.btnc-type.ticket label{width:48.5%; margin:0;}
.aside-landing .btnc-type.btnc-type.ticket label:nth-child(2n){margin-left:10px;}
.aside-landing .btnc-type.btnc-type.ticket label:nth-child(n + 3){margin-top:10px;}
/* .aside-landing .btnc-type.btnc-type.ticket input+.ico:after{width:48.5%; height:100px;} */
.aside-landing .btnc-type.btnc-type.ticket input+.ico:after{width:100%; height:100%;}
.aside-landing .btnc-type.btnc-type.ticket .wrap{width:100%; height:100px; line-height: normal; text-align: left; background-color:#fff; padding:15px;}
.aside-landing .btnc-type.btnc-type.ticket input:checked ~ .wrap{background-color:#F8FCFF; color:#2c2c2c;}
.aside-landing .btnc-type.btnc-type.ticket input:checked ~ .wrap:before{display:none;}
.aside-landing .btnc-type.btnc-type.ticket .sales .txt.md{font-weight:normal;}
.aside-landing .btnc-type.btnc-type.ticket .remaining{margin-top:10px;}

.aside-landing .btnc-type.btnc-type.ticket .disabled{cursor:default;}
.aside-landing .btnc-type.btnc-type.ticket .disabled .wrap{border-color:#e2e2e2;}
.aside-landing .btnc-type.btnc-type.ticket .disabled .option,
.aside-landing .btnc-type.btnc-type.ticket .disabled .sales .txt{color:#c6c6c6;}

.aside-landing .purchase-area .purchase{display:none; margin-top:20px;}
.aside-landing .purchase-area .purchase .choice{background-color:#F4F5F8; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:15px 20px; padding-top:10px; margin-top:10px;}
.aside-landing .purchase-area .purchase .option{display:flex; align-items: center;}
.aside-landing .purchase-area .purchase .option .close {padding:4px 21px; margin:-30px -20px -20px auto;opacity:1;}
.aside-landing .purchase-area .purchase .option .close span {display:inline-block;width:11px;height:11px;background:url(/img/service/ico/ico_close-7880344dd32e1cd0515c9c95e5107dd3.svg) no-repeat center / 100% auto;}
.aside-landing .purchase-area .purchase .price{display:flex; flex-direction: column; align-items: flex-end;}
.aside-landing .purchase-area .purchase .price  .line-through{text-decoration: line-through;}

.aside-landing .purchase-area .purchase .btnc{width:100%; margin-top:20px;}

/* 프로필 */
.profile-wrap{display:flex; align-items: center;}
.profile-wrap .thum{flex:0 0 40px; height:40px; background:url(/img/common/temp/user_thumb-07fe23bb980c97c4279c137f8f73264b.jpg) no-repeat center / cover; border-radius: 10px;}
.profile-wrap .txt-box{flex:1; margin-left:8px;}
.profile-wrap.date .date{display:block; font-size:12px;}
.profile-wrap.owner .thum {position:relative;width:32px;height:32px;flex:0 0 32px;}
.profile-wrap.owner .thum .ico {width:16px;height:16px;background:url(/img/service/ico/ico_owner_mark-dd1d1551b0f346efe214b38240fda64e.svg) no-repeat center / 100% auto;display:inline-block;position:absolute;top:-3px;right:-6px;}
.profile-wrap.text{align-items: flex-start;}
.profile-wrap.text .thum{flex:0 0 42px; height:42px; background-size:cover !important;}
.profile-wrap.text .name{text-decoration: underline;}
.profile-wrap.text .txt:last-child{margin-top:3px;}
.profile-wrap.text .btnc{margin-left:10px;}

.profile-wrap.class{display:block;}
.profile-wrap.class a{display:inline-flex; align-items: center; cursor:pointer;}
.profile-wrap.class a:hover{text-decoration: none;}
.profile-wrap.class .thum{flex:0 0 32px; height:32px; background:url(/img/common/temp/user_thumb-07fe23bb980c97c4279c137f8f73264b.jpg) no-repeat center / cover; background-color:#e5e5e5; border-radius:10px;}
.profile-wrap.class .class-name{font-size:13px; padding-right:10px; margin-left:6px; position:relative; white-space: nowrap;}
.profile-wrap.class .class-name:after{content:""; display:block; width:6px; height:14px; background:url(/img/service/ico/ico_arrow_right_gy-d42addaf7be3dbe9c0ba0dbbad25b75e.svg) no-repeat center / 100% auto; position:absolute; right:0; top:50%; /*transform:translateY(-50%);*/margin-top:-6px;}

.profile-wrap.chat .thum{flex:0 0 48px; height:48px;}
.profile-wrap.chat .gray-1{font-size:12px;margin-top:1px;}
.profile-wrap.chat-bubble .bubble{flex:0 0 24px; align-self: flex-start; height:24px; background:url(/img/service/ico/ico_bubble-91de90a479916598ce24e96fe63fd9af.svg) no-repeat center / 100% auto;}
.profile-wrap.chat-bubble .bubble:hover{background-image: url(/img/service/ico/ico_bubble_on-d7c5dbf6fa9c897f999ee081d685c64e.svg);}

.profile-wrap.chat-message{align-items: stretch;}
.profile-wrap.chat-message .btn-next{flex:1; display:flex; align-items:stretch; justify-content: space-between;}
.profile-wrap.chat-message .name {_font-weight:bold;font-size:0.875rem;}
.profile-wrap.chat-message .message-box{display:flex; align-items: flex-end;}
.profile-wrap.chat-message .message{font-size:13px;margin-top:4px;}
.profile-wrap.chat-message .time{font-size:12px;margin-left:10px;}
.profile-wrap.chat-message .info{display:flex; flex-direction: column; align-items: flex-end; justify-content: space-between; margin-left:30px;}


.profile-wrap.chat-message .info .dropdown{display:flex; align-items: center;}
.profile-wrap.chat-message .info .dot{width:26px; min-width:auto; height:8px; background:url(/img/common/ico/ico_dot_hz-cfac93b2ae7cc16c8a05d44f999eb29b.svg) no-repeat center / 26px auto; padding:15px; margin-top:-5px;}
.profile-wrap.chat-message .info .dot:hover,
.profile-wrap.chat-message .info .dropdown.show .dot{background-image:url(/img/common/ico/ico_dot_hz_on-6b2fe100f121b68f61c82ebe5290a2cc.svg);}
.profile-wrap.chat-message .info .dot:after{display:none;}
.profile-wrap.chat-message .info .dropdown .dropdown-menu{min-width:100px;}
.profile-wrap.chat-message .info .dropdown .dropdown-menu .dropdown-item{padding:7px 20px; margin-left:0; position:relative;}
.profile-wrap.chat-message .info .dropdown .dropdown-menu .dropdown-item:hover{background-color:transparent; color:#F67A53;}
.profile-wrap.chat-message .info .dropdown .dropdown-menu .dropdown-item:before{content:""; display:inline-block; margin-right:4px; position:relative;}

.profile-wrap.chat-message .info .dropdown .dropdown-menu .dropdown-item.exit:before{width:15px; height:15px; background: url(/img/common/ico/ico_drop_exit-1f700fb67acd760c2db91f8219f04da1.svg) no-repeat center / 100% auto; position:relative; top:2px;}
.profile-wrap.chat-message .info .dropdown .dropdown-menu .dropdown-item:hover.exit:before{background-image: url(/img/common/ico/ico_drop_exit_on-dc07f0f84df30b88e85a2cd7a7aa9c85.svg);}

.profile-wrap.chat-message .info .dropdown .dropdown-menu .dropdown-item:hover:after{content:""; display:block; width:2px; height:30px; background-color:#F67A53; position:absolute; left:0; top:50%; transform:translateY(-50%);}


.profile-wrap.chat-message .info .message-count{min-width:18px; height:18px; line-height:18px; text-align:center; background-color:#FFA728; color:#fff; border-radius:20px;padding:0 4px;}

.profile-wrap.basic.sm {display:block;overflow:hidden;}
.profile-wrap.basic.sm .thum {width:24px;height:24px;border-radius:4px;float:left;}
.profile-wrap.basic.sm .txt-box {margin-left:7px;float:left;margin-top:3px;}


/* 세션&커리큘럼 리스트 */
.session-list-wrap .session-box:not(:first-child){margin-top:30px;}
.session-list-wrap .list-con{margin-top:6px;}
.session-list-wrap .session-items{border:1px solid #E2E2E2;}
.session-list-wrap .session-items:not(:first-child){border-top:none;}
.session-list-wrap .session-items .title{display:flex; align-items: center; justify-content: space-between;padding:20px; cursor:pointer;position:relative;}
.session-list-wrap .session-items .title:after{content:""; display:block; width:5px; height:100%; background-color:#ddd; position:absolute; right:0; top:0;}
.session-list-wrap .session-items.ing .title:after{background-color:#3FA8F4;}
.session-list-wrap .session-items .right{display:flex; align-items: center; margin-left:30px;}
.session-list-wrap .session-items .right .time{white-space: nowrap;}
.session-list-wrap .session-items .arrow{width:10px; height:7px; background:url(/img/service/ico/ico_list_arrow-90e475b55cdf200f0880eebd22e4a77a.svg) no-repeat center / 100% auto; margin-left:10px; transform:rotate(0deg); transition: all .5s;}

.session-list-wrap .session-items .title:hover {background-color:#f3f3f3;}
.session-list-wrap .session-items.ing .title:hover {background-color:rgba(63, 168, 244, 0.3);}

.session-list-wrap .announce-box{display:none;}
.session-list-wrap .announce-items{padding:14px 35px; padding-right:20px; border-top:1px solid #E2E2E2; position:relative;}
.session-list-wrap.viewpage .announce-items{cursor:pointer;}
.session-list-wrap.viewpage .announce-items:hover{background-color:#E2E2E2;}
.session-list-wrap .announce-items.ing{background-color:#EBF7FF !important; margin-right:0 !important;}
/* .session-list-wrap .announce-items.ing:after{content:""; display:block; width:5px; height:100%; background-color:#3FA8F4; position:absolute; right:0; top:0;} */
.session-list-wrap .announce-items .top,
.session-list-wrap .announce-items .bot{display:flex; align-items: flex-start; justify-content: space-between;}
.session-list-wrap .announce-items .bot{align-items: flex-end; margin-top:25px;}
.session-list-wrap .announce-items .bot .presenter{text-decoration: underline;}
.session-list-wrap .announce-items .bot .btnc-group{display:flex; width:auto; margin-left:30px;}
.session-list-wrap .announce-items .btn-tobe{display:inline-block; text-align:center; background-color:#d9e6f2; position:relative; cursor:pointer;}
.session-list-wrap .announce-items .btn-tobe span{color:#fff;}
.session-list-wrap .announce-items .btn-tobe .info{display:none; background-color:#E2E2E2; color:#2c2c2c; border-radius:3px; padding:8px; position:absolute; top:-30px; right:50%; transform:translateX(50%); white-space: nowrap;}

.session-list-wrap .session-items .arrow.active{transform:rotate(-180deg);}
.session-list-wrap .session-items .announce-box{background-color:#F7F7F7;}
.session-list-wrap .session-items.open .announce-box{display:block;}
.session-list-wrap .session-items.open .ing{margin-right:4px;}
.session-list-wrap .session-items.open .ing.dot{width:8px; height:8px; background-color: #3FA8F4; border-radius:100%;}
.session-list-wrap .session-items.open .ing .txt {font-weight:bold;}

.session-list-wrap.curriculum .announce-items .free{width:60px; height:24px; line-height:24px; text-align:center; font-size:12px; background-color:#2c2c2c; color:#fff; border-radius:4px; margin-right:15px;}
.session-list-wrap.curriculum .announce-items .check{width:15.23px; height:10.61px; background:url(/img/service/ico/ico_complete_check-f25eb12cf039d0ee3788c88f38be5309.svg) no-repeat center / 100% auto; margin-right:10px;}
.session-list-wrap.curriculum .announce-items.complete .check{background-image: url(/img/service/ico/ico_complete_check_on-e2e4fef26bb7bc32c850c9be55afe8c8.svg);}

/******************************************************************************************************************************/
/********************************************************* ui-service *********************************************************/
/******************************************************************************************************************************/

/* 레이아웃 */
.header-service{height:57px;}
.wrapper.service .content .main-service{padding:30px 0; padding-top:87px;}
.wrapper.service.class .content .main-service{padding-top:57px;}
.wrapper.service .main-service.pop-page{padding:30px !important; margin:0 auto;}
.wrapper.service .main-service.pop-page.w920{max-width:920px;}
.wrapper.service .main-service.pop-page.w640{max-width:640px;}
.wrapper.service .main-service.pop-page.w420{max-width:420px;}
.wrapper.mypage{min-height:calc(100vh - 165px);}

.header-service.intro{display:flex; align-items: center; border:none; position:static;}
.header-service.intro .content{width:100%;}

/* mobile display:none */
.mobile-header-service{height:57px; display:none;}
.mobile-header-aside,
.mobile-search-wrap,
.mobile-search-wrap .inner{display:none;}

/* 메인페이지 */
.wrapper.index .main-service, .wrapper.list .content .main-service{padding:80px 0; padding-top:0;}

.visual-banner .items a{display:block;}
.visual-banner .items a:hover{text-decoration:none;}
.visual-banner .items .content{display:flex; align-items: center; justify-content: space-between; height:445px;position:relative;}
.visual-banner .items .cover-left{margin-top:57px;}
.visual-banner .items .cover-left .tit{color:#fff;}
.visual-banner .items.black .cover-left .tit{color:#2C2C2C;}
.visual-banner .items .cover-left .accent{color:#FFCE00;}
.visual-banner .items .cover-left .s-txt{color:#fff; margin-top:8px;}
.visual-banner .items.black .cover-left .s-txt{color:#2C2C2C;}

.visual-banner .items.banner-1{background-color:#2165ee;}
.visual-banner .items.banner-2{background-color:#e5ebf9;}
.visual-banner .items.banner-3{background-color:#e9a42b;}
.visual-banner .items.banner-1 .content{background:url(/img/service/temp/banner_1-6c307789b5f40d3394c10db324247a80.png) no-repeat top 100px right / 420px auto;}
.visual-banner .items.banner-2 .content{background:url(/img/service/temp/banner_2-1eac520f8fc9547534aa1e3f53036842.png) no-repeat top 70px right / 420px auto;}
.visual-banner .items.banner-3 .content{background:url(/img/service/temp/banner_3-c99872e4b2dbe65b67c28673662f72fa.png) no-repeat bottom right / 550px auto;}

.visual-banner .slick-dots, .blurb .slick-dots{margin-top:0; position:absolute; bottom:20px;}

.wrapper.index .title-wrap, .blurb, .wrapper.index .sec.bg-gray{margin-top:130px;}
.wrapper.index .items-lst{margin-top:10px;}

.wrapper.index .sec.bg-gray{background-color:#FAFCFD; padding:30px 0; padding-bottom:50px; margin-top:0;}
.wrapper.index .sec.bg-gray.top .title-wrap{margin-top:0;}

/* 광고배너 */
.blurb{overflow:hidden;}
.blurb .items{height:200px;}
.blurb .items.banner-1{background:url(/img/service/temp/blurb_01-530d26ad0d15cfddfb9cd489f79b9df6.jpg) no-repeat center / cover;}
.blurb .items.banner-2{background:url(/img/service/temp/blurb_02-6ce0355f3e7b9c6eb7eb1e36e1fc8de0.jpg) no-repeat center / cover;}
.blurb .items.banner-3{background:url(/img/service/temp/blurb_03-28557e400c1e3bed08d6f1c3bb2f04fe.jpg) no-repeat center / cover;}

/* 리스트페이지 */
.wrapper.list .visual-banner .items .content{height:545px;}
.wrapper.list .visual-banner .items .cover-left .tit{font-size:42px; color:#2C2C2C;}
.wrapper.list .visual-banner .items.banner-1{background-color:#FAFCFD;}
.wrapper.list .visual-banner .items .cover-right{margin:0 !important;}

.wrapper.list .title-wrap, .blurb, .wrapper.list .sec.bg-gray{margin-top:130px;}
.wrapper.list .items-lst{margin-top:30px;}
.wrapper.list .title-wrap.filter + .items-lst{margin-top:10px;}

.wrapper.list.webinar .visual-banner .items.banner-1 .content{background:url(/img/service/bg/bg_webinar_list-9849d9ee8b950142d2da076d28d0cc6a.png) no-repeat bottom right / 640px auto;}
.wrapper.list.lecture .visual-banner .items.banner-1 .content{background:url(/img/service/bg/bg_lecture_list-d6fddba98255e9c44afca0ff1c39a685.png) no-repeat bottom right / 486px auto;}
.wrapper.list.live .visual-banner .items.banner-1 .content{background:url(/img/service/bg/bg_live_list-7e32fe729b9c6f15889bfd6fb51c64cc.png) no-repeat bottom right / 517px auto;}
.wrapper.list.class .visual-banner .items.banner-1 .content{background:url(/img/service/bg/bg_class_list-4c31963663d7a855f1bf3c3008105346.png) no-repeat bottom right / 483px auto;}

.wrapper.list .btn-more{margin:50px auto 0;}

.nav-search-result{background-color:#fff; border-bottom:1px solid #E2E2E2; margin-top:30px;}
.nav-search-result ul{display:flex; max-width:1200px; margin:0 auto;}
.nav-search-result li{padding-bottom:15px; position:relative;}
.nav-search-result a{display:block; text-align:center; padding:0 30px;}
.nav-search-result a:hover{text-decoration: none; color:#2c2c2c;}
.nav-search-result li.active:after{content:""; display:block; width:100%; height:3px; background-color:#2c2c2c; position:absolute; left:0; bottom:0;}
.nav-search-result li.active a{color:#2c2c2c;}

/* 소개페이지 */
.wrapper.intro .main-service{padding:80px 0; padding-top:57px;}
.wrapper.intro .intro-sec{padding:100px 0;}
.wrapper.intro .intro-sec.gray{background-color:#F2F4F6;}

.wrapper.intro .intro-sec .content{display:flex; align-items: center; justify-content: space-between;}
.wrapper.intro .intro-sec.reverce .content{display:flex; flex-direction: row-reverse;}
.wrapper.intro .intro-sec.block .content{display:block;}

.wrapper.intro .intro-sec.block .txt-box{text-align:center;}
.wrapper.intro .intro-sec .txt-box .title{font-size:48px;}
.wrapper.intro .intro-sec .txt-box .title,
.wrapper.intro .intro-sec .txt-box .title span{line-height:1.3;}
.wrapper.intro .intro-sec.medicamp .txt-box .title{line-height:1.4; font-size:52px;}
.wrapper.intro .intro-sec.subscribe .txt-box .title{font-size:36px;}
.wrapper.intro .intro-sec .txt-box .s-txt{line-height:1.7; margin-top:30px;}

.wrapper.intro .function-list{display:flex; flex-wrap: wrap; justify-content: center; width:660px; text-align:center; margin:0 auto;}
.wrapper.intro .function-list li{margin:0 50px;}
.wrapper.intro .function-list li:nth-child(n+4){margin-top:50px;}
.wrapper.intro .function-list li p{margin-top:20px;}


.wrapper.intro .intro-sec.medicamp .other{flex-basis:648px; height:519px; background:url(/img/service/bg/bg_intro_medicamp-54fa1c48a3133ddd55b705739e273c1a.png) no-repeat center / cover;}
.wrapper.intro .intro-sec.process .other{width:1092px; margin:0 auto;}
.wrapper.intro .intro-sec.process .other img{width:100%;}
.wrapper.intro .intro-sec.process .other .img-tablet,
.wrapper.intro .intro-sec.process .other .img-mobile{display:none;}
.wrapper.intro .intro-sec.block .other{margin-top:80px;}

/* 구독서비스 */
.subscribe-choice{display:flex; align-items: center; justify-content:center; overflow-x: auto;}
.subscribe-choice .items{flex-basis:264px; border:2px solid #E2E2E2; background-color:#fff; border-radius:1.3334em; padding:20px; margin:12px;}
.subscribe-choice .items .tit{text-align:center;}
.subscribe-choice .items .s-txt{text-align:center; border-bottom:1px solid #E2E2E2; padding-bottom:10px; margin-top:5px;}
.subscribe-choice .items .info{padding:10px;}
.subscribe-choice .items .info li{padding-left:20px; margin-top:15px; position:relative;}
.subscribe-choice .items .info li:before{content:""; width:14px; height:14px; background: url(/img/service/ico/ico_subscribe_chk-afa882eadf0e699ad8298eaa5b9b1165.svg) no-repeat center / 100% auto; position:absolute; left:0; top:4px;}
.subscribe-choice .items .btnc-group{margin-top:40px;}
.subscribe-choice .items .btnc-group .btnc{width:160px;}

/* 랜딩페이지 */
.landing-wrap{display:flex; align-items: flex-start; justify-content: space-between;}
.landing-wrap .landing-container{width:calc(100% - 460px); _background-color:#fafafa;}
.landing-wrap .landing-container .visual{width:100%; height:0; padding-bottom:56.25%; background-color:#F8F8F8; background-size: cover; margin-bottom:25px;}
.landing-wrap .nav-landing{background-color:#fff; z-index: 100;}
.landing-wrap .nav-landing ul{display:flex; max-width:1200px; border-bottom:1px solid #E2E2E2; margin:0 auto; overflow: auto;}
.landing-wrap .nav-landing li{height:56px; padding:17.5px 0; position:relative;}
.landing-wrap .nav-landing li:not(:last-child){margin-right:40px;}
.landing-wrap .nav-landing a{display:block; text-align:center; white-space: nowrap;}
.landing-wrap .nav-landing a:hover{text-decoration: none; color:#2c2c2c;}
.landing-wrap .nav-landing li.active:after{content:""; display:block; width:100%; height:3px; background-color:#2c2c2c; position:absolute; left:0; bottom:0;}
.landing-wrap .nav-landing li.active a{color:#2c2c2c;}
.landing-wrap article{_border-top:1px solid #E2E2E2; padding:80px 0;}
.landing-wrap article:nth-of-type(1){border-top:none; padding-top:20px;}
.landing-wrap article .landing-intro img{max-width:100%;}
.landing-wrap article .con{margin-top:20px;}

/* 팝업페이지 - 세션 */
.pop-page.track .info-wrap{display:flex;}
.pop-page.track .info-wrap > .thum{flex:0 0 390px; height:250px; background-color:#F8F8F8; background-size: cover !important;}
.pop-page.track .info-wrap .info{flex:1 0; background-color: #F4F5F8; padding:15px 20px;}
.pop-page.track .info-wrap .info .title{height:60px; font-size:20px; margin-top:10px; overflow: hidden;}
.pop-page.track .info-wrap .info .date{margin-top:15px;}
.pop-page.track .info-wrap .info .head{font-size:12px;}
.pop-page.track .info-wrap .info .term{margin-left:20px;}
.pop-page.track .info-wrap .info .btnc-group{display:flex; align-items: center; margin-top:20px;}
.pop-page.track .info-wrap .info .btnc-group .btnc:not(:first-child){margin-left:10px;}

.pop-page.track .days-wrap{margin-top:20px;}
.pop-page.track .days-wrap .days{display:flex; align-items: center; justify-content: space-between; background-color:#2c2c2c; padding-left:20px; margin-top:10px;}
.pop-page.track .days-wrap .days .text .day,
.pop-page.track .days-wrap .days .text .date{color:#fff;}
.pop-page.track .days-wrap .days .text .date{letter-spacing:.04em; margin-left:20px;}
.pop-page.track .days-wrap .days .btnc-group{width:auto;}
.pop-page.track .days-wrap .days .btnc-group .btnc{padding:0; margin-left:0;}
.pop-page.track .days-wrap .days .btnc-group .btnc.disabled svg{opacity: .2;}

.pop-page.track .track-list-wrap{margin-top:20px;}
.pop-page.track .track-list-wrap h3{display:flex; align-items: center; justify-content: space-between;}
.pop-page.track .track-list-wrap .mobile-track{display:none;}
.pop-page.track .track-list{margin-top:10px;}

.pop-page.track .session-list-wrap{margin-top:8px;}

/* 팝업페이지 - 초록 */
.pop-page.abstract .btnc-group{display:flex; align-items: center; justify-content: space-between;  border:1px solid #E2E2E2; margin-bottom:20px;}
.pop-page.abstract .btnc.arrow{width:40px; min-width:auto; height:40px; background-color:#F7F7F7; border-right:1px solid #E2E2E2; border-radius:0; padding:0;}
.pop-page.abstract .btnc.arrow:before{margin-right:0;}
.pop-page.abstract .prev-next{display:flex;}
.pop-page.abstract .prev-next .btnc{width:40px; min-width:auto; height:40px; background-color:#F7F7F7; border-left:1px solid #E2E2E2; border-radius:0; margin-left:0; padding:0;}


.pop-page.abstract .title{display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.pop-page.abstract .title .session{width:100%; margin-bottom:4px;}
.pop-page.abstract .title .time-box{display:flex; align-items: center; flex-basis:108px;}
.pop-page.abstract .title .time-box .ing{margin-right:10px; white-space: nowrap;}
.pop-page.abstract .title .time-box .time{margin-top:-2px;}
.pop-page.abstract .profile-wrap{margin-top:20px;}
.pop-page.abstract .editor-area{border-top:1px solid #E2E2E2; padding:20px; margin-top:26px; _background-color:#f7f7f7;}
.pop-page.abstract .editor-area img{max-width:100%;}

/* 시청페이지 - 공통 */
.con-wrap-view{padding:0 20px;}
.con-session .sub-title{display:flex; align-items: center; justify-content: space-between;}

/* 시청페이지 - 초록 */
.con-abstract .title{display:flex; align-items: center; justify-content: space-between;}
.con-abstract .title .time-box{display:flex; align-items: center;}
.con-abstract .title .time-box .ing{margin-right:10px;}
.con-abstract .title .time-box .time{margin-top:-2px;}
.con-abstract .profile-wrap{margin-top:20px;}
.con-abstract .editor-area{border-top:1px solid #E2E2E2; padding:20px 20px; margin-top:26px; _background-color:#f7f7f7;}

/* 시청페이지 - 세션 */
.con-session .form-control{margin-top:10px;background-position:right 10px center;}
.con-session .sub-title.track{margin-top:20px;}
.con-session .mobile-track{display:none;}
.con-session .ui-radio.btnc-type.tab{margin-top:5px;}
.con-session .ui-radio.btnc-type.tab .wrap{padding:0 20px;}
.con-session .ui-radio.btnc-type.tab .wrap.ing:after{left:10px;}
.con-session .session-list-wrap{margin-top:20px;}

/* 시청페이지 - 채팅 */
.con-chat .count{display:flex; justify-content:space-between;}

.live-chat-mask{height:calc(100vh - 206px); border-top:1px solid #E2E2E2; padding:20px 14px 20px 20px; padding-bottom:0; margin-top:10px; overflow-y:auto; overflow-x: hidden;}
.live-chat-mask:after{content:''; display:block; height:20px;}
.live-chat-content ul{padding:0; margin:0; margin-top:5px;}
.live-chat-item:not(:first-child){margin-top:10px;}

/* 상대방이 보낸 메세지 */
.live-chat-item > div{width:100%;}
.live-chat-item .chat-info{display:flex; align-items: center;}
.live-chat-item .chat-avatar{flex-basis:24px; height:24px; background:url(/img/service/temp/chat_user-5c294ac854c815e9e84218ac1fd16a4e.jpg) no-repeat center / cover; border-radius:5px;}
.live-chat-item .chat-info i{font-style: normal; margin-left:5px;font-weight:bold;}
.live-chat-item .conversation-text{float:left; /*max-width:fit-content;*/ margin-top:5px; position: relative; display:inline-flex; width:auto;max-width:320px;}
.live-chat-item .conversation-text .ctext-wrap{/* min-width:100px; */ background:#ECECF4; border-radius:8px; padding:8px 14px; position:relative;}
.live-chat-item .conversation-text .ctext-wrap p{line-height:1.5;font-size:14px;}
.live-chat-item .conversation-text .cimg-wrap img{width:100%;}
.live-chat-item .conversation-text .chat-time{font-size:12px; position: absolute; right:-35px; bottom:0; z-index: -1;}

/* 시스템 메세지 */
.live-chat-item.system .system-message{width:320px; border-radius:7px; overflow: hidden;}
.live-chat-item.system .system-message h4{background-color:#3FA8F4; color:#fff; padding:5px 15px;}
.live-chat-item.system .system-message .txt-box{background-color:#ECECF4; padding:20px 15px;}
.live-chat-item.system .system-message .txt-box .txt{font-size:14px;}
.live-chat-item.system .system-message .txt-box p{margin-top:30px; word-break: keep-all;}
.live-chat-item.system .system-message .txt-box .btnc{margin-top:20px;}


/* 내가 보낸 메세지 */
.live-chat-item.odd > div{float:right;}
.live-chat-item.odd .conversation-text .ctext-wrap{background:#3FA8F4;}
.live-chat-item.odd .conversation-text .ctext-wrap p{color:#fff;}
.live-chat-item.odd .conversation-text .chat-time{left:-35px;}

/* 다운로드 */
.live-chat-item .conversation-text .ctext-wrap.download{background-color:#ECECF4;}
.live-chat-item .conversation-text .ctext-wrap.download a:hover{color:#2C2C2C; text-decoration: none; cursor:pointer;}
.live-chat-item .conversation-text .ctext-wrap.download .title{text-decoration: underline; padding:0;font-size:14px;}
.live-chat-item .conversation-text .ctext-wrap.download .title:hover{text-decoration: underline;}
.live-chat-item .conversation-text .ctext-wrap.download .size{margin:10px 0;font-size:14px;}
.live-chat-item .conversation-text .ctext-wrap.download .download a{color:#3FA8F4;font-size:14px;}
.live-chat-item .conversation-text .ctext-wrap.download .download a:last-child{margin-left:10px;}

.con-chat .live-chat .attach-box{background-color:#F7F7F7; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding:7px; padding-left:10px;}
.con-chat .live-chat .attach-box .filebox{display:flex; align-items: center;}
.con-chat .live-chat .attach-box .filebox label {width:34px; height:34px; background: url(/img/service/ico/ico_attack_add-d0fbafca54712d66a477a75c349c7de0.svg) no-repeat center / 19px auto; margin-bottom:0; cursor: pointer;}
.con-chat .live-chat .attach-box .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

.send-area{padding:15px 15px 15px 10px;}
.send-box{display:flex; flex-wrap:wrap;}
.send-box .write-txt{flex:1; margin-right:10px;}
.send-box .write-txt .ui-textarea{height:80px !important; font-size:15px; background-color:#ECECF4; border:none;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.send-box .write-txt .ui-textarea::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.send-box .write-txt .ui-textarea::placeholder{color:#2c2c2c;}
.send-box .write-txt .ui-textarea:-ms-input-placeholder{color:#2c2c2c;}
.send-box .write-txt .form-control:focus{outline:none;}
.send-box .send-area-btn{display:flex; align-items:center;}
.send-box .send-area-btn .btn-group{vertical-align:middle;}
.send-box .send-area-btn .btn-group .chat-send{width:68px; height:42px; background: url(/img/service/ico/ico_paper_airplane-bc49ac8eb1f1cb67dcca8ce211bc1879.svg) no-repeat center; background-color:#3FA8F4; border:none; border-radius:20px;}

/* 참여자 목록 */
.con-chat.participant .ui-search{margin-top:6px;}
.con-chat.participant .ui-search button{background-image: url(/img/common/ico/ico_search_gy-6af2e4511f784939a11abd93a79284d0.svg);}
.con-chat.participant .sub-title{margin-top:20px;font-size:14px;}
.con-chat.participant .sub-title.participant{margin-top:40px;}
.con-chat.participant .list{margin-top:8px;}
.con-chat.participant .list .items{border-bottom:1px solid #E2E2E2; padding:12px 10px;}

.con-chat.participant .list.message .items:hover{background-color:#F8F8F8;}
.con-chat.participant .list.message .items .btn-next{cursor:pointer;}
.con-chat.participant .list .items .name {_font-weight:bold;font-size:0.875rem;}

.con-chat .profile-wrap.chat .thum{position:relative;}
.con-chat .profile-wrap.chat .thum:after{content:""; width:12px; height:12px; border:1px solid #fff; border-radius:inherit; position:absolute; right:-3px; bottom:-3px;}
.con-chat .profile-wrap.chat .thum.online:after{background-color:#25BE00;}
.con-chat .profile-wrap.chat .thum.offline:after{background-color:#C6C6C6;}

/* 시청페이지 - 첨부파일(masonry) */
.attachment-area .attachment-box{position:relative;}
.attachment-area .grid-item {width: 50%; border-radius:10px; padding:3% 3% 0;}
.attachment-area .grid-item:hover{background-color:rgba(10, 90, 255, 0.1);}
.attachment-area .grid-item .thum{_height:170px; background-color:#373A36; border-radius:10px; position:relative; overflow: hidden;}
.attachment-area .grid-item .thum:after{content:""; display:block; width:100%; height:70%; position:absolute; left:0; bottom:0;
    background: -moz-linear-gradient( rgba(0,0,0,0) 0%,  rgba(0,0,0,.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient( rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient( rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.attachment-area .grid-item .thum img{width:100%;}
.attachment-area .grid-item .btn-group{position:absolute; right:10px; bottom:10px; z-index: 1;}
.attachment-area .grid-item p{max-height:40px; _height:40px; margin:8px 0 10px; overflow: hidden;}
.attachment-area .grid-item .btn-group button{background-color:transparent; border:none;}
.attachment-area .grid-item .btn-group .download{width:25px; height:17px; background:url(/img/service/ico/ico_download-59981347df163ceb1e7f0de6e2ff66b1.svg) no-repeat center / 100% auto;}
.attachment-area .grid-item .btn-group .zoom{width:17px; height:17px; background:url(/img/service/ico/ico_zoom-1c9b625a6961cc3343773cd05e25e1e1.svg) no-repeat center / 100% auto; margin-left:8px;}

.attachment-area .grid-item.file .thum,
.attachment-area .grid-item.video .thum{height:130px; background-color:#373A36;}
.attachment-area .grid-item .thum .download-box{text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index: 10;}
.attachment-area .grid-item .thum .download-box .type{width:80px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:5px;}
.attachment-area .grid-item.file .thum .download-box .type{background-color:#3FA9F5;}
.attachment-area .grid-item.video .thum .download-box .type{background-color:#A73CE0;}
.attachment-area .non-upload{height:300px; line-height:300px; text-align:center; opacity: .4;}

/* 시청페이지 - 댓글 */
.con-comment .enrollment{border-bottom:1px solid #E2E2E2; padding-bottom:20px;}
.con-comment .enrollment .ui-textarea{height:150px;}
.con-comment .enrollment .ui-textarea:focus{border:1px solid #3FA8F4; outline-color: #3FA8F4;}
.con-comment .enrollment .ui-textarea::placeholder{font-style: italic;}
.con-comment .enrollment .ui-textarea:-ms-input-placeholder{font-style: italic;}
.con-comment .enrollment .btnc-group{margin-top:10px;}
.con-comment .enrollment .btnc-group button:first-child {font-size:0.875rem;}
.con-comment .enrollment .btnc-group .btnc:not(:first-child){margin-left:10px;}
.con-comment .enrollment .btnc-group .btn-txt span{_display:block; text-decoration: none; _height:36px; _line-height:34px;}

.comment-area .profile-wrap{align-items: flex-start;}
.comment-area .profile-wrap .name{display:flex; align-items: center; justify-content: space-between;margin-bottom:2px;}
.comment-area .profile-wrap .comment-txt {font-size:0.875rem;display:inline-block;line-height:1.45;}
.comment-area .profile-wrap .comment-txt .reply-to {margin-right:4px;}
.comment-area .profile-wrap .dropdown{display:flex; align-items: center;}
.comment-area .profile-wrap .dot{width:26px; min-width:auto; height:8px; background:url(/img/common/ico/ico_dot_hz-cfac93b2ae7cc16c8a05d44f999eb29b.svg) no-repeat center / 26px auto; padding:10px 15px;}
.comment-area .profile-wrap .dropdown.show .dot{background-image:url(/img/common/ico/ico_dot_hz_on-6b2fe100f121b68f61c82ebe5290a2cc.svg);}
.comment-area .profile-wrap .dot:after{display:none;}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item{padding:7px 20px; margin-left:0; position:relative;}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item:hover{background-color:transparent; color:#F67A53;}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item:before{content:""; display:inline-block; margin-right:4px; position:relative;}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item.comment-edit:before{width:13px; height:13px; background: url(/img/common/ico/ico_drop_pencil-0b0eaa33825c9a9f57460cd33e5b943a.svg) no-repeat center / 100% auto;}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item:hover.comment-edit:before{background-image: url(/img/common/ico/ico_drop_pencil_on-2c2d68ec5b9e225159e96ab76cc8e895.svg);}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item.comment-delete:before{width:10px; height:14px; background: url(/img/common/ico/ico_drop_delete-f95055e3dc3934097d83da16b2bed977.svg) no-repeat center / 100% auto;}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item:hover.comment-delete:before{background-image: url(/img/common/ico/ico_drop_delete_on-d0e21cffc5c18068639af19dfcb38132.svg);}
.comment-area .profile-wrap .dropdown .dropdown-menu .dropdown-item:hover:after{content:""; display:block; width:2px; height:30px; background-color:#F67A53; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.comment-area .btn-comment span{text-decoration: none;}
.comment-area .btn-comment span:hover{text-decoration: underline; color: #8e8e8e;}
.comment-area .enrollment{border-bottom:none; padding-bottom:0; margin-top:20px;}
.comment-area .enrollment.edit{margin-top:0;}

.comment-area .title{margin:0 20px; margin-top:20px;font-size:0.875rem;}
.comment-area .comment-item{margin:10px 0; position:relative;}
.comment-area .comment-item:not(:nth-of-type(1)):before{content:""; display:block; height:1px; background-color:#E2E2E2; margin:0 20px;}
.comment-area .comment-item .content{padding:10px 20px; margin-top:10px;}
.comment-area .comment-item .content:hover{background-color:#F7F7F7;}
.comment-area .comment-item .profile-wrap .thum{flex:0 0 32px; height:32px; border-radius:8px;}

.depth-area{margin:10px 10px 10px 20px;}
.depth-area .depth-item{background-color:#FCFCFC; padding:10px 8px;}
.depth-area .depth-item:hover{background-color:#F8F8F8;}
.depth-area .depth-item .profile-wrap .thum{flex:0 0 24px; height:24px; border-radius:5px;}

/* 시청페이지 - 커리큘럼 */
.con-curriculum .txt-box{margin-top:10px;}
.con-curriculum .txt-box > p:not(:first-child) {margin-top:1px;}
.con-curriculum .progress-area{height:5px; background-color: #E2E2E2; margin-top:10px; position:relative;}
.con-curriculum .progress-bar{height:5px; background: #3FA8F4; position:absolute; left:0; top:0;}

/* 시청페이지 - 질의응답 */
.qna-area .qna-box.request,
.qna-area .qna-box.listener{border-top:1px solid #C6C6C6; padding:20px 0; margin-top:25px;}

.qna-area .qna-box .sub-title{margin-bottom:20px;}
.qna-area .qna-box .qna-participants-list{display:flex; flex-wrap:wrap; margin:0 -10px;}
.qna-area .qna-box .qna-participants-list .items{flex-basis:calc(25% - 20px); margin:0 10px;}
.qna-area .qna-box .qna-participants-list .items:nth-child(n+5){margin-top:30px;}

.qna-area .qna-box .qna-participants-list .thum{width:100px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius:1.3em; border:1px solid #E2E2E2; margin:0 auto; position:relative;}
.qna-area .qna-box .qna-participants-list .thum:before{content:""; display:block; padding-bottom:100%;}
.qna-area .qna-box.presenter .qna-participants-list .talk .thum:after{content:""; width:100%; height:100%; border:2px solid #19B726; border-radius:1.3em; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(1.15); transform-origin: center;}
.qna-area .qna-box.presenter .qna-participants-list .no-mic .thum:after{content:""; width:36px; height:36px; background:url(/img/common/ico/ico_mic_off-f95777bcce77edce4b74f28aa7f95c96.svg) no-repeat center / 100% auto; position:absolute; right:-8px; bottom:-8px;}
.qna-area .qna-box.request .qna-participants-list .thum:after,
.qna-area .qna-box.listener .qna-participants-list .thum:after{content:""; width:36px; height:36px; background:url(/img/common/ico/ico_mic_off-f95777bcce77edce4b74f28aa7f95c96.svg) no-repeat center / 100% auto; position:absolute; right:-8px; bottom:-8px;}


.qna-area .qna-box .qna-participants-list .thum .setting{width:36px; height:36px; background:url(/img/common/ico/ico_qna_dot-b8e705722504fd2a20624516dd62ea73.svg) no-repeat center / 100% auto; position:absolute; right:-8px; top:-8px; cursor: pointer !important; z-index: 1;}


.qna-area .qna-box .qna-participants-list .thum .hand{width:36px; height:36px; background:url(/img/common/ico/ico_hand_orange-10829821e973ed888d30ce39e83bd713.svg) no-repeat center / 100% auto; position:absolute; right:-8px; top:-8px; cursor: pointer !important;}
.qna-area .qna-box .qna-participants-list .thum .hand:before{content:""; width:100%; height:100%; border:1px solid #FF9252; border-radius:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); animation:waveF 1s 1s infinite; transform-origin: center;}
.qna-area .qna-box .qna-participants-list .thum .hand:after{content:""; width:100%; height:100%; border:1px solid #FF9252; border-radius:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); animation:waveS 1s 1s infinite; transform-origin: center;}




.qna-area .qna-box .dropdown-menu{min-width:100px;}
.qna-area .qna-box .dropdown-item{padding:7px 20px; position:relative;}
.qna-area .qna-box .dropdown-item:hover{background-color:transparent; color:#F67A53;}
.qna-area .qna-box .dropdown-item:before{content:""; display:inline-block; margin-right:4px; position:relative;}
.qna-area .qna-box .dropdown-item.accept:before{width:15px; height:15px; background: url(/img/common/ico/ico_header_logout-691b8174c1c82a86d8c2c98d184c27b9.svg) no-repeat center / 100% auto;}
.qna-area .qna-box .dropdown-item:hover.accept:before{background-image: url(/img/common/ico/ico_header_logout_on-0ce9351309d24fcc92424ea4b7c189af.svg);}
.qna-area .qna-box .dropdown-item.refuse:before{width:15px; height:15px; background: url(/img/common/ico/ico_header_logout-691b8174c1c82a86d8c2c98d184c27b9.svg) no-repeat center / 100% auto;}
.qna-area .qna-box .dropdown-item:hover.refuse:before{background-image: url(/img/common/ico/ico_header_logout_on-0ce9351309d24fcc92424ea4b7c189af.svg);}
.qna-area .qna-box .dropdown-item:hover:after{content:""; display:block; width:2px; height:30px; background-color:#F67A53; position:absolute; left:0; top:50%; transform:translateY(-50%);}




@keyframes waveF {
    from{
        transform:translate(-50%, -50%) scale(1);
        opacity:1;
    }

    100%{
        transform:translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}
@keyframes waveS {
    from{
        transform:translate(-50%, -50%) scale(1);
        opacity:1;
    }

    35%{
        transform:translate(-50%, -50%) scale(1);
        opacity:1;
    }

    100%{
        transform:translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}

.qna-area{height:calc(100vh - 180px); padding:0 20px; overflow-y: auto;}
.qna-area .qna-box .qna-participants-list .info{margin-top:12px; position:relative;}
.qna-area .qna-box .qna-participants-list .items.owner .name:before{content:""; display:inline-block; width:15px; height:12px; background:url(/img/common/ico/ico_crown-04cc90de6d6131c5dca1f5920b59ec01.svg) no-repeat center / 100% auto; margin-right:4px;}
.qna-area .qna-box .qna-participants-list .items.me .name:before{content:""; display:inline-block; width:15px; height:15px; background:url(/img/common/ico/ico_user_circle-3d6f8e81d4411ace7a15981afee96274.svg) no-repeat center / 100% auto; margin-right:4px; position:relative; top:2px;}
.qna-area .qna-box .qna-participants-list .belong{text-align:center; font-size:11px; margin-top:4px; word-break: keep-all;}

.qna-area .qna-box .qna-participants-list .belong-detail{display:none; width:100%; text-align:center; font-size:12px; background-color:#E2E2E2; border-radius:3px; padding:8px; position:absolute; left:50%; bottom:-35px; transform:translateX(-50%); z-index: 10; word-break: keep-all;}

.qna-bottom{height:115px; background-color:#F7F7F7; border-top:1px solid #DDDDDD; padding:20px 35px;}
.qna-bottom .btn-list{display:flex;}
.qna-bottom .btn-list .items{min-width:70px; cursor:pointer;}
.qna-bottom .btn-list .items.disabled{cursor:default; opacity:.4;}
.qna-bottom .btn-list .items:not(:last-child){margin-right:25px;}
.qna-bottom .btn-list .items.exit{margin-left:auto;}
.qna-bottom .btn-list .items .ico{width:52px; height:52px; background-repeat: no-repeat; background-position: center; background-size:100% auto; margin:0 auto; position:relative;}
.qna-bottom .btn-list .items .txt{display:block; text-align:center; margin-top:4px;}

.qna-bottom .btn-list .items.hand .ico{background-image: url(/img/common/ico/ico_hand_black-cc3cbf6741dbcc9f057ae27bec1ca52f.svg);}
.qna-bottom .btn-list .items.mic .ico{background-image: url(/img/common/ico/ico_mic_off-f95777bcce77edce4b74f28aa7f95c96.svg);}
.qna-bottom .btn-list .items.listener .ico{background-image: url(/img/common/ico/ico_ear-8f0ce0a2927bb49f3c2f7916d9b6b5ee.svg);}
.qna-bottom .btn-list .items.exit .ico{background-image: url(/img/common/ico/ico_exit-b9fd4152932232e11a3078af2af59623.svg);}
.qna-bottom .btn-list .items.hand.active .ico{background-image: url(/img/common/ico/ico_hand_orange-10829821e973ed888d30ce39e83bd713.svg);}
.qna-bottom .btn-list .items.mic.active .ico{background-image: url(/img/common/ico/ico_mic_on-c17ffb0d6c9a21bba42c259c3074db9a.svg);}
.qna-bottom .btn-list .items.hand .ico .count{display:flex; align-items: center; justify-content: center; width:100%; height:100%; font-size:25px; background-color:rgba(0, 0, 0, .5); color:#fff; border-radius:100%;}

.qna-bottom .btn-list .items.hand .txt{display:block; text-align:center;}
.qna-bottom .btn-list .items.hand .txt.orange{color:#FF9252;}

.qna-join {width: 100%; height: 100%; text-align:center; background-color: #2C2C2C; position: absolute; left: 0; top: 0; z-index: 1100;}
.qna-join .box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.qna-join .tit{font-size:20px; white-space: nowrap;}
.qna-join .tit:before{content:""; display:block; width:60px; height:1px; background-color:#fff; margin:0 auto 20px;}
.qna-join .s-txt{margin-top:20px; margin-bottom:40px;}
.qna-join .s-txt span{display:block;}
.qna-join .tit,
.qna-join .s-txt,
.qna-join .btn-enter-close{color: #fff;}
.qna-join .btn-enter-close{display:inline-block; text-decoration: underline; margin-top:20px; cursor:pointer;}

/* 내정보 - 클래스 */
.my-info.class{border-bottom:1px solid #E2E2E2; padding:0 0 20px;}
.my-info.class .content{max-width:220px; text-align:center; padding:0; margin:0 auto;}
.my-info.class .thum{width:60px; height:60px; background:url(/img/common/temp/user_thumb-07fe23bb980c97c4279c137f8f73264b.jpg) no-repeat center / cover; border-radius:11px; margin:0 auto;}
.my-info.class .name{display:block; margin-top:10px; cursor:pointer;}
.my-info.class .name:hover{text-decoration: none; color:#2c2c2c;}
.my-info.class .count-box{display:flex; align-items: center; justify-content: space-around; margin-top:30px;}
.my-info.class .count-box .gray-1{font-size:12px;}
.my-info.class .btnc-group{margin-top:15px;}

/* 리스트 - VOD */
.list-wrap.vod .list-header{display:flex; align-items: center; justify-content: space-between; padding:0 20px 0;padding-top:14px; margin-bottom:10px;}
.list-wrap.vod .list-header .btnc span{text-decoration: none;vertical-align:middle;}
.list-wrap.vod .list-header .btnc:before{content:""; display:inline-block; width:8px; height:17px; background:url(/img/common/ico/ico_vod_arrow_left-7e80f9e7a7af3dd22ce8b231d61f11e5.svg) no-repeat center / 100% auto; margin-right:8px;vertical-align:middle;}
.list-wrap.vod .list-header .autoplay{display:flex; align-items: center;}
.list-wrap.vod .list-header .autoplay span{margin-right:6px;}
.list-wrap.vod .list-header .autoplay .ui_toggle{width:50px; height:28px;}
.list-wrap.vod .list-header .autoplay .ui_toggle .switch{top:3px; bottom:3px; left:3px; right:24px;}
.list-wrap.vod .list-header .autoplay .ui_toggle .check:checked ~ .switch{left:24px; right:3px;}

.list-wrap.vod .list-item{padding:0 20px;}
.list-wrap.vod .list-item:hover{background-color:#F7F7F7;}
.list-wrap.vod .list-item.ing{background-color:#EBF7FF; position:relative;}
.list-wrap.vod .list-item.ing:after{content:""; display:block; width:5px; height:100%; background-color:#3FA8F4; position:absolute; right:0; top:0;}
.list-wrap.vod .list-item a {display:block;}
.list-wrap.vod .list-item a:hover{text-decoration: none;}
.list-wrap.vod .list-item .content{display:flex; align-items: stretch; border-bottom:1px solid #E2E2E2; padding:15px 0;}
.list-wrap.vod .list-item .thum{flex: 0 0 210px; height:115px; background:url(https://picsum.photos/210/115) no-repeat center / cover; border-radius:5px; margin-right:14px; position:relative;}
.list-wrap.vod .list-item .thum .time{width:50px; height:25px; line-height:25px; text-align:center; background-color:#2c2c2c; color:#fff; border-radius:3px; position:absolute; right:10px; bottom:10px;}
.list-wrap.vod .list-item .info{display:flex; flex-direction: column; justify-content: space-between; flex-grow: 1;}
.list-wrap.vod .list-item .class{display:block; font-size:14px; margin-bottom:3px;}
.list-wrap.vod .list-item .title{max-height:44px; overflow: hidden;padding:0;}
.list-wrap.vod .list-item .bottom .view-count:before{content:""; display:inline-block; width:10px; height:12px; background:url(/img/common/ico/ico_play-d7eb582ff1d1770bea37e8215cd96690.svg) no-repeat center / 100% auto; margin-right:4px; position:relative; top:1px;}

/* 통계 */
.con-chart .count-box{display:flex; margin-top:20px;}
.con-chart .count-box .views{margin-left:60px;}
.con-chart .count-box h4:before{content:""; display:inline-block; margin-right:4px;}
.con-chart .count-box .viewers h4:before{width:10.89px; height:12.34px; background:url(/img/common/ico/ico_viewers-4e366c120cc47591d457097b5e4e67fe.svg) no-repeat center / 100% auto;}
.con-chart .count-box .views h4:before{width:10px; height:11.44px; background:url(/img/common/ico/ico_play_bk-03af980c5c3bb692fea54f4632e88ee5.svg) no-repeat center / 100% auto;}
.con-chart .count-box p{margin-top:6px;}


/* auth */
.wrapper.auth .content{max-width:485px; margin:0 auto;}
.main-auth{background-color:#fff; border-radius:5px; padding:60px 75px 120px; margin:100px 0;}

/* main-auth padding-bottom setting */
.auth.email .main-auth{padding:0; padding-bottom:100px;}
.auth.welcome .main-auth,
.auth.complete .main-auth{padding-bottom:50px;}

/* .btnc.full margin-top setting */
.auth.signup .btnc.full{margin-top:40px;}
.auth.find-pw .btnc.full{margin-top:40px;}

/* 이메일인증 */
.auth.email .auth-title .logo > a{width:282px; height:34px; margin:0 auto;}
.auth.email .character{max-width:350px; margin:32px auto 0;}
.auth.email .character img{width:100%;}
.auth.email .info-txt{margin-top:25px;}
.auth.email .info-txt .sub-txt{margin-top:10px;}
.auth.email .info-txt .sub-txt p{line-height:1.4;}
.auth.email .info-txt .sub-txt p span{display:block;}

/* 회원가입 - 프로필 업로드 */
.auth.signup .upload-profile{margin-top:10px;}

/* 클래스 레이아웃 */
.wrapper.class{min-height:calc(100vh - 215px);}
.wrapper.class .visual{max-width:1200px; margin:0 auto; height:260px; background-repeat: no-repeat; background-position: center; background-size: cover; position:relative; top:57px; z-index: -1;}
.layout-con{display:flex; align-items: flex-start;}
.layout-con .aside{flex:0 0 290px; margin-right:30px;}
.layout-con > .con{flex:1 0;}
.layout-con .main{margin-top:30px;}
.layout-con.class{margin-top:20px;}
.layout-con .main .list-wrap{margin-top:12px;}

/* 클래스 내정보 */
.layout-con .my-info.class{border:1px solid #E2E2E2; border-radius:5px; padding:25px 0 20px;}

/* 클래스 카테고리 */
.layout-con.class .aside .category{min-height:435px; border:1px solid #E2E2E2; border-radius:5px; padding:25px; margin-top:14px; position:static;}
.layout-con.class .aside .category .close{display:none; width:35px; height:35px; background:url(/img/service/ico/ico_nav_close-f4d8deb6cea58bf6b5d65dd2aef980fe.svg) no-repeat center / 100% auto; position:absolute; right:10px; top:10px; opacity:1;}
.layout-con.class .aside .category .jstree-area{font-size:14px; padding:0; margin-top:10px;}

/* 클래스 네비게이션 */
.class-nav{background-color:#fff; border-bottom:1px solid #E2E2E2; z-index: 100;}
.class-nav ul{display:flex; max-width:1200px; margin:0 auto;}
.class-nav li{padding-bottom:15px; position:relative;}
.class-nav a{display:block; text-align:center; padding:0 30px; white-space: nowrap;}
.class-nav a:hover{text-decoration: none; color:#2c2c2c;}
.class-nav li.active:after{content:""; display:block; width:100%; height:3px; background-color:#2c2c2c; position:absolute; left:0; bottom:0;}
.class-nav li.active a{color:#2c2c2c;}

/* 클래스 정보 */
.class-info-box{display:flex; _width:880px}
.class-info-box h3{margin-bottom:20px;}
.class-info-box .info{flex:1 0;}
.class-info-box .info p{line-height:1.8;}
.class-info-box .detail{flex-basis: 300px; margin-left:100px;}
.class-info-box .detail .list li:not(:first-child){margin-top:15px;}

/* 검색 영역 */
.search-box{display:flex; align-items: center; justify-content: space-between;}
.search-box .ui-search{flex-basis: 280px;}
.search-box .ui-search .btn-category{display:none; flex-basis:40px; height:40px; background:url(/img/common/ico/ico_category-aa9595ec358c45198628ba0a9ac3ebcb.svg) no-repeat center / 18px auto; border:1px solid #C6C6C6; border-radius:0; margin-right:10px;}
.search-box .ui-search input{border-top-left-radius:0; border-bottom-left-radius:0; outline:none;}
.search-box .ui-search input:focus{border-right:none;}
.search-box .ui-search button{border-top-right-radius:0; border-bottom-right-radius:0; outline:none;}

/* 검색결과 없을 때, 리스트가 없을 때 */
.non{height:430px; position:relative;}
.non.list{height:300px;}
.non .wrap{text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.non .wrap .notice{margin-top:20px; white-space: nowrap;}

/* 클래스 - items list */
.layout-con .main .items-lst{margin:0 -12px;}
.layout-con .main .items-lst li{margin:0 12px;}
.layout-con .main .items-lst li:nth-child(n+4){margin-top:60px;}

/* 마이페이지 */
.my-info.mypage{padding:25px 10px 20px;}
.my-info.mypage .content{max-width:none;}
.my-info.mypage .txt-box p,
.my-info.mypage .txt-box span,
.my-info.mypage .btnc-group span{font-size:12px;}

.menu-box{border:1px solid #E2E2E2; border-radius:5px; margin-top:30px;}
.menu-box .list-wrap li{border-bottom:1px solid #E2E2E2; }
.menu-box .list-wrap li.active,
.menu-box .list-wrap li:hover{background-color:rgba(63, 168, 244, .08);}
.menu-box .list-wrap li:first-child:hover{background-color:transparent;}
.menu-box .list-wrap li a{display:block; padding:10px 23px; position:relative;}
.menu-box .list-wrap li a:after{content:""; width:8px; height:15px; background:url(/img/service/ico/ico_mypage_arrow-77e9364de50ee59eb00322194620d27b.svg) no-repeat center / 100% auto; position:absolute; right:23px; top:50%; transform:translateY(-50%);}
.menu-box .list-wrap li:first-child a{padding:10px 14px;}
.menu-box .list-wrap li:first-child a:after{display:none;}
.menu-box .list-wrap li.active a,
.menu-box .list-wrap li:hover a{text-decoration: none; color:#3FA8F4;}
.menu-box .list-wrap li:first-child:hover a{color:#2C2C2C;}
.menu-box .btnc-group{padding:0 14px; padding-bottom:28px; margin-top:30px;}

.con-mypage .form-control.mypage{border:none; border-bottom:1px solid #C6C6C6; border-radius:0; padding:0;}
.con-mypage .form-control.mypage:focus{outline: none;}
.con-mypage .form-control.mypage.blue{border-color:#3FA8F4;}

/* 타이틀 - 마이페이지 */
.mypage-tit{display:flex; align-items: center;}
.mypage-tit .txt{white-space: nowrap; margin-right:5px;}
.mypage-tit .filter{flex-basis:120px; margin-left:15px;}
.mypage-tit .ui-search{flex-basis:250px; margin-left:auto;}
.mypage-tit .ui-search input, .mypage-tit .ui-search button{border-color:#ced4da;}

/* 대시보드 - 마이페이지 */
.dashboard-list{display:flex; flex-wrap:wrap; justify-content: space-between; margin:-12px; margin-top:30px;}
.dashboard-list .items{flex-basis:calc(50% - 24px); min-height:234px; border:1px solid #E2E2E2; border-radius:5px; padding:20px; padding-bottom:25px; margin:12px;}
.dashboard-list .items .con-mypage .non-list{margin-top:50px;}
.dashboard-list .items.payment .con-mypage .non-list{margin-top:60px;}
.dashboard-list .items .dashboard-header{display:flex; justify-content: space-between;}
.dashboard-list .items .dashboard-body{display:flex; margin-top:40px;}
.dashboard-list .items .thumb{flex:0 0 130px; height:97.5px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius:10px; margin-right:15px;}
.dashboard-list .items .info{display:flex; flex-direction: column; flex:1 0; justify-content: space-between;}
.dashboard-list .items .info a:hover{text-decoration: none; color:#2C2C2C;}
.dashboard-list .items .date-column {display:flex;justify-content:space-between;align-items:center;}
.dashboard-list .items .date-column .date {font-size:13px; font-weight:bold;}
.dashboard-list .items .date-column .days {background-color:#3FA8F4;border-radius:3px;padding:2px 6px;}
.dashboard-list .items .date-column .days span {font-size:12px;color:#fff;font-weight:bold;display:flex;}
.dashboard-list .items .date-column .days span:after {content:'일간';}
.dashboard-list .items .progress-rate{height:28px; border-bottom:3px solid #E2E2E2; position:relative;}
.dashboard-list .items .progress-bar{height:3px; background-color:#3FA8F4; position:absolute; left:0; bottom:-3px;}

.dashboard-list .items .btnc-group{margin-top:5px;}

.dashboard-list .items .btn-follow-up{flex-basis:100px; text-align:center; color:#fff;}
.dashboard-list .items .btn-follow-up:hover{text-decoration: none;}
.dashboard-list .items .price-wrap dl,
.dashboard-list .items .price-wrap dd{margin-bottom:0;}
.dashboard-list .items .price-wrap dl{display:flex; align-items: center; justify-content: space-between; margin-top:5px;}
.dashboard-list .items .price-wrap dt,
.dashboard-list .items .price-wrap dd{font-size:12px;}
.dashboard-list .items .price-wrap .sale:before{content:"(-) ";}
.dashboard-list .items .price-wrap .sale:after{content:"원";}
.dashboard-list .items .price-wrap .price:after{content:"원";}

.dashboard-list .items.grade .dashboard-body{display:block; margin-top:0;}
.dashboard-list .items.grade .txt-box{margin-top:30px;}
.dashboard-list .items.grade .txt-box:last-child{margin-top:20px;}
.dashboard-list .items.grade .txt-box p,
.dashboard-list .items.grade .txt-box:last-child span{display:block; margin-top:4px;}

/* 최근 시청 웨비나, 강의 - 마이페이지 */
.con-mypage .non-list{margin-top:80px;}
.con-mypage .non-list .txt{word-break: keep-all;}
.con-mypage .non-list .btnc-group{justify-content: center;; margin-top:20px;}

.con-mypage .items-lst{margin:0 -15px; margin-top:30px;}
.con-mypage .items-lst li{flex-basis:273px; margin:0 15px;}
.con-mypage .items-lst li:nth-child(n+4){margin-top:60px;}

.con-mypage .items-lst .progress-rate{height:28px; border-bottom:3px solid #E2E2E2; margin-top:4px; position:relative;}
.con-mypage .items-lst .progress-bar{height:3px; background-color:#3FA8F4; position:absolute; left:0; bottom:-3px;}
.con-mypage .items-lst .btnc-group{margin-top:10px;}

/* 즐겨찾기 네비게이션 - 마이페이지 */
.mypage-nav{background-color:#fff; border-bottom:1px solid #E2E2E2; margin-top:30px;}
.mypage-nav ul{display:flex; max-width:1200px; margin:0 auto;}
.mypage-nav li{padding-bottom:15px; position:relative;}
.mypage-nav a{display:block; text-align:center; padding:0 30px;}
.mypage-nav a:hover{text-decoration: none; color:#2c2c2c;}
.mypage-nav li.active:after{content:""; display:block; width:100%; height:3px; background-color:#2c2c2c; position:absolute; left:0; bottom:0;}
.mypage-nav li.active a{color:#2c2c2c;}

.con-mypage .items-square.class{margin:30px -19px 0;}
.con-mypage .items-square.class li{flex-basis:191px; margin:0 19px;}
.con-mypage .items-square.class li:nth-child(n+5){margin-top:60px;}

/* 비밀번호 확인  - 마이페이지 */
.con-mypage .pw-confirm{max-width:275px; margin:75px auto 0;}
.con-mypage .pw-confirm .txt:before{content:""; display:inline-block; width:10px; height:12px; background:url(/img/common/ico/ico_lock-832f4f7fef3a945ced0a95759c76d76e.svg) no-repeat center / 100% auto; margin-right:4px;}
.con-mypage .pw-confirm .btnc-group{justify-content:center; margin-top:20px;}
.con-mypage .pw-confirm .form-control.mypage{text-align:center;}

/* 회원정보 수정 - 마이페이지 */
/* mypage > form-box-2 */
.con-mypage .form-box-2{width:300px;}
.con-mypage .form-box-2 .form-content{margin-top:0;}
.con-mypage .form-box-2 .form-control{height:34px; line-height:34px;}
.con-mypage .btnc-group{display:flex; justify-content: space-between; margin-top:40px;}

/* 회원탈퇴 - 마이페이지 */
.pop-writer.withdrawal .mid p:nth-child(2){margin-top:20px;}
.pop-writer.withdrawal .withdrawal-tb{margin-top:15px;}
.pop-writer.withdrawal .withdrawal-tb table{width:100%;}
.pop-writer.withdrawal .withdrawal-tb table tr th,
.pop-writer.withdrawal .withdrawal-tb table tr td{border:1px solid #E2E2E2; padding:10px;}
.pop-writer.withdrawal .withdrawal-tb table tr th{text-align:center; background-color:#FAFAFA;}
.pop-writer.withdrawal .withdrawal-tb table tr th span{display:block;}
.pop-writer.withdrawal .withdrawal-tb table tr:last-child td{padding:0;}
.pop-writer.withdrawal .withdrawal-tb table tr td .ui-textarea{border:none;}

/* 결제내역 - 마이페이지 */
.con-mypage .payment-list{display:flex; flex-wrap: wrap; margin:0 -14px; margin-top:30px;}
.con-mypage .payment-list .items{flex-basis:274px; border:1px solid #E2E2E2; margin:0 14px;}
.con-mypage .payment-list .items:nth-child(n+4){margin-top:28px;;}
.con-mypage .payment-list .items .top,
.con-mypage .payment-list .items .bottom{padding:16px;}
.con-mypage .payment-list .items .bottom{background-color:#F8F8F8;}
.con-mypage .payment-list .items .rows{display:flex;}
.con-mypage .payment-list .items .bottom .rows{align-items: center; justify-content: space-between;}
.con-mypage .payment-list .items .rows:not(:first-child){margin-top:10px;}
.con-mypage .payment-list .items .rows .title{flex:0 0 80px;}
.con-mypage .payment-list .items .rows .ellipsis-2{height:38px;}
.con-mypage .payment-list .items.webinar .rows .ellipsis-2{text-decoration: underline; cursor:pointer;}
.con-mypage .payment-list .items.lecture .rows .ellipsis-2{text-decoration: underline; cursor:pointer;}
.con-mypage .payment-list .items .rows .gray-1{font-weight:normal; word-break: break-all;}
.con-mypage .payment-list .items .bottom .rows .line-through{text-decoration: line-through;}

/* 구매영수증&환불요청&정산정책동의여부 */
.payment-tb table{width:100%; border-spacing: 0; margin-top:30px;}
.payment-tb table tr th,
.payment-tb table tr td{border:1px solid #E2E2E2; padding:10px 15px;}
.payment-tb table tr th{width:150px; background-color:#FAFAFA;}
.payment-tb table tr th span{display:block;}
.payment-tb table tr td .line-through{display:block; text-decoration: line-through;}
.payment-tb .s-txt{font-size:12px; margin-top:20px;}
.payment-tb .s-txt a{text-decoration: underline; color:#3FA9F5;}
.payment-tb .s-txt a:hover{color:#3FA9F5;}

.pop-writer.policy .mid h3{margin-top:40px;}
.pop-writer.policy .mid h3:first-child{margin-top:0;}
.pop-writer.policy .mid .sub-text{line-height:1.7; margin-top:10px;}
.pop-writer.policy .mid .wrap{margin-top:20px;}
.pop-writer.policy .mid .wrap p{line-height:1.7; margin-top:8px;}

.pop-writer.receipt .bottom,
.pop-writer.refund .bottom{padding:40px 30px;}
.pop-writer.receipt .bottom .btnc-group,
.pop-writer.refund .bottom .btnc-group,
.pop-writer.policy .bottom .btnc-group{display:flex; align-items: center; justify-content: center; width:100%;}
.pop-writer.receipt .bottom .btnc-group .print:before{content:""; display:inline-block; width:16px; height:16px; background:url(/img/common/ico/ico_print-2ca228295091f4d21a9c01259a9a6287.svg) no-repeat center / 100% auto; position:relative; top:2px;}
.pop-writer.receipt .bottom .btnc-group .refund{position:absolute; right:30px;}
.pop-writer.policy .bottom .btnc-group{margin-top:30px;}

.pop-writer.receipt .receipt-footer{display:none; align-items: center; margin-top:40px;}
.pop-writer.receipt .receipt-footer .txt-box{margin-left:30px;}

/* 구독등급 */
.grade-tb table{width:100%; border-spacing:0; margin-top:30px;}
.grade-tb table tr th,
.grade-tb table tr td{border:1px solid #E2E2E2; padding:10px 15px;}
.grade-tb table tr th{width:150px; text-align:center; background-color:#FAFAFA;}
.grade-tb table tr td .wrap{display:flex; align-items: center; justify-content: space-between;}
.grade-tb table tr td p:last-child{margin-top:4px;}

/* 구독선택 */
.pop-writer.subscribe .subscribe-choice{margin-top:15px;}
.pop-writer.subscribe .bottom{padding:30px 42px;}
.pop-writer.subscribe .bottom .txt-box span{display:inline-block; width:86px; position:relative;}
.pop-writer.subscribe .bottom .txt-box span:after{content:""; width:1px; height:13px; background-color:#8E8E8E; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.pop-writer.subscribe .bottom .txt-box a{text-decoration:underline; color:#3FA9F5;}
.pop-writer.subscribe .bottom .txt-box a:hover{color:#3FA9F5;}

/* 알림설정 */
.con-mypage .set-list{width:100%;}
.con-mypage .set-list li{border-bottom:1px solid #E2E2E2; padding:20px 0;}
.con-mypage .set-list li .title-box{display:flex; align-items: center; justify-content: space-between; }
.con-mypage .set-list li p{margin-top:4px;}

/* 고객센터 */
.header-area.center{display:flex; align-items: flex-end; justify-content: space-between; height:70px;}

.header-area.center .right{display:flex;}
.header-area.center .right .btn-custom{font-weight:bold;border-radius:8px;}

.header-area.center{border-bottom:1px solid #E3E3E3;}
.header-area.center .content{display:flex; align-items: center; justify-content: space-between; width:100%; height:70px; margin:0 auto;}
.header-area.center .left{display:flex; align-items: flex-end;}
.header-area.center .left .logo-box .logo{display:flex; align-items: center;}
.header-area.center .left .logo-box .logo a:hover{text-decoration: none; color:#2C2C2C;}
.header-area.center .left .logo-box .logo .symbol img{display:block; margin-right:4px;}
.header-area.center .right .btn-help{width:120px; height:40px; line-height:38px; font-size:16px; font-weight:normal; border:1px solid #3FA8F4;border-radius:4px;}
.header-area.center .right .btn-help:before{content:""; display:inline-block; width:16px; height:15.5px; background:url(/img/ico/ico_help-53323c135cc76e93f8ecb725f147a6c7.svg) no-repeat center / 100% auto; margin-right:5px; position:relative; top:2px;}

.center-container{display:flex;}
.aside-center{flex:0 0 250px; border-right:1px solid #E3E3E3; padding-top:30px; margin-right:40px;}
.left-menu-area{min-height:calc(100vh - 100px);}
.left-menu-area .left-items a{display:block; height:45px; line-height:45px; font-size:18px;}
.left-menu-area .left-items.active a,
.left-menu-area .left-items:hover a,
.left-menu-area .left-items .left-sub-menu a.active,
.left-menu-area .left-items .left-sub-menu a:hover{text-decoration: none; color:#3FA8F4;}

.left-menu-area .left-items.plus a.manual{position:relative; cursor:pointer;}
.left-menu-area .left-items.plus a.manual:after{content:""; display:block; width:12px; height:12px; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url(/img/service/ico/ico_center_left_plus-b6d50992bfdd09579cc897d5b5cef7b6.svg) no-repeat center / 100% auto;}
.left-menu-area .left-items.plus a.manual:hover:after{background:url(/img/service/ico/ico_center_left_plus_on-ef6e01d1775169f0ba6eb3acc418682b.svg) no-repeat center / 100% auto;}
.left-menu-area .left-items.minus a.manual{position:relative; cursor:pointer;}
.left-menu-area .left-items.minus a.manual:after{content:""; display:block; width:12px; height:12px; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url(/img/service/ico/ico_center_left_minus-35dca643aec0bb3f09f9645f1f2059e4.svg) no-repeat center / 100% auto;}

.left-menu-area .left-items .left-sub-menu{/* display:none; */display:block; padding-left:15px;}
.left-menu-area .left-items .left-sub-menu a{font-size:15px; color:#999999;}

.left-menu-area .manual-download{padding-right:20px;}
.left-menu-area .manual-download a{display:block; height:48px; line-height:48px; text-align:center; background-color:#3FA8F4; color:#fff; border-radius:5px; margin-top:20px;}
.left-menu-area .manual-download a:hover{text-decoration: none;}

/* 고객센터 nav - 소메뉴 추가 */
.left-menu-area .left-items .left-sub-menu a {height:38px;line-height:38px;}
.left-menu-area .left-items .left-sub-menu .sort .title {font-size:13px;color:#c6c6c6;display:block;height:38px;line-height:38px;margin-top:0;}
.left-menu-area .left-items .left-sub-menu .sort .btn-sub {font-size:15px;color:#999;margin-left:20px;height:30px;line-height:30px;}
.left-menu-area .left-items .left-sub-menu .sort .btn-sub:hover{color:#3FA8F4;}

.center-contents{flex-basis:calc(100% - 250px); padding-top:40px; padding-bottom:40px;}

.center-contents .point{color:#3FA8F4;}
.center-contents .center-title{display:flex; align-items: center; justify-content: space-between; width:100%;}
.center-contents .center-title h2{font-size:24px; font-weight:bold;}
.center-contents .center-title .search-area{flex-basis:350px;}
.center-contents .center-title .search-area .form-control{border:1px solid #333; border-right:none;}
.center-contents .center-title .search-area .ui-search button{border:1px solid #333; border-left:none;}

/* 질문 탭 */
.tabs-question{display:flex; flex-wrap:wrap; margin:-5px; margin-top:30px;}
.tabs-question .items{display:flex; align-items: center; justify-content: center; flex-basis:calc(25% - 10px); text-align:center; color:#8E8E8E; border:1px solid #C6C6C6; padding:15px 10px; margin:5px; word-break: keep-all; cursor:pointer;}
.tabs-question .items:hover,
.tabs-question .items.active{color:#3FA8F4; border-color:#3FA8F4;}
.tabs-question .items.add{background-color:#000; color:#fff; border: 1px solid #000;}
.tabs-question .items.add:before{content:""; display:inline-block; width:11.5px; height:12px; background:url(/img/common/ico/ico_btn_setting_wh-d1433da91c20bfc57fc08a697a452ac6.svg) no-repeat center / 100% auto; margin-right:4px;}
.tabs-question .items.add:hover{background-color:#515151; border-color:#515151;}
.tabs-question .items.add:active{background-color:#141414; border-color:#141414;}

/* 카운트 */
.center-contents .line-area{display:block; text-align:right; font-size:15px; border-bottom:3px solid #2C2C2C; padding-bottom:5px; margin-top:30px;}
.center-contents .line-area .count{display:none;}

/* 업데이트 아이템 */
.update-items{display:flex; border-bottom:1px solid #E3E3E3; padding:15px 0;}
.update-items .seq{flex:0 0 60px; font-size:15px;}
.update-items .update-box{display:flex; flex-direction: column; flex-basis:calc(100% - 60px);}
.update-items .update-box .info{display:flex; align-items: flex-start; justify-content: space-between; cursor:pointer;}
.update-items .update-box .info .title{flex-basis:calc(100% - 170px);}
.update-items .update-box .info .title,
.update-items .update-box .info .right .date{font-size:15px;}
.update-items .update-box .info .right{display:flex; align-items: center;}
.update-items .update-box .info .right .btn-slide{width:15px; height:8px; background:url(/img/service/ico/ico_center_arrow-cb79b1f32f37b526f3c2172dd2d4c36f.svg) no-repeat center / 100% auto; margin-left:30px; transform:rotate(0deg); transition: transform .5s;}
.update-items .update-box .info.active .right .btn-slide{transform:rotate(-180deg);}
.update-items .update-box .sub{display:none; margin-top:20px;}
.update-items .update-box .sub img{max-width:400px; border-radius:15px; margin:5px 0;}
.update-items .update-box .sub p{line-height:1.7; font-size:15px;}

/* 문의하기 */
.contact-us-area .contact-us-item{display:flex; border-bottom:1px solid #E3E3E3; padding:20px 0;}
.contact-us-area .contact-us-item:first-child{border-bottom:1px solid #E3E3E3;}
.contact-us-area .contact-us-item .title{flex:0 0 160px; font-size:15px;}
.contact-us-area .contact-us-item .con{flex-basis:calc(100% - 160px);}
.contact-us-area .contact-us-item .con .form-control{height:40px; border:1px solid #333; border-radius:0;}
.contact-us-area .contact-us-item .con .ui-textarea{height:300px !important;}

/* 문의하기 버튼 */
.btn-contact-us-area{text-align:right; margin-top:20px;}
.btn-contact-us-area .btn-contact-us{width:130px; height:40px;}
.btn-contact-us-area .btn-contact-us span{color:#fff;}

/* Modal - 문의접수 확인 */
.modal.received .modal-header{padding-bottom:0;}
.modal.received .modal-body{text-align:center; padding-top:0;}
.modal.received .modal-body h5{font-size:24px; margin-top:10px;}
.modal.received .modal-body p{font-size:15px; color:#999999; margin-top:10px;}
.modal.received .modal-body p span{display:block;}
.modal.received .modal-footer{margin-top:40px;}
.modal.received .modal-footer button{width:130px; height:40px;}

/* 매뉴얼 */
.manual-area h3{font-size:18px; margin-top:60px;}
.manual-area img{border-radius:15px; margin:10px 0; width:100%; border:1px solid #ddd;}
.manual-area img.non-first{margin-top:60px;}
.manual-area .basic-txt{font-size:15px;line-height:1.6;}
.manual-area .list-txt{margin-top:20px;}
.manual-area .list-txt li{font-size:15px; color:#999; padding-left:10px; position:relative;line-height:1.6;}
.manual-area .list-txt li:before{content:""; display:block; width:3px; height:3px; background-color:#999; border-radius:100%; position:absolute; left:0; top:10px;}
.manual-area .list-txt li a{color:#3FA8F4;}

/* 고객센터 */
.update-area.manager .update-items .update-box .info .right .btn-slide {margin-left:12px;}
.update-area.manager .update-items .update-box .info {cursor:default;}
.update-area.manager .update-items .update-box .info .title {margin-right:10px; cursor:pointer;}
.update-area.manager .update-items .update-box .info.active .title{font-weight:bold;}

/* 수정, 삭제 버튼 */
.update-items .update-box .info .right .btns {display:flex;margin-left:20px;}
.update-items .update-box .info .right .btns > button {min-width:50px;padding:0 8px;}
.update-items .update-box .info .right .btns > button:nth-child(2) {margin-left:10px;}
.btn-line {display:block;width:43px;padding:0.1em 0;border-radius:3px;color:#333;font-size:13px;border:1px solid #333;background-image:linear-gradient(#fff 30%,#f0f0f0 100%);}
.btn-line.blue {border-color:#3FA8F4;}

/* 삭제 모달 */
.modal.deleted .modal-header{padding-bottom:0;}
.modal.deleted .modal-body{text-align:center; padding-top:0;}
.modal.deleted .modal-body h5{font-size:24px; _margin-top:10px;}
.modal.deleted .modal-body p{font-size:15px; color:#999999; margin-top:10px;}
.modal.deleted .modal-body p span{display:block;}
.modal.deleted .modal-footer{justify-content: center; margin:20px 0;}
.modal.deleted .modal-footer button{width:130px; height:40px; background-color:#3FA8F4; color:#fff;}
.modal.deleted .modal-footer button.gray {background-color:#999;margin-right:10px;}

/* 검색 */
.center-contents .center-title .search-area {display:flex;}
.center-contents .center-title .search-area .ui-search button {top:8px;}

/* 글작성 버튼 */
.btn-write {width:81px; height:40px; background-color:#3FA8F4;margin-left:14px;}
.btn-write  span{color:#fff;}
.btn-write .btn-disabled{background-color:#999999;}

/* 업데이트 글작성 */
.write-area .write-area-item {padding:20px 0;}
.write-area .write-area-item .form-control {height:40px;border:1px solid #333;border-radius:0;font-size:15px;}
.write-area .write-area-item select.form-control{color:#999; margin-bottom:20px;}
.write-area .write-area-item .form-control::placeholder {color:#999;font-size:15px;}
.btns-area {overflow:hidden;border-top:1px solid #E3E3E3;margin-top:20px;padding-top:10px;}
.btns-area > button span {color:#fff;}
.btns-area .btn-cancel {width:80px;height:40px;background-color:#333;float:left;}
.btns-area .btn-complete {width:130px;height:40px;background-color:#3FA8F4;float:right;}
.btns-area .btn-complete.btn-disabled {background-color:#999;}

/* 매뉴얼 - scroll-up */
.scroll-up {display:inline-block;z-index:9;position:fixed;bottom:40px;right:40px;transition:all linear 0.3s;opacity:0;}
.scroll-up a {text-indent:-9999px;overflow:hidden;width:48px;height:48px;float:right;border-radius:4px;border:1px solid rgba(256,256,256,0.3);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.13);box-shadow:0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.13);background:rgba(256,256,256,0.77) url("/img/service/ico/ico_scroll_up-1ff152218707807dfd265528a9a736c6.svg") center / 22px 12px no-repeat;}
/* background:url("../img/ico/ico_scroll-up.svg") center / 48px 48px no-repeat; */
.scroll-up a:active {border-color:rgba(10, 90, 255, 1);background-color:#fff;transition:border-color 0.3s, background-color 0.3s;}

/* 구독/결제 */
.layout-con.payment .info{flex:1 0; margin-right:30px;}
.layout-con.payment .detail{flex-basis:293px; position:-webkit-sticky; position: sticky; top: 43px;}

.tit.route{display:flex; align-items: flex-end; justify-content: space-between;}
.tit.route .route{display:flex;}
.tit.route .route li.active{font-weight:bold; color:#2C2C2C;}
.tit.route .route li:not(:last-child):after{content:""; display:inline-block; width:6px; height:10px; background:url(/img/common/ico/ico_route_arrow-af046c8a4a230c077caf297148b35869.svg) no-repeat center / 100% auto; margin:0 7px;}

.table-wrap{margin-top:40px;}
.table-wrap.info{margin-top:0;}
.table-wrap table{width:100%; margin-top:10px;}
.table-wrap.info table{margin-top:20px;}
.table-wrap table th,
.table-wrap table td{text-align:center; border:1px solid #E2E2E2; padding:20px 15px;}
.table-wrap table th{background-color:#F8F8F8;}
.table-wrap .noti{margin-top:10px;}

.table-wrap.info table tr{border:1px solid #E2E2E2;}
.table-wrap.info table th{white-space: nowrap;}
.table-wrap.info table th,
.table-wrap.info table td{font-size:13px; border:none;}
.table-wrap.info table th:first-child{text-align: left; padding:10px 15px;}
.table-wrap.info table td.kinds .change span{font-size:12px; color:#3FA8F4;}
.table-wrap.info table td.kinds .change span:hover{color:#3FA8F4;}
.table-wrap.info table td .line-through{text-decoration: line-through;}
.table-wrap.info table td .price{display:block;font-size:13px;}
.table-wrap.info .info-td{display:flex; align-items: flex-start; width:400px;}
.table-wrap.info .info-td .thumb{flex-basis:92px; height:92px; background-repeat: no-repeat; background-position: center; background-size:cover; margin-right:20px;}
.table-wrap.info .info-td .txt-box{flex:1 0; text-align:left;}
.table-wrap.info .info-td .txt-box a,
.table-wrap.info .info-td .txt-box a:hover{text-decoration: none; color:#2C2C2C;}
.table-wrap.info .info-td .class-name{display:block;}
.table-wrap.info .info-td .class-name span{text-decoration: none;}
.table-wrap.info .info-td .class-name span:hover{text-decoration: none; color: #2C2C2C;}
.table-wrap.info .info-td .title{display:block; font-size:15px; margin-top:5px;}
.table-wrap.info .info-td .date-column{display:flex; margin-top:10px;}
.table-wrap.info .info-td .date-column .days{flex-basis:50px; height:18px; line-height:18px; text-align:center; font-size:11px; background-color:#3FA8F4; color:#fff; margin-right:4px;}

.table-wrap.buyer tr.non-member,
.table-wrap.buyer td .btnc.send,
.terms .li.non-member{display:none;}

.table-wrap.buyer th{width:140px;}
.table-wrap.buyer td{text-align:left;}

.doubleChkNoti{font-size:12px; margin-top:6px;}

.table-wrap.buyer .survey td a{color:#3FA8F4;}
.table-wrap.buyer .survey td a:hover{text-decoration: none;}
.table-wrap.buyer .survey td p{margin-top:10px;}
.table-wrap.buyer .total td span{font-weight:normal;}
.table-wrap.buyer .method td label{margin-bottom:0; _margin:5px 0; margin-left:0}
.table-wrap.buyer .method td label:not(:last-child){margin-right:50px;}
.table-wrap.buyer .method td .ui-radio .wrap{display:block; font-size:13px; padding-left:20px;}

/* 개인정보 처리방침 */
.policy-wrap{max-width:870px;}
.policy-wrap .box:not(:first-child){margin-top:50px;}
.policy-wrap .box .tit{font-size:20px;}
.policy-wrap .box .txt{line-height: 1.8; font-size:14px; margin-top:5px; word-break: keep-all;}

/* Laptop L */
@media all and (max-width:1300px) {
    /* mypage items list */
    .con-mypage{overflow: hidden;}
    .con-mypage .items-lst li{flex-basis:calc(33.3333% - 30px);}
    .con-mypage .items-square.class li{flex-basis:calc(25% - 38px); max-width: calc(25% - 38px);}

    /* class items list */
    .layout-con.class .main .items-lst li{flex-basis:calc(33.3333% - 24px);}

    /* 결재내역 - 마이페이지 */
    .con-mypage .payment-list .items{flex-basis:calc(33.3333% - 28px);}

    /* 시청페이지 - 질의응답 */
    .qna-area .qna-box .qna-participants-list .items{flex-basis:calc(33.3333% - 20px);}
    .qna-area .qna-box .qna-participants-list .items:nth-child(n+4){margin-top:30px;}
    .qna-bottom .btn-list{justify-content: space-between;}
    .qna-bottom .btn-list .items:not(:last-child){margin-right:0;}
    .qna-bottom .btn-list .items.exit{margin-left:0;}
    .qna-bottom{padding:20px 10px;}

    /* 소개페이지 */
    .wrapper.intro .intro-sec .txt-box .title{font-size:36px !important;}
}

/* 1200px 추가 */
@media all and (max-width:1200px) {
    .header-service{display:none;}
    .mobile-header-service{display:block;}

    .mobile-header-service .ham{width:30px; height:30px; background:url(/img/common/ico/ico_ham-eb4f67bbcaf37255bd4abe9f26564be6.svg) no-repeat center / 18px auto;}
    .mobile-header-service .logo{margin:0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
    .mobile-header-service .right > div:not(:first-child){margin-left:10px;}
    .mobile-header-service .ui-search button{border:none;}

    /* mobile-header-aside */
    .mobile-header-aside{display:block; width:300px; height:100%; background-color:#fff; position:fixed; left:-320px; top:0; z-index: 600; overflow-y: auto;}
    .mobile-header-aside .close{width:35px; height:35px; background:url(/img/service/ico/ico_nav_close-f4d8deb6cea58bf6b5d65dd2aef980fe.svg) no-repeat center / 100% auto; position:relative; right:10px; top:10px; opacity:1;}
    .mobile-header-aside .close:hover{opacity:1 !important;}
    .mobile-header-aside .non-login{margin-top:10px;}
    .mobile-header-aside .signup-link span,
    .mobile-header-aside .signup-link a{font-size:12px;}
    .mobile-header-aside .signup-link{margin-top:27px;}
    .mobile-header-aside .signup-link a{text-decoration: underline; color:#3FA8F4; margin-left:10px;}
    .mobile-header-aside .signup-link a:hover{color:#3FA8F4;}
    .mobile-header-aside .my-info{background-color:#FAFAFA;}
    .mobile-header-aside .menu-box{border:none; margin-top:0;}
    .mobile-header-aside .menu-box .btnc-group{display:flex; align-items: center; justify-content: space-between;}
    .mobile-header-aside .menu-box .logout{text-decoration: underline;}
    .mobile-header-aside .menu-box .logout:hover{color:#C6C6C6;}

    /* mobile-search-wrap */
    .mobile-search-wrap{display:block;}
    .mobile-search-wrap .inner{width:100%; height:100%; background-color:#fff; position:fixed; left:0; top:0; z-index: 550; overflow-y: auto;}
    .mobile-search-wrap .search-area{border-bottom:1px solid #E2E2E2; padding:10px 0;}
    .mobile-search-wrap .search-area .content{display:flex; align-items: center; justify-content: space-between;}
    .mobile-search-wrap .search-area .ui-search .form-control{border-top-left-radius:20px; border-bottom-left-radius:20px;}
    .mobile-search-wrap .search-area .ui-search button{border-top-right-radius:20px; border-bottom-right-radius:20px;}
    .mobile-search-wrap .search-area .search-cancel{margin-left:10px;}

    .mobile-search-wrap .search-list-wrap .con-search .title{display:flex; align-items: center; justify-content: space-between; margin-top:25px;}
    .mobile-search-wrap .search-list-wrap .con-search.push .title{margin-top:40px;}
    .mobile-search-wrap .search-list-wrap .non-list{margin-top:30px;}
    .mobile-search-wrap .search-list-wrap .list{margin-top:10px;}
    .mobile-search-wrap .search-list-wrap .item{display:flex; align-items: center; justify-content: space-between;}
    .mobile-search-wrap .search-list-wrap .item:not(:first-child){margin-top:5px;}
    .mobile-search-wrap .search-list-wrap .item a{color:#8E8E8E;}
    .mobile-search-wrap .search-list-wrap .item a:hover{text-decoration:none; color:#8E8E8E;}
    .mobile-search-wrap .search-list-wrap .list-del{flex-basis:9px; height:9px; background:url(/img/common/ico/ico_search_del-06dd1c574e76a4eb236844ceeef921ea.svg) no-repeat center / 100% auto; padding:0;}

    /* class Layout */
    .layout-con.class{flex-direction: column;}
    .layout-con.class .aside{flex-basis: auto; display:block; width:100%;}
    .layout-con.class .aside .my-info.class{border:none; margin-top:-75px;}
    .layout-con.class .aside .category{width:300px; height:100%; background-color:#fff; border:none; border-radius:0; margin-top:0; position:fixed;  left:-300px; top:0; z-index: 600; overflow-y: auto;}
    .class-nav{margin-top:20px;}
    .search-box .ui-search .btn-category,
    .layout-con.class .aside .category .close{display:block;}

    /* class items list */
    .layout-con.class .main .items-lst li{flex-basis:calc(25% - 24px);}
    .layout-con.class .main .items-lst li:nth-child(n+4){margin-top:0;}
    .layout-con.class .main .items-lst li:nth-child(n+5){margin-top:60px;}

    .search-box .ui-search{display:flex;}
    .search-box .ui-search .wrap{flex-grow:1;}

    /* 레이아웃 - 마이페이지 */
    .wrapper.mypage{min-height:calc(100vh - 215px);}
    .wrapper.mypage .layout-con{display:block;}
    .layout-con .aside{display:none;}

    /* mypage items list */
    .con-mypage .items-lst li{flex-basis:calc(25% - 30px);}
    .con-mypage .items-square.class li{flex-basis:calc(20% - 38px);}
    .con-mypage .items-lst li:nth-child(n+4),
    .con-mypage .items-square.class li:nth-child(n+5){margin-top:0;}
    .con-mypage .items-lst li:nth-child(n+5),
    .con-mypage .items-square.class li:nth-child(n+6){margin-top:60px;}

    /* 나의 질문 - 마이페이지 */
    .toggle-lst.my-qna .toggle-head .title{width:calc(100% - 336px) !important;}

    /* 회원정보 수정 - 마이페이지 */
    /* mypage > form-box-2 */
    .con-mypage .form-box-2{width:auto;}

    /* 시청페이지 - 질의응답 */
    .qna-area .qna-box .qna-participants-list .thum{width:86px;}

    /* 고객센터 */
    .wrap.side-space{width:auto; margin:0 20px;}
    header.center .inner{margin:0 20px;}

    /* mobile */
    .only-mobile {display:block;}
    .only-desktop {display:none!important;}

    /* 고객센터 - menu */
    header.center {height:auto;padding-bottom:0;}
    header.center .inner {align-self:center;align-items:center;}
    header.center .left {align-self:flex-end;padding-bottom:10px;}
    .btn-hamburger .icon-bar {display:block;width:24px;height:3px;background-color:#333;}
    .btn-hamburger .icon-bar+.icon-bar {margin-top:5px;}

    .menu-top {display:flex;align-items:center;justify-content:space-between;position:relative;}
    .menu-top .title {font-size:18px;margin:9px 0 0 40px;}
    .menu-top .btn-close {height:40px;position:absolute;top:0;left:0;}
    .menu-top .icon-bar {display:block;width:24px;height:3px;background-color:#333;transform:translateY(3px) rotate(45deg);}
    .menu-top .icon-bar+.icon-bar {transform:rotate(-45deg);}
    .menu-top .btn-link {color:#8E8E8E;font-size:13px;text-decoration:underline;margin-top:5px;}
    .menu-top .btn-link:hover, .menu-top .btn-link:active {color:#0A5AFF;}

    .bg-menu {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);z-index:9;transition:all 0.3s;visibility:hidden;opacity:0;}
    .bg-menu.show {visibility:visible;opacity:1;}

    .aside-center {width:300px;height:100%;position:fixed;z-index:10;top:0;right:-100%;background-color:#fff;overflow-x:hidden;transition:0.5s;padding:36px 26px;margin:0;}
    .aside-center.show {right:0;}
    .aside-center .left-items {margin-top:22px;margin-left:8px;}
    .aside-center .left-items:nth-child(2) {margin-top:40px;}
    .aside-center .left-items.slide-menu {margin-top:22px;}
    .aside-center .left-items a {height:auto;line-height:1;}
    .aside-center .left-sub-menu {color:#999;}
    .aside-center .left-sub-menu a {height:30px;line-height:30px;margin-top:3px;}
    .aside-center .left-sub-menu a:first-child {margin-top:20px;}
    .aside-center .left-items.plus a.manual:after,
    .aside-center .left-items.minus a.manual:after {display:none;}
    .aside-center .left-items .left-sub-menu {display:block!important;}
    .aside-center .manual-download{padding-right:0;}

    .menu-bottom {position:absolute;bottom:30px;left:0;padding:0 20px;}
    .menu-bottom .tip {color:#999;font-size:12px;word-break:break-all;text-align:justify;}
    .menu-bottom .btn-write-qna {display:block;margin-top:14px;width:100%;height:46px;line-height:44px;border:1px solid #0A5AFF;border-radius:3px;color:#2C2C2C;font-size:18px;font-weight:500;}
    .menu-bottom .btn-write-qna::before {content:"";display:inline-block;background:url(/img/ico/ico_qna-53323c135cc76e93f8ecb725f147a6c7.svg) center / 100% auto no-repeat;width:15px;height:15px;margin-right:6px;}
    .menu-bottom .btn-write-qna:hover,.menu-bottom .btn-write-qna:active {background-color:rgba(10, 90, 255, 0.1);}

    /* 고객센터 - content */
    .center-contents {flex-basis:100%;}
    .manual-area img {width:100%;}

    /* 소개페이지 */
    .wrapper.intro .intro-sec.process .other{width:100%; background-size: contain;}
}

/* Laptop S */
@media all and (max-width:1024px) {
    /* 메인페이지 */
    .visual-banner .items .content{padding:0 30px;}
    .visual-banner .items.banner-1 .content{background-size:370px auto;}
    .visual-banner .items.banner-2 .content{background-size:370px auto;}
    .visual-banner .items.banner-3 .content{background-size:470px auto;}
    .visual-banner .items .cover-left .tit{font-size:26px;}

    /* 리스트페이지 */
    .wrapper.list .visual-banner .items .content{height:480px;}
    .wrapper.list.webinar .visual-banner .items.banner-1 .content{background-size:590px;}
    .wrapper.list.lecture .visual-banner .items.banner-1 .content{background-size:436px;}
    .wrapper.list.live .visual-banner .items.banner-1 .content{background-size:467px;}
    .wrapper.list.class .visual-banner .items.banner-1 .content{background-size:433px;}
    .wrapper.list .visual-banner .items .cover-left .tit{font-size:30px;}

    /* 랜딩페이지 */
    .landing-title .sub-txt{margin-top:10px;}

    /* 레이아웃 - 클래스, 마이페이지 */
    .wrapper.class,
    .wrapper.mypage{min-height:calc(100vh - 285px);}

    /* mypage items list */
    .con-mypage .items-lst li{flex-basis:calc(33.3333% - 30px);}
    .con-mypage .items-square.class li{flex-basis:calc(33.3333% - 38px);}
    .con-mypage .items-lst li:nth-child(n+4){margin-top:60px;}
    .con-mypage .items-square.class li:nth-child(n+5){margin-top:60px;}

    /* class items list */
    .layout-con.class .main .items-lst li{flex-basis:calc(33.3333% - 24px);}
    .layout-con.class .main .items-lst li:nth-child(n+4){margin-top:60px;}

    /* 결재내역 - 마이페이지 */
    .con-mypage .payment-list .items{flex-basis:calc(50% - 28px);}
    .con-mypage .payment-list .items:nth-child(n+3){margin-top:28px;}

    /* 결제 레이아웃 */
    .layout-con.payment{display:block;}
    .layout-con.payment .info{margin-right:0;}

    /* 구독/결제 */
    .table-wrap.info .info-td{width:auto;}
    .table-wrap.info table th:not(:first-child){display:none;}
    .table-wrap.info table td{display:block; text-align:left; padding:15px 15px 0;}
    .table-wrap.info table td:last-child{padding-bottom:15px;}
    .table-wrap.info table td.kinds .btnc-group{display:inline-block; width:auto; margin-left:5px;}
    .table-wrap.info table td .price{display:inline-block;}
    .table-wrap.info table td:before{font-weight:bold;}
    .table-wrap.info table td:nth-child(2):before{content:"판매자 : ";}
    .table-wrap.info table td:nth-child(3):before{content:"제공서비스 : ";}
    .table-wrap.info table td:nth-child(4):before{content:"종류 : ";}
    .table-wrap.info table td:nth-child(5):before{content:"수량 : ";}
    .table-wrap.info table td:nth-child(6):before{content:"할인 : ";}
    .table-wrap.info table td:nth-child(7):before{content:"구매금액(할인포함) : ";}
    .table-wrap.info table td.kinds .change{height:16px; line-height:1.5;}
    .table-wrap.info table td.kinds .change span{display:block;}

    .payment-details{min-height:auto !important;}
}

/* 1023px 추가 */
@media all and (max-width:1023px) {
    /* 시청페이지 - 질의응답 */
    .qna-area .qna-box .qna-participants-list .items{flex-basis:calc(16.6666% - 20px);}
    .qna-area .qna-box .qna-participants-list .items:nth-child(n+3){margin-top:0;}
    .qna-area .qna-box .qna-participants-list .items:nth-child(n+7){margin-top:30px;}
    .qna-area .qna-box .qna-participants-list .thum{width:100px;}
    .qna-bottom .btn-list{justify-content: flex-start;}
    .qna-bottom .btn-list .items:not(:last-child){margin-right:25px;}
    .qna-bottom .btn-list .items.exit{margin-left:auto;}

    /* 시청페이지 - 세션 */
    .con-session .mobile-track{display:block;}
    .con-session .ui-radio.btnc-type.tab{display:none;}

    /* 랜딩페이지 */
    .landing-wrap .landing-container{width:100%;}
    .landing-wrap .landing-container .visual{width:100vw; margin-bottom:-5px; position:relative; left:-14px; top:-30px;}
    .landing-wrap .aside-landing{display:none;}

    /* aside - 랜딩페이지 모바일 */
    .mobile-aside-landing{display:block; margin-bottom:20px;}
    .mobile-aside-landing .aside-body{margin-top:10px;}
    .mobile-aside-landing .aside-body .tit{font-size:22px;}
    .mobile-aside-landing .date{margin-top:20px;}
    .mobile-aside-landing .head {font-size:12px;}
    .mobile-aside-landing .date .txt.md{ position:relative;}
    .mobile-aside-landing .date .term{position:absolute; right:0; bottom:1px; }
    .mobile-aside-landing .btnc-group-hashtag{margin-top:10px;}
    .mobile-aside-landing .btnc-group{display:flex; align-items: center; justify-content: space-between; margin-top:20px;}
    .mobile-aside-landing .btnc-group .btnc{flex: 0 0 100px; padding:0;}
    .mobile-aside-landing .btnc-group .left{display:flex; align-items: center;}
    .mobile-aside-landing .btnc-group .left .btnc:last-child{margin-left:10px;}
    .mobile-aside-landing .btn-view{width:100%; margin-top:10px;}

    .mobile-purchase-area{display:block; width:100%; background-color:#fff; border-top:1px solid #E2E2E2; padding:12px 14px; position:fixed; left:0; bottom:0; z-index: 400;}
    .mobile-purchase-area .ticket-box{display:none; margin-bottom:20px;}
    .mobile-purchase-area .title{display:flex; align-items: center; margin-bottom:20px; margin-top:12px;}
    .mobile-purchase-area .title .close {padding:4px 21px; margin:-30px -20px -20px auto;opacity:1;}
    .mobile-purchase-area .title .close span {display:inline-block;width:15px;height:15px;background:url(/img/service/ico/ico_close-7880344dd32e1cd0515c9c95e5107dd3.svg) no-repeat center / 100% auto;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket{display:flex; flex-wrap: wrap; justify-content: space-between;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket label{width:24%; margin:0;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket input+.ico:after{width:48.5%; height:100px;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket .wrap{width:100%; height:100px; line-height: normal; text-align: left; background-color:#fff; padding:15px;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket input:checked ~ .wrap{background-color:#F8FCFF; color:#2c2c2c;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket input:checked ~ .wrap:before{display:none;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket .sales .txt.md{font-weight:normal;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket .remaining{margin-top:10px;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket .disabled{cursor:default;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket .disabled .wrap{border-color:#e2e2e2;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket .disabled .option,
    .mobile-purchase-area .btnc-type.btnc-type.ticket .disabled .sales .txt{color:#c6c6c6;}

    .mobile-purchase-area .choice{display:none; background-color:#F4F5F8; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; padding:15px 20px; padding-top:10px; margin-bottom:20px;}
    .mobile-purchase-area .option{display:flex; align-items: center;}
    .mobile-purchase-area .option .close {padding:4px 21px; margin:-30px -20px -20px auto;opacity:1;}
    .mobile-purchase-area .option .close span {display:inline-block;width:11px;height:11px;background:url(/img/service/ico/ico_close-7880344dd32e1cd0515c9c95e5107dd3.svg) no-repeat center / 100% auto;}
    .mobile-purchase-area .price{display:flex; flex-direction: column; align-items: flex-end;}
    .mobile-purchase-area .price  .line-through{text-decoration: line-through;}

    .mobile-purchase-area .purchase{_margin-top:20px;}
    .mobile-purchase-area .purchase .btnc-group{display:flex; align-items: center;}
    .mobile-purchase-area .purchase .btnc-group .btn-heart,
    .mobile-purchase-area .purchase .btnc-group .btn-favorit{border:1px solid #C6C6C6; padding:0;}
    .mobile-purchase-area .purchase .btnc{flex-basis:48px; height:48px;}
    .mobile-purchase-area .purchase .btnc.xl{flex:1 0; height:56px;}
    .mobile-purchase-area .purchase .btnc.btn-purchase{display:none;}

    /* 소개페이지 */
    .wrapper.intro .intro-sec.medicamp{padding-top:0;}
    .wrapper.intro .intro-sec .content{flex-direction: column !important; align-items: stretch; padding:0 40px;}
    .wrapper.intro .intro-sec.medicamp .other{flex-basis:auto;height:0; padding-bottom:80%; margin-top:40px;}
    .wrapper.intro .intro-sec.process .other .img-pc{display:none;}
    .wrapper.intro .intro-sec.process .other .img-tablet{display:block;}
}

/* 860px 추가 */
@media all and (max-width:860px) {
    /* 팝업페이지 - 세션 */
    .pop-page.track .info-wrap{width:100vw; position:relative; left:-30px; top:-30px;}
    .pop-page.track .info-wrap > .thum{_flex:0 0 350px; height:auto;}
    .pop-page.track .info-wrap .info .term{display:block; margin-left:0;}
}

/* 830px 추가 */
@media all and (max-width:830px) {
    /* 구독서비스 */
    .pop-writer.subscribe{min-height:100vh; background-color:#f8f8f8;}
    .subscribe-choice .items{background-color:transparent; border:none; padding:20px 0;}
}

/* Tablet */
@media all and (max-width:768px) {
    /* mypage items list */
    .con-mypage .items-square.class li{flex-basis:calc(33.3333% - 38px); max-width: calc(33.3333% - 38px);}

    /* 대시보드 - 마이페이지 */
    .dashboard-list .items .dashboard-body{flex-direction: column;}
    .dashboard-list .items .date-column,
    .dashboard-list .items .info,
    .dashboard-list .items .btnc-group{margin-top:10px;}
    .dashboard-list .items .info .title{height:44px;}
    .dashboard-list .items .date-column{margin-top:5px !important;}
    .dashboard-list .items .thumb{margin-right:0;}
    .dashboard-list .items .thumb{height:auto;}
    .dashboard-list .items .thumb:before{content:""; display:block; padding-bottom:75%;}

    /* 나의 질문 - 마이페이지 */
    .toggle-lst.my-qna .toggle-head{flex-wrap:wrap;}
    .toggle-lst.my-qna .toggle-head .title{width:100% !important; margin-bottom:10px;}
    .toggle-lst.my-qna .toggle-head .link{margin-left:0 !important; max-width:calc(100% - 210px);}
    .toggle-lst.my-qna .toggle-head .date{margin-left:5px;}
    .toggle-lst.my-qna .toggle-head .date:before{content:"|"; color:#2C2C2C; margin-right:5px;}
    .toggle-lst.my-qna .toggle-head .btn-answer, .toggle-lst li .toggle-head .complete-answer{margin-left:auto;}

    /* 회원정보수정 - 마이페이지 */
    .con-mypage .btnc-group .save{width:100%;}
    .con-mypage .btnc-group .withdrawal{display:none;}

    /* 결재내역 - 마이페이지 */
    .con-mypage .payment-list .items{flex-basis:calc(100% - 28px);}
    .con-mypage .payment-list .items:nth-child(n+2){margin-top:28px;}

    /* 구독결제 */
    .table-wrap.buyer .method td label:not(:first-child){margin-top:20px;}
    .table-wrap.buyer .method td label{display:block;}
}

/* 767px 추가 */
@media all and (max-width:767px) {
    /* 메인페이지 */
    .visual-banner .items .content{align-items: flex-start;}
    .visual-banner .items.banner-1 .content{background-size:60% auto; background-position: bottom right;}
    .visual-banner .items.banner-2 .content{background-size:60% auto; background-position: bottom right;}
    .visual-banner .items.banner-3 .content{background-size:60% auto; background-position: bottom right;}
    .visual-banner .items .cover-left{margin-top:80px;}
    .visual-banner .items .cover-left .tit{font-size:20px;}
    .visual-banner .items .cover-left .s-txt{display:none;}

    /* 리스트페이지 */
    .wrapper.list.webinar .visual-banner .items.banner-1 .content{background-size:80% auto;}
    .wrapper.list.lecture .visual-banner .items.banner-1 .content{background-size:55% auto;}
    .wrapper.list.live .visual-banner .items.banner-1 .content{background-size:65% auto;}
    .wrapper.list.class .visual-banner .items.banner-1 .content{background-size:60% auto;}
    .wrapper.list .visual-banner .items .cover-left .tit{font-size:26px;}

    /* 랜딩페이지 */
    .landing-wrap article{padding:50px 0;}
    .landing-title .tit{font-size:18px;}
    .mobile-aside-landing .aside-body .tit{font-size:18px;}
    .mobile-aside-landing .btn-view{height:48px; line-height:48px;}
    .mobile-aside-landing .btn-view span{font-size:15px;}
    .landing-title .tit .btnc{min-width:100px; height:36px; line-height:36px;}
    .landing-title .tit .btnc span,
    .landing-title .sub-txt .txt,
    .data-empty > p{font-size:13px;}
    .data-empty > p{text-align:center; word-break: keep-all;}
    .mobile-purchase-area .scroll-wrap{max-height:calc(100vh - 100px); overflow-x:hidden; overflow-y: auto;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket label{width:100%;}
    .mobile-purchase-area .btnc-type.btnc-type.ticket label:not(:first-child){margin-top:10px;}
    .mobile-purchase-area .purchase .btnc.xl{height:48px; line-height:48px;}
    .mobile-purchase-area .purchase .btnc.xl span{font-size:15px;}
    .landing-refund{font-size:13px;}
    .landing-refund .text{font-size:13px;}

    /* 팝업페이지 - 세션 */
    .wrapper.service .main-service.pop-page{padding:30px 14px !important;}
    .pop-page.track .track-list-wrap .mobile-track{display:block;}
    .pop-page.track .track-list-wrap .ui-radio{display:none;}
    .pop-page.track .info-wrap{flex-direction: column; left:-14px;}
    .pop-page.track .info-wrap > .thum{width:100%; flex-basis:0; padding-bottom:40%;}
    .pop-page.track .info-wrap .info .title{height:44px; font-size:15px;}
    .pop-page.track .info-wrap .info .date p{font-size:13px;}

    .pop-page.track .days-wrap h2{font-size:18px;}
    .pop-page.track .track-list-wrap h3,
    .pop-page.track .track-list-wrap h3 span,
    .pop-page.track .session-list-wrap .session-box h3,
    .session-list-wrap .session-items .title h4,
    .session-list-wrap .announce-items .top h5{font-size:13px;}
    .pop-page.track .session-list-wrap .session-box{margin-top:20px;}
    .session-list-wrap .session-items .title{align-items: flex-start; padding:10px;}
    .session-list-wrap .session-items .right{margin-left:10px;}
    .session-list-wrap .announce-items{padding:14px;}
    .session-list-wrap .announce-items .bot{flex-direction: column;}
    .session-list-wrap .announce-items .bot .btnc-group{margin-left:0; margin-top:20px;}
    .session-list-wrap .announce-items .bot .btnc-group .btnc span{font-size:13px;}

    /* 팝업페이지 - 초록 */
    .pop-page.abstract .profile-wrap{flex-wrap:wrap;}
    .pop-page.abstract .profile-wrap .btnc{width:100%; margin-left:0; margin-top:20px;}

    /* mypage items list */
    .con-mypage .items-lst li{flex-basis:calc(50% - 30px);}
    .con-mypage .items-square.class li{flex-basis:calc(50% - 38px);}
    .con-mypage .items-lst li:nth-child(n+3){margin-top:60px;}

    /* 타이틀 - 마이페이지 */
    .mypage-tit{flex-wrap: wrap;}
    .mypage-tit h3{width:100%;}
    .mypage-tit .filter,
    .mypage-tit .ui-search{margin-top:20px;}
    .mypage-tit .filter:nth-of-type(1){flex-basis:100%;margin-left:0;}

    /* class items list */
    .layout-con.class .main .items-lst li{flex-basis:calc(50% - 24px);}
    .layout-con.class .main .items-lst li:nth-child(n+3){margin-top:60px;}

    .search-box{flex-direction: column-reverse; align-items: flex-start;}
    .search-box .title,
    .search-box .search-txt{margin-top:25px;}
    .search-box .ui-search{flex-basis: auto;}
    .search-box .ui-search .wrap{flex-grow:1;}

    /* 클래스 정보 */
    .class-info-box{flex-direction: column;}
    .class-info-box .detail{flex-basis:auto; margin-left:0; margin-top:50px;}

    /* 레이아웃 - 클래스, 마이페이지 */
    .wrapper.class,
    .wrapper.mypage{min-height:calc(100vh - 401px);}

    /* 시청페이지 - 질의응답 */
    .qna-area .qna-box .qna-participants-list .items{flex-basis:calc(25% - 20px);}
    .qna-area .qna-box .qna-participants-list .items:nth-child(n+5){margin-top:30px;}

    /* 구독서비스 */
    .pop-writer.subscribe{min-height:100vh; background-color:#f8f8f8;}
    .subscribe-choice{justify-content: flex-start; padding-bottom:20px;}
    .subscribe-choice .items{background-color:transparent; border:none; padding:20px 0;}
    .subscribe-choice .items .tit{ width:232px;}

    /* 고객센터 - header */
    header.center .logo img {width:131px;}
    header.center .left .logo-box p {font-size:20px;}

    /* 고객센터 */
    .aside-center{padding-top:20px; padding-bottom:30px;}
    .aside-center .left-items{margin-top:30px;}
    .menu-bottom{padding:0; margin-top:20px; position:static;}

    /* 고객센터 - list */
    .center-contents {padding-top:27px;}
    .center-contents .center-title {display:block;position:relative;}
    .center-contents .center-title h2 {display:block;}
    .center-contents .center-title .search-area {display:block;margin-top:20px;}
    .center-contents .line-area {margin-top:10px;margin-bottom:10px;font-size:13px;}
    .update-items .seq, .update-items .update-box .info .title, .update-items .update-box .info .right .date {font-size:14px!important;}
    .update-items {padding:10px 0;}
    .update-items .update-box .info {padding-left:7px;}
    .update-items .update-box .info.active .title {font-weight:bold;}
    .update-items .update-box .info .right .date {color:#999;}
    .update-items .update-box .info .right .btn-slide {display:none;}
    .update-items .seq {flex:0 0 24px;}
    .update-items .update-box .sub {margin-top:10px;margin-bottom:10px;}
    .update-items .update-box .sub img {max-width:100%;}

    /* 고객센터 - 매뉴얼 */
    .manual-area h3 {margin-top:40px;}

    /* 고객센터 - 문의하기 */
    .contact-us-area .contact-us-item {display:block;padding:10px 0;}
    .contact-us-area .contact-us-item:not(:first-child) {border:none;}
    .contact-us-area .contact-us-item .con {flex-basis:100%;margin-top:10px;}
    .btn-contact-us-area {margin-top:10px;}
    .btn-contact-us-area .btn-contact-us {width:100%;}
    .btns-area {display:flex;border:none;padding-top:0;}
    .btns-area > button {width:50%!important;float:none!important;}
    .btns-area .btn-cancel {margin-right:10px;}

    /* 고객센터 - 업데이트 */
    .update-items .update-box {flex-basis:100%;}
    .update-items .update-box .info .right .btns > button {font-size:13px;}
    .btn-write {position:absolute;top:0;right:0;}

    /* 고객센터 - 질문 탭 */
    .tabs-question .items{flex-basis:calc(33.3333% - 10px);}

    /* 고객센터 - pagination */
    .pagination a {padding:5px 7px;}

    /* 개인정보 처리방침 */
    .policy-wrap .box:not(:first-child){margin-top:30px;}
    .policy-wrap .box .tit{font-size:16px;}

    /* 소개페이지 */
    .wrapper.intro .function-list{width:100%;}
}

/* 739px 추가 */
@media all and (max-width:739px) {
    /* 소개페이지 */
    .wrapper.intro .intro-sec.block .other{margin-top:20px;}
    .wrapper.intro .function-list li{margin:20px 55px;}
    .wrapper.intro .function-list li:nth-child(n+4){margin-top:20px;}
}

/* 600px 추가 */
@media all and (max-width:600px) {
    /* 대시보드 - 타이틀 */
    .mypage-tit .ui-search{flex-basis:100%; margin-left:0; margin-top:10px;}

    /* 대시보드 - 마이페이지 */
    .dashboard-list .items{flex-basis:calc(100% - 24px);}

    /* 고객센터 - 업데이트 */
    .update-items .update-box .info {display:block;}
    .update-items .update-box .info .title {flex-basis:100%;}
    .update-items .update-box .info .right {display:block;margin-top:5px;overflow:hidden;}
    .update-items .update-box .info .right .date {float:left;}
    .update-items .update-box .info .right .btns {margin-left:0;margin-top:4px;float:right;}

    .update-area.manager .update-items .update-box .info .title{margin-right:0;}

    /* 소개페이지 */
    .wrapper.intro .intro-sec .content{padding:0 20px;}
    .wrapper.intro .intro-sec .txt-box .title{font-size:24px !important; word-break: keep-all;}
    .wrapper.intro .intro-sec .txt-box .s-txt{font-size:12px; margin-top:15px; word-break: keep-all;}
    .wrapper.intro .function-list .items{width:80px;}
    .wrapper.intro .intro-sec.process .other{max-width:192px;}
    .wrapper.intro .intro-sec.process .other .img-tablet{display:none;}
    .wrapper.intro .intro-sec.process .other .img-mobile{display:block;}
}

/* 500px 추가 */
@media all and (max-width:500px) {
    /* 메인페이지 */
    .visual-banner .items.banner-1 .content{background-size:80% auto;}
    .visual-banner .items.banner-2 .content{background-size:80% auto;}
    .visual-banner .items.banner-3 .content{background-size:80% auto;}

    /* 리스트페이지 */
    .wrapper.list .visual-banner .items .content{height:450px;}
    .wrapper.list.webinar .visual-banner .items.banner-1 .content{background-size:100% auto;}
    .wrapper.list.lecture .visual-banner .items.banner-1 .content{background-size:65% auto;}
    .wrapper.list.live .visual-banner .items.banner-1 .content{background-size:85% auto;}
    .wrapper.list.class .visual-banner .items.banner-1 .content{background-size:80% auto;}
    .wrapper.list .visual-banner .items .cover-left .tit{font-size:20px;}

    /* mypage items list */
    .con-mypage .items-lst li{flex-basis:calc(100% - 30px);}
    .con-mypage .items-square.class li{flex-basis:calc(100% - 38px); max-width: calc(100% - 38px);}
    .con-mypage .items-lst li:nth-child(n+2){margin-top:60px;}

    /* mypage items list */

    /* class items list */
    .layout-con.class .main .items-lst li{flex-basis:calc(100% - 24px);}
    .layout-con.class .main .items-lst li:nth-child(n+2){margin-top:60px;}

    /* 나의 질문 - 마이페이지 */
    .toggle-lst.my-qna .toggle-head .link{width:150px;}

    /* 구독등급 */
    .grade-tb table tr th{width:100px;}
    .grade-tb table tr td .wrap{flex-wrap:wrap;}
    .grade-tb table tr td .txt-box{width:100%; margin-bottom:7px;}

    /* 구매영수증 - 마이페이지 */
    .payment-tb table tr th,
    .payment-tb table tr td{display:block;}
    .payment-tb table tr th{width:100%; border-top:none; border-bottom:none;}
    .payment-tb table tr:first-child th{border-top:1px solid #E2E2E2;}

    .pop-writer.receipt .bottom .btnc-group{flex-wrap:wrap;}
    .pop-writer.receipt .bottom .btnc-group .refund{position:static; width:100%; text-align:right;}

    /* auth */
    .main-auth{width:100%; height:100%; padding:40px 20px; margin:0; position:fixed; left:0; top:0; overflow: auto;}

    /* 시청페이지 - 질의응답 */
    .qna-area .qna-box .qna-participants-list .items{flex-basis:calc(33.3333% - 20px);}
    .qna-area .qna-box .qna-participants-list .items:nth-child(n+4){margin-top:30px;}
    .qna-area .qna-box .qna-participants-list .thum{width:95%;}
    .qna-area .qna-box .qna-participants-list .info .name{font-size:13px;}

    /* 구독/결제 */
    .table-wrap.buyer th,
    .table-wrap.buyer td{display:block; padding:10px 15px;}
    .table-wrap.buyer th{width:100%; text-align:left; border-top:none; border-bottom:none;}
    .table-wrap.buyer tr:first-child th{border-top:1px solid #E2E2E2;}

    /* 이메일인증 */
    .auth.email .auth-title{margin-top:50px;}
    .auth.email .auth-title .logo > a{width:250px;}
    .auth.email .info-txt .tit{font-size:18px;}
    .auth.email .info-txt .sub-txt p{font-size:13px;}

    /* 고객센터 - 질문 탭 */
    .tabs-question{margin-top:10px;}
    .tabs-question .items{flex-basis:calc(50% - 10px);}
    .tabs-question .items.add{flex-basis: calc(100% - 10px);}

    /* 소개페이지 */
    .wrapper.intro .intro-sec{padding:50px 0;}
    .wrapper.intro .function-list li{margin:20px 40px;}
}

/* 모바일 L */
@media all and (max-width:425px) {
    /* 클래스 네비게이션 */
    .class-nav ul{justify-content: space-between;}
    .class-nav a{padding:0 15px;}

    /* 마이페이지 즐겨찾기 네비게이션 */
    .mypage-nav a{padding:0 15px;}

    /* 나의 질문 - 마이페이지 */
    .toggle-lst.my-qna .toggle-head .link{width:130px;}

    /* 시청페이지 - 질의응답 */
    .qna-bottom .btn-list{justify-content: space-between;}
    .qna-bottom .btn-list .items:not(:last-child){margin-right:0;}
    .qna-bottom .btn-list .items.exit{margin-left:0;}
}

/* 400px 추가 */
@media all and (max-width:400px) {
    /* 시청페이지 - 질의응답 */
    .qna-area .qna-box .qna-participants-list .items{flex-basis:calc(50% - 20px);}
    .qna-area .qna-box .qna-participants-list .items:nth-child(n+3){margin-top:30px;}
    .qna-area .qna-box .qna-participants-list .thum{width:100%;}
}

/* 모바일 M */
@media all and (max-width:375px) {
    /* 메인페이지 */
    .visual-banner .items .content{height:400px;}
    .visual-banner .items .cover-left .tit{font-size:18px;}

    /* 리스트페이지 */
    .wrapper.list .visual-banner .items .content{height:400px;}
    .wrapper.list .visual-banner .items .cover-left .tit{font-size:18px;}

    /* 나의 질문 - 마이페이지 */
    .toggle-lst.my-qna .toggle-head .link{width:calc(100% - 75px); max-width: none; margin-bottom:10px;}
    .toggle-lst.my-qna .toggle-head .date{width:70px; margin-bottom:10px;}
    .toggle-lst.my-qna .toggle-head .date:before{display:none;}

    /* 소개페이지 */
    .wrapper.intro .function-list li{margin:20px 30px;}
}
/* 374px 추가 */
@media all and (max-width:374px) {
    /* 메인페이지 */
    .visual-banner .items .content{height:350px;}
    .visual-banner .items .cover-left .tit{font-size:16px;}

    /* 리스트페이지 */
    .wrapper.list .visual-banner .items .content{height:350px;}
    .wrapper.list .visual-banner .items .cover-left .tit{font-size:18px;}

    /* 랜딩페이지 */
    .mobile-aside-landing .date .term{display:block; position:static;}
    .mobile-aside-landing .btnc-group .left .btnc:last-child{margin-left:5px;}
    .mobile-aside-landing .btnc-group .btnc{min-width:auto; flex:0 0 90px;}

    /* auth */
    .main-auth{padding:40px 14px;}

    /* 시청페이지 - 질의응답 */
    .qna-join .tit{font-size:18px;}
    .qna-bottom{padding:20px 5px;}
    .qna-bottom .btn-list .items .ico{width:46px; height:46px;}
    .qna-bottom .btn-list .items.hand .txt{font-size:12px;}

    /* 구독/결제 */
    .table-wrap.info .info-td .thumb{display:none;}
    .table-wrap.buyer table .form-box-3 .form-content{flex-wrap:wrap;}
    .table-wrap.buyer table .form-box-3 .form-content .ui-input{flex-basis:100%;}
    .table-wrap.buyer table .form-box-3 .btnc{margin-left:0; margin-top:10px;}

    /* 고객센터 */
    .aside-center{width:280px;}
}

/* 모바일 S */
@media all and (max-width:320px) {

}