@charset "utf-8";
/* CSS Document */

.filter_wrap{}
.filter_wrap.st_sm{padding:1rem 0; box-sizing:border-box; background:#f1f1f1; z-index:100;}
.filter_wrap.st_sm .filter_title{}
.filter_wrap.st_sm .filter_title .xi{padding-right:.375em;}
.filter_wrap.st_sm .filter_title .tt{font-size:1.375em; font-weight:700;}

.filter_wrap.st_sm .filter_ctt_wrap{width:100%;}
.filter_wrap.st_sm .filter_ctt_wrap .goTopBtn{width:40px; height:40px; border:2px solid #ddd; border-radius:50%; box-sizing:border-box; background:#fff; display:flex; justify-content:center; align-items:center; transition:.2s; color:#333; margin-right:2rem;}
.filter_wrap.st_sm .filter_ctt_wrap .goTopBtn:hover{background:#ff473e; border-color:#ff473e; color:#fff;}
.filter_wrap.st_sm .filter_ctt_wrap .goTopBtn .xi{font-size:1.5em;}

.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap{margin-right:3rem;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_tit{color:#e9e9e9; font-size:1.125em; margin-right:1rem;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in{position:relative;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_cur{height:40px; border-radius:20px; background:#fff; min-width:160px; display:flex; justify-content:center; align-items:center; font-weight:bold; padding-right:10px; box-sizing:border-box; color:#222; cursor:pointer;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_cur:after{content:'\e941'; font-family:'xeicon'; font-weight:400; font-size:.9375em; color:#333; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_list_cv{position:absolute; width:100%; padding:.75rem .5rem; box-sizing:border-box; left:0; top:50px; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.1); border-radius:.5em; display:none; z-index:10;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_list_cv .filter_list{}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_list_cv .filter_list li{padding:.5em; box-sizing:border-box; border-bottom:1px solid #ddd; cursor:pointer; background:#fff; transition:.2s; font-size:.9375em;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_list_cv .filter_list li:hover{background:#f5f5f5;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_list_cv .filter_list li.filter_selected{background:#ff473e; color:#fff;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_list_wrap .filter_list_in .filter_list_cv .filter_list li:last-of-type{border-bottom:none;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_search_wrap{margin-left:auto;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_search_wrap input.filter_sm{outline:none; border:none; height:40px; padding:.25em 1.5em;/* padding-left:3em; */box-sizing:border-box; line-height:40px; border-radius:20px; position:relative;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_search_wrap input.filter_sm::placeholder{color:#999;}
/*.filter_wrap.st_sm .filter_ctt_wrap .filter_search_wrap input.filter_sm:before{content:'\e993'; font-family:'xeicon'; font-size:1.25em; color:#222; position:absolute; left:0; top:50%; transform:translateY(-50%);}*/
.filter_wrap.st_sm .filter_ctt_wrap .filter_search_wrap button.filter_sm{outline:none; border:none; width:40px; height:40px; border-radius:20px; display:flex; justify-content:center; align-items:center; background:#ff473e; color:#fff; margin-left:10px; transition:.3s;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_search_wrap button.filter_sm:hover{background:#f5827c;}

.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap{}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list{margin-right:1rem; padding-right:.25rem; position:relative;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list:after{content:''; display:block; width:3px; height:40px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li{}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li a{padding:0 .875em;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li:first-of-type a{padding-left:0;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li a .tt{position:relative; color:#111; transition:.3s;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li a .tt:after{content:''; display:block; width:0; height:3px; background:#ff473e; transition:.3s; position:absolute; left:50%; bottom:-8px; transform:translateX(-50%);}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li:hover a .tt{color:#ff473e;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li:hover a .tt:after{width:45%;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li.on a .tt{color:#ff473e; font-weight:bold;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .cate_list li.on a .tt:after{width:98%;}

.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list{margin-right:1rem; padding-right:1rem; position:relative;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li{}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li a{padding:0 .875em;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li:first-of-type a{padding-left:0;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li a .tt{position:relative; color:#111; transition:.3s;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li a .tt:after{content:''; display:block; width:0; height:3px; background:#ff473e; transition:.3s; position:absolute; left:50%; bottom:-8px; transform:translateX(-50%);}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li:hover a .tt{color:#ff473e;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li:hover a .tt:after{width:45%;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li.on a .tt{color:#ff473e; font-weight:bold;}
.filter_wrap.st_sm .filter_ctt_wrap .filter_menu_wrap .read_list li.on a .tt:after{width:98%;}

.column_box{padding-top:3rem; padding-bottom:3rem;}
.column_box .column_title{font-size:1.25em; margin-bottom:2rem;}
.column_box .column_title:not(:first-of-type){margin-top:5rem;}
.column_box .column_title .xi{font-size:1.25em; color:#ff473e;}
.column_box .column_title .tt{margin-left:4px;}
.column_box .column_recent_wrap{}
.column_box .column_recent_wrap .cr_big{width:410px; height:600px; cursor:pointer; transition:.3s; border:1px solid #ddd; box-sizing:border-box; position:relative;}
.column_box .column_recent_wrap .cr_big:hover{transform:translate(0,-8px);}
.column_box .column_recent_wrap .cr_big .img_wrap{height:360px; overflow:hidden;}
.column_box .column_recent_wrap .cr_big .img_wrap .img{height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:.5s;}
.column_box .column_recent_wrap .cr_big:hover .img_wrap .img{transform:scale(1.15);}
.column_box .column_recent_wrap .cr_big .info_wrap{background:#fafafa; padding:1em; box-sizing:border-box; height:calc(100% - 360px);}
.column_box .column_recent_wrap .cr_big .info_wrap .column_subject{font-size:1.375em; line-height:1.4; font-weight:bold; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:.75rem;}
.column_box .column_recent_wrap .cr_big .info_wrap .column_text{line-height:1.4; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-bottom:2.5rem;}
.column_box .column_recent_wrap .cr_big .info_wrap .column_category{margin-top:auto; display:inline-block; padding:.25em; box-sizing:border-box; background:#e5e5e5; border-radius:4px;}
.column_box .column_recent_wrap .cr_small{width:calc(100% - 440px);}
.column_box .column_recent_wrap .cr_small .cr_cv{flex:1 1 30%; margin-right:30px; margin-bottom:30px; border:1px solid #ddd; transition:.3s; cursor:pointer; box-sizing:border-box;}
.column_box .column_recent_wrap .cr_small .cr_cv:hover{transform:translate(0,-8px);}
.column_box .column_recent_wrap .cr_small .cr_cv:nth-of-type(3n){margin-right:0;}
.column_box .column_recent_wrap .cr_small .cr_cv:nth-last-of-type(-n+3){margin-bottom:0;}
.column_box .column_recent_wrap .cr_small .cr_cv .img_wrap{height:190px; overflow:hidden;}
.column_box .column_recent_wrap .cr_small .cr_cv .img_wrap .img{height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:.5s;}
.column_box .column_recent_wrap .cr_small .cr_cv:hover .img_wrap .img{transform:scale(1.15);}
.column_box .column_recent_wrap .cr_small .cr_cv .info_wrap{background:#fafafa; padding:.5em; box-sizing:border-box; height:calc(100% - 190px);}
.column_box .column_recent_wrap .cr_small .cr_cv .info_wrap .column_subject{font-size:.9375em; line-height:1.4; font-weight:bold; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:.6875rem;}
.column_box .column_recent_wrap .cr_small .cr_cv .info_wrap .column_category{font-size:.875em; display:inline-block; padding:.25em; box-sizing:border-box; background:#e5e5e5; border-radius:4px;}

.column_cate_wrap{}
.column_cate_wrap:not(:first-of-type){margin-bottom:3rem;}
.column_cate_wrap .column_cate_name_wrap{padding:1em 0; border-bottom:2px solid #ff473e; background:#fff; margin-bottom:30px; cursor:pointer;}
.column_cate_wrap .column_cate_name_wrap .column_cate_name{font-size:1.125em; font-weight:bold;}
.column_cate_wrap .column_cate_list{}
.column_cate_wrap .column_cate_list .cc_cv{flex:1 1 30%; position:relative;}
.column_cate_wrap .column_cate_list .cc_cv:not(:last-of-type){margin-right:30px;}
.column_cate_wrap .column_cate_list .cc_cv{flex:1 1 30%; margin-right:30px; margin-bottom:30px; border:1px solid #ddd; transition:.3s; cursor:pointer; box-sizing:border-box;}
.column_cate_wrap .column_cate_list .cc_cv:hover{transform:translate(0,-8px);}
.column_cate_wrap .column_cate_list .cc_cv:nth-of-type(3n){margin-right:0;}
.column_cate_wrap .column_cate_list .cc_cv:nth-last-of-type(-n+3){margin-bottom:0;}
.column_cate_wrap .column_cate_list .cc_cv .img_wrap{height:220px; overflow:hidden;}
.column_cate_wrap .column_cate_list .cc_cv .img_wrap .img{height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:.5s;}
.column_cate_wrap .column_cate_list .cc_cv:hover .img_wrap .img{transform:scale(1.15);}
.column_cate_wrap .column_cate_list .cc_cv .info_wrap{background:#fafafa; padding:.5em; box-sizing:border-box; height:calc(100% - 220px);}
.column_cate_wrap .column_cate_list .cc_cv .info_wrap .column_subject{font-size:.9375em; line-height:1.4; font-weight:bold; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:.5rem;}
.column_cate_wrap .column_cate_list .cc_cv .info_wrap .column_date{font-size:.875em; color:#555; margin-bottom:.5rem;}
.column_cate_wrap .column_cate_list .cc_cv .info_wrap .column_category{font-size:.875em; display:inline-block; padding:.25em; box-sizing:border-box; background:#e5e5e5; border-radius:4px;}
.column_cate_wrap .more_btn_wrap{margin-top:1.5rem;}
.column_cate_wrap .more_btn_wrap .more_btn{height:40px; width:120px; border-radius:20px; background:#ff473e; color:#fff; cursor:pointer; transition:.3s;}
.column_cate_wrap .more_btn_wrap .more_btn:hover{background:#f5827c;}
.column_cate_wrap .more_btn_wrap .more_btn .xi{margin-left:4px;}

.column_view_box{padding:2rem 0; box-sizing:border-box;}
.column_view_box .cv_wrap{position:relative;}
.column_view_box .cv_wrap > div:not(.cv_fixed){background:#fff; padding:1.5em; box-sizing:border-box; border:2px solid #f3f3f3; margin-bottom:.5rem;}
.column_view_box .cv_wrap > div:last-of-type{margin-bottom:0;}
.column_view_box .cv_wrap > div.cv_title_wrap{padding:0; height:600px;}
.column_view_box .cv_wrap > div.cv_title_wrap .img_wrap{height:100%;}
.column_view_box .cv_wrap > div.cv_title_wrap .img_wrap .img{height:100%;}
.column_view_box .cv_wrap > div.cv_title_wrap .img_wrap .img .text_wrap{height:100%; color:#fff; background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,0.5) 100%); padding:1.5em; box-sizing:border-box;}
.column_view_box .cv_wrap > div.cv_title_wrap .img_wrap .img .text_wrap .cv_title{font-size:1.5em; font-weight:bold; margin-bottom:1rem;}
.column_view_box .cv_wrap > div.cv_title_wrap .img_wrap .img .text_wrap .cv_etc{}
.column_view_box .cv_wrap > div.cv_title_wrap .img_wrap .img .text_wrap .cv_etc .cv_cate{margin-right:1em;}
.column_view_box .cv_wrap > div.cv_title_wrap .img_wrap .img .text_wrap .cv_etc .cv_date{}
.column_view_box .cv_wrap .cv_fixed{position:absolute; right:-225px; top:0; width:220px; background:#fff;}
.column_view_box .cv_wrap .cv_fixed .cv_menu{display:flex; flex-direction:column; padding:.5rem; box-sizing:border-box; border-top:2px solid #ff473e;}
.column_view_box .cv_wrap .cv_fixed .cv_menu .cv_m_tt{padding:.5em .75em; box-sizing:border-box; position:relative; cursor:pointer; transition:.2s;}
.column_view_box .cv_wrap .cv_fixed .cv_menu .cv_m_tt:hover{color:#ff473e;}
.column_view_box .cv_wrap .cv_fixed .cv_menu .cv_m_tt:not(:last-of-type){border-bottom:1px solid #ddd;}
.column_view_box .cv_wrap .cv_fixed .cv_menu .cv_m_tt.on{color:#ff473e;}
.column_view_box .cv_wrap .cv_fixed .cv_menu .cv_m_tt.on:before{content:''; display:block; width:6px; height:6px; border-radius:50%; background:#ff473e; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.text_detail_wrap .text_notice{font-weight:bold; margin-bottom:1rem; font-size:1.125em;}

.column_box .new_icon{position:absolute; left:10px; top:10px; z-index:10; display:inline-block; padding:.5em .875em; border:2px solid #ff473e; color:#ff473e; background:rgba(255,255,255,.4); box-sizing:border-box; font-size:.75em; font-weight:bold; text-align:center; border-radius:15px;}

.mypage_wrap{border:1px solid #e5e7eb; padding:2.5em 3em; border-radius:.375em; box-shadow:2px 2px .375em rgba(0,0,0,.05); width:40em; max-width:100%; margin:0 auto;}

.mem_form_inp > li:not(.inp_wrap) .inp .tit_sub:not(:first-of-type){margin-top:2.25em;}

.mypage_content_wrap .tutor_info_wrap{border:1px solid #e5e7eb; padding:.5em; box-sizing:border-box; border-radius:.375em;}
.mypage_content_wrap .tutor_info_wrap .thumb_wrap{width:50px; height:50px; border-radius:50%; overflow:hidden;}
.mypage_content_wrap .tutor_info_wrap .thumb_wrap .thumb{width:100; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.mypage_content_wrap .tutor_info_wrap .text_wrap{}
.mypage_content_wrap .tutor_info_wrap .text_wrap .tutor_name{}
.mypage_content_wrap .tutor_info_wrap .text_wrap .remainTime{min-width:140px;}
.mypage_content_wrap .tutor_info_wrap .text_wrap .remainTime strong{margin-left:auto; margin-right:4px;}