@charset "utf-8";

@import url("/common/font/pretendard/pretendard.css");

/****** basic style ******/
html,body{margin:0;padding:0;height:100%;}
body{font:14px/1.5 var(--main-font), "돋움", Dotum, "굴림", Gulim, Arial, sans-serif; color:#666;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td,select{margin:0;padding:0}
table{border-spacing:0;border-collapse:collapse}
ol,ul,li{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%}
hr, legend, .hidden{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }
.hide{text-indent:-9999px;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
abbr,acronym,img,fieldset{border:0 none}
button{padding:0;margin:0;border:0;cursor:pointer;vertical-align:top;background-color:#fff;font:14px/1.5 var(--main-font), "돋움", Dotum, "굴림", Gulim, Arial, sans-serif}
label{cursor:pointer}
em,address{font-style:normal}
a {text-decoration:none;color:#777}
a:link,a:visited{color:#3c3c3c;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none} 
table{border-spacing:0;border-collapse:collapse;width:100%;table-layout:fixed}
.skip_nav{position:relative;}
.skip_nav a{display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; font-size:0;color:transparent; color:#fff; font-weight:700; white-space:nowrap;}
.skip_nav a:focus,.skip_nav a:active{height:auto; width:100%; padding:5px; margin-bottom:10px; position:absolute; left:0; top:0;font-size:20px; background:#2466a6;z-index:10}
.wrap_controllers.hide{display:none;}
.root_daum_roughmap .cont{display:none;}
.root_daum_roughmap  .border2{display:block !important;}


form { padding:0; margin:0;}
input[type=text], input[type=password], input[type=number], select {font:14px/1.5 var(--main-font), "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;box-sizing:border-box;height:30px;line-height:30px;background-color:#fff ; border: 1px solid #ccc ; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
textarea{font:14px/1.5 var(--main-font), "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;}
img{vertical-align:top;}
.sr-only{position:absolute;overflow:hidden;margin:-1px;padding:0;width:1px;height:1px;border:0;clip:rect(0, 0, 0, 0);}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/common/img/select_toggle.png) no-repeat top 50% right 10px;padding:0 34px 0 19px;}
::placeholder{color:#637292;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin:0;}

/****** 페이지 레이아웃 스타일 ******/

.pc_only{display:block !important;}
.mo_only{display:none !important;}

html{}
.inner{width:1280px;margin:0 auto;}
#wrap {position:relative; width:100%; min-width:1280px;}
#wrap #sysfrm{display:block;}
.util_modal{display:none;position:absolute;left:0;top:115px;z-index:50;width:100%;height:100%;background-color:rgba(52, 63, 84, 0.5);}
header{}
header .logo a{display:block;}
header .logo img{max-width:250px;max-height:44px;}

header .util_box{padding-top:16px;}
header .util_box .inner{display:flex;gap:4px;align-items:center;justify-content:flex-end;padding:0 50px;box-sizing: border-box;}
header .util_box .view_control{position:relative;}
header .util_box .view_control .view_button{position:relative;display:block;font-weight:500;font-size:16px;color:#44516A;line-height:20px;padding:6px 28px 6px 8px;}
header .util_box .view_control .view_button:after{content:'';position:absolute;right:8px;top:50%;transform:translateY(-50%);display:block;width:16px;height:16px;background: url(/common/img/down_arrow.png) no-repeat 50% 50%;}
header .util_box .view_control .view_list{display:none;position:absolute;top:100%;left:0;width:120px;margin-top:8px;padding: 0;list-style: none;background-color: #fff;border: 1px solid #ccc;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);z-index: 10;}
header .util_box .view_control .view_list li button {display: block;width: 100%;padding: 12px 15px;font-family: inherit;font-size: 15px;color: #333;text-align: left;background: none;border: none;cursor: pointer;}
header .util_box .view_control .view_list li:first-child button { border-radius:8px 8px 0 0; }
header .util_box .view_control .view_list li:last-child button { border-radius:0 0 8px 8px; }
header .util_box .view_control .view_list li button:hover,
header .util_box .view_control .view_list li button:focus{background-color:#007bff;color:#fff;outline:none;}
header .util_box .view_control .view_list li:last-child{border-top:1px solid #ccc;}
header .top_search_wrap{display:none;height:0;overflow:hidden;position:absolute;left:0;top:65px;z-index:150;width:100%;background-color:transparent;padding-top:50px;transition: height .3s ease}
header .top_search_wrap.on{display:block;height:auto;}
header .top_search{display:block;padding:36px 0;width:100%;background-color:#fff;}
header .top_search .search_box{position:relative;width:480px;margin:0 auto;}
header .top_search input.search_txt{background-color:#F2F4FC;width:480px;height:56px;border-radius:8px;border:none;line-height:36px;padding:8px 30px;font-size:16px;border:2px solid #2C96F2;}
header .top_search input.search_txt::placeholder{color:#637292;}
header .top_search button.search_btn{position:absolute;right:30px;top:50%;transform: translateY(-50%);display:block;width:28px;height:28px;background: url(/common/img/ico_search.png) no-repeat 50% 50%;text-indent:-9999em;}


header .util_box .util_top{display:flex;}
header .util_box .util_top li a{display:block;padding:6px 8px;font-weight:500;font-size:16px;color:#44516A;line-height:20px;}
header .util_box .util_top li{position:relative;padding:0 4px;}
header .util_box .util_top li + li{}
header .util_box .util_top li:after{content:'';position:absolute;left:0;top:6px;display:block;width:1px;height:20px;background-color:#E3E7FC;}
header .util_box .af_log{font-weight:500;font-size:16px;color:#343F54;padding-right:20px;}
header .util_box .af_log strong{font-weight:600;}
header button.active_search{position:relative;display:block;width:36px;height:36px;background-color:#F2F4FC;text-indent:-9999em;border-radius:50%;overflow:hidden;margin-left:20px;}
header button.active_search:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:24px;height:24px;background: url(/common/img/util_search.png) no-repeat 50% 50%;}


header .top_box{position:relative;padding:16px 0;}
header .top_box .inner{display:flex;align-items:center;justify-content: space-between;padding: 0 50px;box-sizing: border-box;}
header .gnb_wrap{}
header .gnb_wrap #gnb{display:flex;}
header .gnb_wrap #gnb > li{position:relative;width:136px;}
header .gnb_wrap #gnb > li > a{display:block;color:#222B3D;font-size:20px;font-weight:700;text-align:center;padding:6px 0;}
header .gnb_wrap #gnb > li > a:hover{color:#2C96F2;}
header .gnb_wrap #gnb > li.on > a{color:#2C96F2;}
header .gnb_wrap #gnb .depth2{display:none;position:absolute;left:0;top:100%;z-index:100;background-color:#fff;width:100%;padding:24px 12px 28px 12px;border:1px solid #EAEDFC;border-top:none;border-radius:0 0 6px 6px;box-sizing:border-box;}
header .gnb_wrap #gnb .depth2 li a{display:block;text-align:center;font-size:16px;line-height:22px;}
header .gnb_wrap #gnb .depth2 li a:hover{font-weight:700;color:#2C96F2;}
header .gnb_wrap #gnb .depth2 li + li{margin-top:20px;}
header .gnb_wrap #gnb .depth3{display:none;}

header .gnb_wrap .gnb{display:flex;}
header .gnb_wrap .gnb > li{position:relative;width:136px;}
header .gnb_wrap .gnb > li > a{display:block;color:#222B3D;font-size:20px;font-weight:700;text-align:center;padding:6px 0;}
header .gnb_wrap .gnb > li > a:hover{color:#2C96F2;}
header .gnb_wrap .gnb > li.on > a{color:#2C96F2;}
header .gnb_wrap .gnb .depth2{display:none;position:absolute;left:0;top:100%;z-index:100;background-color:#fff;width:100%;padding:24px 12px 28px 12px;border:1px solid #EAEDFC;border-top:none;border-radius:0 0 6px 6px;box-sizing:border-box;}
header .gnb_wrap .gnb .depth2 li a{display:block;text-align:center;font-size:16px;line-height:22px;}
header .gnb_wrap .gnb .depth2 li a:hover{font-weight:700;color:#2C96F2;}
header .gnb_wrap .gnb .depth2 li + li{margin-top:20px;}
header .gnb_wrap .gnb .depth3{display:none;}



header .top_box .btn_mypage{display:block;width:109px;height:44px;background-color:#2C96F2;border-radius:22px;line-height:44px;text-align:center;font-weight:600;font-size:16px;color:#fff;}

#gnb_mobile{display:none;}

#main_visual_main{height:480px;}
.main_visual .swiper-slide{background-position:50% 50%;background-size:auto 100%;background-repeat:no-repeat;}
.main_visual .swiper-slide a img{width:100%;height:100%;}
.main_visual .swiper-pagination-fraction{width:60px;height:20px;color:#fff;text-align:center;line-height:20px;border-radius:4px 0 0 4px;position:absolute;left:50%;bottom:32px;transform:translateX(-50%);}
.main_visual .swiper_btns{display:block;width:20px;height:20px;position:absolute;left:50%;bottom:32px;z-index:10;transform:translateX(150%);border-radius:0 4px 4px 0;}
#main_visual_main .swiper-slide a{display:block;width:100%;max-width:1180px;margin:0 auto;height:100%;}
#main_visual_main_mo.main_visual .swiper-pagination-fraction{left:0;transform:translateX(0);}
#main_visual_main_mo.main_visual .swiper_btns{left:60px;transform:translateX(0);}
#main_visual_main_mo .swiper-slide a{display:block;width:100%;height:100%;}
.main_visual .swiper_btns .btn_swiper_start{position:absolute;left:-1px;top:0;display:block;width:20px;height:20px;text-indent:-9999em;}
.main_visual .swiper_btns .btn_swiper_start:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:20px;height:20px;background: url(/common/img/main_slide_play.png) no-repeat 50% 50% / 100% auto; }
.main_visual .swiper_btns .btn_swiper_stop{position:absolute;left:-1px;top:0;display:block;width:20px;height:20px;text-indent:-9999em;border-radius:4px;}
.main_visual .swiper_btns .btn_swiper_stop:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:20px;height:20px;background: url(/common/img/main_slide_stop.png) no-repeat 50% 50% / 100% auto; }

.main_content{padding:40px 0;}
.main_content .inner{display:flex;gap:77px;justify-content: center;flex-wrap: wrap;}
.main_content .inner a{display:block;width:82px;transition: all .3s ease}
.main_content .inner a img{border-radius:10px;}
.main_content .inner a span{display:block;font-weight:500;color:#000;font-size:14px;line-height:1.5;margin-top:12px;text-align:center;}
.main_content .inner a:hover img{background-color:#fff;box-shadow:2px 4px 16px rgba(96,109,134,.15)}
.main_outer{position:relative; width:100%;padding:80px 0px;}
.main_outer.main_banner_bar{padding:0;}
.main_outer .inner{position:relative;padding:0 50px;box-sizing:border-box;overflow:hidden;}
.main_title_wrap{}
.main_title_wrap .main_title{font-size:36px;font-weight:700;color:#222B3D;line-height:1.25;text-align:left;}
.main_course_tab{display:flex;gap:12px;margin-top:24px;}
.main_course_tab li{}
.main_course_tab li a{display:block;padding:14px 20px;line-height:24px;font-size:20px;font-weight:500;color:#44516A;border:1px solid #CBCCE7;background-color:#fff;border-radius:6px;}
.main_course_tab li.active a{font-weight:600;color:#fff;border:1px solid #343F54;background-color:#343F54;}

.main_course{max-width:1180px;overflow:hidden;}
.main_tutor{max-width:1180px;overflow:hidden;}
.item_wrap{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;}
.page_title + .item_wrap{margin-top:24px;}
.main_course .item_wrap.swiper-wrapper{flex-wrap:nowrap;gap:0;margin-top:40px;}
.main_tutor .item_wrap.swiper-wrapper{flex-wrap:nowrap;gap:0;margin-top:40px;}
.item_wrap.swiper-wrapper{height:auto;}
.item_wrap .item{position:relative;width: calc((100% - 60px) / 4);border-radius:6px;}
.item_wrap .item a{position:relative;display:block;}

.item_wrap.row5 .item{width: calc((100% - 80px) / 5);}
.item_wrap .item .img_box{position:relative;display:block;background-color:#fff;border-radius:6px;}
.item_wrap .item .img_box img{width:100%;aspect-ratio:280/180;background-size: 100% auto;background-position: 50% 50%;border-radius:6px;}
.main_tutor .item_wrap .item .img_box img{aspect-ratio:1/1;}
.item_wrap.book_list_wrap .item .img_box img{aspect-ratio:220/314;}



.item_wrap .item .item_cont{padding-top:20px;}
.item_wrap .item .item_cont .list_subject{display:block;font-weight:600;font-size:18px;line-height:26px;max-height:52px;color:#222B3D; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.item_wrap .item .item_cont .list_date{display:block;font-size:16px;line-height:18px;color:#637292;margin-top:16px;}
.item_wrap .item .item_cont .list_line{display:block;font-size:16px;line-height:18px;color:#637292;margin-top:8px;}
.item_wrap .item .item_cont .list_abil{display:block;font-size:16px;line-height:18px;color:#637292;margin-top:8px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.item_wrap .item .item_cont .list_intro{display:block;font-size:16px;line-height:18px;color:#637292;margin-top:8px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.item_wrap .item .item_cont .list_price{display:block;margin-top:8px;}
.item_wrap .item .item_cont .list_price .dc_per{font-size:18px;font-weight:700;color:#2C96F2;}
.item_wrap .item .item_cont .list_price .price{font-size:18px;font-weight:700;color:#0070D2;white-space:nowrap;}
.item_wrap .item .item_cont .tagbox{margin-top:4px;display:flex;gap:4px;}
.item_wrap .item .item_cont .tagbox .tag{display:block;padding:4px 8px;font-size:14px;line-height:18px;font-weight:500;color:#637292;border:1px solid #EAEDFC;border-radius:1px;background-color:#fff;}

.item_wrap .item .item_cont .book_label{position:absolute;left:10px;top:10px;display:block;width:37px;height:26px;border-radius:4px;background-color:#9C2CF2;font-weight:500;color:#fff;font-size:14px;line-height:26px;text-align:center;}
.item_wrap .item .item_cont .i_author{font-weight:500;font-size:16px;color:#343F54;}
.item_wrap .item .item_cont .i_price{font-weight:700;font-size:18px;color:#2C96F2;}

.item_wrap.item_row_wrap{display:flex;gap:12px 20px;}
.item_wrap.item_row_wrap .item{width:calc((100% - 20px) / 2);}
.item_wrap .item.item_row a{display:flex;gap:20px;align-items: flex-start;}
.item_wrap .item.item_row .img_box img{aspect-ratio:174/112;width:174px;}
.item_wrap .item.item_row .item_cont{margin-top:0;padding-top:0;}

.item_wrap.item_col_wrap{gap:16px;}
.item_wrap.item_col_wrap .item{width:100%;padding:20px 16px;border:1px solid #CBD4E7;border-radius:8px}
.item_wrap.item_col_wrap .item .img_box img{width:100%;aspect-ratio:1/1;max-width:160px;}
.item_wrap.item_col_wrap .item.item_row{padding-top:24px;}
.item_wrap.item_col_wrap .item.item_row a{gap:36px;}
.item_wrap.item_col_wrap .item.item_row .list_summary{font-size:16px;font-size:16px;color:#44516A;margin-top:16px;}
.item_wrap.item_col_wrap .item.item_row .list_price{margin-top:32px;}
.item_wrap.item_col_wrap .item.item_row .list_price .ori_price{font-size:20px;color:#8F9BB6;}
.item_wrap.item_col_wrap .item.item_row .list_price .price{font-size:20px;color:#343F54;}




.mc_type02 .item_wrap .item .item_cont{position:absolute;left:0;bottom:8px;padding:0;z-index:30;width:100%;}
.mc_type02 .item_wrap .item .item_cont .list_subject{display:block;width:100%;font-weight:600;font-size:18px;line-height:26px;max-height:26px;mix-blend-mode: difference;color:#fff; text-overflow: ellipsis;overflow: hidden;white-space:nowrap;padding:0 8px;box-sizing:border-box;-webkit-line-clamp:1;}
.mc_type02 .item_wrap .item .item_cont .list_date{display:none;}
.mc_type02 .item_wrap .item .item_cont .list_price{display:none;}
.mc_type02 .item_wrap .item .item_cont .tagbox{display:none;}


.item_wrap .nodata{width:100%;line-height:300px;text-align:center;font-size:18px;font-weight:700}

.main .swiper-button-prev{display:block;width:44px;height:44px;background-color:rgba(255,255,255,0.5);border-radius:50%;left:50%;margin-left: -688px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);transition: all .3s ease}
.main .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
.main .swiper-button-next{display:block;width:44px;height:44px;background-color:rgba(255,255,255,0.5);border-radius:50%;right:50%;margin-right: -688px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);transition: all .3s ease}
.main .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }
.main .swiper-button-prev:hover{background-color:#fff;}
.main .swiper-button-next:hover{background-color:#fff;}

.main_course .swiper_btns{position: absolute;right: 50px;top: 0;z-index: 0;display: flex; height: 36px;overflow:hidden;box-sizing:border-box;}
.review_slide .swiper_btns{position: absolute;right: 50px;top: 0;z-index: 0;display: flex; height: 36px;overflow:hidden;box-sizing:border-box}
.main_slide_video .swiper_btns{position: absolute;right: 50px;top: 0;z-index: 0;display: flex; height: 36px;overflow:hidden;box-sizing:border-box}
.main_slide_book .swiper_btns{position: absolute;right: 50px;top: 0;z-index: 0;display: flex; height: 36px;overflow:hidden;box-sizing:border-box}
.main_tutor .swiper_btns{position: absolute;right: 50px;top: 0;z-index: 0;display: flex; height: 36px;overflow:hidden;box-sizing:border-box}
.main_outer .swiper_btns .swiper-button-prev{box-sizing:border-box;transition: all .3s ease;margin:0;top:0;border:1px solid #CBD4E7}
.main_outer .swiper_btns .swiper-button-prev{display:block;width:36px;height:36px;background-color:transparent;position:relative;border-radius:50%;left:unset;box-shadow:unset;}
.main_outer .swiper_btns .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:7px;height:12px;background: url(/common/img/l_btn.png) no-repeat 50% 50% / 100% auto; }

.main_outer .swiper_btns .swiper-button-next{margin-left:1px;box-sizing:border-box;transition: all .3s ease;margin:0;top:0;border:1px solid #CBD4E7;margin-left:4px;}
.main_outer .swiper_btns .swiper-button-next{display:block;width:36px;height:36px;background-color:transparent;position:relative;border-radius:50%;right:unset;box-shadow:unset;}
.main_outer .swiper_btns .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:7px;height:12px;background: url(/common/img/r_btn.png) no-repeat 50% 50% / 100% auto; }

.main_outer .swiper_btns .swiper-button-prev:hover{border:1px solid #343F54;}
.main_outer .swiper_btns .swiper-button-next:hover{border:1px solid #343F54;}

.main_outer .line_banner{border-radius:6px;overflow:hidden;}
.main_outer .line_banner img{max-width:100%;}
.main_slide_video{max-width:1180px;overflow:hidden;}
.main_slide_video .item_wrap.swiper-wrapper{flex-wrap:nowrap;gap:0;margin-top:40px;}
.main_slide_video .item_wrap .video_item{position:relative;width: calc((100% - 60px) / 4);border-radius:6px;}
.main_slide_video .item_wrap .video_item .video_box{position:relative;}
.main_slide_video .item_wrap .video_item .video_box iframe{aspect-ratio:380/213;vertical-align:top;border-radius:8px;}
.main_slide_video .item_wrap .video_item .video_box img{border-radius:8px;width: 100%;background-position: 50% 50%;background-size: cover;}
.main_slide_video .item_wrap .video_item .video_box .list_date{position:absolute;right:10px;bottom:10px;width:52px;height:26px;border-radius:4px;background-color:#fff;font-size:14px;color:#343F54;display:flex;align-items: center;justify-content: center;}
.main_slide_video .item_wrap .video_item .item_cont{padding-top:20px;}
.main_slide_video .item_wrap .video_item .item_cont .list_subject{display:block;font-weight:600;font-size:20px;line-height:28px;max-height:56px;color:#222B3D; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.main_slide_book{max-width:1180px;overflow:hidden;}
.main_slide_book .item_wrap.swiper-wrapper{flex-wrap:nowrap;gap:0;margin-top:40px;}
.main_slide_book .item_wrap .book_item{position:relative;width: calc((100% - 80px) / 5);border-radius:6px;}
.main_slide_book .item_wrap .book_item .book_box img{border-radius:8px;width: 100%;background-position: 50% 50%;background-size: cover;aspect-ratio:220/314;vertical-align:top;}
.main_slide_book .item_wrap .book_item .item_cont{padding-top:20px;}
.main_slide_book .item_wrap .book_item .item_cont .list_subject{display:block;font-weight:600;font-size:20px;line-height:28px;max-height:56px;color:#222B3D; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.main_slide_book .item_wrap .book_item .item_cont .list_date{display:block;font-size:16px;line-height:18px;color:#637292;margin-top:20px;}
.main_slide_book .item_wrap .book_item .item_cont .list_price{display:block;margin-top:8px;}
.main_slide_book .item_wrap .book_item .item_cont .list_price .dc_per{font-size:18px;font-weight:700;color:#2C96F2;}
.main_slide_book .item_wrap .book_item .item_cont .list_price .price{font-size:18px;font-weight:700;color:#0070D2;}



.review_slide{}
.main_title_wrap + .review_slide{padding-top:40px;overflow:hidden;}
.review_slide .review_wrap{}
.review_slide .review_wrap .item{position: relative;background-color: #fff;border: 1px solid #dee2e6;border-radius:8px;width: 280px;box-sizing:Border-box;}
.review_slide .review_wrap .item a{display:block;padding: 36px 24px;}
.review_wrap .item .point{position:relative;display: block;padding-left:24px;font-size:20px;font-weight:700;color:#2C96F2;line-height:20px;}
.review_wrap .item .point:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:20px;height:20px;background:url(/common/img/star.png) no-repeat 50% 50%;}
.review_wrap .item .list_subject{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;height:42px;font-size:18px;line-height: 21px;color:#343F54;font-weight:700; margin-top:16px;}
.review_wrap .item .list_course_nm {position:relative;display:block;font-size:16px;line-height:20px;color:#343F54;font-weight:500;padding-left:25px;margin-top:28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.review_wrap .item .list_course_nm:after {content:'';display:block;width:20px;height:20px;background:url(/common/img/ico_class.png) no-repeat 0 0;position: absolute;left:0;top:0;}
.review_wrap .item .list_content {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;text-overflow: ellipsis;overflow: hidden;height:34px;font-size: 14px;
line-height:17px;color:#556481;font-weight:400;margin-top:12px;}
.review_wrap .item .list_writer {position:absolute;right:24px;top:35px;display:block;font-size:12px;line-height:18px;color:#637292;font-weight:500;}

.main_outer .more_box{margin-top:40px;text-align:center;}
.main_outer .bottom_more {display:inline-block;font-size:14px;line-height:20px;border:1px solid  #CBD4E7;font-weight:400;color:#343F54;padding:10px 24px;border-radius:20px;background-color:#fff;transition: all .3s ease}
.main_outer .bottom_more:before{content:'+';b:#8F9BB6;padding-right:5px;}
.main_outer .bottom_more:hover{background-color:#F2F2F2;border:1px solid #99A2B5;}

.inner .btn_more {position: absolute;right:4px;top:8px;font-size:16px;font-weight:400;color:#556481;padding-right:30px}
.inner .btn_more:after {content: '';position:absolute;right:0;top:1px;display:block;width:22px;height:22px;background: #fff url(/common/img/ico_more.png) no-repeat 50% 50% / 100% auto;border-radius:50%;}
.main_course_info .btn_more{top:-75px;}
.inner .review_slide + .btn_more{right:54px}
.inner .plan_wrap + .btn_more{right:54px}
.inner .main_slide_video + .btn_more{right:54px}
.inner .main_slide_book + .btn_more{right:54px}
.inner .main_tutor + .btn_more{right:54px}
.main_outer .inner{}
.main_outer .inner.cnt2{display:flex;gap:20px;}
.main_outer .inner.cnt2 .inbox{width:calc(50% - 10px);}
.main_outer .inner .board_box{padding:32px;background-color:#F7F8FC;margin-top:32px;border-radius:8px;box-shadow:0 4px 12px rgba(160, 166, 178, 0.2);}
.main_outer .inner .board_box .board_list{}
.main_outer .inner .board_box .board_list li{position:relative;display:flex;justify-content:space-between;align-items:center;padding-left:16px;}
.main_outer .inner .board_box .board_list li:after{content:'';position:absolute;left:0;top:7px;display:block;width:4px;height:4px;background-color:#343F54;border-radius:50%;}
.main_outer .inner .board_box .board_list li + li{margin-top:20px;}
.main_outer .inner .board_box .board_list .list_subject{font-weight:500;font-size:16px;line-height:18px;color:#343F54;width:calc(100% - 110px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main_outer .inner .board_box .board_list .list_subject a{color:#343F54;}
.main_outer .inner .board_box .board_list .list_date{display:block;width:90px;font-size:16px;line-height:18px;color:#556481;}

.main_outer .inner.board_cs{display:flex;gap:20px;}
.main_outer .inner.board_cs .board_in{position:relative;width:440px;}
.main_outer .inner.board_cs .board_in .board_box{border:1px solid #e3e7fc;border-radius:8px;box-shadow:none;background-color:#fff;}
.main_outer .inner.board_cs .board_in .board_box  li{padding-left:0;}
.main_outer .inner.board_cs .board_in .board_box  li:after{display:none;}
.main_outer .inner.board_cs .cs_in{width:260px;}
.main_outer .inner.board_cs .cs_in .cs_box{position:relative;margin-top:32px;background-color:#F2F4FC;border-radius:8px;padding-top:122px;text-align:center;height:236px;box-sizing:border-box;}
.main_outer .inner.board_cs .cs_in .cs_box:before{content:'';display:block;width:72px;height:72px;background-color:#fff;border-radius:50%;position:absolute;left:50%;top:32px;transform:translateX(-50%);}
.main_outer .inner.board_cs .cs_in .cs_box:after{content:'';display:block;width:45px;height:50px;position:absolute;left:50%;top:43px;background: url(/common/img/ico_cs.png) no-repeat 50% 50% / 100% auto;transform:translateX(-50%);}
.main_outer .inner.board_cs .cs_in .cs_box strong{display:block;font-weight: 700;font-size: 24px;color:#2C96F2;}
.main_outer .inner.board_cs .cs_in .cs_box p{font-weight: 500;font-size: 16px;line-height: 24px;color:#44516A;margin-top:12px;}

.main_outer .bc_banner{margin-top:40px;border-radius:8px;}
.main_outer .bc_banner .swiper-slide{}
.main_outer .bc_banner .swiper-slide a{display:block;width:100%;height:100%;}
.main_outer .bc_banner .swiper-slide img{width:100%;aspect-ratio:1180/241;background-repeat: no-repeat;background-size:cover;}
.main_outer .bc_banner .swiper-button-prev{display:block;width:44px;height:44px;background-color:transparent;border-radius:0;left:50%;margin-left: -590px;box-shadow:unset;}
.main_outer .bc_banner .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:13px;height:22px;background: url(/common/img/banner_prev.png) no-repeat 50% 50% / 100% auto; }
.main_outer .bc_banner .swiper-button-next{display:block;width:44px;height:44px;background-color:transparent;border-radius:0;right:50%;margin-right: -590px;box-shadow:unset;}
.main_outer .bc_banner .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:13px;height:22px;background: url(/common/img/banner_next.png) no-repeat 50% 50% / 100% auto; }
.main_outer .bc_banner .swiper-pagination{color:#fff;}


.main_outer .bar_banner .swiper-slide{}
.main_outer .bar_banner .swiper-slide{position:relative;}
.main_outer .bar_banner .swiper-slide img{width:100%;aspect-ratio:1180/241;background-repeat: no-repeat;background-size:cover;}
.main_outer .bar_banner .swiper-slide p.banner_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size: 30px;font-weight: 600;color: #fff;text-align:center;}
.main_outer.main_banner_bar .bar_banner .swiper-slide p.banner_text{font-size:40px;font-weight: 700;color: #fff;}
.main_outer .bar_banner .swiper-button-prev{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;left:50%;margin-left: -590px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .bar_banner .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
.main_outer .bar_banner .swiper-button-next{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;right:50%;margin-right: -590px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .bar_banner .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }



.main_outer .inner_banner .swiper-slide{}
.main_outer .inner_banner .swiper-slide{position:relative;}
.main_outer .inner_banner .swiper-slide a{}
.main_outer .inner_banner .swiper-slide .banner_img_box{position:absolute;right:50%;top:0;z-index:10;width:45%;height:100%;margin-right:-590px;}
.main_outer .inner_banner .swiper-slide img{width:100%;height:100%;background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;}
.main_outer .inner_banner .swiper-slide p.banner_text{position:absolute;left:50%;top:50%;transform:translate(0,-50%);font-size: 40px;font-weight: 700;color: #000;margin-left:-590px;z-index:15;}
.main_outer .inner_banner .swiper-button-prev{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;left:50%;margin-left: -688px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .inner_banner .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
.main_outer .inner_banner .swiper-button-next{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;right:50%;margin-right: -688px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .inner_banner .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }
#wrap .main_outer .inner_banner .swiper-pagination{left:0;width:100% !important;display:flex;justify-content: center;transform: translateX(0);}


.banner_lesson_box{position:relative;}
.banner_lesson_box:after{content:'';display:block;position: absolute;left: 0;top: 0;z-index: -1;width: 35%;height: 80%;background-color:rgba(44, 150, 242, 0.1);}
.banner_lesson_box .inner{display:flex;gap:56px;align-items: center;height:100%;}
.banner_lesson_box .inner .video_cont{position:relative;width:580px;}
.banner_lesson_box .inner .video_cont img{width:100%;background-size: cover;aspect-ratio:580/400;max-width:580px;border-radius:8px;}
.banner_lesson_box .inner .video_cont a{display:block;}
.banner_lesson_box .inner .video_cont a:after{content:'';display:block;width: 83px;height: 83px;background-image:url(/common/img/btn_play.png);position: absolute;top: 50%;left: 50%;z-index: 50;transform: translate(-50%, -50%);}
.banner_lesson_box .inner .text_cont{width:544px;}
.banner_lesson_box .inner .text_cont .main_title{font-size:28px;font-weight:600;color:#222B3D;line-height:1.25;text-align:left;}
.banner_lesson_box .inner .text_cont .stxt{font-weight:500px;font-size:16px;color:#44516A;margin-top:16px;}
.banner_lesson_box .inner .text_cont .btn_lesson{margin-top:64px;display:inline-block;min-width:120px;padding:0 30px;height: 48px;box-sizing: border-box;line-height: 46px;text-align: center;border-radius:24px;background-color: #2C96F2;border: 1px solid #2C96F2;color: #fff;font-weight: 500; font-size: 16px;}


footer{background-color:#343F54;}
.footer_top .inner{display:flex;position:relative;padding:20px 50px;box-sizing:border-box;overflow:hidden;justify-content:space-between;align-items:center;}
.footer_top .foot_list{display:flex;flex-wrap: wrap;gap:10px 0;}
.footer_top .foot_list li{position:relative;padding:0 10px;}
.footer_top .foot_list li:first-child{padding-left:0;}
.footer_top .foot_list li:last-child{padding-right:0;}
.footer_top .foot_list li + li:after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:1px;height:10px;background-color:#EAEDFC;}
.footer_top .foot_list li a{display:block;font-size:15px;line-height:18px;color:#EAEDFC;}
.footer_top .foot_list li a.footer_privacy_policy{font-weight:700;}
.footer_top .family{display:flex;}
.footer_top .family select{height:18px;}
.footer_top .family select + button{height:18px;}
.footer_top + .footer_bottom{border-top:1px solid #637292;}
.footer_bottom .inner{display:flex;position:relative;padding:20px 50px;box-sizing:border-box;overflow:hidden;justify-content:space-between;align-items:center;}
.footer_bottom .{}
.footer_bottom .site_info{}
.footer_bottom .site_info .foot_logo{display:block;}
.footer_bottom .site_info .foot_logo img{height:25px;}
.footer_bottom .site_info .info_txt{margin-top:24px;font-size:14px;line-height:18px;color:#8F9BB6;}
.footer_bottom .site_info .info_txt span{display:flex;align-items:center;}
.footer_bottom .site_info .info_txt span a{display:block;width:10px;height:10px;}

.main_wrap{width:100%;margin:0 auto;}
.main_wrap .sub_area{border-bottom:1px solid #CBD4E7;}
.main_wrap .sub_box{position:relative;max-width:100%;width:1180px;margin:0 auto;overflow:hidden;padding:0 50px;box-sizing:border-box;}
.main_wrap .sub_area .lnb_list{}
.main_wrap .sub_area .lnb_list > *{width:fit-content;}
.main_wrap .sub_area .lnb_list > * > a{position:relative;display:block;padding:22px 22px;font-weight:500;font-size:20px;color:#637292;}
.main_wrap .sub_area .lnb_list > * > a:after{content:'';height:2px;width:0;background-color:#343F54;position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition: all .3s ease}


.main_wrap .sub_area .lnb_list > div.on a{color:#343F54;}
.main_wrap .sub_area .lnb_list > div.on a:after{width:100%;}

.main_wrap .sub_area .lnb_list > div a:hover{color:#343F54;}
.main_wrap .sub_area .lnb_list > div a:hover:after{width:100%;}

.main_wrap .swiper-button-prev{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;left:50%;margin-left: -590px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_wrap .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
.main_wrap .swiper-button-next{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;right:50%;margin-right: -590px;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_wrap .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }

.main_wrap .sub_box .swiper-button-prev{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;left:0;margin-left: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_wrap .sub_box .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
.main_wrap .sub_box .swiper-button-next{display:block;width:44px;height:44px;background-color:#fff;border-radius:50%;right:0;margin-right: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_wrap .sub_box .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }


.main_wrap #contet_area{width:100%; min-height: calc(100vh - 121px);position:relative;}
#contet_area .content_wrap{width:1180px;margin:0 auto;padding-top:36px;padding-bottom:72px;}
.content_wrap .tb_top{display:flex;justify-content: space-between;align-items: center;}
.content_wrap .list_top{display:flex;gap:16px;}
.content_wrap .list_top .ip_select{}
.content_wrap .list_top .ip_select select{min-width:100px;height:48px;border:1px solid #CBD4E7;box-sizing:border-box;border-radius:6px;}

.btn_sort{display:flex;gap:8px;}
.btn_sort .btn_type_gallery{position:relative;display:block;width:48px;height:48px;overflow:hidden;text-indent:-9999em;border-radius:4px;font-size:0;background-color:#fff;}
.btn_sort .btn_type_gallery.on{background-color:#F2F4FC;}
.btn_sort .btn_type_gallery:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:32px;height:32px;background: url(/common/img/sort_gallery.png) no-repeat 50% 50% / 100% auto;}
.btn_sort .btn_type_gallery.on:after{background-image: url(/common/img/sort_gallery_on.png);}
.btn_sort .btn_type_webzine{position:relative;display:block;width:48px;height:48px;overflow:hidden;text-indent:-9999em;border-radius:4px;font-size:0;background-color:#fff;}
.btn_sort .btn_type_webzine.on{background-color:#F2F4FC;}
.btn_sort .btn_type_webzine:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:32px;height:32px;background: url(/common/img/sort_webzine.png) no-repeat 50% 50% / 100% auto;}
.btn_sort .btn_type_webzine.on:after{background-image: url(/common/img/sort_webzine_on.png);}
.btn_sort a:hover{background-color:#F2F4FC;}

.search_form_wrap1{}
.search_form_wrap1 .search_form{display:flex;gap:12px;}
.search_form_wrap1 .search_form .ip_select{}
.search_form_wrap1 .search_form .ip_select select{min-width:100px;height:48px;border:1px solid #CBD4E7;box-sizing:border-box;border-radius:6px;}
.search_form_wrap1 .search_form .ip_search{position:relative;}
.search_form_wrap1 .search_form .ip_search input[type=text]{width:230px;height:48px;line-height:24px;border:1px solid #CBD4E7;box-sizing:border-box;border-radius:6px;padding:12px 50px 12px 23px;}
.search_form_wrap1 .search_form .ip_search input[type=image]{position:absolute;right:23px;top:12px;width:24px;}

.type_gallery{}
.type_gallery .item_wrap .item{border:1px solid #E3E7FC;box-sizing:border-box;overflow:hidden;}
.type_gallery .item_wrap.row5 .item{border:none;}
.type_gallery .item_wrap .item .img_box{border-radius:6px 6px 0 0;}
.type_gallery .item_wrap .item .img_box img{border-radius:6px 6px 0 0;}
.type_gallery .item_wrap .item .img_box .webtv_length{position:absolute;right:10px;bottom:10px;width:52px;height:26px;border-radius:4px;background-color:#fff;font-size:14px;color:#343F54;display:flex;align-items: center;justify-content: center;}

.type_gallery .item_wrap .item .item_cont{padding:16px 20px;}
.type_gallery .item_wrap.row5 .item .item_cont{padding:16px 0 0 0;}
.type_gallery .item_wrap .nodata{width:100%;line-height:300px;text-align:center;font-size:18px;font-weight:700}

.type_webzine .item_wrap{}
.type_webzine .item_wrap .item{display:flex;gap:40px;width:100%;border:1px solid #CBD4E7;border-radius:10px;padding:16px;box-sizing:border-box;}
.type_webzine .item_wrap .item .img_box{display:block;width:280px;border-radius:6px;}
.type_webzine .item_wrap .item .img_box .webtv_length{position:absolute;right:10px;bottom:10px;width:52px;height:26px;border-radius:4px;background-color:#fff;font-size:14px;color:#343F54;display:flex;align-items: center;justify-content: center;}
.type_webzine .item_wrap .item .img_box a{display:block;position:relative;}
.type_webzine .item_wrap .item .img_box img{width:100%;aspect-ratio:280/180;background-size: 100% auto;background-position: 50% 50%;border-radius:4px;}
.type_webzine .item_wrap .item .item_cont{width:calc(100% - 320px);display:flex;padding-top:0;justify-content: space-between;align-items: center;}
.type_webzine .item_wrap .item .item_cont .item_info{width:400px;}
.type_webzine .item_wrap .item .item_cont .item_info2{width:calc(100% - 400px);display:flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;padding-right:44px;}
.type_webzine.type2 .item_wrap .item .item_cont .item_info{width:100%}
.type_webzine .item_wrap .item .item_cont .course_subtitle{margin-top:8px;font-size:16px;font-weight:500;color:#556481;line-height:19px;max-height:38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;text-overflow: ellipsis;overflow: hidden;}
.type_webzine .item_wrap .item .item_cont .subtx{margin-top:28px;}
.type_webzine .item_wrap .item .item_cont .subtx .course_tutor{font-size:16px;line-height:18px;color:#44516A;}
.type_webzine .item_wrap .item .item_cont .subtx .course_period{font-size:16px;line-height:18px;color:#44516A;}
.type_webzine .item_wrap .item .item_cont .subtx .course_period + .course_tutor{margin-top:8px;}
.type_webzine .item_wrap .item .item_cont .list_subject{display:block;font-weight:600;font-size:18px;line-height:26px;max-height:52px;color:#222B3D; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.type_webzine.type2 .item_wrap .item .item_cont .list_subject{display:flex;gap:4px;}
.type_webzine.type2 .item_wrap .item .item_cont .list_subject .subject{display:block;font-weight:600;font-size:18px;line-height:26px;max-height:52px;color:#222B3D; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.type_webzine.type2 .item_wrap .item .item_cont .list_subject span img{vertical-align:middle;}


.type_webzine .item_wrap .nodata{width:100%;line-height:300px;text-align:center;font-size:18px;font-weight:700;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}

.type_webzine .item_wrap.book_list_wrap .item .img_box{width:168px}
.type_webzine .item_wrap.book_list_wrap .item .img_box img{aspect-ratio:168/240;}
.type_webzine .item_wrap.book_list_wrap .item .item_cont{width:calc(100% - 208px);display:flex;padding-top:0;justify-content: space-between;align-items: center;}


.type_webzine.type_cart .item_wrap{width:780px;margin-top:20px;}
.type_webzine.type_cart .item_wrap .item .img_box{width:120px;}
.type_webzine.type_cart .item_wrap .item .img_box img{aspect-ratio:120/78;}
.type_webzine.type_cart .item_wrap .item{display:flex;gap:20px;width:100%;border:1px solid #CBD4E7;border-radius:10px;padding:16px;box-sizing:border-box;align-items: center;}
.type_webzine.type_cart .item_wrap .item .item_cont{flex-direction: column;justify-content: center;align-items: flex-start;width: calc(100% - 480px);}
.type_webzine.type_cart .item_wrap .item .item_cont .type_label{display:block;line-height:27px;padding:0 6px;border:1px solid #cbd4e7;box-sizing:border-box;height:29px;border-radius:4px;font-size:14px;color:#343F54;}
.type_webzine.type_cart .item_wrap .item .item_cont .subject{font-weight:500;font-size:16px;line-height:24px;color:#343F54;margin-top:8px;}
.type_webzine.type_cart .item_wrap .item .item_cont .item_cnt{display:flex;margin-top:16px;}
.type_webzine.type_cart .item_wrap .item .item_cont .item_cnt dt{font-weight:500;font-size:16px;color:#44516a;}
.type_webzine.type_cart .item_wrap .item .item_cont .item_cnt dd{}
.type_webzine.type_cart .item_wrap .item .item_cont .qty_box{display:flex;}
.type_webzine.type_cart .item_wrap .item .item_cont .qty_box .ip_num{width:42px;box-sizing:border-box;border:none;line-height:24px;height:24px;font-weight:500;font-size:16px;color:#222B3D;text-align:center;}
.type_webzine.type_cart .item_wrap .item .item_cont .qty_box .btn_change{line-height:22px;padding:0 6px;border:1px solid #CBD4E7;height:24px;width:auto;border-radius:4px;color:#343F54;}
.type_webzine.type_cart .item_wrap .item .td3{width:180px;text-align:center;box-sizing:border-box;}
.type_webzine.type_cart .item_wrap .item .dt_price{display:flex;justify-content: space-between;}
.type_webzine.type_cart .item_wrap .item .dt_price dt{font-weight:500;font-size:16px;color:#44516A;}
.type_webzine.type_cart .item_wrap .item .dt_price dd{font-weight:600;font-size:16px;color:#222B3D;}

.type_webzine.type_cart .item_wrap .item .td4{width:100px;text-align:center;font-weight:600;color:#2C96F2;font-size:16px;white-space:nowrap;}
.type_webzine.type_cart .item_wrap .item .td5{width:40px;}
.type_webzine.type_cart .item_wrap .item .line_check{position:relative;width:26px;height:26px;overflow:hidden;}
.type_webzine.type_cart .item_wrap .item .line_check input{appearance: none;}
.type_webzine.type_cart .item_wrap .item .line_check input + label{display:block;width:26px;height:26px;overflow:hidden;text-indent:-9999em;position:absolute;left:0;top:0;}
.type_webzine.type_cart .item_wrap .item .line_check input + label:before{content:'';position:absolute;left:0;top:0;display:block;width:26px;height:26px;background: url(/common/img/l_checkbox.png) no-repeat 50% 50%;}
.type_webzine.type_cart .item_wrap .item .line_check input:checked + label{background-color:rgba(44, 150, 242, 0.08);}
.type_webzine.type_cart .item_wrap .item .line_check input:checked + label:before{content:'';position:absolute;left:0;top:0;display:block;width:26px;height:26px;background: url(/common/img/l_checkbox_on.png) no-repeat 50% 50%;}

.content_body .cart_infomation{display:flex;gap:40px;}
.content_body .cart_infomation .cart_info{position:relative;width:780px;}
.content_body .cart_infomation .cart_info .check_all{}
.content_body .cart_infomation .cart_info .check_all input{appearance: none;width:0;height:0;position: absolute;left: 0;top: 0;}
.content_body .cart_infomation .cart_info .check_all input + label{display:block;position:relative;padding-left:40px;line-height:24px;font-weight:600;font-size:20px;color:#343F54;}
.content_body .cart_infomation .cart_info .check_all input + label:before{content:'';position:absolute;left:0;top:0;display:block;width:24px;height:24px;background: url(/common/img/l_checkbox.png) no-repeat 50% 50%;}
.content_body .cart_infomation .cart_info .check_all input:checked + label{}
.content_body .cart_infomation .cart_info .check_all input:checked + label:before{content:'';position:absolute;left:0;top:0;display:block;width:24px;height:24px;background: url(/common/img/l_checkbox_on.png) no-repeat 50% 50%;}
.content_body .cart_infomation .cart_info .btn_seleect_del{display:block;border:1px solid #CBD4E7;height:40px;box-sizing:border-box;line-height:38px;text-align:center;font-weight:500;font-size:16px;color:#343F54;padding:0 16px;border-radius:4px;}

.item .button{display:block;width:160px;height:46px;box-sizing:border-box;line-height:44px;text-align:center;padding:0;border-radius:8px}
.item .button.btn_point_color{background-color:#2C96F2;;border:1px solid #2C96F2;color:#fff;font-weight:500;font-size:18px;}
.item .button.btn_white{background-color:#fff;border:1px solid #AEB8CE;color:#2C96F2;font-weight:500;font-size:18px;}
.item .button.btn_sky{background-color:#CFE9FF;border:1px solid #CFE9FF;color:#2C96F2;font-weight:500;font-size:18px;}
.item .button.btn_gray{background-color:#CBD4E7;border:1px solid #CBD4E7;color:#637292;font-weight:500;font-size:18px;}
.item .button.btn_dark{background-color:#44516A;border:1px solid #44516A;color:#fff;font-weight:500;font-size:18px;}

.item .button.btn_point_color:hover{background-color:#2887D9;border:1px solid #2887D9;color:#E6E6E6;}
.item .button.btn_white:hover{background-color:#F2F2F2;border:1px solid #99A2B5;color:#2887D9;}
.item .button.btn_sky:hover{background-color:#CFE9FF;border:1px solid #CFE9FF;color:#2C96F2;}
.item .button.btn_gray:hover{background-color:#B6BECF;border:1px solid #B6BECF;color:#515E78;}
.item .button.btn_dark:hover{background-color:#343E52;border:1px solid #343E52;color:#E6E6E6;}

.item .button + .button{margin-top:8px;}
.item .item_price{text-align:center;width:100%;}
.item .item_price .ori_price{font-size:18px;font-weight:400;color:#8F9BB6;text-decoration: line-through;padding-right:5px;}
.item .item_price .percent{}
.item .item_price .price{font-size:20px;font-weight:700;color:#2C96F2;}

/* 페이징 */
.type_gallery + .page_bar{margin-top:48px;}
.mo_list_wrap + .page_bar{margin-top:48px;}
.tutor_list_wrap + .page_bar{margin-top:48px;}
.type_webzine + .page_bar{margin-top:56px;}

.page_box{margin:48px auto 0; display:flex;}
.page_box ul{display:flex;margin:0 auto;text-align: center;}
.page_box li{vertical-align:top;}
.page_box li.page_margin{display:none}
.page_box li div{width:44px;height:44px;line-height:44px;border-radius:50%;}
.page_box td{ padding:0; border-width:0;color:#999999; font-size:16px }
.page_p_btn{display:none}
.page_n_btn{display:none}
.page_box .page_first_btn { background:url('/common/images_skin2/common/page_first_btn.png') no-repeat 50% 50%;}
.page_box .page_last_btn { background:url('/common/images_skin2/common/page_last_btn.png') no-repeat 50% 50%;}
.page_box .page_prev_btn { background:url('/common/images_skin2/common/page_prev_btn.png') no-repeat 50% 50%;}
.page_box .page_next_btn { background:url('/common/images_skin2/common/page_next_btn.png') no-repeat 50% 50%;}
.page_box li div.page_seperator{display:none}
.page_box li .page_number_btn_on	{background-color:#2C96F2; color:#fff; font-weight:600;}
.page_box li a:hover{text-decoration:none}
.page_box li .page_number_btn:hover{background-color:#2C96F2;color:#fff;}

.content_body{}

.course_type{}
.course_type .category_ul{display:flex;gap:12px 8px;flex-wrap: wrap;justify-content: center;align-items: center;padding:12px 0 48px 0}
.course_type li a{display:block;padding:14px 20px;font-size:16px;line-height:20px;color:#556481;font-weight:500;border-radius:24px;border:1px solid #E3E7FC;text-align:center;}
.course_type li a.on{font-weight:700;color:#2C96F2;border:1px solid #2C96F2;}

.content_body .course_infomation{position:relative;}
.content_body .course_infomation .course_info{position:relative;}
.content_body .course_infomation .course_info .info_inbox{width:780px;}

.content_body .course_infomation .course_info .info_text{width:360px;position:absolute;right:0;top:0;}
/*
.content_body .course_infomation .course_info .info_text.is_fixed{position: fixed;top: 20px;z-index: 100;}
.content_body .course_infomation .course_info .info_text.is_absolute{position: absolute;bottom: 0;top: auto;}
*/
.content_body .course_infomation .course_info .info_img{position:relative;display:block;background-color:#fff;border-radius:10px;}
.content_body .course_infomation .course_info .info_img img{width:100%;aspect-ratio:280/180;background-size: 100% auto;background-position: 50% 50%;border-radius:10px;}
.content_body .course_infomation .course_info .info_img .label_box{position:absolute;left:10px;top:10px;display:block;z-index:50;display:flex;gap:4px;}
.content_body .course_infomation .course_info .info_img .label_box .label{display:block;padding:5px 6px;font-weight:600;border-radius:4px;white-space:nowrap;height:20px;line-height:20px;font-size:16px;text-align:center;}


.content_body .course_infomation .course_info .course_title{font-weight: 700;font-size: 32px;color:#222B3D;margin-top:35px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.content_body .course_infomation .course_info .course_subtitle{font-weight: 500;font-size: 16px;line-height: 26px;color:#343F54;margin-top:30px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.content_body .course_infomation .course_info .course_option{margin-top:48px;display:flex;}
.content_body .course_infomation .course_info .tagbox{margin-top:28px;display:flex;gap:4px;}
.content_body .course_infomation .course_info .tagbox span{padding:5px 8px;background-color:#F2F4FC;font-size:14px;line-height:16px;color:#637292;border-radius:2px;}
.content_body .course_infomation .course_info .course_sub{display: flex;justify-content: space-between;align-items: center;margin-top:48px;}
.content_body .course_infomation .course_info .btn_sample{display:flex;width:122px;height:46px;border:1px solid #2C96F2;color:#2C96F2;   align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;box-sizing:border-box;border-radius:6px;}
.content_body .course_infomation .course_info .btn_sample:before{content:'';display:block;width:20px;height:20px;background: url(/common/img/ico_sample.png) no-repeat 50% 50%;}

.course_info .course_svc{display:flex;gap:16px;}
.course_info .course_svc .svc_item .btn_share{position:relative;display:block;width:24px;height:24px;text-indent:-9999em;}
.course_info .course_svc .svc_item .btn_share:after{content:'';position:absolute;left:0;top:0;display:block;width:24px;height:24px;background: url(/common/img/ico_share.png) no-repeat 50% 50%;}
.course_info .course_svc .svc_share{position:relative;}
.course_info .course_svc .sns_btn{position:absolute;right:0;top:0;z-index:150;padding:24px 32px;width:max-content;background-color:#fff;box-shadow: 0 2px 8px rgba(97, 111, 140, 0.36);border-radius:6px;}
.course_info .course_svc .sns_btn strong{display:block;text-align:center;font-weight:500;font-size:16px;color:#343F54;}
.course_info .course_svc .sns_btn ul{display:flex;margin-top:20px;gap:16px;}
.course_info .course_svc .sns_btn .layer_close{position:absolute;right:16px;top:16px;width:16px;height:16px;background: url(/common/img/layer_close.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden;}
.sns_btn ul li button{position:relative;padding-top:44px;font-weight:500;font-size:12px;color:#637292;text-align:center;width:48px;}
.sns_btn ul li button:after{content:'';display:block;width:36px;height:36px;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.sns_btn ul li button.share_kakao:after{background: url(/common/img/sns_kakao.png) no-repeat 50% 50%;}
.sns_btn ul li button.share_naver:after{background: url(/common/img/sns_naver.png) no-repeat 50% 50%;}
.sns_btn ul li button.share_face:after{background: url(/common/img/sns_face.png) no-repeat 50% 50%;}
.sns_btn ul li button.share_band:after{background: url(/common/img/sns_band.png) no-repeat 50% 50%;}
.sns_btn ul li button.share_link:after{background: url(/common/img/sns_link.png) no-repeat 50% 50%;}

.course_info .course_svc .svc_item .btn_heart{position:relative;display:block;width:24px;height:24px;text-indent:-9999em;}
.course_info .course_svc .svc_item .btn_heart:after{content:'';position:absolute;left:0;top:0;display:block;width:24px;height:24px;background: url(/common/img/ico_heart.png) no-repeat 50% 50%;}
.course_info .course_svc .svc_item .btn_heart.on:after{background: url(/common/img/ico_heart_on.png) no-repeat 50% 50%;}
.course_detail .course_tablist{display:flex;border-bottom:1px solid #CBD4E7;align-items: center;justify-content: center;margin-top:40px;position: sticky;left:0;top:0;z-index:100;    background-color: #fff;}
.course_detail .course_tablist li{width:100%;display:flex;align-items: center;justify-content: center;}
.course_detail .course_tablist li a{position:relative;height:70px;font-weight: 700;font-size: 20px;line-height: 70px;text-align: center;padding:0 20px;}
.course_detail .course_tablist li a[aria-selected=true]{color:#2C96F2;}
.course_detail .course_tablist li a[aria-selected=true]:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#2C96F2;border-radius:3px;}
.course_detail > div.tab_con{padding:36px 0;}
.course_detail .tab_con .page_title{font-weight: 600;font-size: 20px;color:#222B3D;margin-top:64px;}
.course_detail .tab_con > *:first-child{margin-top:0;}
.info_text{width:360px;}

.course_detail .lesson_area{border:1px solid #AEB8CE;border-radius:8px;overflow:hidden;margin-top:24px;}
.course_detail .lesson_area .section_tt{position:relative;display:flex;align-items: center;background-color:#fff;padding:16px 18px;font-weight:600;font-size:16px;color:#222B3D;padding-left:54px;}
.course_detail .lesson_area .section_tt:after{content:'';position:absolute;left:18px;top:16px;display:block;width:25px;height:25px;background: url(/common/img/blt_course.png) no-repeat 50% 50%;transform: rotate(-180deg);transition: all .3s ease}
.course_detail .lesson_area .on .section_tt:after{transform: rotate(0);}
.course_detail .lesson_area .lesson_list{display:none;}
.course_detail .lesson_area .on .lesson_list{display:block;}
.course_detail .lesson_area .list_in{display: flex;justify-content: space-between;align-items: center;background-color:#F7F8FC;padding:16px 18px;line-height:28px;border-bottom:1px solid #CBD4E7;}
.course_detail .lesson_area .list_in .l_nm{font-weight:500;font-size:15px;color:#343F54;}
.course_detail .lesson_area .list_in .l_onoff{font-weight:500;font-size:16px;color:#637292;}
.course_detail .lesson_area .list_in:last-child{border-bottom:none;}
.course_detail .lesson_area dl + dl{border-top:1px solid #CBD4E7;}
.course_detail .lesson_area dl:last-child .lesson_list .list_in:last-child{border-bottom:none;}



.course_detail .package_course_box{display:flex;gap:20px;margin-top:24px;flex-wrap: wrap;}
.course_detail .package_course_box .item_course{position:relative;width:calc((100% - 40px) / 3);height:181px;border:1px solid #CBD4E7;border-radius:6px;box-sizing:Border-box;padding:20px 20px;}
.course_detail .package_course_box .item_course .course_tt{font-weight:600;color:#343F54;font-size:20px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.course_detail .package_course_box .item_course .course_date{display:block;margin-top:8px;font-size:16px;color:#44516A;}
.course_detail .package_course_box .item_course .btn_detail{position:absolute;right:20px;bottom:20px;display:flex;gap:4px;align-items:center;justify-content:center;background-color:#556481;border-radius:4px;width:88px;height:38px;color:#fff;}
.course_detail .package_course_box .item_course .btn_detail:after{content:'';display:block;width:12px;height:12px;background: url(/common/img/arr_right_12.png) no-repeat 50% 50%;}

.page_title + .tb_box{margin-top:24px;}
.cv_text{margin-top:24px;font-weight:500;font-size:16px;color:#44516A;}
.tb_box.tb_col{border:1px solid #CBD4E7;border-radius:8px;overflow:hidden;margin-top:24px;}
.tb_box.tb_col table thead th{background-color:#F7F8FC;padding:16px 0;font-weight:500;font-size:16px;color:#222B3D;}
.tb_box.tb_col table tbody td{border-top:1px solid #CBD4E7;padding:16px 0;font-weight:500;font-size:16px;color:#44516A;text-align:center;}
.tb_box.tb_col table tbody th{border-top:1px solid #CBD4E7;padding:16px 0;font-weight:500;font-size:16px;color:#222B3D;text-align:center;}
.tb_box.tb_col table tbody .tal{text-align:left;padding-left:8px;}
.tb_box.tb_col table td .button.small.gray{}
.tb_box.tb_col table td .btn_detail{display:flex;gap:4px;align-items:center;justify-content:center;background-color:#556481;border-radius:4px;width:88px;height:38px;color:#fff;}
.tb_box.tb_col table td .btn_detail:after{content:'';display:block;width:12px;height:12px;background: url(/common/img/arr_right_12.png) no-repeat 50% 50%;}

.info_text .info_data{padding:24px;box-sizing:border-box;box-shadow:2px 4px 16px rgba(96, 109, 134, 0.15);border-radius:8px;background-color:#fff;}
.info_text .info_data + .info_data{margin-top:20px;width:360px;}
.info_text .info_data dl{display:flex;}
.info_text .info_data dl dt{display:block;width:70px;font-weight:500;font-size:16px;line-height:18px;color:#637292;}
.info_text .info_data dl dd{display:block;width: calc(100% - 70px);font-weight: 500;font-size: 16px;line-height: 18px;#343F54}
.info_text .info_data dl + dl{margin-top:12px;}
.info_text .info_data dl.book_cnt{align-items: center;margin-top:28px;}
.info_text .info_data dl.book_cnt dt{font-size:20px;color:#2C96F2;}
.info_text .info_data dl.book_cnt dd{display:flex;align-items:center;justify-content: flex-end}
.info_text .info_data dl.book_cnt dd button{width:24px;height:24px;border:1px solid #CBD4E7;border-radius:12px;}
.info_text .info_data dl.book_cnt dd button[disabled]{color:#CBD4E7}
.info_text .info_data dl.book_cnt dd .num_up{}
.info_text .info_data dl.book_cnt dd .num_down{}
.info_text .info_data dl.book_cnt dd .book_qty{width:44px;border:none;text-align:center;}
.info_text .info_data .info_btn{margin-top:32px;}
.book_detail{border-top:1px solid #CBD4E7;margin-top:48px;padding:36px 0;}
.book_detail h6.page_title{font-weight:600;font-size:20px;color:#222B3D;margin-bottom:24px;}
.book_detail .cv_text{font-weight:500;font-size:16px;line-height:26px;color:#44516A;margin-bottom:56px;}
.ori_price{color:#637292;text-decoration: line-through;font-size:16px;margin-right:4px;}

.summary_box{}
.summary_box .side_info{}
.summary_box .side_info .c_nm{font-weight:500;font-size:16px;line-height:22px;color:#222B3D;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.summary_box .side_info .c_price{margin-top: 20px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 8px;}
.summary_box .side_info .c_price .price{font-weight:700;font-size:24px;color:#222B3D;}
.summary_box .side_info .c_price .ori_price{font-weight:500;font-size:20px;}
.summary_box .option_wrap{border-top:1px solid #E3E7FC;margin-top:20px;padding-top:20px;}
.summary_box .option_wrap .option_top{display:flex;align-items:center;font-weight:500;font-size:16px;color:#556481;}
.summary_box .option_wrap .option_top .selected_cnt{display:block;width:16px;height:16px;border-radius:50%;background-color:#2C96F2;color:#fff;font-weight:500;font-size:12px;text-align:center;line-height:16px;}
.summary_box .option_wrap .option_area{margin-top:20px;}
.summary_box .option_wrap .option_box input{appearance: none;width:0;height:0;position: absolute;left: 0;top: 0;}
.summary_box .option_wrap .option_box label{position:relative;display:block;padding:16px 20px;border-radius:6px;background-color:#fff;}
.summary_box .option_wrap .option_box label .book_name{display:block;font-weight:500;font-size:16px;line-height:20px;color:#343F54;padding-left:24px;}
.summary_box .option_wrap .option_box label .book_name:before{content:'';position:absolute;left:20px;top:18px;display:block;width:16px;height:16px;background: url(/common/img/checkbox.png) no-repeat 50% 50%;}
.summary_box .option_wrap .option_box input:checked + label{background-color:rgba(44, 150, 242, 0.08);}
.summary_box .option_wrap .option_box input:checked + label .book_name:before{content:'';position:absolute;left:20px;top:18px;display:block;width:16px;height:16px;background: url(/common/img/all_checkbox_on.png) no-repeat 50% 50%;}
.summary_box .option_wrap .option_box label .book_price{display:block;margin-top:20px;font-weight:500;font-size:20px;color:#222B3D;}
.summary_box .option_wrap .option_box label .book_price strong{font-weight:700;}

.summary_box .price_sum{border-top:1px solid #E3E7FC;margin-top:20px;padding-top:20px;}
.summary_box .price_sum{}
.summary_box .price_sum dl{align-items: center;}
.summary_box .price_sum dl + dl{margin-top:8px;}
.summary_box .price_sum dl dt{width:90px;font-weight:500;font-size:16px;line-height:18px;color:#637292;}
.summary_box .price_sum dl dd{width: calc(100% - 90px);font-weight: 500;font-size: 16px;line-height: 18px;color:#637292;text-align:right;}
.summary_box .price_sum dl.total_p dt{color:#44516A;}
.summary_box .price_sum dl.total_p dd{font-size: 24px;line-height: 28px;color:#222B3D;}
.summary_box .price_sum dl.total_p dd span{font-weight:700;}\
.summary_box .info_btn{margin-top:32px;}
.summary_cart .cart_tt{font-weight:700;color:#222B3D;font-size:20px;}
.summary_cart .price_sum{border-top:1px solid #E3E7FC;margin-top:16px;padding-top:16px;}
.summary_cart .price_sum{}
.summary_cart .price_sum dl{align-items: center;}
.summary_cart .price_sum dl + dl{margin-top:8px;}
.summary_cart .price_sum dl dt{width:50%;font-weight:500;font-size:16px;line-height:18px;color:#637292;}
.summary_cart .price_sum dl dd{width: 50%;font-weight: 500;font-size: 16px;line-height: 18px;color:#637292;text-align:right;}
.summary_cart .price_sum dl.total_p dt{font-weight:700;font-size:20px;color:#44516A;}
.summary_cart .price_sum dl.total_p dd{font-size: 24px;line-height: 28px;color:#222B3D;}
.summary_cart .price_sum dl.total_p dd span{font-weight:700;}
.summary_cart .info_btn{margin-top:32px;}

.info_btn > li + li{margin-top:8px;}
.info_btn .button{display:block;width:100%;height:50px;box-sizing:border-box;line-height:48px;text-align:center;padding:0;border-radius:8px}
.info_btn .button.btn_point_color{background-color:#2C96F2;;border:1px solid #2C96F2;color:#fff;font-weight:700;font-size:16px;}
.info_btn .button.btn_white{background-color:#fff;border:1px solid #AEB8CE;color:#2C96F2;font-weight:600;font-size:16px;}
.info_btn .button.btn_sky{background-color:#CFE9FF;border:1px solid #CFE9FF;color:#2C96F2;font-weight:500;font-size:16px;}
.info_btn .button.btn_gray{background-color:#CBD4E7;border:1px solid #CBD4E7;color:#637292;font-weight:500;font-size:16px;}
.info_btn .button.btn_dark{background-color:#44516A;border:1px solid #44516A;color:#fff;font-weight:500;font-size:16px;}

/* member */
.member_wrap{background-color:#AEB8CE;min-height:100vh;display:flex;flex-direction: column;padding:145px 0;box-sizing:border-box;justify-content: center;}
.member_wrap .age_select_box{border:1px solid #CBD4E7;border-radius:6px;padding:28px 0;text-align:center;margin-top:24px;}
.member_wrap .age_select_box h6{font-weight:700;font-size:20px;#343F54;color:#343F54;}
.member_wrap .age_select_box h6 strong{color:#2C96F2;}
.member_wrap .age_select_box h6 + p{font-size:16px;line-height:20px;color:#44516A;margin-top:12px;}
.member_wrap .age_select_box .btn_join{display:block;width:200px;height:48px;line-height:48px;color:#fff;background-color:#2C96F2;padding:0;margin: 24px auto 0;border-radius:4px;}
.member_wrap .age_select_box + .age_select_box{margin-top:16px;}
.member_wrap .login_box{max-width:640px;width:100%;box-sizing:border-box;background-color:#fff;border:1px solid #CBD4E7;border-radius:6px;margin:0 auto;padding:48px 32px;}
.member_wrap .login_box h2{text-align:center;}
.member_wrap .login_box h2 img{max-width: 250px;max-height: 44px;}
.member_wrap .login_box .login_subtitle{text-align:center;font-weight:600;font-size:20px;color:#343F54;margin-top:36px;}
.member_wrap .login_box .log_in{margin-top:24px;}
.member_wrap .login_box .log_in .ip_id{position:relative;}
.member_wrap .login_box .log_in .ip_id input{width:100%;height:56px;line-height:54px;box-sizing:border-box;border:1px solid #EAEDFC;padding:0 18px;border-radius:4px;}
.member_wrap .login_box .log_in .ip_id .id_clear{width:30px;height:30px;position:absolute;right:5px;top:50%;text-indent:-9999em;overflow:hidden;background-color:transparent;transform:translateY(-50%);}
.member_wrap .login_box .log_in .ip_id .id_clear:after{content:'';display:block;position:absolute;left:7px;top:7px;width:16px;height:16px;background: url(/common/img/btn_x.png) no-repeat 50% 50% / 100% auto;}
.member_wrap .login_box .log_in .ip_pass{position:relative;margin-top:8px}
.member_wrap .login_box .log_in .ip_pass input{width:100%;height:56px;line-height:54px;box-sizing:border-box;border:1px solid #EAEDFC;padding:0 18px;border-radius:4px;}
.member_wrap .login_box .log_in .ip_pass .pw_clear{width:30px;height:30px;position:absolute;right:5px;top:50%;text-indent:-9999em;overflow:hidden;background-color:transparent;transform:translateY(-50%);}
.member_wrap .login_box .log_in .ip_pass .pw_clear:after{content:'';display:block;position:absolute;left:7px;top:7px;width:16px;height:16px;background: url(/common/img/btn_x.png) no-repeat 50% 50% / 100% auto;}
.member_wrap .login_box .log_in .ip_pass .pw_show{width:30px;height:30px;position:absolute;right:35px;top:50%;text-indent:-9999em;overflow:hidden;background-color:transparent;transform:translateY(-50%);}
.member_wrap .login_box .log_in .ip_pass .pw_show:after{content:'';display:block;position:absolute;left:5px;top:5px;width:20px;height:20px;background: url(/common/img/ico_eye_on.png) no-repeat 50% 50% / 100% auto;}
.member_wrap .login_box .log_in .ip_pass.show .pw_show:after{background: url(/common/img/ico_eye_off.png) no-repeat 50% 50% / 100% auto;}
.member_wrap .login_box .log_in input:focus{outline:2px solid #2C96F2;}
.member_wrap .login_box .ip_submit{margin-top:28px;}
.member_wrap .login_box .ip_submit .btn_login{background-color:#2C96F2;color:#fff;font-weight:600;font-size:16px;width:100%;height:56px;line-height:56px;border:none;border-radius:4px;}
.member_wrap .login_box .ip_submit .btn_login[disabled]{background-color:#CBD4E7;color:#637292;}
.member_wrap .login_box .line{position:relative;text-align:center;margin:16px auto;}
.member_wrap .login_box .line:after{content:'';display:block;width:100%;height:1px;background-color:#CBD4E7;position:absolute;left:0;top:50%;}
.member_wrap .login_box .line span{position:relative;z-index:5;display:inline-block;padding:0 10px;background-color:#fff;font-weight:500;font-size:14px;color:#637292;line-height:20px;}
.member_wrap .login_box .log_auth{}
.member_wrap .login_box .log_auth .login_auth{background-color:#2C96F2;color:#fff;font-weight:600;font-size:16px;width:100%;height:56px;line-height:56px;border:none;border-radius:4px;}
.member_wrap .login_box .log_find{margin-top:36px;}
.member_wrap .login_box .log_find dl{display: flex;justify-content: space-between;}
.member_wrap .login_box .log_find dl dt{position:relative;padding-left:10px;line-height:20px;}
.member_wrap .login_box .log_find dl dt:after{content:'';display:block;width:2px;height:2px;background-color:#637292;border-radius:50%;position:absolute;left:2px;top:50%;margin-top:-1px;}
.member_wrap .login_box .log_find dl dd a{text-decoration:underline;color:#343F54;font-weight:500;font-size:14px;line-height:20px;}
.member_wrap .agreement_list{position:relative;margin-top:40px;display:flex;justify-content:center;align-items:center;gap:36px;padding-bottom:26px;}
.member_wrap .agreement_list li{display:flex;flex-direction: column;justify-content:center;align-items:center;gap:12px;}
.member_wrap .agreement_list li .ico_num{display:block;width:32px;height:32px;border-radius:50%;background-color:#EAEDFC;line-height:32px;text-align:center;color:#8F9BB6;font-weight:500;font-size:14px;position:relative;z-index:5;}
.member_wrap .agreement_list li .ico_num.on{background-color:#556481;color:#fff;}
.member_wrap .agreement_list li .num_tx{color:#44516A;font-size:14px;}
.member_wrap .agreement_list:after{content: '';position: absolute;left: 50%;top: 15px;z-index: 1;display: block;width: 150px;height: 0;border-top: 1px dashed #cbd4e7;transform: translateX(-50%);}
.member_wrap .agreement_list.agree2:after{width: 100px;}
.member_wrap .agree_check{padding-top:26px;border-top:1px solid #EAEDFC;}
.member_wrap .title_line{display:flex;align-items: center;gap:8px;}

.member_wrap .title_line .area_title{font-weight:700;font-size:20px;color:#343F54;line-height:24px;}
.member_wrap .title_line .tt_desc{font-weight:500;font-size:14px;color:#44516A;}
.member_wrap .title_line.tt2{margin-top:48px;flex-wrap: wrap;}
.member_wrap .tt_desc2{font-size:14px;line-height:18px;color:#44516A;margin-top:16px;}
.member_wrap .tt_desc2 .point{color:#2C96F2;}
.member_wrap .all_check{margin-top:28px;}
.member_wrap .all_check .check{position:relative;}
.member_wrap .all_check label{position:relative;font-weight:600;font-size:16px;color:#2C96F2;padding-left:24px;}
.member_wrap .all_check label:before{content:'';position:absolute;left:0;top:2px;display:block;width:16px;height:16px;background: url(/common/img/all_checkbox.png) no-repeat 50% 50%;}
.member_wrap .all_check input{appearance: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.member_wrap .all_check input:checked + label:before{background: url(/common/img/all_checkbox_on.png) no-repeat 50% 50%;}
.member_wrap .check_area{padding:16px;background-color:#F7F8FC;margin-top:20px;}
.member_wrap .check_area .list_check{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.member_wrap .check_area .list_check + .list_check{margin-top:14px;}
.member_wrap .check_area .list_check label{position:relative;padding-left:24px;font-size:16px;line-height:20px;color:#343F54;}
.member_wrap .check_area .list_check label:before{content:'';position:absolute;left:0;top:2px;display:block;width:16px;height:16px;background: url(/common/img/checkbox.png) no-repeat 50% 50%;}
.member_wrap .check_area .list_check .check{position:relative;line-height:20px;}
.member_wrap .check_area .list_check input{appearance: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.member_wrap .check_area .list_check input:checked + label:before{background: url(/common/img/checkbox_on.png) no-repeat 50% 50%;}
.member_wrap .check_area .list_check a{text-decoration:underline;color:#343F54;font-weight:500;font-size:14px;line-height:20px;}
.member_wrap .check_area .list_check .inner_line{width:100%;padding-left:30px;box-sizing:border-box;display: flex;gap:16px;margin-top:14px;}
.member_wrap .txt_error{position:relative;padding-left:16px;font-size:14px;line-height:18px;color:#F22C2F;margin-top:24px;}
.member_wrap .txt_error:before{content:'i';position:absolute;left:0;top:3px;display:block;width:12px;height:12px;text-align:center;line-height:10px;color:#F22C2F;font-size:8px;border:1px solid #F22C2F;border-radius:50%;box-sizing:border-box;}
.member_wrap .txt_success{position:relative;padding-left:16px;font-size:14px;line-height:18px;color:#00B115;margin-top:24px;}
.member_wrap .txt_success:before{content:'i';position:absolute;left:0;top:3px;display:block;width:12px;height:12px;text-align:center;line-height:10px;color:#00B115;font-size:8px;border:1px solid #00B115;border-radius:50%;box-sizing:border-box;}

.member_wrap span.bad{position:relative;padding-left:16px;font-size:14px;line-height:18px;color:#F22C2F;margin-top:24px;}
.member_wrap span.bad:before{content:'i';position:absolute;left:0;top:3px;display:block;width:12px;height:12px;text-align:center;line-height:10px;color:#F22C2F;font-size:8px;border:1px solid #F22C2F;border-radius:50%;box-sizing:border-box;}
.member_wrap span.good{position:relative;padding-left:16px;font-size:14px;line-height:18px;color:#00B115;margin-top:24px;}
.member_wrap span.good:before{content:'i';position:absolute;left:0;top:3px;display:block;width:12px;height:12px;text-align:center;line-height:10px;color:#00B115;font-size:8px;border:1px solid #00B115;border-radius:50%;box-sizing:border-box;}




.auth_area{}
.auth_area .auth_box{margin-top:24px;}
.auth_area .auth_box .auth_mobile{width:140px;height:45px;display:flex;justify-content:center;
align-items:center;gap:8px;background-color:#f2f4fc;border-radius:4px;}
.auth_area .auth_box .auth_mobile:before{content:'';display:block;width:15px;height:22px;background: url(/common/img/ico_mobile.png) no-repeat 50% 50%;}
.auth_area .auth_box .auth_ipin{}

.member_wrap .flow_btn{display:flex;gap:8px;margin-top:56px}
.member_wrap .find_box .flow_btn{margin-top:28px}
.member_wrap .flow_btn .button{height:48px;line-height:48px;border-radius:4px;font-weight:600;font-size:16px;color:#637292;box-sizing:border-box;padding:0;width:100%;cursor:pointer;}
.member_wrap .flow_btn .button.btn_white{line-height:46px;border:1px solid #AEB8CE;}
.member_wrap .flow_btn .button.btn_next{background-color:#2C96F2;color:#fff;font-weight:500;border:1px solid #2C96F2;}
.member_wrap .flow_btn .button.btn_next[disabled]{background-color:#CBD4E7;color:#637292;}

.dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:5555;background-color:rgba(52, 63, 84, 0.5);}
.l_pop{display:none;position:absolute;left:50%;top:50%;z-index:5556;transform:translate(-50%, -50%);width:570px;max-width:80vw;height:604px;max-height:80vh;background-color:#fff;border-radius:6px;overflow:hidden;}
.l_pop .textin{overflow-y:auto;height: calc(604px - 56px);max-height: calc(80vh - 56px);padding:46px 24px;box-sizing:border-box;}
.l_pop h6{font-weight:600;font-size:24px;color:#222B3D;text-align:center;}
.l_pop .btn_bottom{width:100%;height:56px;}
.l_pop .btn_bottom .btn_agree{background-color:#2C96F2;color:#fff;font-weight:500;display:flex;width:100%;height:56px;justify-content:center;align-items:center;}
.l_pop .pop_close{position:absolute;right:16px;top:16px;width:30px;height:30px;background: url(/common/img/pop_close.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden;}

.write_box .req{font-weight:500;color:#F22C2F;}
.member_wrap .join_area{border-top:1px solid #EAEDFC;padding-top:36px;}
.member_wrap .join_area .write_box{margin-top:24px;}
.member_wrap .join_area .write_box .w_th{position:relative;display:flex;align-items:center;font-weight:500;font-size:16px;color:#343F54;min-width:120px;}
.member_wrap .join_area .write_box .w_td{margin-top:8px;}
.member_wrap .join_area .write_box.line1 .w_td{margin-top:0;}
.member_wrap .join_area .write_box .w_td input[type=text]{height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;}
.member_wrap .join_area .write_box .w_td input[type=email]{height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;}
.member_wrap .join_area .write_box .w_td input[type=password]{height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;}
.member_wrap .join_area .write_box .w_td select{font-size:14px;height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;box-sizing:border-box;width:100%;color:#556481;}
.member_wrap .join_area .write_box .w_td input + span{display:block;position:relative;font-size: 14px;padding-left:20px;color:#556481;margin-top:8px;}
.member_wrap .join_area .write_box .w_td input + span:after{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);display:block;width:2px;height:2px;border-radius:50%;background-color:#556481}
.member_wrap .join_area .write_box .w_td input + span.good{color:#00B115;}
.member_wrap .join_area .write_box .w_td input + span.good:after{content:'';position:absolute;left:2px;top:50%;transform:translateY(-50%);display:block;width:12px;height:12px;background: url(/common/img/ico_good.png) no-repeat 50% 50%;}
.member_wrap .join_area .write_box .w_td input + span.bad{color:#F22C2F;}
.member_wrap .join_area .write_box .w_td input + span.bad:after{content:'';position:absolute;left:2px;top:50%;transform:translateY(-50%);display:block;width:12px;height:12px;background: url(/common/img/ico_bad.png) no-repeat 50% 50%;}
.member_wrap .join_area .write_box .w_td .guide_tx{display:block;position:relative;font-size: 14px;padding-left:20px;color:#556481;margin-top:8px;}
.member_wrap .join_area .write_box .w_td .guide_tx:after{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);display:block;width:2px;height:2px;border-radius:50%;background-color:#556481}
.member_wrap .join_area .write_box .w_td .select_box{display:flex;gap:8px;}
.member_wrap .join_area .write_box .w_td .select_box select + select{width:50%;}
.member_wrap .join_area .line1{display:flex;gap:8px;align-items:center;width:100%;}
.member_wrap .join_area .write_box .cb_box{display:flex;gap:20px;}
.member_wrap .join_area .write_box .cb_box label{display:flex;gap:6px;}
.member_wrap .join_area .write_box .cb_box label.only input{margin-top:-20px;}
.member_wrap .join_area .write_box .cb_box label.only input[type=checkbox]{margin-top:0;}
.member_wrap .join_area .line1 .btn_input{width:108px;background-color:#637292;color:#fff;font-weight:500;font-size:14px;padding:0 16px;white-space:nowrap;border-radius:4px;height:46px;}
.member_wrap .join_area .line1 .inbox{position:relative;width: calc(100% - 116px);}
.member_wrap .join_area .line1 .inbox .btn_resend{position:absolute;right:6px;top:50%;transform:translateY(-50%);}
.member_wrap .join_area .line1 .inbox .btn_sm{width:64px;padding:0 13px;height:36px;}
.member_wrap .join_area .line1 + .line1 {margin-top:8px;}
.member_wrap .join_area .line1 + .line1 {margin-top:8px;}
.member_wrap .join_success{padding-top:28px;border-top:1px solid #EAEDFC;}
.member_wrap .join_success .welcone_tx{text-align:center;font-size:20px;line-height:28px;color:#343F54;}
.member_wrap .join_success .welcone_tx strong{font-weight:700;}
.member_wrap .join_success .set_info{margin-top:24px;background-color:#F7F8FC;padding:24px 16px;}
.member_wrap .join_success .set_info .set_tt{font-size:15px;line-height:20px;color:#343F54;font-weight:600;}
.member_wrap .join_success .set_info p.set_tt{margin-top:16px;}
.member_wrap .join_success .set_info .set_td{position:relative;font-size:14px;line-height:22px;color:#44516A;font-weight:500;padding-left:20px;}
.member_wrap .join_success .set_info .set_td:first-child{margin-top:8px;}
.member_wrap .join_success .set_info .set_td:after{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);display:block;width:2px;height:2px;border-radius:50%;background-color:#556481}
.member_wrap .join_success .btn_home{display:block;width:176px;background-color:#2C96F2;color:#fff;font-weight:500;font-size:16px;padding:0 16px;border-radius:4px;height:46px;line-height:46px;box-sizing:border-box;margin:48px auto 0;text-align:center;}

.btn_exq{font-size:10px;width:14px;height:14px;line-height:12px;box-sizing:border-box;border-radius:50%;color:#F22C2F;border:1px solid #F22C2F;margin-left:4px;}
.tip_pop{display:none;position:absolute;left:64px;top:22px;right:0;z-index:50;padding:16px 46px 16px 16px;border:1px solid #CBD4E7;font-weight:500;font-size:14px;color:#556481;background-color:#fff;}
.tip_pop .tip_close{position:absolute;right:16px;top:16px;width:20px;height:20px;background: url(/common/img/pop_close.png) no-repeat 50% 50% / 66% auto;;text-indent:-9999em;overflow:hidden;}
.find_wrap{}
.find_wrap .dep1_tab_list{border-bottom:1px solid #CBD4E7;display:flex;margin-top:28px;}
.find_wrap .dep1_tab_list li{width:50%;}
.find_wrap .dep1_tab_list li a{position:relative;display:block;line-height:55px;font-weight:600;font-size:18px;color:#637292;text-align:center;}
.find_wrap .dep1_tab_list li a[aria-selected=true]{font-weight:700;color:#2C96F2;}
.find_wrap .dep1_tab_list li a[aria-selected=true]:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block;width:100%;height:2px;border-radius:1px;background-color:#2C96F2;}
.find_wrap .dep2_tab_list{display:flex;margin-top:28px;}
.find_wrap .dep2_tab_list li{width:100%;}
.find_wrap .dep2_tab_list li + li{margin-left:-1px;width:calc(100% + 1px);}
.find_wrap .dep2_tab_list li a{position:relative;display:block;height:46px;line-height:44px;font-weight:600;font-size:16px;color:#637292;text-align:center;border:1px solid #CBD4E7;box-sizing:border-box;border-radius:6px 0 0 6px;}
.find_wrap .dep2_tab_list li + li a{border-radius:0 6px 6px 0;}
.find_wrap .dep2_tab_list.nooption li a{border-radius:6px;}

.find_wrap .dep2_tab_list li a[aria-selected=true]{z-index:10;background-color:#F7F8FC;color:#637292;border:1px solid #637292;}
.find_wrap .find_box{padding-top:28px;}
.find_wrap .find_box .tt_desc{margin-top:12px;}
.find_wrap .find_box .write_box{margin-top:24px;}
.find_wrap .find_box .write_box .w_th{position:relative;display:flex;align-items:center;font-weight:500;font-size:16px;color:#343F54;min-width:120px;}
.find_wrap .find_box .write_box .w_td{margin-top:8px;}
.find_wrap .find_box .write_box .w_td input[type=text]{height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;}
.find_wrap .find_box .write_box .w_td input[type=email]{height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;}
.find_wrap .find_box .write_box .w_td input[type=password]{height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;}
.find_wrap .find_box .write_box .w_td select{font-size:14px;height:48px;line-height:46px;border:1px solid #EAEDFC;border-radius:4px;box-sizing:border-box;width:100%;color:#556481;}
.find_wrap .find_box .write_box .line1{display:flex;gap:8px;align-items:center;}
.find_wrap .find_box .write_box .line1 .btn_input{width:108px;background-color:#637292;color:#fff;font-weight:500;font-size:14px;padding:0 16px;white-space:nowrap;border-radius:4px;height:46px;}
.find_wrap .find_box .write_box .line1 + .line1 {margin-top:8px;}

/* board  */
.type_list {border-top: 1px solid #222B3D;margin-top:36px;}
.type_list thead th{border-bottom: 1px solid #CBD4E7;padding:22px 0;color:#222B3D;white-space:nowrap;font-size:16px;line-height:20px;font-weight:600;text-align:center;}
.type_list tbody td{border-bottom: 1px solid #CBD4E7;padding:16px 0;font-size:16px;font-weight:500;line-height:20px;color:#637292;}
.type_list tbody td.tac{text-align:center}
.type_list tbody td.tar{text-align:right;padding-right:10px}
.type_list tbody td.tal{text-align:left;padding-left:10px}
.type_list tbody td.tal span img{margin-top:2px}
.type_list tbody td .subject_box{display:flex;align-items: center;gap:4px;}
.type_list tbody td.tal .subject{max-width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px;color:#343F54;display:inline-block;}
.type_list tbody td.tal .subject .course_nm{position:relative;display:block;padding-left:28px;color:#2c96f2;font-size:16px;font-weight:600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.type_list tbody td.tal .subject .course_nm:after{content:'';position:absolute;left:0;top:0;display:block;width:20px;height:20px;background: url(/common/img/ico_class.png) no-repeat 50% 50%;}
.type_list tbody td.tal .subject strong{display:block;color:#343f54;font-size:15px;font-weight:500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.type_list tbody td.tal .subject .course_nm + strong{margin-top:12px;}

.type_list tbody td .answer_1{color:#2C96F2;}
.type_list tbody .label.notice {display:block;margin:0 auto;width:48px;height:32px;border:1px solid #2C96F2;border-radius:4px;box-sizing:Border-box;line-height:32px;text-align:center;color:#2C96F2;font-weight:700;font-size:16px;padding:0;}
.type_list tbody td.tal .subject img{vertical-align:top}
.type_list tbody td.tal .subject a {color:#343F54; line-height:20px;}
.type_list tbody td.tal .subject a b {color:#343F54; font-size:15px; font-weight:bold; padding-top:7px;background-color:red;}
.type_list tbody td.nodata{text-align:center;}
.type_list tbody tr:hover td, .type_list tbody tr:hover th{background-color:#F7F8FC}
.tb_list tbody tr:hover td, .tb_list tbody tr:hover th{background-color:#F7F8FC}

.board_btn{margin-top:24px;}
.type_list + .page_bar{margin-top:48px;}
.type_read + .board_btn{margin-top:40px;}
.type_insert + .board_btn{margin-top:40px;}
.board_btn{display:flex;justify-content:space-between;}
.board_btn .pos_right{display:flex;gap:8px;}
.board_btn .button{display:block;width:76px;height:48px;line-height:46px;font-size:16px;font-weight:500;border:1px solid #2C96F2;box-sizing:border-box;text-align:center;border-radius:4px;color:#2C96F2;}
.board_btn .button.btn_point_color{background-color:#2C96F2;color:#fff;}
.board_btn .button.btn_del{background-color:#fff;border:1px solid #CBD4E7;color:#343F54;}
.board_btn + .page_bar{margin-top:48px;}

.category_tab{}
.category_tab_list{display:flex;gap:8px;}
.category_tab .category_tab_list a{display:block;padding:14px 20px;line-height:18px;font-size:16px;font-weight:500;color:#556481;border:1px solid #CBD4E7;border-radius:6px;}
.category_tab .category_tab_list li.on a{background-color:#44516A;color:#fff;border:1px solid #44516A;}
.type_read{border-top: 1px solid #222B3D;margin-top:48px;}
.type_read thead th{border-bottom: 1px solid #AEB8CE;padding:24px 0;text-align:left;}
.type_read thead th .subject_box .subject{color:#222B3D;font-size:16px;line-height:20px;white-space:nowrap;font-weight:600;}
.type_read thead th .subject_box .subject .course_nm{position:relative;display:block;padding-left:28px;color:#2c96f2;font-size:16px;font-weight:600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.type_read thead th .subject_box .subject .course_nm:after{content:'';position:absolute;left:0;top:0;display:block;width:20px;height:20px;background: url(/common/img/ico_class.png) no-repeat 50% 50%;}

.type_read thead th .subject_box .subject strong{display:block;color:#343f54;font-size:15px;font-weight:500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.type_read thead th .subject_box .subject .course_nm + strong{margin-top:12px;}




.type_read thead th .view_info{margin-top:20px;height:18px;font-weight:400;font-size:15px;color:#556481;}
.type_read thead th .pointArea{}
.type_read thead th .pointArea img{margin-top:4px;}
.type_read thead th .answer_0{display:inline-block;border:1px solid #8F9BB6;color:#8F9BB6;background-color:#fff;width:71px;height:27px;line-height:25px;box-sizing:border-box;text-align:center;font-weight:700;font-size:16px;border-radius:4px;}
.type_read thead th .answer_1{display:inline-block;border:1px solid #00B115;color:#00B115;width:71px;height:27px;line-height:25px;box-sizing:border-box;text-align:center;font-weight:700;font-size:16px;border-radius:4px;}
.type_read tbody td{border-bottom: 1px solid #AEB8CE;padding:24px 0;font-size:16px;font-weight:500;line-height:26px;color:#343F54;}
.type_read tbody td .file_box{border:1px solid #E3E7FC;border-radius:4px;display:flex;align-items: center;padding:12px 16px;gap:16px;}
.type_read tbody td .file_box .file_info{position:relative;padding:0 0 0 20px;line-height:18px;color:#637292;}
.type_read tbody td .file_box .file_info:before{content:'';position:absolute;left:0;top:0;display:block;width:16px;height:16px;background: url(/common/img/ico_file.png) no-repeat 50% 50%;}
.type_read tbody td .file_box .file_w{position:relative;display:flex;align-items: center;gap:8px;padding-left:16px;line-height:18px;}
.type_read tbody td .file_box .file_w:after{content:'';display:block;width:1px;height:18px;background-color:#CBD4E7;position:absolute;left:0;top:0;}
.type_read tbody td .file_box .file_w .file_con{display:flex;align-items: center;gap:4px;color:#343F54;}
.type_read thead td.view_info{text-align:right;padding-right:20px}
.type_read tbody td .read_text{padding:0;min-height:250px;line-height:26px;word-wrap: break-word;}
.type_read tbody td .read_text img{max-width:100%;}
.type_read tbody td .read_text hr{height:1px;background-color:#999999;border:1px;width:100%;position:static;visibility:visible;}
.type_read tbody td .webtv_player { padding:20px; }

/* 테이블 리스트  홀짝 색 */
.type_list tbody tr:nth-child(odd) td, .type_list tbody tr:nth-child(odd) th{background-color: #F7F8FC;}
.tb_list tbody tr:nth-child(odd) td, .tb_list tbody tr:nth-child(odd) th{background-color: #F7F8FC;}
/* 테이블 리스트 오버 */

/* 댓글 */
.comment_wrap{width:100%; color:#222B3D;margin-top:64px;}
.comment_wrap .comment_box {margin-top:23px;}
.comment_wrap .comment_title .title {font-weight:600; font-size:20px;color:#222B3D;}
.comment_wrap .comment_title .title em {color:#222B3D;}
.comment_wrap .comment_box .text_ip {position:relative;padding:24px 16px;background-color:#F2F4FC;display:flex;gap:16px;}
.comment_wrap .comment_box .text_ip .comment_write {width: calc(100% - 108px);}
.comment_wrap .comment_box .text_ip .comment_write textarea{width:100%;height:88px;border-radius:6px;resize:none;border:none;padding:8px;box-sizing:border-box;}
.comment_wrap .comment_box .text_ip .comment_submit {width:92px;height:88px;}
.comment_wrap .comment_box .text_ip .comment_submit button{width:92px;height:88px;border-radius:6px;background-color:#2C96F2;color:#fff;font-size:16px;font-weight:500;}
.comment_wrap .comment_box .com_list {border-top:1px solid #CBD4E7;margin-top:36px;}
.comment_wrap .comment_box .com_list li{padding:28px 0;border-bottom:1px solid #CBD4E7;}
.comment_wrap .comment_box .com_list li.no {text-align:center;}
.comment_wrap .comment_box .com_list li .tx_info {position:relative;}
.comment_wrap .comment_box .com_list li .tx_info .com_writer{display:flex;align-items:center;gap:15px;}
.comment_wrap .comment_box .com_list li .tx_info .com_writer p{font-size:18px;font-weight:600;color:#000;}
.comment_wrap .comment_box .com_list li .tx_info .com_writer .tx_reg_date{font-size:15px;font-weight:400;color:#556481;}
.comment_wrap .comment_box .com_list li .tx_info .com_writer .same_writer{display:block;width:54px;height:26px;border:1px solid #2C96F2;border-radius:13px;box-sizing:Border-box;line-height:24px;text-align:center;color:#2C96F2;font-weight:600;font-size:14px;}
.comment_wrap .comment_box .com_list li .tx_info .btn_del {position:absolute;right:0;top:0;width:28px; height:28px;text-indent:-9999em;overflow:hidden;background: url(/common/img/pop_close.png) no-repeat 50% 50%;}
.comment_wrap .comment_box .com_list li .tx_comment {font-size:16px;font-weight:400;color:#343F54;margin-top:20px;}
.comment_wrap .comment_box .comment_pagebar {margin-top:36px;}

.type_insert {margin-top:48px;border-top:1px solid #CBD4E7;}
.type_insert .write_box{}
.type_insert .write_box.row_box{display:flex;}
.type_insert .write_box.row_box .w_th{position:relative;display:flex;align-items:center;font-weight:500;font-size:16px;color:#222B3D;width:168px;justify-content: center;background-color:#F7F8FC;line-height:16px;padding:16px 0;border-bottom:1px solid #CBD4E7;box-sizing:border-box;}
.type_insert .write_box.row_box .w_td{margin-top:0;width:calc(100% - 168px);display:flex;align-items:center;padding:0 24px;box-sizing:border-box;border-bottom:1px solid #CBD4E7;gap:6px;flex-wrap: wrap;}
.type_insert .write_box.row_box .w_th + .w_td{border-left:1px solid #CBD4E7;padding:16px 24px;}
.type_insert .write_box.row_box .w_td .content{width:100%;}
.type_insert .write_box.row_box .w_td .file_add{width:100%;}
.type_insert .write_box .w_td input[type=text]{height:48px;line-height:46px;border:1px solid #CBD4E7;border-radius:4px;padding:0 16px;box-sizing:border-box;width: calc(100% - 70px);color:#556481;}
.type_insert .write_box .w_td input[type=date]{height:48px;line-height:46px;border:1px solid #CBD4E7;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;}
.type_insert .write_box .w_td input.ip_addr{width: calc(100% - 100px);}
.type_insert .write_box .w_td input.ip_tx{width:100%;}
.type_insert .write_box.row_box .w_td .button{width:94px;height:48px;line-height:46px;border:1px solid #CBD4E7;border-radius:4px;color:#556481;text-align:center;}
.type_insert .write_box .w_td textarea{height: min(300px, 500px);line-height:24px;border:1px solid #CBD4E7;border-radius:4px;padding:0 16px;box-sizing:border-box;width:100%;color:#556481;resize:none;}
.type_insert .write_box .w_td textarea + .tox-tinymce{height: min(300px, 500px);line-height:24px;border:1px solid #CBD4E7;border-radius:4px;padding:0;box-sizing:border-box;width:100%;color:#556481;resize:none;}
.type_insert .write_box .cb_box{display:flex;gap:20px;}
.type_insert .write_box .cb_box label{display:flex;gap:6px;}
.type_insert .write_box .line1{width:100%;display:flex;align-items: center;gap: 4px;}

.type_insert .write_box .line1.form_mail{gap:4px;align-items: center;}
.type_insert .write_box .line1.form_mail input[type=text]{width:100%;}
.type_insert .write_box .line1 #login_id{width:100%;}
.type_insert .write_box .line1 #user_nm{width:100%;}
.type_insert .write_box .line1 #email1{width:30%;}
.type_insert .write_box .line1 #mobile1{width:30%;}
.type_insert .write_box .line1 #mobile2{width:35%;}
.type_insert .write_box .line1 #mobile3{width:35%;}

.type_insert .write_box select{min-width:100px;height:48px;line-height:46px;border:1px solid #CBD4E7;border-radius:4px;padding:0 26px 0 16px;box-sizing:border-box;color:#556481;}
.type_insert .write_box .btn_input{width:108px;background-color:#637292;color:#fff;font-weight:500;font-size:14px;padding:0 16px;white-space:nowrap;border-radius:4px;height:46px;}
.type_insert + .form_agree{margin-top:48px;text-align:center;}
.type_insert + .form_agree label{position:relative;padding-left:24px;font-weight:500;font-size:16px;line-height:20px;color:#556481;}
.type_insert + .form_agree label:before{content:'';position:absolute;left:0;top:2px;display:block;width:16px;height:16px;background: url(/common/img/checkbox.png) no-repeat 50% 50%;}
.type_insert + .form_agree input{appearance: none;width:0;height:0;position: relative;left: 0;top: 0;}
.type_insert + .form_agree input:checked + label:before{background: url(/common/img/checkbox_on.png) no-repeat 50% 50%;}
.form_agree + .btn_board{margin-top:32px;display:flex;justify-content: center;}
.form_agree + .btn_board .button{display:block;width:191px;height:56px;box-sizing:border-box;line-height:54px;text-align:center;padding:0;border-radius:8px}
.form_agree + .btn_board .button.btn_point_color{background-color:#2C96F2;;border:1px solid #2C96F2;color:#fff;font-weight:600;font-size:16px;}

.tb_m_tt{font-weight:700;font-size:24px;margin-top:48px;margin-bottom:24px;color:#222B3D;}
.w_td .tb_m_tt{margin-left:-24px;}
.read_text{padding:20px;font-size:18px;color:#343F54;}
.content_body .agree_box{border:1px solid #CBD4E7;border-radius:10px;padding:24px;height:400px;overflow-y:auto;}
.content_body .agree_box .text_in .clause h3{font-weight: 700;font-size: 16px;line-height: 28px;color:#2C96F2;}
.content_body .agree_box .text_in .clause .depth1{font-weight:500;font-size: 16px;line-height: 28px;color:#44516A;}
.content_body .agree_box .text_in .clause .depth1 li{line-height:1.75;}

.answer_box{padding:0 20px;border:1px solid #8F9BB6;border-radius:8px;}
.answer_box.not{background-color:#F7F8FC}
.answer_box tbody tr:last-child td{border-bottom:none;}
.faq_wrap{border-top:1px solid #CBD4E7;margin-top:32px;}
.faq_wrap + .page_bar{margin-top:48px;}
.faq_wrap .nodata{border-bottom:1px solid #d1d1d1;text-align:center;width: 100%;line-height: 300px;text-align: center; font-size: 18px;font-weight: 700;}
.faq{border-bottom:1px solid #CBD4E7}
.faq dt a{position:relative;display:block;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:20px;overflow:hidden;padding:20px 30px 20px 65px;line-height:26px;}
.faq dt a:before{content:'Q';position:absolute;left:30px;top:19px;display:block;font-size:24px;line-height:26px;font-weight:700;color:#2C96F2}
.faq dt a:after{content:'';position:absolute;right:34px;top:50%;transform:translateY(-50%) rotate(0deg);display:block;width:24px;height:24px;background: url(/common/img/faq_arrow.png); transition: all .3s ease}
.faq.on dt a:after{transform:translateY(-50%) rotate(180deg);}
.faq dd{position:relative;display:none;padding:20px 30px 20px 65px;background-color:#F7F8FC;line-height:26px;font-weight:500;font-size:18px;color:#44516A;}
.faq dd:before{content:'A';position:absolute;left:30px;top:20px;display:block;font-size:24px;line-height:26px;font-weight:700;color:#2C96F2}

.sub_top{position:relative;height:240px;background-color:#2C96F2; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;display:flex;align-items:center;}
.sub_top .inner{text-align:left;width:1180px;}
.sub_top .content_title{font-weight:800;font-size:36px;color:#fff;margin-top:12px;}
.path{margin-top:20px;}
.path .path_list{display:flex;align-items:center;}
.path_list{background: url(/common/img/path_home.png) no-repeat 0 50%;padding-left:20px}
.path_list li{padding-left:20px;background: url(/common/img/path_arr.png) no-repeat 0 4px;margin-left:8px;font-size:16px;line-height:20px;height:20px;font-weight:600;color:#fff;}

.course_info .path_list{background: url(/common/img/path_home_bk.png) no-repeat 0 50%;}
.course_info .path_list li{background: url(/common/img/path_arr_bk.png) no-repeat 0 4px;color:#000;}

.pay_information{display:flex;gap:40px;padding-top:24px;}
.pay_information .pay_area{position:relative;width:780px;}
.pay_information .pay_area .pay_box{background-color:#fff;border-radius:8px;padding:24px;}
.pay_information .pay_area .pay_box + .pay_box{margin-top:16px;}
.pay_information .pay_area .pay_box.line1{display:flex;justify-content: space-between;}
.pay_information .pay_area .pay_box .pb_title{font-weight:700;font-size:20px;color:#222B3D;line-height:24px;}
.pay_information .pay_area .pay_box .pb_title2{font-weight:600;font-size:18px;color:#222B3D;line-height:21px;margin-top:32px;}
.pay_information .pay_area .pay_box .item_line{display:flex;justify-content: space-between;margin-top:20px;align-items: center;}
.pay_information .pay_area .pay_box .item_line + .item_line{margin-top:8px;}
.pay_information .pay_area .pay_box .item_tt{display:flex;align-items: center;gap:8px;width:480px;}
.pay_information .pay_area .pay_box .item_tt .item_label{display:block;width:48px;height:29px;border:1px solid #CBD4E7;font-size:14px;box-sizing:border-box;text-align:center;line-height:27px;border-radius:4px;}
.pay_information .pay_area .pay_box .item_tt .subject{font-weight:500;font-size:16px;color:#343F54;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
.pay_information .pay_area .pay_box .item_tt .item_qty{font-weight:500;font-size:16px;color:#637292;line-height:26px;white-space: nowrap;}
.pay_information .pay_area .pay_box .item_price{font-weight:700;font-size:16px;color:#343F54;line-height:26px;white-space:nowrap;}
.pay_information .pay_area .pay_box .tt_in{display:flex;align-items: center;gap:8px;}
.pay_information .pay_area .pay_box .tt_out{display:flex;align-items: center;gap:8px;justify-content: space-between;}
.pay_information .pay_area .pay_box .pb_tx{font-weight:500;font-size:16px;color:#44516A;}
.pay_information .pay_area .pay_box .pb_tx em{font-weight:700;font-size:16px;color:#2C96F2;}
.pay_information .pay_area .pay_box .btn_coupon{display:block;width:120px;height:40px;box-sizing:border-box;line-height:38px;text-align:center;padding:0;border-radius:4px;background-color:#2C96F2;font-weight:500;color:#fff;font-size:16px;}
.pay_information .pay_area .pay_box .pb_con{margin-top:20px;}
.pay_information .pay_area .pay_box .cb_box label{position:relative;padding-left:24px;font-weight:500;font-size:16px;line-height:20px;color:#556481;}
.pay_information .pay_area .pay_box .cb_box label:before{content:'';position:absolute;left:0;top:2px;display:block;width:16px;height:16px;background: url(/common/img/checkbox.png) no-repeat 50% 50%;}
.pay_information .pay_area .pay_box .cb_box input{appearance: none;width:0;height:0;position: absolute;left: 0;top: 0;}
.pay_information .pay_area .pay_box .cb_box input:checked + label:before{background: url(/common/img/checkbox_on.png) no-repeat 50% 50%;}
.pay_information .pay_area .pay_box .write_box + .write_box{margin-top:20px;}
.pay_information .pay_area .pay_box .write_box{display:flex;}
.pay_information .pay_area .pay_box .write_box .w_th{width:132px;font-weight:500;font-size:16px;color:#343F54;}
.pay_information .pay_area .pay_box .write_box .w_th label{font-weight:500;font-size:16px;color:#343F54;line-height:48px;}
.pay_information .pay_area .pay_box .write_box .w_th .req{color:#F22C2F;}
.pay_information .pay_area .pay_box .write_box .w_td{width: calc(100% - 132px);}
.pay_information .pay_area .pay_box .write_box .w_td .line_box{display:flex;gap:8px;}
.pay_information .pay_area .pay_box .write_box .w_td .line_box input[type=text]{width:100%;border:1px solid #EAEDFC;border-radius:4px;padding:12px 16px;line-height:46px;height:48px;box-sizing:border-box;}
.pay_information .pay_area .pay_box .write_box .w_td .line_box input[type=number]{border:1px solid #EAEDFC;border-radius:4px;padding:12px 16px;line-height:46px;height:48px;box-sizing:border-box;}
.pay_information .pay_area .pay_box .write_box .w_td .line_box input.post_number{width:155px;}
.pay_information .pay_area .pay_box .write_box .w_td .line_box .btn_post{width:108px;height:48px;border:1px solid #CBD4E7;border-radius:4px;font-weight:500;font-size:14px;color:#44516A;}
.pay_information .pay_area .pay_box .write_box .w_td .line_box + .line_box{margin-top:8px;}
.pay_information .pay_area .pay_box .pb_con textarea{width:100%;border:1px solid #EAEDFC;border-radius:4px;padding:12px 16px;box-sizing:border-box;height:120px;line-height:24px;resize:none;}
.pay_information .pay_area .pay_box .pb_con .pb_notice{font-weight:500;font-size:14px;color:#637292;line-height:26px;margin-top:8px;}
.pay_information .pay_area .pay_box .pb_box_list{display: flex;flex-wrap: wrap;margin-top:16px;}
.pay_information .pay_area .pay_box .pb_box_list li{position:relative;width:25%;border:1px solid #E3E7FC;box-sizing:border-box;}
.pay_information .pay_area .pay_box .pb_box_list li input{appearance: none;width:100%;height:100%;position: absolute;left: 0;top: 0;cursor:pointer}
.pay_information .pay_area .pay_box .pb_box_list li input + label{display:block;padding:20px 0;line-height:20px;font-weight:600;font-size:16px;color:#343F54;background-color:#fff;white-space:nowrap;text-align:center;}
.pay_information .pay_area .pay_box .pb_box_list li + li{border-left:none;}
.pay_information .pay_area .pay_box .pb_box_list li:nth-child(5){border-left:1px solid #E3E7FC;}
.pay_information .pay_area .pay_box .pb_box_list li:nth-child(n+5){border-top:none;}
.pay_information .pay_area .pay_box .pb_box_list li input:checked + label{background-color:#2C96F2;color:#fff;}
.pay_information .pay_area .pay_box .pb_box_list2{display: flex;flex-wrap: wrap;margin-top:16px;}
.pay_information .pay_area .pay_box .pb_box_list2 li{width:33.33%;border:1px solid #E3E7FC;box-sizing:border-box;overflow:hidden;}
.pay_information .pay_area .pay_box .pb_box_list2 li a{display:block;padding:20px 16px;line-height:20px;font-weight:600;font-size:16px;color:#343F54;background-color:#fff;}
.pay_information .pay_area .pay_box .pb_box_list2 li:first-child{border-radius:6px 0 0 6px;}
.pay_information .pay_area .pay_box .pb_box_list2 li:last-child{border-radius:0 6px 6px 0;}
.pay_information .pay_area .pay_box .pb_box_list2 li + li{border-left:none;}
.pay_information .cart_summary{width:360px;height:fit-content;background-color:#fff;border-radius:8px;box-shadow:2px 4px 16px rgba(96, 109, 134, 0.15);padding:24px;box-sizing:border-box;}
.pay_information .escrow{background-color:#fff;font-weight:bold;display:none;padding:16px 0;}
.pay_information #cash{}
.pay_information .r_box{padding:16px;border:1px solid #E3E7FC;border-radius:4px;background-color:#fff;}
.pay_information .pay_area .pb_box_list3{display: flex;flex-wrap: wrap;margin-top:16px;}
.pay_information .pay_area .pb_box_list3 li{position:relative;width:33.33%;border:1px solid #E3E7FC;box-sizing:border-box;}
.pay_information .pay_area .pb_box_list3 li + li{margin-left:-1px;}
.pay_information .pay_area .pb_box_list3 li input{appearance: none;width: 0;height: 0;position: absolute;left: 0;top: 0;}
.pay_information .pay_area .pb_box_list3 li input + label{position:relative;display:block;padding:20px 16px 20px 52px;line-height:20px;font-weight:600;font-size:16px;color:#343F54;background-color:#fff;}
.pay_information .pay_area .pb_box_list3 li input + label:after{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);display:block;width:20px;height:20px;background: url(/common/img/radio.png) no-repeat 50% 50%;}
.pay_information .pay_area .pb_box_list3 li input:checked + label:after{background: url(/common/img/radio_on.png) no-repeat 50% 50%;}
.pay_information .pay_area .line_box{margin-top:16px;}
.pay_information .pay_area .line_box input[type=text]{width:100%;border:1px solid #EAEDFC;border-radius:4px;padding:12px 16px;line-height:46px;height:48px;box-sizing:border-box;}
.pay_information .sum_box{border-top:1px solid #CBD4E7;margin-top:16px;padding-top:16px;}
.pay_information .sum_box .math1_line{text-align:right;}
.pay_information .sum_box .math1_line span{position:Relative;font-weight:500;font-size:16px;color:#556481;}
.pay_information .sum_box .math1_line span + span{margin-left:20px;}
.pay_information .sum_box .math1_line span.total_deli_price{padding-left:44px;}
.pay_information .sum_box .math1_line span.total_deli_price:after{content:'';display:block;width:20px;height:20px;background: url(/common/img/ico_plus.png) no-repeat 50% 50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.pay_information .sum_box .math1_line span.total_dc_price{padding-left:44px;}
.pay_information .sum_box .math1_line span.total_dc_price:after{content:'';display:block;width:20px;height:20px;background: url(/common/img/ico_minus.png) no-repeat 50% 50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.pay_information .sum_box .math1_line strong{font-weight:600;font-size:16px;color:#222B3D;}
.pay_information .sum_box .math2_line{text-align:right;margin-top:12px;}
.pay_information .sum_box .math2_line span{position:Relative;font-weight:500;font-size:16px;color:#556481;}
.pay_information .sum_box .math2_line strong{font-weight:600;font-size:20px;color:#222B3D;}
.pay_information .table_box{border-top:1px solid #000;margin-top:20px;}
.pay_information .table_box .tb_th{border-bottom:1px solid #CBD4E7;border-right:1px solid #CBD4E7;padding:16px 0;text-align:center;font-weight:500;font-size:16px;color:#222B3D;}
.pay_information .table_box .tb_td{border-bottom:1px solid #CBD4E7;padding:16px 24px;font-weight:500;font-size:16px;color:#44516A;}
.pay_information .info_data .pb_title{font-weight:700;font-size:20px;color:#222B3D;line-height:24px;}
.pay_information .info_data .tx_box{margin-top:24px;font-size:16px;line-height:24px;color:#556481;text-align:center;}
.pay_information .pay_box_full{background-color:#fff;padding:40px 0 32px 0;width:100%;}
.pay_information .pay_box_full .complete_tx{position:relative;font-weight:700;font-size:20px;line-height:1.5;padding-top:80px;color:#222B3D;text-align:center;}
.pay_information .pay_box_full .complete_tx:after{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);display:block;width:72px;height:72px;background: url(/common/img/ico_pay_cp.png) no-repeat 50% 50%;}
.pay_information .pay_box_full .table_box{max-width:880px;margin:20px auto 0;border-top:1px solid #CBD4E7;}
.pay_information .pay_box_full .table_box .tb_th{background-color:#F7F8FC;}
.pay_information .pay_box_full .table_box .tb_td{}
.pay_information .pay_box_full .button{display:block;width:200px;height:48px;border-radius:6px;font-size:16px;line-height:48px;margin:32px auto 0;text-align:center;}
.pay_information .pay_box_full .button.btn_point_color{background-color:#2C96F2;color:#fff;}

.content_body .greeting{position:Relative;padding:0 0 24px 0;} 
.content_body .greeting:before{content:'';position:absolute;right:0;top:50%;z-index:1;transform: translateY(-50%);display:block;width:400px;height:513px;background: url(/common/img/greeting.png) no-repeat 50% 50%;}
.content_body .greeting h5{position:relative;z-index:10;font-weight:700;font-size:24px;line-height:34px;color:#222B3D;margin-bottom:40px;padding-top:24px;}
.content_body .greeting h5:before{content:'';position:absolute;left:0;top:0;display:block;width:36px;height:1px;background-color:#2C96F2;}
.content_body .greeting h5 em{color:#2C96F2;}
.content_body .greeting p strong{font-weight:700;font-size:20px;line-height:28px;color:#343F54;}
.content_body .greeting p{position:relative;z-index:10;font-weight:500;font-size:16px;line-height:28px;color:#44516A;}
.content_body .sign{position:relative;z-index:10;font-weight:500;font-size:16px;line-height:28px;color:#44516A;}
.content_body .sign strong{font-weight:700;font-size:20px;line-height:28px;color:#343F54;padding-left:20px;}
.content_body .loca_wrap{display:flex;gap:20px;margin-top:64px}
.content_body .loca_tit{display:block;width:360px;font-weight:700;font-size:24px;line-height:34px;color:#222B3D;vertical-align:top;margin-top:24px;}
.content_body .loca_tit span{display:block;color:#2C96F2;}
.content_body .loca{display:block;width: calc(100% - 380px);}
.content_body .loca li{font-weight:500;font-size:16px;color:#44516A;}
.content_body .loca li + li{margin-top:16px;}
.content_body .loca li b{display:inline-block;padding-right:16px;font-weight:700;font-size:16px;color:#343F54;}
.tutor_list_wrap{}
.tutor_list_wrap .tutor_list{display:flex;flex-wrap: wrap;gap:20px;}
.tutor_list_wrap .tutor_list li{width: calc((100% - 80px) / 5);border-radius:8px;overflow:hidden}
.tutor_list_wrap .tutor_list li a{display:block;}
.tutor_list_wrap .tutor_list li .tutor_img{}
.tutor_list_wrap .tutor_list li .tutor_img img{width:100%;aspect-ratio:220/256;background-size:cover;background-color:#eaedfc;}
.tutor_list_wrap .tutor_list li .tutor_detail{padding-top:20px;}
.tutor_list_wrap .tutor_list li .tutor_introduce{font-weight:500;font-size:16px;color:#44516A;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
.tutor_list_wrap .tutor_list li .tutor_introduce *{font-weight:500;font-size:16px !important;color:#44516A !important;}
.tutor_list_wrap .tutor_list li .tutor_title{font-weight:700;font-size:24px;color:#343F54;}
.tutor_list_wrap  .tutor_top_list{display:flex;justify-content: center;gap:8px 12px;padding-bottom:48px;display:none;}
.tutor_list_wrap  .tutor_top_list li a{display:block;padding:13px 20px;border-radius:24px;border:1px solid #E3E7FC;color:#556481;font-weight:500;font-size:16px;line-height:20px;}
.tutor_list_wrap  .tutor_top_list li.on a{color:#2C96F2;border-color:#2C96F2;}
.tutor_list_wrap  .tutor_top_list li a:hover{color:#2C96F2;border-color:#2C96F2;}
.tutor_view_box{display:flex;gap:80px;}
.tutor_view_box .tutor_img_box{width:380px;}
.tutor_view_box .tutor_img_box img{aspect-ratio:380/442;width:100%;border-radius:8px;overflow:hidden;background-size:cover;background-color:#eaedfc;}
.tutor_view_box .tutor_tx_box{width: calc(100% - 380px - 80px);padding-top:20px;}
.tutor_view_box .tutor_tx_box strong{display:block;font-weight:700;font-size:36px;color:#222B3D;}
.tutor_view_box .tutor_tx_box .tutor_detail{margin-top:48px}
.tutor_view_box .tutor_tx_box .tutor_detail dl{display:flex;gap:16px;}
.tutor_view_box .tutor_tx_box .tutor_detail dl + dl{margin-top:16px;}
.tutor_view_box .tutor_tx_box .tutor_detail dl dt{display:block;font-weight:700;font-size:16px;line-height:28px;color:#343F54;width:80px;}
.tutor_view_box .tutor_tx_box .tutor_detail dl dd{display:block;font-weight:500;font-size:16px;line-height:28px;color:#44516A;width: calc(100% - 96px);}
.tutor_view_box + .cv{margin-top:80px;}
.cv .page_title{font-weight:700;font-size:36px;color:#222B3D;}
.cv .item_wrap .item{border:1px solid #E3E7FC;box-sizing:border-box;}
.cv .item_wrap .item .img_box{position:relative;}
.cv .item_wrap .item .item_cont{padding:20px 16px;}
.cv .item_wrap + .page_bar{margin-top:48px;}
.item .img_box .label_box{display:flex;gap:4px;position:absolute;left:10px;top:10px;z-index:50;max-width: calc(100% - 60px);flex-wrap: wrap;}
.book_item .book_box .label_box{display:flex;gap:4px;position:absolute;left:10px;top:10px;z-index:50;max-width: calc(100% - 60px);flex-wrap: wrap;}
.label_box .label{display:block;padding:5px 6px;line-height:14px;font-weight:500;font-size:14px;border-radius:4px;white-space:nowrap;}
.label_box .label.label_recome{color:#fff;background-color:#9C2CF2;}
.label_box .label.label_dc{color:#fff;background-color:#2C96F2;}
.label_box .label.label_onoff{color:#fff;background-color:#2C96F2;}
td .label{display:inline-block;padding:5px 6px;line-height:14px;font-weight:500;font-size:14px;border-radius:4px;white-space:nowrap;}
td .label.label_notice{color:#fff;background-color:#2C96F2;}


.item .img_box .wish_box{position:absolute;right:10px;top:10px;z-index:50;}
.wish_box .btn_heart{position:relative;display:block;width:24px;height:24px;text-indent:-9999em;background-color:transparent;}
.wish_box .btn_heart:after{content:'';position:absolute;left:0;top:0;display:block;width:24px;height:24px;background: url(/common/img/ico_heart.png) no-repeat 50% 50%;}
.wish_box .btn_heart.on:after{background: url(/common/img/ico_heart_on.png) no-repeat 50% 50%;}
.search_page{}
.search_page .search_title{}
.search_page .search_title .search_keyword{font-weight:500;font-size:24px;color:#222B3D;}
.search_page .search_title .search_keyword em{color:#2C96F2;}
.search_page .search_category{border:1px solid #E3E7FC;border-radius:8px;padding:22px 24px;margin-top:32px;}
.search_page .search_category ul{display:flex;align-items:center;gap:16px;}
.search_page .search_category li{}
.search_page .search_category li a{font-weight:500;font-size:16px;color:#343F54;}
.search_page .search_category li a em{color:#2C96F2;}
.search_section{}
.search_section .search_detail{position:relative;margin-top:40px;}
.search_section .search_detail .search_subject{font-weight:700;font-size:24px;color:#222B3D;}
.search_section .search_detail .btn_more{position: absolute;right:4px;top:8px;font-size:16px;font-weight:400;color:#556481;padding-right:30px}
.search_section .search_detail .btn_more:after {content: '';position:absolute;right:0;top:1px;display:block;width:22px;height:22px;background: #fff url(/common/img/ico_more.png) no-repeat 50% 50% / 100% auto;border-radius:50%;}
.search_section .mo_list_wrap{margin-top:24px;padding:0;}
.search_section .mo_list_wrap .mo_list{border-top:1px solid #222B3D;}
.search_section .mo_list_wrap .mo_list li{border-bottom:1px solid #CBD4E7;}
.search_section .mo_list_wrap .mo_list li a{display:block;padding:16px 0;}
.search_section .mo_list .subject_box{display:flex;gap:8px;align-items:center;margin-top:8px;}
.search_section .mo_list .subject_box .subject{font-weight:500;font-size:16px;line-height:26px;color:#343F54;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
.search_section .mo_list .subject_box .ic_count{font-weight:500;font-size:16px;line-height:26px;color:#2C96F2;}
.search_section .mo_list .post_info{display:flex;gap:8px;margin-top:24px;}
.search_section .mo_list .post_info span{font-weight:400;font-size:14px;line-height:18px;color:#637292}
.search_section .mo_list .post_info span + span{position:relative;padding-left:8px}
.search_section .mo_list .post_info span + span:after{content:'';display:block;width:1px;height:18px;background-color:#CBD4E7;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.search_page .search_no{display:flex;margin-top:40px;}

.plan_wrap {}
.plan_wrap .plan_box{border:1px solid #AEB8CE;display:flex;border-radius:8px;background-color:#fff;padding:16px 14px;margin-top:40px;}
.plan_wrap .calendar {position:relative;box-sizing:border-box; overflow:hidden; width:472px;padding:35px 40px 30px; text-align:center;height:460px;}
.plan_wrap .calendar h3 {font-size:28px; color:#343F54; font-weight:700; margin:0 0 20px;text-align:left;}
.plan_wrap .calendar .Arrow {width:9px; height:16px; display:block; position:absolute; top:47px;border:1px solid red;}
.plan_wrap .calendar .prevArrow {left:50%; margin-left:-95px; background:url('/theme/6/img/main/prevArrow_b.png')no-repeat center;}
.plan_wrap .calendar .nextArrow {right:50%; margin-right:-95px; background:url('/theme/6/img/main/nextArrow_b.png')no-repeat center;}
.plan_wrap .calendar table {width:100%;}
.plan_wrap .calendar table .red {color:#ee114f;}
.plan_wrap .calendar table .blue {color:#356ed5;}
.plan_wrap .calendar table .gray {color:#bbb;}
.plan_wrap .calendar th {width:14%; text-align:center; font-size:14px; font-weight:400; color:#222; line-height:1; padding:13px 0;}
.plan_wrap .calendar td {position:relative; font-family: 'Outfit', sans-serif; width:14%; font-size:14px; text-align:center; line-height:1; padding:14px 0; font-weight:400;height:23px;}
.plan_wrap .calendar td a {display:block; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.plan_wrap .calendar td i {display:block; width:6px; height:6px; border-radius:100%; position:absolute; top:8px; left:50%; margin-left:-3px;background-color:#0070D2;}

.plan_wrap .schedule {box-sizing:border-box; overflow-y:auto; width:calc(100% - 472px); height:460px; background-color:#fff;}
.plan_wrap .schedule .scd_box{box-sizing:border-box; border-bottom:1px solid #ddd;}
.plan_wrap .schedule .scd_box:last-child {border-bottom:0;}
.plan_wrap .schedule .scd_box a {position:relative; padding:24px 40px; display:flex;align-items: center;box-sizing:border-box; width:100%;gap:26px;}
.plan_wrap .schedule .scd_box .scd_dt{width:70px;text-align: center;}
.plan_wrap .schedule .scd_box .scd_dt span.date{font-size:15px;color:#637292;font-weight:500;line-height:20px;}
.plan_wrap .schedule .scd_box .scd_dt strong{display:block;font-weight:600;font-size:20px;color:#222B3D;}
.plan_wrap .schedule .scd_box .scd_dd {vertical-align:middle; width:calc(100% - 76px);box-sizing:border-box;}
.plan_wrap .schedule .scd_box .scd_dd .today {display:block; width:65px; height:20px; line-height:20px; border-radius:10px; text-align:center; color:#fff; font-size:13px; font-weight:500; font-style:normal; position:relative; top:-2px;background-color:#0070D2;}
.plan_wrap .schedule .scd_box .scd_dd span.date{font-size:16px;color:#637292;font-weight:500;}
.plan_wrap .schedule .scd_box .scd_dd .subject{display:block;font-weight:600;font-size:20px;color:#222B3D;line-height:1.4; word-break:break-word;}
.plan_wrap .schedule .schedule_nodata{display:flex;align-items: center;height: 100%;justify-content: center;font-size:18px;font-weight:600;color:#222B3D;}
.grayBox{background-color:rgba(44, 150, 242, 0.1);}


.main_outer .book_item,
.main_outer .video_item,
.main_outer .item{transition: transform .3s ease;transform:translateY(0);}
.main_outer .book_item:hover,
.main_outer .video_item:hover,
.main_outer .item:hover{transform:translateY(-10px);}
.main_outer .review_wrap .item:hover{transform:translateY(0);}

button.w_like{display:block;width:30px;height:30px;position:absolute;right:10px;top:10px;text-indent:-9999em;background-color:transparent;}
button.w_like:after{content:'';position:absolute;left:3px;top:3px;display:block;width:24px;height:24px;background: url(/common/img/ico_heart.png) no-repeat 50% 50% / 24px auto;}
button.w_like.on:after{background: url(/common/img/ico_heart_on.png) no-repeat 50% 50% / 24px auto;}


.course_review{margin-top:24px;}
.course_review .course_review_list{}
.course_review .course_review_list .review_item{border:1px solid #EAEDFC;border-radius:8px;padding:28px 24px;}
.course_review .course_review_list .review_item + .review_item{margin-top:16px;}
.course_review .course_review_list .review_item .creview_writer{font-size:16px;font-weight:700;color:#222B3D;}
.course_review .course_review_list .review_item .creview_writer .creview_reg_date{font-weight:500;font-size:16px;color:#8F9BB6;padding-left:8px;}
.course_review .course_review_list .review_item .creview_star{margin-top:12px;display:flex;align-items: center;gap:6px;}
.course_review .course_review_list .review_item .point_i{font-weight:500;color:#44516A;font-size:18px;line-height:22px;}
.course_review .course_review_list .review_item .creview_subject{margin-top:20px;font-size:16px;font-weight:700;;color:#343F54;}
.course_review .course_review_list .review_item .creview_item{font-size:16px;line-height:22px;color:#343F54;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display:-webkit-box;}
.course_review .course_review_list .review_item .creview_item.view{-webkit-line-clamp: unset;}
.course_review .course_review_list .review_item .re_more{display:block;font-weight:500;color:#637292;text-decoration:underline;margin-top:20px;}
.course_review .review_pagebar{margin-top:28px;}


.privacy h3{font-weight:700;font-size:15px;margin-top:20px;color:#222B3D;}
.privacy dl{padding-left:5px;margin-top:10px}
.privacy dt{font-weight:700;margin-top:5px}
.privacy dd{margin-top:2px;margin-left:10px}
.privacy p{margin-top:5px;margin-left:5px;float:none !important}
.privacy .depth2{padding-left:10px}
.privacy .depth2 > li{margin:2px 0}
.privacy .depth3{padding-left:10px}
.privacy .depth3 > li{margin:2px 0}
.privacy .tel_list{overflow:hidden}
.privacy .tel_list li{float:left;width:50%}

.clause h3{margin-top:20px;font-weight:bold;font-size:15px;color:#222B3D;}
.clause .depth1 li{line-height:150%}
.clause .depth1{margin-top:10px;padding-left:0;float:none}
.clause .depth2{padding-left:15px}
.clause .depth3{padding-left:24px}

.refund {list-style:none;}
.refund h3{margin-top:20px;font-weight:bold;font-size:15px;color:#222B3D;} 
.refund .depth1{margin-top:10px;padding-left:0;float:none}
.refund .depth1 li{line-height:20px; margin-bottom:5px;}
.refund .depth2{padding-left:15px;margin:5px 0;}
.refund .depth2 li{line-height:20px; margin-bottom:0;width:100%;}
.refund .depth3{padding-left:24px}
.refund .formula { display:flex;align-items: center;}
.refund .formula span { margin-right:5px; }
.refund .formula .rnum {line-height:40px; }
.refund .formula .rbox { padding:10px 20px; border:1px #dedede solid; background:#f7f7f7; margin:5px 0; font-weight:bold;overflow:hidden;box-sizing:border-box; }
.refund .formula .formula1 {line-height:40px; }
.refund .formula .formula2 {text-align:center;line-height:20px; padding:0 4px;}



@media all and (min-width:1024px) and (max-width:1279px) {
#wrap {min-width: 100%; }
#contet_area .content_wrap{width:100%;}

.inner {width: 100%;padding:0 30px;box-sizing: border-box;}
header .gnb_wrap #gnb > li {width: 100px;}
header .gnb_wrap #gnb > li > a {font-size: 18px;}
.item_wrap .item {width: calc((100% - 40px) / 3);}
.item_wrap.row5 .item {width: calc((100% - 60px) / 4);}
.main_title_wrap .main_title {font-size: 28px;}
header .top_box .inner{width: 100%;padding: 0 30px;	box-sizing: border-box;}
header .util_box .inner{width: 100%;padding: 0 30px;	box-sizing: border-box;}
.footer_top .inner,
.footer_bottom .inner{width: 100%;padding: 10px 30px;	box-sizing: border-box;}
.content_body {padding:0 30px;}
#map_canvas iframe{width:100%;}

.tutor_list_wrap{}
.tutor_list_wrap .tutor_list{display:flex;flex-wrap: wrap;gap:20px;}
.tutor_list_wrap .tutor_list li{width: calc((100% - 60px) / 4);border-radius:8px;overflow:hidden}
.tutor_view_box{gap:60px}
.tutor_view_box .tutor_tx_box{width:calc(100% - 380px - 60px)}

.content_body .course_infomation{gap:30px}
.content_body .course_infomation .course_info{}
.content_body .course_infomation .course_info .info_inbox{width:calc(100% - 360px - 30px);}
.content_body .course_infomation .info_text{width:360px}

.content_body .cart_infomation {gap:30px;}
.content_body .cart_infomation .cart_info{width:calc(100% - 360px - 30px);}
.type_webzine.type_cart .item_wrap{width:100%;}
.type_webzine .item_wrap .item{}
.type_webzine.type_cart .item_wrap .td3{display:none;}
.type_webzine.type_cart .item_wrap .item .item_cont{width:60%;}

.content_wrap .pay_information{gap:30px}
.content_wrap .pay_information .course_info{width:calc(100% - 360px - 30px);}
.content_wrap .course_infomation .info_text{width:360px}


.main_outer .inner_banner .swiper-slide{}
.main_outer .inner_banner .swiper-slide{position:relative;}
.main_outer .inner_banner .swiper-slide .banner_img_box{position:absolute;right:50px;top:0;z-index:10;width:45%;height:100%;margin-right:0;}
.main_outer .inner_banner .swiper-slide img{width:100%;height:100%;background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;}
.main_outer .inner_banner .swiper-slide p.banner_text{position:absolute;left:50px;top:50%;transform:translate(0,-50%);font-size: 30px;font-weight: 700;color: #000;margin-left:0;z-index:15;}
.main_outer .inner_banner .swiper-button-prev{display:block;width:40px;height:40px;background-color:#fff;border-radius:50%;left:0;margin-left: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .inner_banner .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
.main_outer .inner_banner .swiper-button-next{display:block;width:40px;height:40px;background-color:#fff;border-radius:50%;right:0;margin-right: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .inner_banner .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }
.main_wrap #contet_area{min-height: calc(100vh - 60px);}

}

@media all and (min-width:641px) and (max-width:1023px) {
	.pc_only{display:none !important;}
	.mo_only{display:block !important;}
	html.menu_open{overflow:hidden;}
	html.menu_open body{overflow:hidden;}
	#wrap{width:100%;min-width:100%;}
	.inner{width:100%;}
	header {position: sticky;left: 0;top: 0;z-index: 55; background-color: #fff;}
	header .top_box{padding:8px 0;}
	header .top_box .inner{padding:0 16px;}
	header .util_box{display:none;}
	header .top_box .mo_top{overflow:hidden;}
	header .top_box .mo_top .active_search{float:left;display:block;width:44px;height:44px;background-color:#fff;margin:0;}
	header .top_box .mo_top .util_toggle_btn{float:left;position:relative;display:block;width:44px;height:44px;background-color:#fff;margin-left:8px;}
	header .top_box .mo_top .util_toggle_btn span{display:block;width:24px;height:2px;border-radius:2px;background-color:#343F54;position:absolute;left:10px;top:22px;transition: all .3s ease}
	header .top_box .mo_top .util_toggle_btn span:first-child{position:absolute;left:10px;top:14px;}
	header .top_box .mo_top .util_toggle_btn span:last-child{position:absolute;left:10px;top:30px;}
	header .top_search_wrap{top:10px;}
	.menu_open header .top_box .mo_top .util_toggle_btn{}
	.menu_open header .top_box .mo_top .util_toggle_btn span{display:none;}
	.menu_open header .top_box .mo_top .util_toggle_btn span:first-child{display:block;position:absolute;left:10px;top:22px;transform:rotate(45deg);}
	.menu_open header .top_box .mo_top .util_toggle_btn span:last-child{display:block;position:absolute;left:10px;top:22px;transform:rotate(-45deg);}

	header .gnb_wrap{display:none;}
	header .top_box .btn_mypage{display:none;}
	.util_modal{display:none;position:fixed;left:0;top:60px;z-index:50;width:100%;height:100%;background-color:rgba(52, 63, 84, 0.5);}
	#gnb_mobile{display:block;width:280px;height:calc(100vh - 120px);background-color:#fff;position:fixed;right:-280px;top:60px;padding-bottom:60px;z-index:60;overflow-y:auto;border-top:1px solid #EAEDFC;transition: right .3s ease}
	.menu_open #gnb_mobile{display:block;right:0;transition: right .3s ease}
	#gnb_mobile .depth2{display:none;}
	#gnb_mobile .gnb_topbox{padding:24px 16px 32px 16px;background-color:#fff;}
	#gnb_mobile .gnb_topbox p{font-weight:500;font-size:16px;line-height:20px;color:#343F54;}
	#gnb_mobile .gnb_topbox .mo_util{display:flex;border:1px solid #E3E7FC;border-radius:6px;margin-top:20px;}
	#gnb_mobile .gnb_topbox .mo_util li{position:relative;width:100%;}
	#gnb_mobile .gnb_topbox .mo_util li + li:after{content:'';display:block;width:1px;height:20px;background-color:#E3E7FC;position:absolute;left:0;top:50%;transform:translateY(-50%);}
	#gnb_mobile .gnb_topbox .mo_util li a{display:block;line-height:42px;text-align:center;}
	#gnb_mobile .gnb_topbox .gnb_mypage{display:flex;align-items: center;justify-content: space-between;background-color:#2C96F2;height:56px;line-height:56px;color:#fff;border-radius:6px;margin-top:16px;padding:0 18px;box-sizing:border-box;}
	#gnb_mobile .gnb_topbox .gnb_mypage:after{content:'';display:block;width:33px;height:8px;background: url(/common/img/ico_mo_arrow.png) no-repeat 50% 50%;}
	#gnb_mobile .gnb_topbox .gnb_mypage span{position:relative;display:block;padding-left:14px;color:#fff;line-height:20px;font-weight:600;font-size:16px;}
	#gnb_mobile .gnb_topbox .gnb_mypage span:before{content:'';display:block;width:10px;height:13px;background: url(/common/img/ico_mo_user.png) no-repeat 50% 50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
	#gnb_mobile .depth1{background-color:#fff;border-top:1px solid #EAEDFC;}
	#gnb_mobile .depth1 > li > a{position:relative;display:block;font-weight:700;font-size:20px;line-height:24px;color:#222B3D;padding:20px 36px;}
	#gnb_mobile .depth1 > li > a:after{content:'';display:block;width:24px;height:24px;background: url(/common/img/gnb_toggle.png) no-repeat 50% 50%;position:absolute;right:36px;top:50%;transform:translateY(-50%) rotate(0);transition: all .3s ease}
	#gnb_mobile .depth1 > li > a.on:after{transform:translateY(-50%) rotate(-180deg);transition: all .3s ease}
	#gnb_mobile .depth1 > li{border-bottom:1px solid #EAEDFC;}
	#gnb_mobile .depth1 .depth2{background-color:#F7F8FC;}
	#gnb_mobile .depth1 .depth2 > li{border-top:1px solid #EAEDFC;}
	#gnb_mobile .depth1 .depth2 > li > a{display:block;font-weight:500;font-size:18px;line-height:22px;color:#44516A;padding:20px 36px;}
	#gnb_mobile .depth3{display:none;}
	
	.member_wrap .login_box h2{}
	.member_wrap .login_box h2 img{max-width: 250px;max-height: 44px;}


	footer .footer_top .inner{padding:24px 16px;}
	footer .footer_bottom .inner{padding:24px 16px;}

	.sub_top{background:none !important;display:block;height:auto;}
	.sub_top .inner{display:flex;flex-direction: column-reverse;padding:0;width:100%;box-sizing:border-box;}
	.sub_top .inner p{display:none;}
	.sub_top .inner .path{margin-top:0;padding:16px;}
	.sub_top .inner .path_list{display: flex;align-items: center;}
	.path_list {background: url(/common/img/path_home_bk.png) no-repeat 0 50%;padding-left: 12px}
	.path_list li {padding-left: 20px;background: url(/common/img/path_arr_bk.png) no-repeat 0 3px;margin-left: 8px;font-size: 16px;line-height: 18px;height: 18px;font-weight: 600;color: #000;white-space:nowrap;}
	.path_list li.path_depth2{white-space: normal;}
	.sub_top .inner .content_title{padding:24px 0 56px 16px;font-weight:700;font-size:32px;line-height:38px;color:#000;}
	.main_wrap .sub_box{width:100%;}
	.main_wrap .sub_area .lnb_list > * > a{padding:18px 16px;}
	.sub_area{}
	#contet_area .content_wrap{width:100%;padding:0 0 72px 0;margin:0;box-sizing:border-box;}
	.content_body.content_codebody{}
	.content_body .greeting{padding:0 16px;}
	.content_body .greeting:before{display:block;position:relative;width:100%;aspect-ratio:328/240;transform:translateY(0);margin-bottom:40px;background-size:100% auto;}
	.content_body .greeting h5{font-weight: 700;font-size: 20px;line-height: 28px;margin-bottom: 40px;}
	.content_body .greeting p {font-weight: 500;font-size: 16px;line-height: 26px;}
	.content_body .sign{padding-left:16px;}
	.content_body #map_canvas iframe{width:100%;aspect-ratio:328/233;}
	.content_body .loca_wrap{display:flex;flex-direction: column;}
	.content_body .loca_tit{display:block;width:100%;margin-top:40px;padding:0 16px;font-size: 20px;line-height: 28px;box-sizing:border-box;}
	.content_body .loca{display:block;width:100%;padding:0 16px;margin-top:24px;;box-sizing:border-box;}
	.content_body .loca li{position:relative;padding-left:90px;}
	.content_body .loca li b{position:absolute;left:0;top:0;}
	.content_body .tutor_list_wrap{padding:16px 16px 0;}
	.content_body .tutor_list_wrap .tutor_list{gap:40px 8px;}
	.content_body .tutor_list_wrap .tutor_list > li{width: calc((100% - 8px) / 2);}

	.main_content{padding:20px 16px;}
	.main_content .inner{display:flex;gap:20px 18px;justify-content: center;flex-wrap: wrap;}
	.main_content .inner a{display: block;width: calc((100% - 54px) / 4);text-align: center;}
	.main_outer{padding:20px 0;}
	.main_outer .inner{padding:0}
	.main_outer .inner .main_title_wrap{padding:0 16px;}
	.main_outer .inner .main_course_tab{padding:0 16px;}
	.main_outer .inner .item_wrap{padding:0 16px;}
	.main_outer .line_banner{padding:0 16px;}

	.main_course_tab li a{padding:10px 12px;font-size:16px;line-height:19px;white-space:nowrap;}
	.main_title_wrap .main_title{font-size:24px;line-height:24px;}
	.tutor_view_box{padding:16px 16px 0;flex-direction: column;gap:24px;}
	.tutor_view_box .tutor_img_box{width:100%;}
	.tutor_view_box .tutor_tx_box strong{font-size:24px;line-height:36px;}
	.tutor_view_box .tutor_tx_box .tutor_detail dl{width:100%;}
	.tutor_view_box .tutor_tx_box{width:100%;padding-top:0;}
	.tutor_view_box .tutor_tx_box .tutor_detail{margin-top:32px;}
	.tutor_view_box .tutor_tx_box .tutor_detail dl dt{width:70px;}
	.tutor_view_box .tutor_tx_box .tutor_detail dl dd{width: calc(100% - 70px);}
	.tutor_view_box + .cv{margin-top:40px;padding:0 16px;}
	.cv .page_title{font-size:24px;line-height:36px;}
	.item_wrap{margin-top:24px;gap:20px 8px;}
	.type_webzine .item_wrap{gap:40px;}
	.item_wrap .item {width: calc((100% - 8px) / 2);border-radius: 6px;}
	.main_course .item_wrap.swiper-wrapper{margin-top:24px;}
	.main_title_wrap + .review_slide{margin-top:24px;padding:0 16px;}
	.inner .review_slide + .btn_more{right:16px;top:0;}
	.content_wrap .tb_top{padding:24px 16px 0;}
	.content_wrap .list_top{width:100%;justify-content: space-between;}
	.content_wrap .tb_top .search_form{display:none;}
	.type_gallery{padding:0 16px;}
	.type_webzine{padding:0 16px;}
	.type_webzine .item_wrap .item{flex-wrap: wrap;flex-direction: column;border:none;padding:0;gap:16px;}
	.type_webzine .item_wrap .item .img_box{width:100%;}
	.type_webzine .item_wrap .item .item_cont{width: 100%;flex-direction: column;align-items: flex-start;}
	.type_webzine .item_wrap .item .item_price{text-align:left;margin-top:20px;}
	.type_webzine .item_wrap .item .item_cont .subtx{margin-top:20px;}
	.type_webzine .item_wrap .item .item_cont .item_info2 {width: 100%;flex-direction: column-reverse;padding-right: 0;align-items: flex-start}
	.type_webzine .item_wrap .item .item_cont .item_info2 .btn_list{display:flex;gap:8px;}
	.type_webzine .item_wrap .item .item_cont .item_info2 .item_btns{width:100%;}
	.type_webzine .item_wrap .item .item_cont .item_info2 .btn_list .button{width:100%;}
	.type_webzine .item_wrap .item .item_cont .item_info2 .btn_list .button + .button{margin:0;}
	.content_body .course_infomation{padding:16px;flex-wrap: wrap;}
	.content_body .course_infomation .course_info{width:100%;}
	.content_body .course_infomation .course_info .info_inbox{width:100%;}
	.content_body .course_infomation .course_info .info_inbox .info_text{position:relative;width:100%;padding:16px 0;box-shadow:unset;}
	.content_body .course_infomation .course_info .info_inbox .info_text .info_data{width:100%;padding:20px 16px;}
	.content_body .course_infomation .course_info .course_title{margin-top:24px;}
	.info_text{width:100%;}

	.info_text .info_data .info_btn{position:fixed;left:0;bottom:0;z-index:30;padding:10px 16px;box-sizing:Border-box;width:100%;background-color:#fff;display:flex;gap:8px;flex-direction: row-reverse;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
	.info_text .info_data .info_btn li{width: calc((100% - 8px) / 2);}
	.info_text .info_data .info_btn > li + li{margin:0;}
	.content_body .mo_list_wrap{margin-top:24px;padding:0 16px;}
	.content_body .mo_list_wrap .mo_list{border-top:1px solid #222B3D;}
	.content_body .mo_list_wrap .mo_list li{border-bottom:1px solid #CBD4E7;}
	.content_body .mo_list_wrap .mo_list li a{display:block;padding:16px 0;}

	.lable_line{display:flex;gap:8px;}
	.lable_line .label.notice {display:block;width:36px;height:24px;border:1px solid #2C96F2;border-radius:4px;box-sizing:Border-box;line-height:22px;text-align:center;color:#2C96F2;font-weight:700;font-size:14px;}
	.mo_list .subject_box{display:flex;gap:8px;align-items:center;margin-top:8px;}
	.mo_list .subject_box .subject{font-weight:500;font-size:16px;line-height:26px;color:#343F54;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
	.mo_list .subject_box .ic_file img{margin-top:3px;}
	.mo_list .subject_box .ic_count{font-weight:500;font-size:16px;line-height:26px;color:#2C96F2;}
	.mo_list .post_info{display:flex;gap:8px;margin-top:24px;}
	.mo_list .post_info span{font-weight:400;font-size:14px;line-height:18px;color:#637292}
	.mo_list .post_info span + span{position:relative;padding-left:8px}
	.mo_list .post_info span + span:after{content:'';display:block;width:1px;height:18px;background-color:#CBD4E7;position:absolute;left:0;top:50%;transform:translateY(-50%);}
	
	.review_list .mo_list .post_info{justify-content: flex-end;}
	.review_list .mo_list .post_info .pointArea{margin-right:auto;}


	.mo_list_wrap + .board_btn{margin-top:24px;padding:0 16px;}

	.content_body .faq_wrap_area{margin-top:24px;padding:0 16px;}
	.faq_wrap_area .faq dt a{padding:16px 48px 16px 60px;}
	.faq_wrap_area .faq dt a:before{top:15px;}
	.main_outer .inner.board_cs {display: flex;gap: 20px;flex-wrap: wrap;}
	.main_outer .inner.board_cs .main_title_wrap{padding:0;}
	.main_outer .inner.board_cs .main_title_wrap .main_title{line-height:38px;}
	.main_outer .inner.board_cs .board_in{width:100%;padding:0 16px;box-sizing:border-box;}
	.main_outer .inner.board_cs .cs_in{width:100%;padding:0 16px;box-sizing:border-box;}
	.main_outer .inner.board_cs .board_box{margin-top:24px}
	.inner.board_cs .btn_more{right:16px;}
	.main_outer .inner .board_box{padding:20px 16px;}
	.main_outer .inner.board_cs .cs_in .cs_box{margin-top:24px}
	.review_slide .review_wrap .item a{padding:24px 16px;}
	.review_wrap .item .list_writer{right:16px;top:24px;font-size:15px;}
	.review_wrap .item .list_subject{line-height:24px;height:48px;}
	.review_wrap .item .list_course_nm{margin-top:24px;}
	.review_wrap .item .list_content{margin-top:16px;font-size:14px;line-height:20px;height:40px}

	.member_wrap{padding:1px 0;justify-content: center;}
	.member_wrap .login_box{border:none;border-radius:0}
	.member_wrap .login_box h2{}
	.member_wrap .join_area .write_box .cb_box{flex-wrap: wrap;}
	.search_page{padding:24px 0;}
	.search_page .search_title{padding:0 16px;}
	.search_page .search_category{margin:24px 16px 0;}
	.search_page .search_detail{padding:0 16px;}
	.search_page .search_detail .btn_more{right:16px;}
	.read_wrap{padding:0 16px;}
	.board_qna_list{padding:0 16px;}
	.board_youtube_list{margin:0 16px;}
	
	.content_body .cart_infomation{display: flex;gap: 30px;flex-direction: column;}
	.content_body .cart_infomation .cart_info{width:100%}
	.type_webzine.type_cart .item_wrap{width:100%}
	.type_webzine.type_cart .item_wrap .item{flex-direction: row;;gap:20px;justify-content: space-between;}
	.type_webzine.type_cart .item_wrap .item .td3{display:none;}
	
	.pay_information{padding:24px 16px 0 16px;flex-direction: column;}
	.pay_information .pay_area{width:100%}

	.banner_lesson_box{position:relative;height:auto !important;padding:40px 0;}
	.banner_lesson_box .inner{flex-direction: column;justify-content: center;gap:20px;}
	.banner_lesson_box .inner .video_cont{position:relative;width:80%;text-align: center;}
	.banner_lesson_box .inner .video_cont img{width:100%;background-size: cover;}
	.banner_lesson_box .inner .video_cont a{display:block;}
	.banner_lesson_box .inner .video_cont a:after{content:'';display:block;width: 60px;height: 60px;background-size:cover;}
	.banner_lesson_box .inner .text_cont{padding-left:0;}
	.banner_lesson_box .inner .text_cont .main_title{font-size:24px;font-weight:700;color:#222B3D;line-height:1.25;text-align:left;}
	.banner_lesson_box .inner .text_cont .stxt{}
	.banner_lesson_box .inner .text_cont .btn_lesson{margin-top:20px;display:inline-block;min-width:120px;padding:0 30px;height: 46px;box-sizing: border-box;line-height: 44px;text-align: center;border-radius:4px;background-color: #2C96F2;border: 1px solid #2C96F2;color: #fff;font-weight: 700; font-size: 16px;}
	
	.plan_wrap{padding:0 16px;}
	.plan_wrap .plan_box{flex-direction: column;}
	.plan_wrap .calendar{padding:0;width:100%;height:auto;}
	.plan_wrap .schedule{padding:0;width:100%;}
	.plan_wrap .schedule .scd_box a{padding:16px 20px;}
	.inner .plan_wrap + .btn_more{right:16px;}
	.inner .main_slide_video + .btn_more{right:16px}
	.inner .main_slide_book + .btn_more{right:16px}
	.inner .main_tutor + .btn_more{right:16px}

	.main_outer .inner_banner .swiper-slide{}
	.main_outer .inner_banner .swiper-slide{position:relative;}
	.main_outer .inner_banner .swiper-slide .banner_img_box{position:absolute;right:0;bottom:0;z-index:10;width:100%;height:100%;margin-right:0;transform:unset;}
	.main_outer .inner_banner .swiper-slide img{width:100%;height:100%;background-repeat: no-repeat;background-size:cover;}
	.main_outer .inner_banner .swiper-slide p.banner_text{position:absolute;left:50%;top:10px;transform:translateX(-50%);font-size: 26px;font-weight: 700;color: #000;margin-left:0;z-index:15;text-align:center;}
	.main_outer .inner_banner .swiper-button-prev{display:block;width:40px;height:40px;background-color:#fff;border-radius:50%;left:0;margin-left: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
	.main_outer .inner_banner .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
	.main_outer .inner_banner .swiper-button-next{display:block;width:40px;height:40px;background-color:#fff;border-radius:50%;right:0;margin-right: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
	.main_outer .inner_banner .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }
	.main_outer.main_banner_bar .bar_banner .swiper-slide p.banner_text{font-size:40px;font-weight: 700;color: #fff;}
	.swiper_btns,
	.swiper-button-prev,
	.swiper-button-next{display:none !important;}
	
	.mo_list .subject_box .subject{max-width:100%;line-height:20px;color:#343F54;}
	.mo_list .subject_box .subject .course_nm{position:relative;display:block;padding-left:28px;color:#2c96f2;font-size:16px;font-weight:600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.mo_list .subject_box .subject .course_nm:after{content:'';position:absolute;left:0;top:0;display:block;width:20px;height:20px;background: url(/common/img/ico_class.png) no-repeat 50% 50%;}
	.mo_list .subject_box .subject strong{display:block;color:#343f54;font-size:15px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
	.mo_list .subject_box .subject .course_nm + strong{margin-top:12px;}
	
	.type_insert {padding:0 20px;border:none;}
	.type_insert .write_box.row_box {flex-direction: column;}
	.type_insert .write_box.row_box .w_th{width:100%;justify-content: flex-start;background-color:#fff;border:none;}
	.type_insert .write_box.row_box .w_td{width:100%;padding:0;border:none;}
	.type_insert .write_box.row_box .w_th + .w_td{border:none;}
	.tb_m_tt {margin-top: 32px;margin-bottom: 24px;padding-left:16px;}
	.w_td .tb_m_tt {margin-left:0;padding-left:0;}
	.content_body .agree_box{margin:0 16px;max-height:412px;}
	.board_btn{padding:0 16px;}
	
}

@media all and (max-width:640px) {
.page_box li div{width:30px;height:30px;line-height:30px;border-radius: 8px;}

.pc_only{display:none !important;}
.mo_only{display:block !important;}
html.menu_open{overflow:hidden;}
html.menu_open body{overflow:hidden;}
#wrap{width:100%;min-width:100%;}
.inner{width:100%;}
header {position: sticky;left: 0;top: 0;z-index: 55; background-color: #fff;border-bottom:1px solid #EAEDFC;}
header .top_box{padding:8px 0;}
header .top_box .inner{padding:0 16px;}
header .util_box{display:none;}
header .top_box .mo_top{overflow:hidden;}
header .top_box .mo_top .active_search{float:left;display:block;width:44px;height:44px;background-color:#fff;margin:0;}
header .top_box .mo_top .util_toggle_btn{float:left;position:relative;display:block;width:44px;height:44px;background-color:#fff;margin-left:8px;}
header .top_box .mo_top .util_toggle_btn span{display:block;width:24px;height:2px;border-radius:2px;background-color:#343F54;position:absolute;left:10px;top:22px;transition: all .3s ease}
header .top_box .mo_top .util_toggle_btn span:first-child{position:absolute;left:10px;top:14px;}
header .top_box .mo_top .util_toggle_btn span:last-child{position:absolute;left:10px;top:30px;}
.menu_open header .top_box .mo_top .util_toggle_btn{}
.menu_open header .top_box .mo_top .util_toggle_btn span{display:none;}
.menu_open header .top_box .mo_top .util_toggle_btn span:first-child{display:block;position:absolute;left:10px;top:22px;transform:rotate(45deg);}
.menu_open header .top_box .mo_top .util_toggle_btn span:last-child{display:block;position:absolute;left:10px;top:22px;transform:rotate(-45deg);}
header .top_search_wrap{top:10px;}
header .top_search{padding:16px;box-sizing:border-box;}
header .top_search .search_box{width:100%;}
header .top_search input.search_txt{width:100%;padding:8px 16px;}
header .top_search button.search_btn{right:16px;}
header .gnb_wrap{display:none;}
header .top_box .btn_mypage{display:none;}

.util_modal{display:none;position:fixed;left:0;top:60px;z-index:50;width:100%;height:100%;background-color:rgba(52, 63, 84, 0.5);}
#gnb_mobile{display:block;width:280px;height:calc(100vh - 120px);background-color:#fff;position:fixed;right:-280px;top:60px;padding-bottom:60px;z-index:60;overflow-y:auto;border-top:1px solid #EAEDFC;transition: right .3s ease}
.menu_open #gnb_mobile{display:block;right:0;transition: right .3s ease}
#gnb_mobile .depth2{display:none;}
#gnb_mobile .gnb_topbox{padding:24px 16px 32px 16px;background-color:#fff;}
#gnb_mobile .gnb_topbox p{font-weight:500;font-size:16px;line-height:20px;color:#343F54;}
#gnb_mobile .gnb_topbox .mo_util{display:flex;border:1px solid #E3E7FC;border-radius:6px;margin-top:20px;}
#gnb_mobile .gnb_topbox .mo_util li{position:relative;width:100%;}
#gnb_mobile .gnb_topbox .mo_util li + li:after{content:'';display:block;width:1px;height:20px;background-color:#E3E7FC;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#gnb_mobile .gnb_topbox .mo_util li a{display:block;line-height:42px;text-align:center;}
#gnb_mobile .gnb_topbox .gnb_mypage{display:flex;align-items: center;justify-content: space-between;background-color:#2C96F2;height:56px;line-height:56px;color:#fff;border-radius:6px;margin-top:16px;padding:0 18px;box-sizing:border-box;}
#gnb_mobile .gnb_topbox .gnb_mypage:after{content:'';display:block;width:33px;height:8px;background: url(/common/img/ico_mo_arrow.png) no-repeat 50% 50%;}
#gnb_mobile .gnb_topbox .gnb_mypage span{position:relative;display:block;padding-left:14px;color:#fff;line-height:20px;font-weight:600;font-size:16px;}
#gnb_mobile .gnb_topbox .gnb_mypage span:before{content:'';display:block;width:10px;height:13px;background: url(/common/img/ico_mo_user.png) no-repeat 50% 50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#gnb_mobile .depth1{background-color:#fff;border-top:1px solid #EAEDFC;}
#gnb_mobile .depth1 > li > a{position:relative;display:block;font-weight:700;font-size:20px;line-height:24px;color:#222B3D;padding:20px 36px;}
#gnb_mobile .depth1 > li > a:after{content:'';display:block;width:24px;height:24px;background: url(/common/img/gnb_toggle.png) no-repeat 50% 50%;position:absolute;right:36px;top:50%;transform:translateY(-50%) rotate(0);transition: all .3s ease}
#gnb_mobile .depth1 > li > a.on:after{transform:translateY(-50%) rotate(-180deg);transition: all .3s ease}
#gnb_mobile .depth1 > li{border-bottom:1px solid #EAEDFC;}
#gnb_mobile .depth1 .depth2{background-color:#F7F8FC;}
#gnb_mobile .depth1 .depth2 > li{border-top:1px solid #EAEDFC;}
#gnb_mobile .depth1 .depth2 > li > a{display:block;font-weight:500;font-size:18px;line-height:22px;color:#44516A;padding:20px 36px;}
#gnb_mobile .depth3{display:none;}


footer .footer_top .inner{padding:24px 16px;}
footer .footer_bottom .inner{padding:24px 16px;}

.sub_top{background:none !important;display:block;height:auto;}
.sub_top .inner{display:flex;flex-direction: column-reverse;padding:0;width:100%;box-sizing:border-box;}
.sub_top .inner p{display:none;}
.sub_top .inner .path{margin-top:0;padding:16px;}
.sub_top .inner .path_list{display: flex;align-items: center;}
.path_list {background: url(/common/img/path_home_bk.png) no-repeat 0 50%;padding-left: 12px}
.path_list li {padding-left: 20px;background: url(/common/img/path_arr_bk.png) no-repeat 0 3px;margin-left: 8px;font-size: 16px;line-height: 18px;height: 18px;font-weight: 600;color: #000;white-space:nowrap;}
.path_list li.path_depth2{white-space: normal;}
.sub_top .inner .content_title{padding:24px 0 56px 16px;font-weight:700;font-size:32px;line-height:38px;color:#000;}
.main_wrap .sub_box{width:100%;padding:0 20px;}
.main_wrap .sub_area .lnb_list > * > a{padding:16px 16px;font-weight:500;font-size:16px;}
.sub_area{}
#contet_area .content_wrap{width:100%;padding:0 0 72px 0;margin:0;box-sizing:border-box;}
.content_body.content_codebody{}
.content_body .greeting{padding:0 16px;}
.content_body .greeting:before{display:block;position:relative;width:100%;aspect-ratio:328/240;transform:translateY(0);margin-bottom:40px;background-size:100% auto;}
.content_body .greeting h5{font-weight: 700;font-size: 20px;line-height: 28px;margin-bottom: 40px;}
.content_body .greeting p {font-weight: 500;font-size: 16px;line-height: 26px;}
.content_body .sign{padding-left:16px;}
.content_body #map_canvas iframe{width:100%;aspect-ratio:328/233;}
.content_body .loca_wrap{display:flex;flex-direction: column;margin-top:40px;}
.content_body .loca_tit{display:block;width:100%;padding:0;font-size: 20px;line-height: 28px;box-sizing:border-box;}
.content_body .loca{display:block;width:100%;padding:0;box-sizing:border-box;}
.content_body .loca li{position:relative;padding-left:0px;padding-top:30px;}
.content_body .loca li b{position:absolute;left:0;top:0;}
.content_body .tutor_list_wrap{padding:0 16px;}
.content_body .tutor_list_wrap .tutor_list{gap:40px 8px;}
.content_body .tutor_list_wrap .tutor_list > li{width: calc((100% - 8px) / 2);}
.item_wrap .item.item_row a{gap:8px;}
.item_wrap .item .item_cont .list_subject{font-size:16px;line-height:22px;max-height:44px;}
	
.main_content{padding:20px 16px;}
.main_content .inner{display:flex;gap:8px;justify-content: center;}
.main_content .inner a{display: block;width: calc((100% - 40px) / 5);text-align: center;}
.main_content .inner a img{width:100%;}
.main_outer{padding:20px 0;}
.main_outer .inner{padding:0}
.main_outer .inner .main_title_wrap{padding:0;}
.main_outer .inner .main_course_tab{padding:0 16px;}
.main_outer .inner {padding-left:16px;padding-right:16px;}
.main_outer .line_banner{padding:0 16px;}

.main_course_tab li a{padding:10px 12px;font-size:16px;line-height:19px;white-space:nowrap;}
.main_title_wrap .main_title{font-size:24px;line-height:24px;}
.tutor_view_box{padding:16px 16px 0;flex-direction: column;gap:24px;}
.tutor_view_box .tutor_img_box{width:100%;}
.tutor_view_box .tutor_tx_box strong{font-size:24px;line-height:36px;}
.tutor_view_box .tutor_tx_box .tutor_detail dl{width:100%;}
.tutor_view_box .tutor_tx_box{width:100%;padding-top:0;}
.tutor_view_box .tutor_tx_box .tutor_detail{margin-top:32px;}
.tutor_view_box .tutor_tx_box .tutor_detail dl dt{width:70px;}
.tutor_view_box .tutor_tx_box .tutor_detail dl dd{width: calc(100% - 70px);}
.tutor_view_box + .cv{margin-top:40px;padding:0 16px;}
.cv .page_title{font-size:24px;line-height:36px;}
.item_wrap{margin-top:16px;gap:20px 8px;}
.main_outer .bc_banner{margin-top:24px;}
.main_slide_video .item_wrap.swiper-wrapper{margin-top:24px;}
.main_slide_book .item_wrap.swiper-wrapper{margin-top:24px;}
.main_tutor .item_wrap.swiper-wrapper{margin-top:24px;}
.type_webzine .item_wrap{gap:40px;}
.item_wrap .item {width: calc((100% - 8px) / 2);border-radius: 6px;}
.item_wrap.item_row_wrap .item{width: 100%;border-radius: 6px;}
.item_wrap.item_row_wrap{display:flex;gap:12px;}
.item_wrap .item.item_row a{gap:8px;}
.item_wrap .item.item_row .img_box{}
.item_wrap .item.item_row .img_box img{aspect-ratio:174/112;max-width:156px;}
.item_wrap .item.item_row .item_cont{width: calc(100% - 164px);}
.item_wrap .item .item_cont .list_price .price{font-size:18px;}

.course_detail .package_course_box .item_course{width:100%;}

.main_course .item_wrap.swiper-wrapper{margin-top:24px;}
.main_title_wrap + .review_slide{margin-top:24px;padding:0;}
.inner .review_slide + .btn_more{right:16px;top:0;}
.content_wrap .tb_top{padding:24px 16px 0;}
.content_wrap .list_top{width:100%;justify-content: space-between;flex-direction: row-reverse;padding:6px 0;}
.btn_sort {flex-direction: row-reverse;gap:16px;}
.btn_sort .btn_type_gallery{width:24px;height:24px;}
.btn_sort .btn_type_gallery:after{width:24px;height:24px;}
.btn_sort .btn_type_webzine{width:24px;height:24px;}
.btn_sort .btn_type_webzine:after{width:24px;height:24px;}

.content_wrap .tb_top .search_form{display:none;}
.content_wrap .tb_top .ip_select{display:none;}
.type_gallery{padding:0 16px;}
.type_gallery .item_wrap .item{border:none;}
.type_gallery .item_wrap .item .img_box img{border-radius:6px;}
.type_gallery .item_wrap .item .item_cont{padding:16px 0;}



.type_webzine{padding:0 16px;}
.type_webzine .item_wrap .item{flex-wrap: wrap;flex-direction: column;border:none;padding:0;gap:16px;}
.type_webzine .item_wrap .item .img_box{width:100%;}
.type_webzine .item_wrap .item .item_cont{width: 100%;flex-direction: column;align-items: flex-start;}
.type_webzine .item_wrap .item .item_price{text-align:left;margin-top:18px;}
.type_webzine .item_wrap .item .item_cont .list_price{margin-top:0;}

.type_webzine .item .item_price .ori_price{font-size:18px;}
.type_webzine .item_wrap .item .item_cont .list_price .price{font-size:20px;}
.type_webzine .item_wrap .item .item_cont .subtx{margin-top:20px;}
.type_webzine .item_wrap .item .item_cont .item_info{width:100%;}
.type_webzine .item_wrap .item .item_cont .item_info2 {width: 100%;flex-direction: column-reverse;padding-right: 0;align-items: flex-start}
.type_webzine .item_wrap .item .item_cont .item_info2 .btn_list{display:flex;gap:8px;}
.type_webzine .item_wrap .item .item_cont .item_info2 .item_btns{width:100%;margin-top:24px;}
.type_webzine .item_wrap .item .item_cont .item_info2 .btn_list .button{width:100%;}
.type_webzine .item_wrap .item .item_cont .item_info2 .btn_list .button + .button{margin:0;}

.content_body .course_infomation{padding:16px;flex-wrap: wrap;}
.content_body .course_infomation .course_info{width:100%;}
.content_body .course_infomation .course_info .course_title{margin-top:24px;}
.content_body .course_infomation .course_info .info_inbox{width:100%;}
.content_body .course_infomation .course_info .info_inbox .info_text{position:relative;width:100%;padding:16px 0;box-shadow:unset;}
.content_body .course_infomation .course_info .info_inbox .info_text .info_data{width:100%;padding:20px 16px;}
.content_body .course_infomation .course_info .course_title{margin-top:24px;}

.info_text{width:100%;}
.content_body .course_infomation .course_info .info_text{position:unset;height:auto;}
.info_text .info_data .info_btn{position:fixed;left:0;bottom:0;z-index:30;padding:10px 16px;box-sizing:Border-box;width:100%;background-color:#fff;display:flex;gap:8px;flex-direction: row-reverse;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.info_text .info_data .info_btn li{width:100%;}
.info_text .info_data .info_btn > li + li{margin:0;}
.content_body .mo_list_wrap{margin-top:24px;padding:0 16px;}
.content_body .mo_list_wrap .mo_list{border-top:1px solid #222B3D;}
.content_body .mo_list_wrap .mo_list li{border-bottom:1px solid #CBD4E7;}
.content_body .mo_list_wrap .mo_list li.nodata{text-align:center;padding:30px 0;}
.content_body .mo_list_wrap .mo_list li a{display:block;padding:16px 0;}

.lable_line{display:flex;gap:8px;}
.lable_line .label.notice {display:block;width:36px;height:24px;border:1px solid #2C96F2;border-radius:4px;box-sizing:Border-box;line-height:22px;text-align:center;color:#2C96F2;font-weight:700;font-size:14px;}
.mo_list .subject_box{display:flex;gap:8px;align-items:center;margin-top:8px;}
.mo_list .subject_box .subject{font-weight:500;font-size:16px;line-height:26px;color:#343F54;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
.mo_list .subject_box .ic_file img{margin-top:3px;}
.mo_list .subject_box .ic_count{font-weight:500;font-size:16px;line-height:26px;color:#2C96F2;}
.mo_list .post_info{display:flex;gap:8px;margin-top:24px;align-items: center;}
.mo_list .post_info span{font-weight:400;font-size:14px;line-height:18px;color:#637292}
.mo_list .post_info span + span{position:relative;padding-left:8px}
.mo_list .post_info span + span:after{content:'';display:block;width:1px;height:18px;background-color:#CBD4E7;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.review_list .mo_list .post_info{justify-content: flex-end;}
.review_list .mo_list .post_info .pointArea{margin-right:auto;}
.review_list .mo_list .post_info .pointArea  img{vertical-align:middle;}
.mo_list_wrap + .board_btn{margin-top:24px;padding:0 16px;}

.content_body .faq_wrap_area{margin-top:24px;padding:0 16px;}
.faq_wrap_area .faq dt a{padding:16px 48px 16px 32px;}
.main_outer .inner.board_cs {display: flex;gap: 20px;flex-wrap: wrap;}
.main_outer .inner.board_cs .main_title_wrap{padding:0;}
.main_outer .inner.board_cs .main_title_wrap .main_title{line-height:38px;}
.main_outer .inner.board_cs .board_in{width:100%;box-sizing:border-box;}
.main_outer .inner.board_cs .cs_in{width:100%;box-sizing:border-box;}
.main_outer .inner.board_cs .board_box{margin-top:24px}
.inner.board_cs .btn_more{right:16px;}
.main_outer .inner .board_box{padding:20px 16px;}
.main_outer .inner.board_cs .cs_in .cs_box{margin-top:24px}
.review_slide .review_wrap .item a{padding:24px 16px;}
.review_wrap .item .list_writer{right:16px;top:24px;font-size:15px;}
.review_wrap .item .list_subject{line-height:24px;height:48px;}
.review_wrap .item .list_course_nm{margin-top:24px;}
.review_wrap .item .list_content{margin-top:16px;font-size:14px;line-height:20px;height:40px}

.member_wrap{padding:1px 0;justify-content: center;}
.member_wrap .login_box{border:none;border-radius:0}
.member_wrap .login_box h2{}

.member_wrap .join_area .write_box .cb_box{flex-wrap: wrap;}
.search_page{padding:24px 0;}
.search_page .search_title{padding:0 16px;}
.search_page .search_category{margin:24px 16px 0;}
.search_page .search_detail{padding:0 16px;}
.search_page .search_detail .btn_more{right:16px;}

.content_body .cart_infomation{display: flex;gap: 20px;flex-direction: column;}
.content_body .cart_infomation .cart_info{width:100%}
.type_webzine.type_cart .item_wrap{width:100%}
.type_webzine.type_cart .item_wrap .item{flex-direction: row;flex-wrap: nowrap;;gap:10px;justify-content: space-between;}
.type_webzine.type_cart .item_wrap .item .item_cont{width:100%;}
.type_webzine.type_cart .item_wrap .item .td3{display:none;}

.pay_information{padding:24px 16px 0 16px;flex-direction: column;gap:16px;}
.pay_information .pay_area{width:100%}

.pay_information .pay_area .pay_box .item_line{flex-direction: column;align-items: flex-end;}
.pay_information .pay_area .pay_box .item_tt{width:100%;}
.pay_information .pay_area .pay_box .item_tt .subject{width:100%;}
.pay_information .pay_area .pay_box .item_price{}
.pay_information .pay_area .pay_box .item_tt .item_qty{}
.pay_information .pay_area .pay_box.line1 {display: flex;justify-content: space-between;flex-direction: column;gap:20px;}
.pay_information .pay_area .pay_box.line1 .coupon{display: flex;justify-content: flex-end;}

.pay_information .pay_area .pay_box .tt_out {display: flex;gap: 8px;flex-direction: column;align-items: flex-start;}

.pay_information .pay_area .pay_box .write_box {display: flex;flex-wrap: wrap;}
.pay_information .pay_area .pay_box .write_box .w_th{width:100%;}
.pay_information .pay_area .pay_box .write_box .w_td{width:100%;}
.pay_information .pay_area .pay_box .write_box .w_td .line_box{margin:0;}
.pay_information .pay_area .line_box{margin-top:8px;}
.pay_information .pay_area .pay_box .write_box .w_td .line_box input.post_number{width: calc(100% - 116px);}
.pay_information .pay_area .pay_box .write_box .w_td .line_box input[type=number]{width:100%;}
.pay_information .pay_area .pay_box .pb_box_list{}
.pay_information .pay_area .pay_box .pb_box_list li{width:50%;}
.pay_information .pay_area .pay_box .pb_box_list li + li{border:1px solid #E3E7FC;}
.pay_information .pay_area .pay_box .pb_box_list li:nth-child(2){border-left:none;}
.pay_information .pay_area .pay_box .pb_box_list li:nth-child(3){border-top:none;}
.pay_information .pay_area .pay_box .pb_box_list li:nth-child(4){border-top:none;border-left:none;}
.pay_information .pay_area .pay_box .pb_box_list2 {flex-wrap: nowrap;}
.pay_information .pay_area .pay_box .pb_box_list2 li{width:100%;}
.pay_information .pay_area .pb_box_list3 li{width:100%;}
.pay_information .pay_area .pb_box_list3 li + li{margin-left:0;margin-top:-1px;}

.banner_lesson_box{position:relative;height:auto !important;padding:40px 0;}
.banner_lesson_box .inner{flex-direction: column;justify-content: center;gap:20px;}
.banner_lesson_box .inner .video_cont{position:relative;width:80%;}
.banner_lesson_box .inner .video_cont img{width:100%;background-size: cover;}
.banner_lesson_box .inner .video_cont a{display:block;}
.banner_lesson_box .inner .video_cont a:after{content:'';display:block;width: 60px;height: 60px;background-size:cover;}
.banner_lesson_box .inner .text_cont{width: 80%;padding: 0;}
.banner_lesson_box .inner .text_cont .main_title{font-size:24px;font-weight:700;color:#222B3D;line-height:1.25;text-align:left;}
.banner_lesson_box .inner .text_cont .stxt{}
.banner_lesson_box .inner .text_cont .btn_lesson{margin-top:20px;display:inline-block;min-width:120px;padding:0 30px;height: 46px;box-sizing: border-box;line-height: 44px;text-align: center;border-radius:4px;background-color: #2C96F2;border: 1px solid #2C96F2;color: #fff;font-weight: 700; font-size: 16px;}
.plan_wrap .plan_box{flex-direction: column;margin-top:24px;}
.plan_wrap .calendar{padding:0;width:100%;height:auto;}
.plan_wrap .schedule{padding:0;width:100%;height:400px;}
.plan_wrap .schedule .scd_box a{padding:16px 10px;gap:16px;}
.inner .plan_wrap + .btn_more{right:16px;}
.inner .main_slide_video + .btn_more{right:16px}
.inner .main_slide_book + .btn_more{right:16px}
.inner .main_tutor + .btn_more{right:16px}

.main_outer .inner_banner .swiper-slide{}
.main_outer .inner_banner .swiper-slide{position:relative;}
.main_outer .inner_banner .swiper-slide .banner_img_box{position:absolute;right:50%;bottom:0;z-index:10;width:100%;height:100%;margin-right:0;transform:translateX(50%);}
.main_outer .inner_banner .swiper-slide img{width:100%;height:100%;background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;}

.main_outer .inner_banner .swiper-slide p.banner_text{position:absolute;left:50%;top:30px;transform:translateX(-50%);font-size: 26px;font-weight: 700;color: #000;margin-left:0;z-index:15;text-align:center;}
.main_outer .inner_banner .swiper-button-prev{display:block;width:40px;height:40px;background-color:#fff;border-radius:50%;left:0;margin-left: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .inner_banner .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_prev.png) no-repeat 50% 50% / 100% auto; }
.main_outer .inner_banner .swiper-button-next{display:block;width:40px;height:40px;background-color:#fff;border-radius:50%;right:0;margin-right: 0;box-shadow:0 1px 4px rgba(12, 12, 13, 0.1);}
.main_outer .inner_banner .swiper-button-next:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:10px;height:16px;background: url(/common/img/main_slide_next.png) no-repeat 50% 50% / 100% auto; }
.main_outer.main_banner_bar .bar_banner .swiper-slide p.banner_text{font-size:20px;font-weight: 700;color: #fff;}

.find_wrap .find_box .write_box .line1{flex-wrap: wrap;}
.find_wrap .find_box .write_box .line1 .btn_input{flex-grow: 1;}
/*  상세 상단 제거 */

.wrap_greeting .sub_area{display:none;}
.wrap_location .sub_area{display:none;}
.wrap_location #contet_area .content_wrap{padding:0 16px 72px 16px;}
.wrap_teacher .sub_area{display:none;}
.swiper-button-prev,
.swiper-button-next{display:none !important;}

.content_body.read_wrap{padding:0 16px;}

.mo_list .subject_box .subject{max-width:100%;line-height:20px;color:#343F54;}
.mo_list .subject_box .subject .course_nm{position:relative;display:block;padding-left:28px;color:#2c96f2;font-size:14px;font-weight:600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mo_list .subject_box .subject .course_nm:after{content:'';position:absolute;left:0;top:0;display:block;width:20px;height:20px;background: url(/common/img/ico_class.png) no-repeat 50% 50%;}
.mo_list .subject_box .subject strong{display:block;color:#343f54;font-size:16px;line-height:26px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
.mo_list .subject_box .subject strong img{vertical-align:middle;}
.mo_list .subject_box .subject .course_nm + strong{margin-top:12px;}

.type_read thead th{padding:16px 0;}
.type_read tbody td{padding:16px 0;}
.type_read thead th .subject_box .subject strong{display:block;color:#343f54;font-size:18px;line-height:28px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;white-space:normal;}
.type_read thead th .subject_box .subject .course_nm{font-size:16px;}
.type_read + .board_btn{margin-top:24px;}

.comment_wrap .comment_box .text_ip {position:relative;padding:0;background-color:#fff;display:flex;gap:8px;}
.comment_wrap .comment_box .text_ip .comment_write {width: calc(100% - 80px);}
.comment_wrap .comment_box .text_ip .comment_write textarea{width:100%;height:64px;border-radius:6px;resize:none;border:1px solid #CBD4E7;padding:8px;box-sizing:border-box;}
.comment_wrap .comment_box .text_ip .comment_submit {width:72px;height:64px;}
.comment_wrap .comment_box .text_ip .comment_submit button{width:72px;height:64px;border-radius:6px;background-color:#2C96F2;color:#fff;font-size:16px;font-weight:500;}

#email3{display:none;}
.main_wrap #contet_area{min-height: calc(100vh - 60px);}

.type_insert {padding:0 20px;border:none;}
.type_insert .write_box.row_box {flex-direction: column;}
.type_insert .write_box.row_box .w_th{width:100%;justify-content: flex-start;background-color:#fff;border:none;padding:16px 0 8px 0;line-height:20px;}
.type_insert .write_box.row_box .w_td{width:100%;padding:0;border:none;}
.type_insert .write_box.row_box .w_th + .w_td{border:none;padding:0}
.tb_m_tt {margin-top: 32px;margin-bottom: 16px;padding-left:16px;}
.w_td .tb_m_tt {margin-left:0;padding-left:0;}
.content_body .agree_box{margin:0 16px;max-height:412px;}
.board_btn{padding:0 16px;}
}