@charset "euc-kr";

.M_visual {height:540px; margin:0 0 60px;}
.M_visual .slide {outline:none;}
.M_visual .slide img {position:relative; left:50%; width:2000px; margin-left:-1000px;}
.M_visual .slick-arrow {position:absolute; top:50%; left:80px; width:30px; height:40px; background:url(../images/ico/main_prev.png) 0 50% no-repeat; margin:-20px 0 0; text-indent:-9999px; outline:none; z-index:2;}
.M_visual .slick-next {left:auto; right:80px; background-image:url(../images/ico/main_next.png);}
.M_visual .slick-dots {position:absolute; bottom:30px; left:0; width:100%; text-align:center; font-size:0; z-index:10;}
.M_visual .slick-dots li {display:inline-block; margin:0 5px;}
.M_visual .slick-dots button { display:inline-block; width:30px; height:8px; background:#d8d8d8; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:background .35s; -webkit-transition:background .35s; -moz-transition:background .35s; -ms-transition:background .35s; -o-transition:background .35s; outline:none;}
.M_visual .slick-dots .slick-active button {background:#333;}

.lecture_column {margin:0 auto 100px;}
.lecture_column .lec_head {margin:0 0 20px;}
.lecture_column .lec_head h2 {float:left; font-size:26px; font-weight:700; letter-spacing:-0.065rem; color:#0d1720;}
.lecture_column .lec_head small {display:inline-block; font-size:16px; font-weight:500; color:#999; margin:0 0 0 16px; vertical-align:middle;}
.lecture_column .lec_head a {float:right; font-size:14px; font-weight:500; line-height:26px; letter-spacing:-0.065rem; color:#999; padding:0 15px 0 0; background:url(../images/ico/min_arr.png) 100% 50% no-repeat;}

.lecture_column .lec_lst li {position:relative; float:left; width:384px; height:380px; margin:0 24px 24px 0;}
.lecture_column .lec_lst li:nth-child(3n) {margin-right:0;}
.lecture_column .lec_lst .wish_btn { position:absolute; top:16px; right:16px; width:40px; height:40px; background:url(../images/ico/wish_ico.png) 95% 4px no-repeat; text-indent:-9999px; outline:none; z-index:2; transition:background .25s; -webkit-transition:background .25s; -moz-transition:background .25s; -ms-transition:background .25s; -o-transition:background .25s; }
.lecture_column .lec_lst .wish_btn:hover, .lecture_column .lec_lst .wish_btn.on {background-image:url(../images/ico/wish_on.png);}
.lecture_column .lec_lst a { position:relative; display:block; width:100%; height:100%; }
.lecture_column .lec_lst .thumb {position:relative; width:100%; height:253px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; overflow:hidden;}
.lecture_column .lec_lst .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; box-sizing:border-box; transition:border .2s; -webkit-transition:border .2s; -moz-transition:border .2s; -ms-transition:border .2s; -o-transition:border .2s; }
.lecture_column .lec_lst li:hover .thumb:after {border-color:rgba(158,27,31,.8);}
.lecture_column .lec_lst .thumb img { width:100%; transition:transform .35s; -webkit-transition:transform .35s; -moz-transition:transform .35s; -ms-transition:transform .35s; -o-transition:transform .35s; }
.lecture_column .lec_lst li:hover .thumb img { transform:scale(1.05) rotate(.001deg); -webkit-transform:scale(1.05) rotate(.001deg); -moz-transform:scale(1.05) rotate(.001deg); -ms-transform:scale(1.05) rotate(.001deg); -o-transform:scale(1.05) rotate(.001deg); }
.lecture_column .lec_lst .info {height:120px; padding:10px 0 0; box-sizing:border-box;}
.lecture_column .lec_lst .info_head {margin:0 0 5px;}
.lecture_column .lec_lst .info_head .cat {float:left; font-size:13px; font-weight:700; line-height:23px; letter-spacing:-0.065rem; color:#9e1b1f;}
.lecture_column .lec_lst .subject {display:-webkit-box; height:46px; font-size:18px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#0d1720; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.lecture_column .lec_lst .state {display:block; margin:10px 0 0;}
.lecture_column .lec_lst .state span {display:inline-block; font-size:13px; line-height:23px; color:#777; padding:0 0 0 25px; background:url(../images/ico/wish_min.png) 0 50% no-repeat; margin-right:5px; vertical-align:top;}
.lecture_column .lec_lst .state .satis {background-image:url(../images/ico/satis_min.png); padding:0 0 0 20px; margin-right:0;}

.notice_area {height:70px; border-top:1px solid #ddd;}
.notice_area .noti_ttl {float:left; width:40px; height:22px; margin:24px 20px 24px 0; border:1px solid #9e1b1f; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; line-height:20px; font-size:13px; font-weight:500; letter-spacing:-0.065rem; color:#9e1b1f; text-align:center; box-sizing:border-box;}
.notice_area .noti_slide {float:left; width:1140px; padding:0 100px 0 0; box-sizing:border-box;}
.notice_area .noti_slide .item {width:1040px; height:70px; line-height:70px; outline:none;}
.notice_area .noti_slide .item a {display:inline-block; width:900px; font-size:16px; font-weight:500; line-height:70px; letter-spacing:-0.065rem; color:#0d1720; outline:none;}
.notice_area .noti_slide .item .date {float:right; font-size:15px; font-weight:500; color:#999;}
.notice_area .noti_slide .slick-arrow {position:absolute; top:0; right:0; width:20px; height:35px; background:url(../images/ico/noti_prev.png) 100% 26px no-repeat; text-indent:-9999px; outline:none;}
.notice_area .noti_slide .slick-next {top:35px; background:url(../images/ico/noti_next.png) 100% 5px no-repeat;}

/* company */
.company_area {position:relative; padding:30px 0 100px 50%; background:url(../images/com_vis.jpg) 30px 30px no-repeat;}
.company_area:before {content:''; position:absolute; top:70px; left:0; width:450px; height:500px; border:8px solid #999; box-sizing:border-box; z-index:-1;}
.company_area h2 {position:relative; font-size:40px; font-weight:500; line-height:42px; letter-spacing:-0.065rem; color:#0d1720; margin:30px 0 55px; padding:0 0 0 40px;}
.company_area h2:before {content:''; position:absolute; top:50%; left:0; width:4px; height:70px; background:#333; margin:-35px 0 0;}
.company_area h2 span {display:block; font-size:24px; color:#555;}
.company_area p {font-size:16px; line-height:26px; letter-spacing:-0.065rem; color:#333; margin:0 0 30px; white-space:pre-line;}

/* lecture */
.lecture_wrap {width:1200px; margin:0 auto 100px;}
.lec_category {border-bottom:1px solid #ddd;}
.lec_category .lc_lst {font-size:0; text-align:center;}
.lec_category .lc_lst li {position:relative; display:inline-block; vertical-align:top; padding:0 20px;}
.lec_category .lc_lst li:after {content:''; position:absolute; top:50%; right:0; width:1px; height:12px; background:#ddd; margin:-6px 0 0;}
.lec_category .lc_lst li:last-child:after {display:none;}
.lec_category .lc_lst a { display:inline-block; height:50px; font-size:15px; font-weight:500; line-height:47px; letter-spacing:-0.065rem; color:#999; padding:0 10px; vertical-align:top; border-bottom:3px solid #fff; box-sizing:border-box; transition:color .25s; -webkit-transition:color .25s; -moz-transition:color .25s; -ms-transition:color .25s; -o-transition:color .25s;}
.lec_category .lc_lst a:hover {color:#9e1b1f;}
.lec_category .lc_lst .on {color:#9e1b1f; border-bottom-color:#9e1b1f;}

.depth_cate {position:relative; height:45px; margin-bottom:20px;}
.depth_cate:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd; z-index:-1;}
.depth_cate li {float:left; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd;}
.depth_cate li:last-child {border-right:1px solid #ddd;}
.depth_cate .on:last-child {border-right-color:#333;}
.depth_cate a {display:block; height:43px; line-height:43px; font-size:13px; font-weight:500; letter-spacing:-0.045rem; background:#f7f7f7; color:#999; padding:0 29px;}
.depth_cate .on {border-color:#333;}
.depth_cate .on + li {border-left-color:#333;}
.depth_cate .on a {background:#333; color:#fff;}

.lecture_wrap .sch_area {text-align:right; font-size:0; margin:20px 0 10px;}
.lecture_wrap .sch_area select {width:100px; height:30px; border:1px solid #ddd; font-size:13px; margin:0 5px 0 0; vertical-align:top;}
.lecture_wrap .sch_area input {width:200px; height:30px; border:1px solid #ddd; margin:0 5px 0 0; padding:0 10px; font-size:13px; letter-spacing:-0.045rem; vertical-align:top; box-sizing:border-box;}
.lecture_wrap .sch_area .sch_btn {width:60px; height:30px; text-align:center; background:#333; font-size:13px; font-weight:500; letter-spacing:-0.045rem; color:#fff;}
.lecture_wrap .lec_total {display:block; font-size:14px; font-weight:500; line-height:22px; color:#666; margin:0 0 20px;}
.lecture_wrap .lec_total strong {color:#9e1b1f;}

.lecture_list li {position:relative; float:left; width:384px; height:460px; margin:0 24px 24px 0;}
.lecture_list li:nth-child(3n) {margin-right:0;}
.lecture_list .no_item {float:none; width:100%; height:410px; line-height:410px; margin:0 auto; font-size:16px; font-weight:500; letter-spacing:-0.045rem; color:#999; text-align:center;}
.lecture_list .wish_btn { position:absolute; top:16px; right:16px; width:40px; height:40px; background:url(../images/ico/wish_ico.png) 95% 4px no-repeat; text-indent:-9999px; outline:none; z-index:2; transition:background .25s; -webkit-transition:background .25s; -moz-transition:background .25s; -ms-transition:background .25s; -o-transition:background .25s; }
.lecture_list .wish_btn:hover, .lecture_list .wish_btn.on {background-image:url(../images/ico/wish_on.png);}
.lecture_list li a {position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.lecture_list .thumb { position:relative; width:100%; height:253px; overflow:hidden; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }
.lecture_list li .thumb:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; box-sizing:border-box; transition:border .2s; -webkit-transition:border .2s; -moz-transition:border .2s; -ms-transition:border .2s; -o-transition:border .2s; }
.lecture_list li:hover .thumb:after {border-color:rgba(158,27,31,.75);}
.lecture_list .thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; transition:transform .3s; -webkit-transition:transform .3s; -moz-transition:transform .3s; -ms-transition:transform .3s; -o-transition:transform .3s;}
.lecture_list li:hover .thumb img {transform:scale(1.05) rotate(.001deg); -webkit-transform:scale(1.05) rotate(.001deg); -moz-transform:scale(1.05) rotate(.001deg); -ms-transform:scale(1.05) rotate(.001deg); -o-transform:scale(1.05) rotate(.001deg); }
.lecture_list li .info {height:200px; padding:10px 0 0; box-sizing:border-box;}
.lecture_list li .info_head {margin:0 0 5px;}
.lecture_list li .info_head .cat {font-size:13px; font-weight:700; line-height:23px; letter-spacing:-0.065rem; color:#9e1b1f;}
.lecture_list li .subject {display:-webkit-box; height:46px; font-size:18px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#0d1720; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.lecture_list li .price {height:60px; border-top:1px dashed rgba(0,0,0,.1); padding:12px 0 0; margin:10px 0 0; box-sizing:border-box;}
.lecture_list li .conp {display:inline-block; font-size:15px; font-weight:500; line-height:40px; letter-spacing:-0.025rem; color:#999; text-decoration:line-through; vertical-align:top; margin:0 5px 0 0;}
.lecture_list li .sellp {display:inline-block; font-size:22px; font-weight:500; line-height:40px; letter-spacing:-0.025rem; color:#9e1b1f;vertical-align:top;}
.lecture_list li .sellp strong {font-weight:700;}
.lecture_list li .soldout {display:inline-block; font-size:18px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#9e1b1f;}

.lecture_list li .info .state {display:block;}
.lecture_list li .info .state span {display:inline-block; font-size:13px; line-height:23px; color:#777; padding:0 0 0 25px; background:url(../images/ico/wish_min.png) 0 50% no-repeat; margin-right:5px; vertical-align:top;}
.lecture_list li .info .state .satis {background-image:url(../images/ico/satis_min.png); padding:0 0 0 20px; margin-right:0;}

/* lec_view */
.lec_view_wrap .lec_view_info {width:1200px; margin:0 auto;}
.lec_view {width:100%; padding:30px 0 50px;}
/* .lec_view .lv_img {float:left; width:560px; text-align:center;}
.lec_view .lv_img .lv_big {position:relative; width:100%; height:380px; text-align:center; overflow:hidden;}
.lec_view .lv_img .lv_big img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.lec_view .lv_img .lv_thumb {display:block; margin:10px 0 0; font-size:0; text-align:center;}
.lec_view .lv_img .lv_thumb img {display:inline-block; width:60px; height:60px; margin:0 5px 10px; vertical-align:top; cursor:pointer;} */

.lec_view .lv_info {float:right; width:560px;}
.lv_info .lv_ttl {position:relative; padding:20px 0; border-bottom:1px solid #eee;}
.lv_info .lv_ttl h3 {font-size:32px; font-weight:500; line-height:32px; letter-spacing:-0.045rem; color:#222; margin-bottom:10px;}
.lv_info .lv_ttl h3 small {display:inline-block; font-size:14px; font-weight:500; line-height:23px; color:#777; vertical-align:baseline; margin-left:10px;}

.lv_opt, .lv_sns  {padding:20px 0; border-bottom:1px solid #ddd;}
.lv_info dl {margin-bottom:2px;}
.lv_info dl:after {content:''; display:block; clear:both;}
.lv_info dt {float:left; width:125px; line-height:32px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#666;}
.lv_info dd {float:left; width:435px; line-height:32px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#0d1720; padding:0 10px; box-sizing:border-box;}
.lv_info .amount {display:inline-block; width:60px; height:30px; line-height:28px; font-size:14px; border:1px solid #ddd; background:#fff; color:#333; text-align:center; vertical-align:middle; box-sizing:border-box;}
.lv_info .amount_btn {display:inline-block; width:30px; height:30px; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; text-align:center; line-height:28px; vertical-align:middle; margin-right:-3px; box-sizing:border-box; outline:none;}
.lv_info .amount_btn:nth-of-type(2) {border-left:none; border-right:1px solid #ddd; margin:0 0 0 -3px;}
.lv_info .amount_btn img {display:inline-block; margin-top:-2px;}
.lv_info select {width:100%; height:36px; font-size:14px;}
.lv_opt dd .coupon {display:inline-block; height:26px; line-height:26px; background:#cf3128; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:13px; font-weight:500; letter-spacing:-0.045rem; color:#fff; margin:3px 0 3px 10px; padding:0 8px; vertical-align:top; box-sizing:border-box;}

.lec_price {margin:20px 0 0;}
.lec_price .ttl {float:left; font-size:18px; font-weight:500; line-height:34px; letter-spacing:-0.065rem; color:#0d1720;}
.lec_price .lv_price {float:right; text-align:right; font-size:30px; font-weight:500; line-height:34px; letter-spacing:-0.045rem; color:#9e1b1f;}
.lec_price .lv_price strong {font-weight:700; letter-spacing:0;}
.lec_price .lv_price .con {display:inline-block; font-size:20px; font-weight:500; line-height:34px; color:#999; text-decoration:line-through; margin-right:12px; vertical-align:baseline;}

.lec_btn {position:relative; margin:30px 0 0;}
.lec_btn > button { float:left; height:60px; border:1px solid #9e1b1f; line-height:58px; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.065rem; color:#9e1b1f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; margin-right:5px; box-sizing:border-box; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.lec_btn > .wish_btn { width:60px; background:url(../images/ico/wish_big.png) 50% 50% no-repeat; text-indent:-9999px; outline:none; }
.lec_btn > .wish_btn:hover, .lec_btn > .wish_btn.on {background-image:url(../images/ico/wish_big2.png);}
.lec_btn > .share_btn {width:245px;}
.lec_btn > .share_btn:hover {border-color:#8a1418; color:#8a1418;}
.lec_btn > .buy_btn {width:245px; background:#9e1b1f; color:#fff; margin-right:0;}
.lec_btn > .buy_btn:hover {background:#8a1418;}
.lec_btn .share_layer {display:none; position:absolute; top:70px; left:65px; width:265px; height:200px; border:1px solid #ddd; background:#fff; padding:20px; box-sizing:border-box; z-index:10;}
.share_layer .share_head {margin:0 0 16px;}
.share_layer .share_head h3 {font-size:15px; font-weight:700; line-height:20px; letter-spacing:-0.065rem; color:#000;}
.share_layer .share_head .share_cls {position:absolute; top:10px; right:10px; width:34px; height:34px; background:url(../images/ico/share_cls.png) 50% 60% no-repeat; text-indent:-9999px; outline:none;}
.share_layer .sns_list li {float:left; width:44px; margin:0 15.667px 0 0;}
.share_layer .sns_list li:last-child {margin-right:0;}
.share_layer .sns_list button {width:100%; padding:50px 0 0; text-align:center; font-size:12px; letter-spacing:-0.065rem; background:url(../images/ico/kakao_ico.png) 50% 0 no-repeat; color:#333; outline:none;}
.share_layer .sns_list button.twit {background-image:url(../images/ico/twit_ico.png);}
.share_layer .sns_list button.blog {background-image:url(../images/ico/blog_ico.png);}
.share_layer .sns_list button.face {background-image:url(../images/ico/face_ico.png);}
.share_layer .url_copy {position:relative; margin:20px 0 0;}
.share_layer .url_copy input {width:100%; height:35px; border:1px solid #ddd; background:#fff; font-size:13px; font-weight:500; letter-spacing:-0.025rem; color:#333; padding:0 55px 0 10px; box-sizing:border-box;}
.share_layer .url_copy .copy_btn {position:absolute; top:0; right:0; width:50px; height:35px; border:1px solid #ddd; background:#fafafa; text-align:center; font-size:13px; font-weight:500; letter-spacing:-0.045rem; box-sizing:border-box;}

.lec_banner {margin:0 auto 60px;}
.lec_banner .half_wrap {display:table; width:100%; margin:0 0 40px;}
.lec_banner .half_col {display:table-cell; width:50%; padding:0 20px 0 0; vertical-align:middle;}
.lec_banner .half_col:nth-child(2) {padding:0 0 0 20px;}
.lec_banner .half_col img {width:auto; max-width:100%; height:auto !important;}

.lec_banner .lec_slide {width:580px;}
.lec_banner .lec_slide .slide {outline:none;}
.lec_banner .lec_slide .slick-dots {position:absolute; bottom:10px; left:0; width:100%; text-align:center;}
.lec_banner .lec_slide .slick-dots li {display:inline-block; margin:0 4px; vertical-align:middle;}
.lec_banner .lec_slide .slick-dots button { display:inline-block; width:10px; height:10px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-rdius:50%; background:#d8d8d8; text-indent:-9999px; outline:none;}
.lec_banner .lec_slide .slick-active button {background:#000;}

.lec_banner .full_ban {float:none; clear:both; width:100%;}
.lec_banner .full_ban img {max-width:100%;}

.lec_view_bar {background:#ececec;}
.lec_view_bar.fixed {position:fixed; top:0; left:0; width:100%; z-index:100;}
.lec_view_bar .lv_move {width:1200px; height:60px; font-size:0; margin:0 auto;}
.lec_view_bar .lv_move li { display:inline-block; height:40px; line-height:40px; font-size:16px; font-weight:500; letter-spacing:-0.065rem; color:#333; padding:0 24px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; margin:10px 10px 10px 0; vertical-align:top; cursor:pointer;}
.lec_view_bar .lv_move .on {background:rgba(0,0,0,.1);}

.lec_content .lv_cont {display:none; width:1200px; min-height:500px; margin:0 auto; padding:40px 0;}
.lec_content .lv_cont.detail {display:block; font-family:'Lato','NotoSans',sans-serif; line-height:1.4;}
.lec_content .lv_cont.detail ol {list-style:decimal; list-style-position:inside;}
.lec_content .lv_cont.detail ul {list-style:disc; list-style-position:inside;}
.lec_content .lv_cont.detail b, .lec_content .lv_cont.detail strong {font-weight:700;}
.lec_content .lv_cont.detail strike, .lec_banner .half_col s {text-decoration:line-through;}
.lec_content .lv_cont.detail u {text-decoration:underline;}
.lec_content .lv_cont.detail i, .lec_content .lv_cont.detail em {font-style:italic;}
.lec_content .lv_cont.detail img {width:auto; max-width:100%; height:auto !important;}

.lc_list {margin-bottom:40px;}
.lc_list th, .lc_list td {height:50px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#333; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; box-sizing:border-box;}
.lc_list thead th {border-top:1px solid #333; background:#f8f8f8;}
.lc_list tbody td:nth-child(2) {text-align:left; padding-left:19px;}
.lc_list .ll_detail {display:inline-block; width:90px; height:30px; margin:0 auto; border:1px solid #ccc; background:url(../images/ico/tv_ico.png) 12px 49% no-repeat; font-size:13px; line-height:28px; letter-spacing:-0.065rem; color:#444; padding-left:16px; box-sizing:border-box; cursor:pointer;}
.lc_list tbody .no_list {height:200px; }

.lc_list .qna td {background:#f8f8f8;}
.lc_list .qna_inner {width:100%; padding:16px 0; font-size:14px; line-height:1.4; text-align:left; box-sizing:border-box;}

.board_area {margin:0 auto 50px;}

.board_btn {margin:0 auto 15px;}
.board_btn a {float:right; width:95px; height:32px; line-height:30px; text-align:center; border:1px solid #ddd; font-size:13px; font-weight:500; letter-spacing:-0.065rem; color:#888; margin-left:4px; box-sizing:border-box;}

.lec_content > .board_btn {width:1200px; text-align:right; margin:40px auto;}
.lec_content > .board_btn .list_btn {float:none; display:inline-block; width:80px;}

/* prd_list */
.prd_list_wrap {width:1200px; margin:0 auto 50px;}
.prd_list_wrap .prd_sch {text-align:right; font-size:0; margin:0 0 10px;}
.prd_list_wrap .prd_sch select {display:inline-block; width:100px; height:30px; border:1px solid #ddd; font-size:13px; letter-spacing:-0.065rem; color:#666; margin:0 5px 0 0; box-sizing:border-box;}
.prd_list_wrap .prd_sch input {width:200px; height:30px; border:1px solid #ddd; margin:0 5px 0 0; padding:0 10px; font-size:13px; letter-spacing:-0.045rem; vertical-align:top; box-sizing:border-box;}
.prd_list_wrap .prd_sch .sch_btn {width:60px; height:30px; text-align:center; background:#333; font-size:13px; font-weight:500; letter-spacing:-0.045rem; color:#fff;}
.prd_total_bar .total {float:left; font-size:14px; font-weight:500; line-height:22px; color:#666; margin:0 0 20px;}
.prd_total_bar .total strong {color:#9e1b1f;}
.prd_total_bar select {float:right; width:140px; height:30px; font-size:13px; letter-spacing:-0.045rem; color:#666;}

.prd_list li {float:left; width:267px; margin:0 44px 30px 0;}
.prd_list li:nth-child(4n) {margin-right:0;}
.prd_list li a {display:block; height:100%;}
.prd_list .thumb {position:relative; width:267px; height:276px; margin:0 0 10px; overflow:hidden;}
.prd_list .thumb:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; transition:border .2s; -webkit-transition:border .2s; -moz-transition:border .2s; -ms-transition:border .2s; -o-transition:border .2s; }
.prd_list li:hover .thumb:after {border-color:rgba(158,27,31,.75);}
.prd_list .thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; transition:transform .3s; -webkit-transition:transform .3s; -moz-transition:transform .3s; -ms-transition:transform .3s; -o-transition:transform .3s;}
.prd_list li:hover .thumb img { transform:scale(1.07) rotate(0.001deg); -webkit-transform:scale(1.07) rotate(0.001deg); -moz-transform:scale(1.07) rotate(0.001deg); -ms-transform:scale(1.07) rotate(0.001deg); -o-transform:scale(1.07) rotate(0.001deg); }
.prd_list .info {height:90px;}
.prd_list .info .subject {display:block; font-size:15px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prd_list .info .price {display:block; line-height:23px;}
.prd_list .info .price .sellp {display:inline-block; font-size:20px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#333;}
.prd_list .info .price strong {font-weight:700; letter-spacing:0;}
.prd_list .info .price .conp {display:inline-block; font-size:14px; line-height:23px; color:#999; text-decoration:line-through; margin-left:5px;}
.prd_list .info .sp_img {display:block; height:20px; line-height:20px;}

/* prd_view */
.prd_view_wrap  {margin:0 auto 50px;}
.prd_view_wrap .prd_view_info {width:1200px; margin:0 auto;}
.prd_view_info .lv_img .lv_big {height:560px;}
.prd_view_info .pv_head {border-bottom:1px solid #ddd;}
.prd_view_info .pv_head h3 {font-size:32px; font-weight:500; line-height:42px; letter-spacing:-0.065rem; color:#0d1720; margin:0 0 10px;}
.prd_view_info .pv_head p {font-size:16px; font-weight:500; line-height:25px; letter-spacing:-0.065rem; color:#999;}
.prd_view_info .pv_head .pv_review {margin:20px 0; font-size:0;}
.prd_view_info .pv_head .pv_review > span {display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
.prd_view_info .pv_head .pv_review .rv_count {font-size:15px; font-weight:500; line-height:30px; color:#999; margin-right:10px;}
.prd_view_info .pv_head .sns_share button {display:inline-block; width:26px; height:26px; background:url(../images/ico/twit_ico.png) no-repeat; background-size:26px auto; margin:0 4px 0 0;text-indent:-9999px; outline:none;}
.prd_view_info .pv_head .sns_share .face {background-image:url(../images/ico/face_ico.png);}

.prd_view_info .pv_price {padding:20px 0; border-bottom:1px solid #ddd;}
.prd_view_info .pv_price .sellp {font-size:18px; font-weight:500; line-height:34px; color:#9e1b1f;}
.prd_view_info .prd_price {padding:20px 0 10px;}
.prd_view_info .prd_price .ttl {float:left; font-size:18px; font-weight:500; line-height:34px; letter-spacing:-0.065rem; color:#0d1720;}
.prd_view_info .prd_price .total_price {float:right; font-size:30px; font-weight:500; line-height:34px; letter-spacing:-0.065rem; color:#9e1b1f;}
.prd_view_info .prd_price .total_price strong {font-weight:700; letter-spacing:0;}

.prd_view_info .lec_btn .cart_btn {width:245px;}
.lec_btn > .cart_btn:hover {border-color:#8a1418; color:#8a1418;}

.row_table {width:100%; table-layout:fixed; border-top:1px solid #ddd;}
.row_table + .row_table {margin:50px 0 0;}
.row_table caption {font-size:18px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#111; text-align:left; margin:0 0 10px;}
.row_table th, .row_table td {border-bottom:1px solid #eee; padding:16px 20px; font-size:14px; font-weight:500; line-height:25px; letter-spacing:-0.065rem; color:#666; vertical-align:middle; box-sizing:border-box;}
.row_table th {width:250px; background:#f6f6f6; color:#333; text-align:left; padding:16px 25px;}
.row_table td {white-space:pre-line; word-break:keep-all;}

/* teacher */
.teacher_area {width:1200px; margin:0 auto;}
.teacher_list {margin:0 auto 100px;}
.teacher_list li {position:relative; float:left; width:285px; height:360px; margin:0 20px 20px 0;}
.teacher_list li:nth-child(4n) {margin-right:0;}
.teacher_list li a {display:block; width:100%; height:100%;}
.teacher_list li a:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; transition:border .25s; -webkit-transition:border .25s; -moz-transition:border .25s; -ms-transition:border .25s; -o-transition:border .25s; }
.teacher_list li:hover a:after {border-color:#9e1b1f;}
.teacher_list li img {position:absolute; bottom:0; right:0; max-width:100%;}
.teacher_list li .tc_info {position:absolute; top:0; left:0; width:100%; height:100%; padding:35px 30px; box-sizing:border-box;}
.teacher_list .tc_info .s_intro {display:block; font-size:16px; line-height:20px; letter-spacing:-0.065rem; color:#555; margin:0 0 5px;}
.teacher_list .tc_info .name {display:block; font-size:28px; line-height:30px; letter-spacing:-0.045rem; color:#000; margin:0 0 22px;}
.teacher_list .tc_info .cat {display:inline-block; font-size:13px; font-weight:500; line-height:20px; letter-spacing:-0.045rem; color:#999;}

.teacher_view .sub_history {width:1200px; margin:0 auto;}
.teacher_view .tc_visual {position:relative; width:100%; height:550px; margin:0 0 75px;}
.teacher_view .tc_visual .container {height:550px; padding:90px 0 0;}
.teacher_view .tc_visual .tc_photo {position:absolute; left:0; top:0; width:100%; height:550px; overflow:hidden;}
.teacher_view .tc_visual .tc_photo img {position:absolute; left:50%; width:2000px; margin-left:-1000px;}
.teacher_view .tc_visual .tc_info {float:left; width:200px;}
.teacher_view .tc_visual .tc_info .s_intro {display:block; font-size:16px; line-height:20px; letter-spacing:-0.065rem; color:#555; margin:0 0 5px;}
.teacher_view .tc_visual .tc_info .name {display:block; font-size:30px; font-weight:500; letter-spacing:-0.065rem; color:#000; margin:0 0 30px;}
.teacher_view .tc_visual .tc_info .name:after {content:''; display:block; width:200px; height:2px; background:#0d1720; margin:20px 0 0;}
.teacher_view .tc_visual .tc_info .career {width:100%; font-size:15px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#111; white-space:pre-line; word-break:keep-all;}
.teacher_view .tc_visual .tc_history {float:right; width:500px;}
.teacher_view .tc_visual .tc_history dl {float:left; width:50%;}
.teacher_view .tc_visual .tc_history dt {font-size:18px; font-weight:500; line-height:28px; color:#9e1b1f; margin:0 0 15px;}
.teacher_view .tc_visual .tc_history dt ~ dt {margin-top:25px;}
.teacher_view .tc_visual .tc_history dd {font-size:14px; font-weight:500; line-height:24px; letter-spacing:-0.045rem; color:#333; padding:0 20px 0 10px; text-indent:-10px; white-space:pre-line; word-break:keep-all; box-sizing:border-box;}
.teacher_view .tc_visual .tc_history dd:before { content:''; display:inline-block; width:4px; height:4px; background:#9e1b1f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:-2px 6px 0 0; vertical-align:middle;}
.teacher_view .tc_intro {padding:0 0 100px; margin:0 0 60px; border-bottom:1px solid #ddd;}
.teacher_view .tc_intro * {font-family:'Lato','NotoSans',sans-serif; font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.065rem; color:#333;}
.teacher_view .tc_intro ol {list-style:decimal; list-style-position:inside;}
.teacher_view .tc_intro ul {list-style:disc; list-style-position:inside;}
.teacher_view .tc_intro b, .teacher_view .tc_intro strong {font-weight:700;}
.teacher_view .tc_intro strike, .teacher_view .tc_intro s {text-decoration:line-through;}
.teacher_view .tc_intro u {text-decoration:underline;}
.teacher_view .tc_intro i, .teacher_view .tc_intro em {font-style:italic;}
.teacher_view .tc_intro img {width:auto; max-width:100%; height:auto !important;}
.teacher_view .lec_go { display:block; width:200px; height:60px; line-height:60px; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.045rem; color:#fff; background:#9e1b1f; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; margin:0 auto 100px; transition:background .25s; -webkit-transition:background .25s; -moz-transition:background .25s; -ms-transition:background .25s; -o-transition:background .25s; }
.teacher_view .lec_go:hover {background:#8a1418;}

/* bbs */
.bbs_wrap {width:1200px; margin:0 auto 50px;}

/* my attend */
.order_list {margin:0 auto 40px;}
.order_list th, .order_list td {font-size:14px; font-weight:400; line-height:22px; letter-spacing:-0.045rem; color:#444; padding:10px 0; text-align:center; border-bottom:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.order_list th {height:52px; background:#fafafa; border-top:1px solid #333; font-size:15px; font-weight:500; color:#000;}
.order_list td[height] {height:200px;}
.order_list th[align="right"] {text-align:right;}
.order_list .lec_info {position:relative; min-height:80px; padding:0 10px 0 110px; text-align:left; box-sizing:border-box;}
.order_list .lec_info .img_box {position:absolute; top:50%; left:10px; width:80px; height:80px; margin:-40px 0 0;}
.order_list .lec_info .img_box:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box;}
.order_list .lec_info .img_box img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.order_list .lec_info .info {display:table; width:100%; height:80px;}
.order_list .lec_info .inner {display:table-cell; vertical-align:middle;}
.order_list .lec_info .subject {display:block; font-size:15px; line-height:25px; font-weight:500; color:#000;}
.order_list .lec_info .opt, .order_list .lec_info .status {display:block; font-size:14px; line-height:18px; letter-spacing:-0.045rem; color:#999;}
.order_list .lec_info .status {color:#9e1b1f;}
.order_list .price {color:#9e1b1f;}

.order_list.detail th {border-top:1px solid #ddd; font-size:14px; text-align:left; padding:10px 16px;}
.order_list.detail th + td {border-top:1px solid #ddd; text-align:left; padding:10px 16px;}
.order_list.detail .input {display:inline-block; min-width:80px; height:36px; line-height:34px; border:1px solid #ddd; font-family:'Lato','NotoSans',sans-serif; font-size:14px; color:#333; padding:0 8px; background:#f6f6f6; box-sizing:border-box;}
.order_list.detail input[type="radio"] {display:inline-block; margin:0 4px 0 0; vertical-align:middle;}
.order_list.detail input + label {display:inline-block; font-size:14px; font-weight:500; line-height:18px; letter-spacing:-0.045rem; color:#555; margin:0 10px 0 0; vertical-align:middle; cursor:pointer;}

.order_btn {text-align:center; margin:40px auto;}
.order_btn a, .order_btn button {display:inline-block; width:90px; height:30px; line-height:28px; border:1px solid #dcdcdc; text-align:center; font-size:13px; letter-spacing:-0.045rem; color:#888; padding:0 8px; margin:2px 0; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s;}
.order_btn button {display:inline-block; width:180px; height:50px; line-height:50px; background:#999; color:#fff; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.045rem; vertical-align:middle; box-sizing:border-box; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s;}
.order_btn .cancle_btn {background:#9e1b1f;}
.order_btn .pay_btn {background:#9e1b1f;}
.order_btn .pay_btn + .cancle_btn {background:#f0f0f0; border:1px solid #ddd; line-height:44px; color:#444;}
.order_btn .pay_btn:hover {background:#b11f17;}
.order_btn .pay_btn + .cancle_btn:hover {background:#ddd;}
.order_btn .cash_btn, .order_list .cash_btn {display:inline-block; width:auto; height:30px; line-height:28px; background:#fff; border:1px solid #ccc; color:#666777; text-align:center; font-family:'NotoSans',sans-serif; font-size:13px; font-weight:400; letter-spacing:-0.045rem; vertical-align:middle; padding:0 14px; text-decoration:none; box-sizing:border-box;}
.order_btn .cash_btn:hover, .order_list .cash_btn:hover {text-decoration:none;}

.order_list.wish + .order_btn {text-align:left;}

/* my_reserve */
.cash_box {width:100%; height:auto; padding:30px; border:6px solid #eee; text-align:center; margin-bottom:35px; box-sizing:border-box;}
.cash_box .point, .cash_box .reserve_list {display:inline-block; vertical-align:middle;}
.cash_box .point {width:80px; height:80px; line-height:78px; text-align:center; font-size:40px; font-weight:500; color:#555; border:1px solid #ddd; border-radius:50%; margin-right:20px; box-sizing:border-box;}
.cash_box .reserve_list li {position:relative; display:inline-block; vertical-align:middle; margin:0 30px;}
.cash_box .reserve_list li:first-child {padding-right:60px;}
.cash_box .reserve_list li:first-child:after {content:''; position:absolute; top:50%; right:0; width:1px; height:50px; background:#ddd; margin:-25px 0 0;}
.cash_box .reserve_list .ttl {display:block; font-size:16px; text-align:center; font-weight:500; color:#555; margin-bottom:4px;}
.cash_box .reserve_list .val {font-size:26px; font-weight:400; color:#333;}
.cash_box .reserve_list .val strong {display:inline-block; font-size:35px; font-weight:700; margin-right:4px;}

.policy_wrap {width:1200px; min-height:600px; margin:0 auto 50px;}
.policy_wrap .inner {width:100%; padding:40px 40px 60px; border:1px solid #ddd; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; margin:30px 0 0; box-sizing:border-box;}
.policy_wrap h2 {font-size:35px; font-weight:700; line-height:50px; letter-spacing:-0.045rem; color:#111; text-align:center; margin:0 auto 30px;}
.policy_wrap .contents {font-family:'Lato','NotoSans',sans-serif; line-height:1.4; white-space:pre-line;}
.policy_wrap .contents ol {list-style:decimal; list-style-position:inside;}
.policy_wrap .contents ul {list-style:disc; list-style-position:inside;}
.policy_wrap .contents b, .policy_wrap .contents strong {font-weight:700;}
.policy_wrap .contents strike, .policy_wrap .contents s {text-decoration:line-through;}
.policy_wrap .contents u {text-decoration:underline;}
.policy_wrap .contents i, .policy_wrap .contents em {font-style:italic;}
.policy_wrap .contents img {width:auto; max-width:100%; height:auto !important;}
.policy_wrap .contents table {width:100%; table-layout:fixed;}

/* event landing */
.event_wrap {margin:0 0 75px;}
.event_wrap h2, .event_wrap h3 {font-family:'GmarketSans',sans-serif;}
.event_wrap .event_ttl {text-align:center; margin:0 0 35px;}
.event_wrap .event_ttl h3 {display:inline-block; font-size:38px; font-weight:500; line-height:50px; letter-spacing:-0.065rem; color:#252525; margin:0 0 10px; border-bottom:1px solid #252525;}
.event_wrap .event_ttl p {font-size:16px; font-weight:500; line-height:26px; letter-spacing:-0.065rem; color:#666;}
.event_wrap .go_btn {display:block; width:300px; height:60px; line-height:60px; background:#252525; text-align:center; font-size:18px; font-weight:500; letter-spacing:-0.065rem; color:#fff; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; -o-transition:background .3s;}
.event_wrap .go_btn:hover {background:#111;}
.event_wrap .go_btn:after { content:''; display:inline-block; width:20px; height:20px; border:1px solid #fff; background:url(../images/landing/wht_arr.png) 55% 50% no-repeat; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:20px 0 0 10px; vertical-align:top; box-sizing:border-box;}
.event_visual {padding:80px 0 100px; background:url(../images/landing/landing_vis.jpg) 50% 0 no-repeat; background-size:cover;}
.event_visual h2 {font-size:52px; font-weight:300; line-height:65px; letter-spacing:-0.065rem; color:#fff; margin:0 0 50px 140px;}
.event_visual h2 strong {display:block; font-weight:700;}
.event_visual h2 small {display:inline-block; font-family:'NotoSans',sans-serif; font-size:20px; font-weight:400; line-height:30px;}
.event_visual h2 small:before {content:''; display:inline-block; width:120px; height:1px; background:#fff; margin:0 20px;}

.event_visual .join_event { padding:50px 80px; background:rgba(255,255,255,.8); border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px;}
.event_visual .coupon_lst {text-align:center; font-size:0;}
.event_visual .coupon_lst li {display:inline-block; width:336px; height:192px; background:url(../images/landing/coupon_img.png) no-repeat; padding:75px 0 0; margin:0 5px; vertical-align:top; box-sizing:border-box;}
.event_visual .coupon_lst .price {display:inline-block; font-family:'GmarketSans',sans-serif; font-size:30px; line-height:50px; font-weight:500; letter-spacing:-0.065rem; color:#222;}
.event_visual .coupon_lst .price strong {font-size:45px; font-weight:700; letter-spacing:0;}
.event_visual .coupon_lst small {display:block; font-size:16px; letter-spacing:-0.065rem; color:#999;}
.event_visual .join_event .go_btn {margin:35px auto 0;}

.event_wrap div[class*="_column"] {margin:75px 0 0;}
.event_wrap div[class*="_event"] {border:1px solid #ccc;}

.benefit_column .kakao_event {padding:70px 99px;}
.benefit_column .kakao_box {background:url(../images/landing/red_coupon.png) 50px 0 no-repeat; padding:20px 0 70px 430px; border-bottom:1px dashed #ddd; margin:0 0 55px;}
.benefit_column .kakao_box p {font-size:18px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#252525; white-space:pre-line; margin:0 0 40px;}
.benefit_column .kakao_sch {height:100px; background:#fae100; text-align:center; margin:0 0 60px;}
.benefit_column .kakao_sch:before {content:''; display:inline-block; width:50px; height:60px; background:url(../images/landing/ch_ico.png) 50% 50% no-repeat; margin:20px 20px 20px 0; vertical-align:top;}
.benefit_column .kakao_sch .box {position:relative; display:inline-block; width:300px; height:45px; margin:27.5px 0; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; padding:0 16px; font-size:16px; font-weight:500; line-height:45px; letter-spacing:-0.065rem; color:#222; text-align:left; box-sizing:border-box;}
.benefit_column .kakao_sch .box:after { content:''; position:absolute; top:50%; right:14px; width:23px; height:23px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#3c1e1e url(../images/landing/plus_ico.png) 50% 50% no-repeat; margin:-11.5px 0 0;}

.kakao_step h4 {font-family:'GmarketSans',sans-serif; font-size:26px; font-weight:500; line-height:50px; letter-spacing:-0.045rem; color:#222; margin:0 0 50px; text-align:center;}
.kakao_step .step_box {position:relative; float:left; width:490px; height:200px; border:3px solid #3c1e1e; background:#f7f7f7; padding:35px 40px 0; box-sizing:border-box;}
.kakao_step .step_box:last-child {margin-left:20px;}
.kakao_step .step_no { position:absolute; top:0; left:50%; width:100px; height:30px; line-height:30px; text-align:center; background:#3c1e1e; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; font-size:18px; font-weight:500; letter-spacing:-0.065rem; color:#fff; margin:-15px 0 0 -50px;}

.kakao_step .hor_lst {text-align:center; font-size:0; margin:5px 0 0;}
.kakao_step .hor_lst li {position:relative; display:inline-block; width:33.33%; padding:80px 0 0; background:url(../images/landing/step_ico1.png) 50% 0 no-repeat; font-family:'GmarketSans',sans-serif; font-size:16px; font-weight:500; line-height:20px; letter-spacing:-0.065rem; color:#252525; white-space:pre-line; vertical-align:top;}
.kakao_step .hor_lst li:nth-child(2) {background-image:url(../images/landing/step_ico2.png);}
.kakao_step .hor_lst li:nth-child(3) {background-image:url(../images/landing/step_ico3.png);}
.kakao_step .hor_lst li:after {content:''; position:absolute; top:25px; left:100%; width:18px; height:20px; background:url(../images/landing/step_arr.png) no-repeat; margin-left:-9px;}
.kakao_step .hor_lst li:last-child:after {display:none;}

.kakao_step .vet_lst {padding:0 140px 0 0; background:url(../images/landing/qr_img.jpg) 100% 50% no-repeat; margin:5px 10px;}
.kakao_step .vet_lst li {font-family:'GmarketSans',sans-serif; font-size:18px; font-weight:500; line-height:40px; letter-spacing:-0.065rem; color:#252525;}
.kakao_step .vet_lst .no { display:inline-block; width:22px; height:22px; background:#3c1e1e; line-height:22px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-family:'NotoSans',sans-serif; font-size:13px; color:#fff; vertical-align:top; margin:9px 5px 9px 0; text-align:center;}

.gift_event {padding:50px 0 0;}
.gift_event .gift_box {height:340px; padding:50px 50px 0 470px; margin:0 0 50px; background:url(../images/landing/gift_img.png) 140px 0 no-repeat; box-sizing:border-box;}
.gift_event .gift_box p {font-size:18px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#252525; white-space:pre-line; margin:0 0 40px;}

.gift_event .notice {position:relative; background:#f2f2f2; padding:20px 0 20px 520px;}
.gift_event .notice:before {content:''; position:absolute; top:50%; left:470px; width:1px; height:100px; background:#ccc; margin:-50px 0 0;}
.gift_event .notice dt { position:absolute; top:20px; left:230px; width:180px; height:36px; line-height:36px; text-align:center; background:#d3d3d3; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#252525;}
.gift_event .notice dd {font-size:14px; line-height:20px; color:#666;}

/* all pack */
.allpack_vis {height:700px; background:url(../images/landing/all_visual.jpg) 100% 50% no-repeat; background-size:cover;}
.allpack_vis .vis_intro {width:1200px; font-family:'GmarketSans',sans-serif; margin:0 auto; padding:170px 0 0;}
.allpack_vis .vis_intro strong {display:block; font-size:26px; font-weight:500; line-height:36px; letter-spacing:-0.065rem; color:#252525;}
.allpack_vis .vis_intro strong b {position:relative;}
.allpack_vis .vis_intro strong b:before { content:''; position:absolute; top:-12px; left:50%; width:6px; height:6px; background:#252525; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 0 0 -3px;}
.allpack_vis .vis_intro h2 {display:inline-block; font-size:75px; font-weight:700; line-height:85px; letter-spacing:-0.065rem; color:#111; margin:30px 0 50px;}
.allpack_vis .vis_intro h2 strong {font-size:70px; line-height:75px; background:#111; color:#fae100; padding:5px 5px 0;}
.allpack_vis .vis_intro p {font-family:'NotoSans',sans-serif; font-size:20px; line-height:32px; letter-spacing:-0.065rem; color:#555; white-space:pre-line;}
.allpack_vis .vis_intro p span {font-weight:500; text-decoration:underline;}

.pack_comp {padding:100px 0; background:url(../images/landing/all_bg.jpg) 50% 50% repeat;}
.pack_comp h3 {font-family:'GmarketSans',sans-serif; font-size:40px; font-weight:500; line-height:55px; letter-spacing:-0.065rem; color:#fff; text-align:center; margin:0 0 40px; white-space:pre-line;}
.pack_comp h3 strong {display:inline-block; font-size:45px; font-weight:700; line-height:55px; border-bottom:1px solid #fff; margin:0 0 10px;}

.pack_comp .pack_lec:before {content:''; position:absolute; top:62%; left:45.5%; width:303px; height:173px; background:url(../images/landing/price_ttl.png) 50% 50% no-repeat; margin:-155px 0 0 -105px; z-index:2;}
.pack_comp .lec_box {float:left; width:580px; height:540px; background:#fff; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; box-shadow:20px 20px 20px rgba(0,0,0,.7); overflow:hidden; box-sizing:border-box;}
.pack_comp .lec_box:first-child {margin:0 20px 0 0; border:10px solid #fae100; transform:scale(1.1,1.1);}
.pack_comp .lec_box dt {height:100px; background:#252525; text-align:center; font-size:24px; font-weight:500; line-height:38px; letter-spacing:-0.065rem; color:#fff; padding:12px 0; margin:0 0 40px; box-sizing:border-box;}
.pack_comp .lec_box dt strong {display:block; font-family:'GmarketSans',sans-serif; font-size:30px; font-weight:700; color:#fae100;}
.pack_comp .lec_box dd small {font-size:16px;}
.pack_comp .lec_box dd {font-size:24px; font-weight:500; line-height:34px; letter-spacing:-0.065rem; color:#222; text-align:center;}
.pack_comp .lec_box dd:nth-child(n+2):nth-child(-n+4) {background:url(../images/landing/plus_bk.png) 50% 45px no-repeat; padding:0 0 40px; }

.pack_comp .lec_box .price {width:490px; height:70px; border:4px solid #ddd; line-height:62px; margin:40px auto 0; font-family:'GmarketSans',sans-serif; font-size:32px; font-weight:700; letter-spacing:-0.025rem; color:#000; box-sizing:border-box;}
.pack_comp .lec_box:first-child .price {color:#f00;}

.launc_event {background:#eee; padding:100px 0; text-align:center;}
.launc_event h3 {font-family:'GmarketSans',sans-serif; font-size:50px; font-weight:700; line-height:60px; letter-spacing:-0.065rem; color:#111;}
.launc_event .event_cont {font-family:'GmarketSans',sans-serif; background:#fff; padding:100px 0 0; margin:30px auto 0; overflow:hidden;}
.launc_event .event_cont span { position:absolute; top:0; left:0; right:0; width:200px; height:200px; padding:140px 0 0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#222; font-family:'GmarketSans',sans-serif; font-size:24px; line-height:60px; font-weight:700; color:#fff; margin:-140px auto 0; box-sizing:border-box;}
.launc_event .event_cont > p {font-size:26px; font-weight:500; line-height:36px; letter-spacing:-0.065rem; color:#222; text-align:center; margin:0 0 30px;}
.launc_event .event_cont strong {display:inline-block; font-size:30px; font-weight:700; line-height:50px; letter-spacing:-0.065rem; color:#000; margin:0 0 20px;}

.launc_event .pay_box {width:900px; border:3px solid #222; margin:0 auto 50px; padding:20px 0; line-height:30px;}
.launc_event .pay_box p {font-size:30px; margin-top:10px;}
.launc_event .pay_box strong {position:relative; font-size:34px; font-weight:700; letter-spacing:-0.025rem; margin:0; z-index:2;}
.launc_event .pay_box strong i{position:absolute; left:0; top:17px; display:block; width:100%; height:10px; background:#fcf07f; z-index:-1;}


.launc_event .pay_box + p {white-space:pre-line; margin:0;}
.launc_event .launc_prc {position:relative; width:580px; height:510px; background:url(../images/landing/paper_img.png) 50% 100% no-repeat; margin:0 auto; padding:70px 0 0; box-sizing:border-box;}

.launc_event .launc_prc .prc_list {width:400px; margin:0 auto;}
.launc_event .prc_list li {font-family:'Lato','NotoSans',sans-serif; font-size:23px; font-weight:500; line-height:40px; letter-spacing:-0.045rem; color:#222; text-align:left; margin:6px 0;}
.launc_event .prc_list strong {float:right; font-family:'GmarketSans',sans-serif; font-size:32px; font-weight:500; line-height:40px; letter-spacing:0; margin:0;}
.launc_event .prc_list .dis {color:#ff0000;}
.launc_event .prc_list .dis strong {font-size:30px; color:#ff0000;}
.launc_event .prc_list .total {font-size:26px; line-height:50px; color:#f00; margin:25px 0; padding:25px 0 0; border-top:1px solid #eee;}
.launc_event .prc_list .total strong {font-size:40px; font-weight:700; line-height:50px; color:#f00;}

.launc_event .pack_btn { display:block; width:400px; background:#222; font-size:22px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#fff; white-space:pre-line; margin:0 auto; padding:10px 0; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; -o-transition:background .3s;}
.launc_event .pack_btn:hover {background:#9e1b20;}


.lec_intro {width:1200px; margin:0 auto; padding:100px 0; text-align:center; border-bottom:1px solid #222;}
.lec_intro .intro_head {font-family:'GmarketSans',sans-serif; margin:0 0 50px;}
.lec_intro .intro_head .no {position:relative; line-height:100px; font-size:40px; font-weight:700; color:#fff; margin:0 auto 30px;}
.lec_intro .intro_head .no:after { content:''; position:absolute; top:50%; left:50%; width:100px; height:100px; background:#222; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); margin:-50px 0 0 -50px; z-index:-1;}
.lec_intro .intro_head h3 {font-size:50px; font-weight:700; line-height:60px; letter-spacing:-0.065rem; color:#111; margin:0 0 30px;}
.lec_intro .intro_head h3 strong {color:#e1535b;}
.lec_intro .intro_head p {font-size:30px; font-weight:500; line-height:40px; letter-spacing:-0.065rem; color:#252525;}
.lec_intro .online {background:url(../images/landing/ttl_vis.png) 50% 50% no-repeat; font-family:'GmarketSans',sans-serif; font-size:40px; font-weight:700; line-height:45px; letter-spacing:-0.065rem; color:#222; margin:0 0 70px;}
.lec_intro .online strong {display:block;}
.lec_intro .online strong b {position:relative; display:inline-block; padding:20px 0 0; color:#e1535b;}
.lec_intro .online strong b:before { content:''; position:absolute; top:6px; left:50%; width:8px; height:8px; background:#e1535b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin-left:-4px;}
.lec_intro .lec_int {text-align:left; background:url(../images/landing/all_photo1.jpg) 100% 50% no-repeat; padding:20px 48% 20px 0; margin:0 0 100px;}
.lec_intro .lec_int dt {font-family:'GmarketSans',sans-serif; font-size:36px; font-weight:700; line-height:52px; letter-spacing:-0.065rem; color:#222; white-space:pre-line; margin:0 0 25px;}
.lec_intro .lec_int dt small {display:block; font-family:'Lato',sans-serif; font-size:18px; font-weight:700; line-height:30px; letter-spacing:0; color:#e1535b; text-transform:uppercase; margin:0 0 12px;}
.lec_intro .lec_int dd {font-size:20px; font-weight:500; line-height:36px; letter-spacing:-0.065rem; color:#999; white-space:pre-line;}
.lec_intro .lec_int:last-child {padding:20px 0 20px 48%; background:url(../images/landing/all_photo2.jpg) 0 50% no-repeat; text-align:right; margin:0;}

.lec_benefit li { float:left; width:380px; height:550px; border:1px solid #ccc; background:url(../images/landing/all_ico1.png) 50% 420px no-repeat; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; padding:40px 20px 0; margin-right:30px; text-align:center; box-sizing:border-box; box-shadow:5px 5px 10px rgba(0,0,0,.1); transition:margin .3s; -webkit-transition:margin .3s; -moz-transition:margin .3s; -ms-transition:margin .3s; -o-transition:margin .3s; }
.lec_benefit li:hover {margin-top:-10px;}
.lec_benefit li:nth-child(2) {position:relative; background-image:url(../images/landing/all_ico4.png); background-position:50% 400px;}
.lec_benefit li:last-child {margin-right:0; background-image:url(../images/landing/all_ico3.png);}
.lec_benefit .no { display:block; width:100px; height:35px; border:1px solid #e1535b; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; text-align:center; font-family:'GmarketSans',sans-serif; font-size:20px; font-weight:700; line-height:35px; color:#e1535b; margin:0 auto 25px;}
.lec_benefit strong {display:block; font-family:'GmarketSans',sans-serif; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.065rem; color:#222; margin:0 0 40px; white-space:pre-line;}
.lec_benefit p {font-size:18px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#666; white-space:pre-line;}
.lec_benefit small {position:absolute; bottom:20px; left:0; width:100%; font-size:13px; font-weight:500; letter-spacing:-0.065rem; color:#999;}