@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.b2b_h{display:none}




/****** basic style ******/

* {box-sizing: border-box;}

html,body{margin:0;padding:0;height:100%;}
body{font:14px/1.5 "Pretendard-Regular", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif; color:#666;overflow-y:scroll;}
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,menu,header,footer,section,article{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 "Pretendard-Regular", "돋움", 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;}
/* a:focus{outline:2px dashed #000;} */
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}

form { padding:0; margin:0;}

input[type=text], input[type=password], select {font:14px/1.5 "Pretendard-Regular", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;box-sizing:border-box;height:30px;line-height:30px;padding:2px 4px 3px;margin-top:-1px; background-color:#fff; border: 1px solid #ccc; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}


.page_box{ margin:0 auto; table-layout:auto !important}
.page_box li{vertical-align:top;display:inline-block;zoom:1;*display:inline;vertical-align:top}
.page_box li.page_margin{display:none}
.page_box li div{width:32px;height:32px;border:1px solid transparent;padding:0;margin:0 2px;line-height:32px;border-radius:16px;}
.page_box td{ padding:0; border-width:0; font-family:"Pretendard-Regular"; color:#adb5bd; 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%; width:32px; height:32px; border:none; }
.page_box .page_last_btn { background:url('/common/images_skin2/common/page_last_btn.png') no-repeat 50% 50%; width:32px; height:32px; border:none }
.page_box .page_prev_btn { background:url('/common/images_skin2/common/page_prev_btn.png') no-repeat 50% 50%; width:32px; height:32px; border:none}
.page_box .page_next_btn { background:url('/common/images_skin2/common/page_next_btn.png') no-repeat 50% 50%; width:32px; height:32px; border:none}
.page_box li div.page_seperator{display:none}
.page_box li .page_number_btn_on	{background-color:#ff6600; color:#fff; font-weight:700; width:32px; height:32px;border:none;line-height:32px }
.page_box li a:hover{text-decoration:none}
.page_box li .page_number_btn:hover{background-color:#ff6600;color:#fff;width:32px; height:32px;border:none;line-height:32px}



/* background-color:rgba(0,0,255,.5); */
.inner{width:1200px;padding:0 10px;margin:0 auto;}
header{border-bottom:1px solid #e9ecef;}
header .util_wrap{display:none;position:relative;z-index:5555;padding:24px 0;border-top:1px solid #e9ecef;box-shadow:0 3px 3px rgba(0,0,0,.1)}
.util_wrap .util_menu{height:auto;}
.util_wrap .util_menu ul{float:none;height:auto;}
.util_wrap .util_menu ul li{display:none;}
.util_wrap .util_menu ul li.top_search{display:block;float:none;margin-top:0;}
.util_wrap .util_menu li.top_search span.search_input{float:none;border:1px solid #e9ecef;border-radius:10px;width:267px;height:49px;}
.util_wrap .util_menu li.top_search input.search_txt{width:265px;height:47px;border-radius:10px;line-height:47px;font-size:14px;color:#868e96;padding-left:18px;background-color:#f8f9fa !important;border:none !important}
.util_wrap .util_menu li.top_search .search_btn{width:48px; height:48px; margin:0 0 0 7px; background: #ff6600 url(/html/images/new/ico_search.png) no-repeat 50% 50%; border:none; text-indent:-9999em; font-weight:bold;border-radius:10px;}


header .inner h1.logo {height:80px;line-height:80px;}
header .inner h1.logo img{width:auto;height:auto;max-width:250px;max-height:80px;vertical-align:middle;}
header .inner{display:flex;justify-content: space-between;align-items: center;}
header .inner .util_top{display:flex;align-items: center;}
header .inner .util_top li.af span{font-size:12px;color:#adb5bd;}
header .inner .util_top li.af strong{padding-left:5px}
header .inner .util_top li.af strong + span{font-size:14px;color:#333;}
header .inner .util_top li a{display:block;font-weight:300;line-height:30px;height:32px;border:1px solid #dee2e6;border-radius:16px;padding:0 16px;background-color:#fff;}
header .inner .util_top li + li{margin-left:5px;}
header .inner .util_top li.top_search{margin-left:13px;}
header .inner .util_top li.top_close{display:none;}
header .inner .util_top li .search_btn{display:block;width:34px;height:32px;border:1px solid #dee2e6;border-radius:7px;background: #fff url(/common/images_skin3/common/btn_search.png) no-repeat 50% 50%;text-indent:-9999em;}
header .inner .util_top li .closed_btn{display:none;width:34px;height:32px;border:1px solid #dee2e6;border-radius:7px;background: #fff url(/html/images/new/ico_x.png) no-repeat 50% 50%;text-indent:-9999em;}

.util_close_btn {background: url(/common/images_skin5/common/btn_utilclose.png) no-repeat center #444; width: 60px; height: 60px; background-size: 22px auto;}
.util_toggle_btn {display:none;padding:10px 0;width:40px; height:40px;position:absolute; cursor:pointer; z-index:120;left: 10px;top: 10px;}
.util_toggle_btn span {background: #414141; border-radius:3px; display: block; height: 3px; margin: 0 auto;}
.util_toggle_btn span:nth-child(1) {width: 24px;}
.util_toggle_btn span:nth-child(2) {width: 24px;margin-top: 5px;}
.util_toggle_btn span:nth-child(3) {width: 24px;margin-top: 5px;}
.inner .menu_wrap{}
.menu_wrap .gnb{display:flex;gap:20px;}
.menu_wrap .gnb > li{position:relative;width:220px;}
.menu_wrap .gnb > li > a{font-family:"Pretendard-Regular";display:block;line-height:56px;width:100%;font-weight:700;font-size:20px;transition:0.5s ease-out;}
.menu_wrap .gnb > li.on > a{color:#212529;font-weight:700;}
.menu_wrap .gnb > li > a:hover{color:#212529;font-weight:700;}
.menu_wrap .gnb .depth2 {display:none}
.menu_wrap .gnb .depth3 {display:none}
.menu_wrap .gnb .depth4 {display:none}
.menu_wrap .gnb > li:hover > ul.depth2 {display:block;position:absolute;top:55px;left:0;z-index:9999;width:100%;border:1px solid #ccc;background-color:white;padding:9px 0;border-radius:5px;}
.menu_wrap .gnb > li:hover > ul.depth2 > li {display:block;width:100%;}
.menu_wrap .gnb > li:hover > ul.depth2 > li a {display:block;font-size:16px;margin:0;line-height:40px;color:#777;}
.menu_wrap .gnb > li:hover > ul.depth2 > li a:hover{background-color:#f8f9fa;}
/*
.menu_wrap #gnb_side { width:140px;float:right;height:40px;margin-top:5px;display:inline-block;}
.menu_wrap #gnb_side li{float:left;width:140px;}
.menu_wrap #gnb_side li.my {background:none;}
.menu_wrap #gnb_side li a{display:block;background:#ffaa06 url('/common/images_skin2/common/icon_mypage.png') 18px 50% no-repeat;border-radius:20px;text-align:left;width:95px;font-size:15px;line-height:40px;color:#ffffff; padding-left:45px;}
.menu_wrap #gnb_side li a:hover{background:#fb7c00 url('/common/images_skin2/common/icon_mypage.png') 18px 50% no-repeat;}
*/
#container.main{padding-bottom:0;}
.main_visual {position:relative;overflow:hidden;}
.main_visual .swiper-slide{background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%;}
.main_visual .swiper-slide a{display:block;width:100%;height:100%;background-color:transparent;}
.main_visual .swiper-slide a img{width:100%;height:100%;}
.main_visual .swiper-button-next{right:50%;margin-right:-640px;color:#868e96;}
.main_visual .swiper-button-prev {left:50%;margin-left:-640px;color:#868e96;}

.main_visual .swiper_btns{position: absolute;left: 50%;bottom: 24px;z-index: 900;margin-left: 20px;}
.main_visual .swiper_btns .btn_swiper_start{display:block;overflow:hidden;width:24px;height:24px;background: url(/html/images/new/ico_start.png) no-repeat 50% 50%;text-indent:-9999em;border-radius:5px;}
.main_visual .swiper_btns .btn_swiper_stop{display:block;overflow:hidden;width:24px;height:24px;background: url(/html/images/new/ico_stop.png) no-repeat 50% 50%;text-indent:-9999em;border-radius:5px;}
.main_visual .swiper-pagination{position: absolute;width:auto;height:24px;padding:0 3px;border-radius:5px;background-color:rgba(0,0,0,.3);left: unset;right:50%;bottom: 24px;z-index:900;margin-right:-16px;font-size:0;}
.main_visual .swiper-pagination span{display:inline-block;font-size:14px;color:#fff;padding:0 8px;line-height:24px;}
.main_visual .swiper-pagination span + span{position:relative;}
.main_visual .swiper-pagination span + span:after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;display:block;background-color:rgba(255,255,255,.5);}
 
 
 
.horizontal_wrap .top_title{background-image:none;font-family:"Pretendard-Regular";text-align:left;font-size:36px;font-weight:700;line-height:1.5;height:auto;padding:0 10px;}
.horizontal_wrap .top_title span{color:#ff6600;}



.horizontal_wrap .horizontal_list {display:flex;flex-wrap: wrap;gap:10px;overflow:hidden;margin:0;padding: 10px;}
.horizontal_wrap .horizontal_list li{float:none;border:none;padding-bottom:13px;min-height:100px;width:380px;margin:0;background-color: #FFF;border-radius: 10px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);}
.horizontal_list span.img_box{border:1px solid #e0e1e4;position:relative;margin-bottom:5px;width:278px;aspect-ratio:15 / 11;height:auto;border-radius: 10px;overflow: hidden;}
.horizontal_list span.img_box > a > img{width:100%;aspect-ratio:15 / 11;height:auto;vertical-align: top;}
.horizontal_list span.list_subject a{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}


.sub_top{display:flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.sub_top h1 {position:relative; width:1180px;line-height:100px; display:block;font-family:"Pretendard-Regular", sans-serif;line-height:50px;margin:0px auto;text-align:left; z-index:10;color:#212529;font-size:36px;font-weight:700;text-indent:10px;}
.sub_top .overlay-top-header { position:absolute;display:none; top:0; left:0;width:100%;height:220px; background:rgba(0,0,0,0.5); z-index:1;}
.breadcrum{display:flex;width:1180px;margin:30px auto 0;}
.breadcrum .path_list{float:none;display:flex;align-items:center;background-color:#fff;padding:0 10px 0 22px;color:#212529;font-size:14px;height:32px;background-position:10px 50%;border-radius:8px;}
.breadcrum .path_list li{float:none;}

.main_popup{}
.main_popup .main_popup_contents img{max-width:100%;vertical-align:top;}

#container.ct_top .left_area .lnb_list li#lnb_enroll{display:none}
.course_gallery .ccont .cprice {text-align:center;font-size:16px;min-height:20px;line-height:24px;margin:10px 0;font-weight:400;padding:10px 0 0 0;border-top:0;white-space:normal;overflow:hidden;text-overflow:clip;display: none;}
.type_chart .list_li tr td.col_course_price div{display:none}
.course_infomation .sns_btn{overflow:hidden;padding-top:13px;display: none;}

.horizontal_wrap .horizontal_slide {position:relative;overflow:hidden;max-width:1980px;margin:0 auto;overflow:hidden;padding:10px 20px;}

.horizontal_wrap .horizontal_slide .swiper-slide{border:none;padding-bottom:0;min-height:100px;width:380px;margin:0;background-color: #FFF;border-radius: 10px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);opacity:0.5;border:1px solid #dee2e6;}
.horizontal_wrap .horizontal_slide .swiper-slide.swiper-slide-prev,
.horizontal_wrap .horizontal_slide .swiper-slide.swiper-slide-active,
.horizontal_wrap .horizontal_slide .swiper-slide.swiper-slide-next{opacity:1;}
.horizontal_wrap .horizontal_slide .nodata{padding:90px 0;min-height:50px;width:1198px;border:1px solid #e5e5e5;margin:0 10px;}
.horizontal_slide .swiper-button-next{right:50%;margin-right:-650px;color:#868e96;display:block;width:40px;height:40px;border:1px solid #f6f7fa;background-color:#fff;border-radius:20px;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.horizontal_slide .swiper-button-next:after{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:14px;margin-left:3px;color:#495057;}
.horizontal_slide .swiper-button-prev {left:50%;margin-left:-650px;color:#868e96;display:block;width:40px;height:40px;border:1px solid #f6f7fa;background-color:#fff;border-radius:20px;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.horizontal_slide .swiper-button-prev:after{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:14px;margin-right:3px;color:#495057;}


.horizontal_slide > span{display:block;text-align:center}
.horizontal_slide span.img_box{display:block;position:relative;margin-bottom:0;width:100%;box-sizing:border-box;aspect-ratio:15 / 11;/* height:182px; */border-radius: 10px 10px 0 0;overflow: hidden;}
.horizontal_slide span.img_box a{position:relative;display:block;}
.horizontal_slide span.img_box > a > img{width:100%;aspect-ratio:15 / 11;vertical-align: top;transform:scale(1);transition: all 0.3s ease-out;}
.horizontal_slide span.img_box > a:hover > img{transform:scale(1.2);}
.horizontal_slide .con_box{padding:22px;text-align:left;}
.horizontal_slide span.list_subject{display:block;font-weight:700;font-size:22px;color:#212529;line-height:26px;height:52px;box-sizing: content-box;}
.horizontal_slide span.list_subject a{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;width:100%;}

.horizontal_slide .cday{position:relative;float: none;margin-top: 10px;font-size: 16px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.horizontal_slide .cday:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_time.png) no-repeat 50% 50%;}
.horizontal_slide .date{position:relative;font-size: 16px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.horizontal_slide .date:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_cal.png) no-repeat 50% 50%;}
.horizontal_slide .target{position:relative;font-size: 16px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.horizontal_slide .target:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_target.png) no-repeat 50% 50%;}


.horizontal_slide span.list_blt {line-height:18px;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.horizontal_slide span.list_price {display:none;font-size:15px; color:#da0000;font-weight:bold;}
.main_outer .horizontal_wrap .more{position:absolute;right:50%;top:30px;margin-right:-580px;font-size:16px;font-weight:500;color:#212529;padding-right:20px}
.main_outer .horizontal_wrap .more:after{content:'';position:absolute;right:0;top:5px;display:block;width:7px;height:12px;background: url(/html/images/new/ico_arrow.png) no-repeat 0 0;}

.horizontal_slide .swiper-pagination{z-index:100;top: unset !important; bottom:0 !important;}
.horizontal_slide .swiper-pagination span{display:block;text-align:center;line-height:30px;font-weight:700;color:#fff;text-indent:-9999999px; width:30px; height:30px;margin:0 !imprtant;}
.horizontal_slide .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;display:inline-block;margin:0;background: url('/common/images_skin2/common/main_dot_off.png') no-repeat 0 0;margin:0 !important;}
.horizontal_slide .swiper-pagination .swiper-pagination-bullet-active{background: url('/common/images_skin2/common/main_dot_on.png') no-repeat 0 0}

.review_wrap{position:relative;}
.review_wrap .inbox{display:flex;width:1180px;overflow:hidden;margin:0 auto;text-align:left;}
.review_wrap .item{position:relative;border:1px solid #dee2e6;border-radius:20px 20px 20px 0;padding:35px 24px;background-color:#fff;width:280px;}
.review_wrap .item a{display:block;}
.review_wrap .item .point{display:block;}
.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:48px;font-size:16px;line-height:24px;color:#212529;font-weight:700;margin-top:10px;}
.review_wrap .item .list_course_nm{position:relative;display:block;font-size:14px;line-height:20px; color:#495057;font-weight:500;padding-left:25px;margin-top:5px;}
.review_wrap .item .list_course_nm:after{content:'';display:block;width:17px;height:14px;background: url(/html/images/new/ico_class.png) no-repeat 0 0;position:absolute;left:2px;top:3px;}
.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:40px;font-size:14px;line-height:20px;color:#868e96;font-weight:300;margin-top:10px;}
.review_wrap .item .list_writer{position:absolute;right:24px;top:35px;display:block;font-size:12px;line-height:18px; color:#adb5bd;font-weight:300;padding-left:14px;}
.review_wrap .item .list_writer:after{content:'';display:block;width:17px;height:14px;background: url(/html/images/new/ico_writer.png) no-repeat 0 0;position:absolute;left:2px;top:3px;}
.main_inner .btn_more{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:500;color:#212529;padding-right:20px}
.main_inner .btn_more:after{content:'';position:absolute;right:0;top:5px;display:block;width:7px;height:12px;background: url(/html/images/new/ico_arrow.png) no-repeat 0 0;}
.review_wrap .swiper-button-next{right:50%;margin-right:-650px;color:#868e96;display:block;width:40px;height:40px;border:1px solid #f6f7fa;background-color:#fff;border-radius:20px;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.review_wrap .swiper-button-next:after{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:14px;margin-left:3px;color:#495057;}
.review_wrap .swiper-button-prev {left:50%;margin-left:-650px;color:#868e96;display:block;width:40px;height:40px;border:1px solid #f6f7fa;background-color:#fff;border-radius:20px;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.review_wrap .swiper-button-prev:after{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:14px;margin-right:3px;color:#495057;}



.main_outer .inner{display:flex;gap:20px;}
.main_outer .section_box{width:380px;}
.main_outer .section_box .mboard_title{display:flex;align-items:center;gap:10px;}
.main_outer .section_box h3.top_title{font-size:36px;line-height:1.5;font-weight:700;color:#212529;}
.main_outer .section_box .btn_more{display:block;width:32px;height:32px;border-radius:16px;border:1px solid #ced4da;text-indent:-9999em;background: url(/html/images/new/ico_more.png) no-repeat 50% 50%;}
.main_outer .section_box .mboard_cont{border:1px solid #ced4da;border-radius:10px;padding:10px 24px;height:216px;margin-top:20px;}
.main_outer .section_box .mboard_cont li + li{border-top:1px solid #e9ecef;}
.main_outer .section_box .mboard_cont li{ }
.main_outer .section_box .mboard_cont li a{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#495057;font-weight:300;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;}
.main_outer .section_box .mboard_cont li a p{width: calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:38px;font-size:14px;color:#495057;font-weight:300;}
.main_outer .section_box .mboard_cont li .list_date{font-size:12px;font-weight:300;color:#adb5bd;}
.main_outer .section_box .mboard_cont li a span + p{width: calc(100% - 60px);}
.main_outer .section_box .mboard_cont .mainb_cs{position:relative;text-align:left;}
.main_outer .section_box .mboard_cont .mainb_cs:after{content:'';position:absolute;right:14px;bottom:2px;display:block;width:74px;height:55px;background: url(/html/images/new/ico_phone.png) no-repeat 0 0;}
.main_outer .section_box .mboard_cont .mainb_cs p{color:#868e96;}
.main_outer .section_box .mboard_cont .phone_no{font-weight:700;color:#ff6600;font-size:28px;line-height:1.5;}
.main_outer .section_box .mboard_cont .time{font-weight:700;font-size:16px;color:#495057;}


footer{background-color:#373940;}
footer .foot_menu{border-bottom:1px solid #495057;padding:13px 0;}
footer .foot_list{display:flex;margin-left:-10px;}
footer .foot_list li{position:relative;}
footer .foot_list li + li{padding-left:12px;}
footer .foot_list li + li:after{content:'';position:absolute;left:6px;top:8px;display:block;width:2px;height:14px;background-color:#7e848b;}

footer .foot_list li a{display:block;padding:5px 10px;font-size:14px;line-height:20px;font-weight:300;color:#868e96;}
footer .foot_list li a.footer_privacy_policy{color:#ff6600;}
footer .foot_desc{padding:35px 0;text-align:left;font-weight:300;color:#868e96;font-size:14px;}
footer .foot_desc a{font-weight:300;color:#868e96;font-size:14px;}
	

#container.ct_top .main_wrap #contet_area{min-height:350px;padding:30px 10px 80px;}
#container.ct_top .left_area .lnb_list{display:flex;justify-content: space-around;align-items: center;background-color:#f8f9fa;height:56px;width:100%;border-radius:10px;border:none}
#container.ct_top .left_area .lnb_list li{float:none;width: auto;min-width:auto;height:56px;border:none;border-radius: 0px;}
#container.ct_top .left_area .lnb_list li a{position:relative;color:#868e96;padding:0 15px;font-weight:700;height:56px;line-height:56px;background-color:transparent;}
#container.ct_top .left_area .lnb_list li.on{border:none;}
#container.ct_top .left_area .lnb_list li.on a{background-color:transparent;color:#ff6600;font-weight:700;}
#container.ct_top .left_area .lnb_list li.on a:hover{background-color:transparent;color:#ff6600;font-weight:700;}
#container.ct_top .left_area .lnb_list li a:hover{background-color:transparent;color:#ff6600;font-weight:700;}
#container.ct_top .left_area .lnb_list li a:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block;width:0;height:2px;background-color:#ff6600;transition: all 0.3s ease-out;}
#container.ct_top .left_area .lnb_list li.on a:after{width:100%;}
#container.ct_top .left_area .lnb_list li a:hover:after{width:100%;}

.login_box{border:none;padding:0;overflow: hidden;width:1000px;margin:0 auto;display:flex;gap:20px;}

.log_form{float: none;padding:0 40px 40px 40px;width: 480px;border:1px solid #dee2e6;box-sizing:border-box;border-radius:10px;}
.log_form .log_tt{font-size:24px;font-weight:700;color:#212529;margin:35px 0 30px 0;text-align:center;}
.log_form .log_in{float:none;width:100%;}
.log_form .log_in .ip_id{position:relative;height:48px;margin:0;}
.log_form .log_in .ip_id label{text-indent:-9999em;display:block;width:24px;height:24px;background: url(/html/images/new/ico_id.png) no-repeat 50% 50%;position:absolute;left:23px;top:50%;transform:translateY(-50%);padding:0;}
.log_form .log_in .ip_id input{width:100%;background-color:#f1f3f5;line-height:48px;height:48px;border:none;border-radius:8px;padding-left:50px;font-size:16px;color:#adb5bd;}

.log_form .log_in .ip_pass{position:relative;height:48px;margin:8px 0 0 0;}
.log_form .log_in .ip_pass label{text-indent:-9999em;display:block;width:24px;height:24px;background: url(/html/images/new/ico_pw.png) no-repeat 50% 50%;position:absolute;left:23px;top:50%;transform:translateY(-50%);padding:0;}
.log_form .log_in .ip_pass input{width:100%;background-color:#f1f3f5;line-height:48px;height:48px;border:none;border-radius:8px;padding-left:50px;font-size:16px;color:#adb5bd;}

.log_area .ip_submit{float:none;margin:0;}
.button.login {width:100%;padding:0;font-size:16px;font-weight:600;text-align:center;color:#fff;border-radius:8px;margin-top:24px;line-height:48px;}
.btn_home .button.login {width: auto;padding: 25px 30px;font-size: 16px;font-weight: 600;text-align: center;color: #fff;border-radius: 8px;margin-top: unset;line-height: unset;}

.log_find{float:none;width:480px;padding:0;}
.log_find dl{position:relative;border:1px solid #dee2e6;box-sizing:border-box;border-radius:10px;padding:40px 50px;}
.log_find dl:after{content:'';display:block;width:54px;height:62px;background: url(/html/images/new/bg_search.png) no-repeat 0 0;position:absolute;right:55px;top:50%;transform:translateY(-50%);}
.log_find dl + dl{margin-top:20px;}
.log_find dl + dl:after{background: url(/html/images/new/bg_join.png) no-repeat 0 0;position:absolute;}
.log_find dl dt{font-weight:700;color:#212529;font-size:20px;}
.log_find dl dd{margin:15px 0 0 0;}

.log_find dl dd a{position:relative;display:inline-block;padding-right:18px;color:#868e96;font-size:16px;font-weight:500;}
.log_find dl dd a:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;width:11px;height:10px;background: url(/html/images/new/ico_org_arrow.png) no-repeat 0 0}

.tb_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.tb_top .list_top{display:none;}
#container.ct_top .list_style{display:flex;gap:8px;}
#container.ct_top .list_style > a{display:block;width:45px;height:45px;border:1px solid #dee2e6;border-radius:5px;}
#container.ct_top .list_style > a.on{border:1px solid #868e96;}
#container.ct_top .list_style .btn_gallery{background: url(/html/images/new/list_style_gallery.png) no-repeat 50% 50%;text-indent:-9999em;}
#container.ct_top .list_style .btn_gallery.on{background: url(/html/images/new/list_style_gallery_on.png) no-repeat 50% 50%}
#container.ct_top .list_style .btn_webzine{background: url(/html/images/new/list_style_webzine.png) no-repeat 50% 50%;text-indent:-9999em;}
#container.ct_top .list_style .btn_webzine.on{background: url(/html/images/new/list_style_webzine_on.png) no-repeat 50% 50%;}
#container.ct_top .search_form{}
#container.ct_top .search_form div{position:relative;display:flex;gap:8px;}
#container.ct_top .search_form div span{position:relative;}
#container.ct_top .search_form select{height:45px;line-height:43px;border:1px solid #e9ecef;border-radius:5px;font-size:14px;color:#868e96;}
#container.ct_top .search_form input[type=text]{height:45px;line-height:43px;border:1px solid #e9ecef;border-radius:5px;font-size:14px;color:#868e96;width:264px;padding:0 50px 0 18px;}
#container.ct_top .search_form input[type=image]{position:absolute;right:10px;top:12px;}
.type_chart{border-top:none;}
.type_chart .list_li{padding:0;}
.type_chart .list_li.course_gallery{display:flex;flex-wrap: wrap;gap:20px;}
.type_chart .list_li span:not(.label){margin:0;}
.course_gallery li {float: none;width: 280px;margin: 0;border: 1px #dedede solid;border-radius: 10px;height: 364px;}
.course_gallery.v2 li {height: 260px;}
.course_gallery .cimg{border-bottom:none;border-radius:10px 10px 0 0;width:100%;height:160px;background-color:#adb5bd;}
.list_4 .course_gallery .cimg{height:157px}
.course_gallery .cimg a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.course_gallery .cimg img{width:100%;height:auto;transform:scale(1);transition: all 0.3s ease-out;}
.course_gallery .cimg a:hover img{transform:scale(1.2);}
.course_gallery .ccont{position:relative;padding:15px 15px 60px 15px;height: calc(100% - 160px);box-sizing: border-box;}
.course_gallery.v2 .ccont{padding:15px 15px 15px 15px;height: calc(100% - 160px);box-sizing: border-box;}
.course_gallery .ccont .ctitle a {font-family: "Pretendard-Regular";line-height: 24px;height: 48px;font-size: 18px;color: #212529;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
.course_gallery .ccont .cbtn{position:absolute;left:15px;right:15px;bottom:15px;display:flex;gap:10px;}
.course_gallery .ccont .cday{position:relative;float: none;margin-top: 10px;font-size: 14px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.course_gallery .ccont .cday:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_time.png) no-repeat 50% 50%;}
.course_gallery .ccont .date{position:relative;font-size: 14px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.course_gallery .ccont .date:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_cal.png) no-repeat 50% 50%;}
.course_gallery .ccont .target{position:relative;font-size: 14px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.course_gallery .ccont .target:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_target.png) no-repeat 50% 50%;}
.course_gallery li.nodata{width:100%;height:300px;text-align:center;line-height:300px;border:1px solid #dee2e6;}
.course_gallery .ccont .c_info{display:flex;justify-content: space-between;align-items: center;}


.course_vertical{}
.course_vertical + .page_bar{margin-top:32px;}
.course_vertical li{display:flex;align-items: center;border:1px solid #dee2e6;border-radius:10px;overflow:hidden;padding:10px;}
.course_vertical li + li{margin-top:20px;}
.course_vertical li .nodata{width:100%;height:300px;text-align:center;line-height:300px;}
.course_vertical li .course_img{width:280px;height:162px;border-radius:8px;background-color:#f8f9fa;}
.course_vertical li .course_img img{width:280px;height:162px;border-radius:8px;}
.course_vertical li .col_course_name{padding:0 20px;width: calc(100% - 490px);}
.course_vertical li .col_course_name .course_name a{font-family: "Pretendard-Regular";line-height: 24px;height: 48px;font-size: 18px;color: #212529;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden;}
.course_vertical li span.label{display:none;}
.course_vertical li .course_subtitle{display:none;}
.course_vertical li .course_tutor{display:none;}
.course_vertical li .col_course_price{display:none;}
.course_vertical li .course_period{position:relative;float: none;margin-top: 10px;font-size: 14px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.course_vertical li .course_period:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_time.png) no-repeat 50% 50%;}
.course_vertical li .date{position:relative;font-size: 14px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.course_vertical li .date:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_cal.png) no-repeat 50% 50%;}


.course_vertical li .target{position:relative;font-size: 14px;font-weight:300;color:#495057;text-align: left;height: 20px;line-height: 20px;padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:18px;}
.course_vertical li .target:after{content:'';position:absolute;left:2px;top:5px;display:block;width:10px;height:10px;background: url(/html/images/new/ico_target.png) no-repeat 50% 50%;}
.course_vertical li .col_course_button{width:230px;padding-right:70px;}
.course_vertical li .col_course_button a + a{margin-top:10px;}

.course_infomation .info_btn{display:flex;gap:10px;}
.course_infomation .info_btn li{float:none;width:50%;}

.info_btn .btn_cart,
.cbtn .btn_cart{display:block;width:100%;background-color:#fff;border:1px solid #ff6600;color:#ff6600;line-height:38px;text-align:center;margin:0;border-radius:8px;}
.info_btn .btn_submit,
.cbtn .btn_submit{display:block;width:100%;background-color:#ff6600;color:#fff;line-height:40px;text-align:center;margin:0;border-radius:8px;}
.info_btn .btn_wait,
.cbtn .btn_wait{display:block;width:100%;background-color:#fff3eb;color:#ff6600;line-height:40px;text-align:center;margin:0;border-radius:8px;}
.info_btn .btn_end,
.cbtn .btn_end{display:block;width:100%;background-color:#dee2e6;color:#868e96;line-height:40px;text-align:center;margin:0;border-radius:8px;}
.info_btn .btn_demo,
.cbtn .btn_demo{display:block;width:100%;background-color:#495057;color:#fff;line-height:40px;text-align:center;margin:0;border-radius:8px;}

.type_list tbody tr:nth-child(odd) td, .type_list tbody tr:nth-child(odd) th{background-color:transparent;}
.type_list thead th{border-bottom:1px solid #e9ecef;}
.type_list tbody td{font-size:16px;padding:20px 0;color:#868e96;}
.type_list tbody td.tal .subject a{font-size:16px;color:#212529;}
.type_list tbody td.tal .subject a em{color:#ff6600;}

.type_read thead td{padding:20px 0;background-color:#fff;color:#868e96;font-size:14px;border-bottom:1px solid #dee2e6;}
.type_read thead td .subject{padding-left:0;font-size:20px;font-weight:700;color:#212529;}
.type_read thead td .view_info{padding-left:0;text-align:left;font-weight:500;margin-top:10px;}
.type_read tbody td .read_text{padding:30px 0;}
.board_btn{display:flex;flex-direction: row;justify-content: space-between;margin-top:15px;gap:8px;}
.board_btn > div{display:flex;gap:8px;}
.board_btn .board_button{display:block;min-width:65px;height:37px;text-align:center;line-height:35px;color:#ff6600;font-size:16px;font-weight:700;border-radius:6px;border:1px solid #ff6600;box-sizing:border-box;padding:0 15px;}
.board_button.board_line{background-color:#fff;color:#495057;border:1px solid #dee2e6;}
.board_button.board_org{background-color:#ff6600;color:#fff;font-weight:600;}
.board_button.board_bk{background-color:#495057;color:#fff;font-weight:600;border:1px solid #495057;}

.comment_wrap .comment_title{margin:30px 0 10px 0}
.comment_wrap .comment_title .title{font-size:16px;font-weight:700;color:#212529;}
.comment_wrap .comment_title .title em{color:#ff6600;}
.comment_wrap .comment_box .text_ip{background-color:#f8f9fa;border:none;padding:20px 30px;display:flex;align-items: center;gap:15px;}
.comment_wrap .comment_box .text_ip .comment_write{margin-right:0;width: calc(100% - 100px);}
.comment_wrap .comment_box .text_ip .comment_write  textarea{height:88px;padding:10px;box-sizing:border-box;resize:none;vertical-align:top;border-radius:5px;border:1px solid #e9ecef;}
.comment_wrap .comment_box .text_ip .comment_submit{position:unset;margin:0;width:100px;}
.comment_wrap .comment_box .text_ip .comment_submit input{width:100px;height:88px;border:none;background-color:#ff6600;color:#fff;cursor:pointer;border-radius:5px;font-size:20px;font-weight:600;}
.comment_wrap .comment_box .com_list{border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;}
.comment_wrap .comment_box .com_list li{padding:20px 0;}
.comment_wrap .comment_box .com_list li .tx_info .com_writer{font-size:14px;color:#212529;font-weight:700;}
.comment_wrap .comment_box .com_list li .tx_info .com_writer .tx_reg_date{color:#868e96;font-weight:500;}
.comment_wrap .comment_box .com_list li .tx_comment{font-weight:500;font-size:16px;color:#212529;}
.comment_wrap .comment_box .com_list li .tx_info .com_modify .btn_del{width:20px;height:20px;border-radius:4px;color:#fff;background-color:#adb5bd;border:none;line-height:20px;text-align:center;font-size:11px;}

.read_page{border-top:1px solid #868e96;border-bottom:1px solid #868e96;}
.read_page td.first{border-bottom:1px solid #dee2e6;}
.read_page td.pb_th{height:53px;color:#212529;font-size:16px;font-weight:700;}
.read_page td.pb_day{font-size:14px;color:#868e96;}

.course_infomation{display:flex;gap:34px;background-color:#f8f9fa;border-radius:20px;border:1px solid #e9ecef;padding:23px;}
#container.ct_top .course_infomation .info_img{width:518px;height:300px;border-radius:16px;margin:0;overflow:hidden;}
#container.ct_top .course_infomation .info_img img{width:100%;height:auto;aspect-ratio:518/300;margin:0;border:none;}
#container.ct_top .course_infomation .info_text{width:582px}


.type_table.type_inner{border-top:none;}
.type_table.type_inner tbody th{background-color:transparent;border-bottom:1px solid #e9ecef;font-size:16px;font-weight:700;color:#868e96;}
.type_table.type_inner tbody td{height:46px;border-bottom:1px solid #e9ecef;font-size:16px;font-weight:700;color:#212529;}


.tab_cview{display:flex !important;justify-content: space-around;align-items: center;background-color:#f8f9fa;height:56px;width:100%;border-radius:10px;border:none;margin-bottom:20px;}
.tab_cview li{float:none;width: auto;min-width:auto;height:56px;border:none;}
.tab_cview li a{position:relative;color:#868e96;padding:0 15px;font-weight:700;height:56px;line-height:56px;background-color:transparent;border:none;}
.tab_cview li a:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block;width:0;height:2px;background-color:#ff6600;transition: all 0.3s ease-out;}


.tab_cview li.on a{background-color:transparent;color:#ff6600;font-weight:700;border:none;z-index:5;position:unset;}
.tab_cview li.on a:after{width:100%;}
.tab_cview li.on a:hover{background-color:transparent;color:#ff6600}
.tab_cview li a:hover{background-color:transparent;color:#ff6600;}
.tab_cview li a:hover:after{width:100%;}

.tb_box table thead th{height:46px;font-size:16px;font-weight:700;color:#212529;}
.tb_box table tbody th{height:46px;font-size:16px;font-weight:400;color:#495057;background-color:#f8f9fa;}
.tb_box table tbody td{font-size:16px;font-weight:400;color:#212529;}

.tab_tt {display:flex;gap:10px 8px;flex-wrap: wrap;justify-content: center;margin-bottom:20px;border:none;width:100%;padding:0;}
.tab_tt li {box-sizing:border-box;float:none;position:relative;width:auto;height:37px;border:1px solid #d2d3d7;margin:0;border-radius:18px;overflow:hidden;}
.tab_tt li.on {border-color:#ff6600;}
.tab_tt li a{display:block;background-color:#fff;line-height:35px;text-align:center;color:#d2d3d7;font-size:16px;z-index:4;padding:0 18px;font-weight:700;}
.tab_tt li.on a{background-color:#ff6600;color:#fff;border:1px solid #ff6600; font-weight:700;z-index:5;position:unset;height:35px}

.search_title{font-size:24px;font-weight:700;border:none;}
.search_title .search_keyword{font-size:24px;margin-right:0;}
.search_title em{color:#ff6600;}
.search_detail{display:flex;align-items: center;margin-bottom:20px;}
.search_section .search_detail .search_subject{float:none;font-size:24px;color:#212529;margin:0;vertical-align:top;}
.search_section .search_detail .search_cnt{float:none;font-size:24px;}
.search_section .search_detail .search_more{position:absolute;right:0;top:0;float:none;font-size:16px;font-weight:500;padding-right: 20px}
.search_more:after {content: '';position: absolute;right: 0;top: 5px;display: block;width: 7px;height: 12px;background: url(/html/images/new/ico_arrow.png) no-repeat 0 0;}
.search_result > ul > li{display:flex;align-items: center;padding:10px;border:1px solid #e9ecef;border-radius:10px;}
.search_result > ul > li .col_course_img{width:200px;border-radius:10px;overflow:hidden;margin-right:26px;}
.search_result > ul > li .col_course_img img{width:100%;vertical-align:top;border-radius:10px;overflow:hidden;}
.search_result > ul > li .course_nm{color:#212529;font-size:16px;}
.search_result > ul > li .info_t p{color:#868e96;font-size:14px;}
.search_result > ul > li .info_t p:first-of-type{margin-top:10px;}
.search_result > ul > li + li{margin-top:10px;}

.search_section .search_result > ul{border-top:1px solid #e9ecef;}
.search_section .search_result > ul > li{border:none;border-bottom:1px solid #e9ecef;border-radius:0;padding:20px 0;}
.search_section .search_result .posts_nm{display:block;float:none;font-size:16px;color:#212529;margin:0;vertical-align:top;margin-top:5px;}
.search_section .search_result p{font-size:14px;font-weight:300;color:#868e96;}

.myclass{display:flex;gap:20px;}
.myclass .my_info{position:relative;width:580px;background-color:#f8f9fa;padding:30px;border-radius:10px;}
.myclass h6{color:#212529;font-size:20px;font-weight:700;margin-bottom:10px;}
.myclass h6 .h6_sub{color:#868e96;font-size:14px;font-weight:500;padding-left:15px;}
.myclass .my_info_in{position:relative;padding:28px 0 0 200px;border-top:1px solid #e9ecef;}
.myclass .my_info_in:after{content:'';position:absolute;left:78px;top:35px;display:block;width:86px;height:65px;background: url(/html/images/new/bg_myinfo.png) no-repeat 0 0 / 100% auto;}
.myclass .my_info_in li{display:flex;align-items: center;}
.myclass .my_info_in strong{color:#495057;font-size:14px;font-weight:400;width:58px;display:inline-block;letter-spacing:-0.25px;}
.myclass .my_info_in span{color:#212529;font-size:18px;letter-spacing:-0.25px;}
.myclass .my_info_in span.name{font-weight:700;}
.myclass .my_info .btn_more{position:absolute;right:30px;top:22px;}

.myclass .my_note{position:relative;width:580px;background-color:#f8f9fa;padding:30px;border-radius:10px;}

.myclass .my_note_in{position:relative;padding:28px 0 0 0;border-top:1px solid #e9ecef;}
.myclass .my_note_in li{display: flex;align-items: center;justify-content: space-between}
.myclass .my_note_in li.nodata{display:block;line-height:72px;text-align:center;font-size:16px;color:#adb5bd;font-weight:700;}
.myclass .my_note_in li a{display: flex;align-items: center;gap:4px;color:#212529;font-size:16px;}
.myclass .my_note_in span{color:#212529;font-size:16px;letter-spacing:-0.25px;}

.myclass .my_note .btn_more{position:absolute;right:30px;top:22px;}

.tb_title{color:#212529;font-size:24px;font-weight:700;font-family:"Pretendard-Regular";}
.class_box{margin-top:15px;position:relative;}
.class_box .btn_course_more{position: absolute; right: 0; top: 30px;}

@media all and (max-width:1299px) {
header .inner .util_top{display:none;}

.inner{width:100%;}
.horizontal_wrap .horizontal_list li {width: calc(50% - 10px);margin: 0;padding:0;}
.horizontal_list span.img_box{padding-top:0;width:100%;}
.util_toggle_btn{display:block;}
.horizontal_wrap .top_title{font-size:24px;padding:0 0 0 20px;margin:0;}
.main_outer .horizontal_wrap .more{right:10px;top:8px;margin-right:0;}

header { position:fixed; top:0; z-index: 999; background:#ffffff; overflow: hidden; min-width: 100%; height:60px; box-shadow: 0 0 5px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
header .inner { width:100%; height: 100%; }
header .inner h1.logo { position: absolute; left: 50%; width: 300px; height: 60px;; line-height:1em; margin-left: -150px; top: 10px; margin-top: 0; text-align:center;}
header .inner h1.logo img {max-height: 40px;}
header .util_wrap {display:block !important;position:fixed;transition:right 0.3s ease;z-index:7000;left:-310px;z-index:5012; top:0;width:290px;background:#fff;height:100%;overflow-y:auto; min-height:480px;box-shadow: 0 0 14px rgba(0, 0, 0, 0.7);	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.7)  ; 	-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.7) ;-webkit-transition: left 0.3s ease-out;-moz-transition: left 0.3s ease-out;-o-transition: left 0.3s ease-out;	transition: left 0.3s ease-out;}
header .util_wrap.active {left:0;}
.util_wrap .util_menu { width:100%; }
.util_wrap .util_menu ul{height:auto;}
.util_wrap .util_menu ul li{display:block;}
.util_wrap .util_menu .util_top li {margin:0; padding:0; border:0; background:#f8f8f8; border:1px solid #e6e6e6; box-sizing:border-box; width:calc( ( 100% - 60px ) / 2 ); height:60px; text-align:center; }
.util_wrap .util_menu .util_top.remote li {width:calc( ( 100% - 60px ) / 3 );}
.util_wrap .util_menu .util_top li.full{width:calc(100% - 60px);}
.util_wrap .util_menu .util_top > #course_lesson_list {display:none;}
.util_wrap .util_menu .util_top li a {line-height:60px;}
.util_wrap .util_menu .util_top li.top_close {display:block; width:auto; border:0 none;}
.util_wrap .util_menu .util_top li.top_search {float:left;width:100%; height:auto; margin:0; padding:10px; border-bottom:1px solid #e6e6e6 !important; background:none;}
.util_wrap .util_menu .util_top li.top_search form{display:flex;}
.util_wrap .util_menu .util_top li.top_search span.search_input {border:0 none; width: calc(100% - 50px); height:48px;}
.util_wrap .util_menu .util_top li.top_search input.search_txt {width:100%; height:48px; line-height:48px;}
.util_wrap .util_menu .util_top li.top_search .search_btn {width:50px;}
.af_log {display:none;}

.util_wrap .util_menu #gnb_mobile{display:block; float:none; width:100%;}
.util_wrap .util_menu #gnb_mobile .depth1 > li {box-sizing:border-box; float:none; width:100%; text-align:left; padding:0;}
.util_wrap .util_menu #gnb_mobile .depth1  > li > a {position:relative;display:block;display:block;padding:17px 30px 17px 20px;font-size:18px;font-weight:400;line-height:20px;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#313131;}
.util_wrap .util_menu #gnb_mobile .depth1  > li + li > a{border-top:1px solid #dedede;}
.util_wrap .util_menu #gnb_mobile .depth1  > li > a:after{ position:absolute; width:30px;height:30px; right:10px; top:50%;margin-top:-15px; background:url(/common/images/mobile/main/btn_gomenu.png) no-repeat center center;display:block; content:""}
.util_wrap .util_menu #gnb_mobile .depth2{display:block;}
.util_wrap .util_menu #gnb_mobile .depth2 > li {float:none;}
.util_wrap .util_menu #gnb_mobile .depth2 > li > a{padding-left:30px;}
.util_wrap .util_menu #gnb_mobile .depth3{display:none;}
/*
.util_wrap .util_menu #gnb_mobile .depth1  > li > .lnb_list {float:none; position: relative; background: #f9f9f9; border-bottom: 1px solid #dedede; padding: 15px 0; display:none;}
.util_wrap .util_menu #gnb_mobile .depth1  > li > .lnb_list li {float:none; margin:0; padding:0;}
.util_wrap .util_menu #gnb_mobile .depth1  > li > .lnb_list li a:before{width:5px;height:1px ;background:#777; position:absolute; left:20px; top:13px; display:block; content:"";}
.util_wrap .util_menu #gnb_mobile .depth1  > li > .lnb_list li a {font-size: 15px; font-weight: 400; display: block; padding: 3px 45px 3px 32px; position: relative; color: #313131; border-bottom: none; line-height: 20px;}
.util_wrap .util_menu #gnb_mobile .depth1  > li > .lnb_list li.lnb_sub a {padding-left:52px;}
.util_wrap .util_menu #gnb_mobile .depth1  > li > .lnb_list li.lnb_sub a:before {left:40px;}
*/

.util_close_btn {background: url(/common/images_skin5/common/btn_utilclose.png) no-repeat center #444; width: 60px; height: 60px; background-size: 22px auto;}

.search_no{height:auto;}
.main_outer .inner{flex-wrap: wrap;}
.main_outer .section_box{width:100%;}
.foot_menu .foot_list li{background-image:none;}
.main_outer .section_box h3.top_title{font-size:24px;padding:0 0 0 0;margin:0;}
.main_outer .section_box .mboard_cont{margin-top:10px;}
.main_outer .section_box .btn_more {width: 24px;height: 24px;border-radius: 12px;background: url(/html/images/new/ico_more.png) no-repeat 50% 50%;}
.main_outer .review_wrap{margin-top:10px;}
.main_outer{padding:40px 0px 40px 0px}
.horizontal_wrap .horizontal_slide .swiper-slide{opacity:1;}

.login_box {border: none;padding: 0;overflow: hidden;width: 100%;max-width:1000px;margin: 0 auto;display: flex;gap: 20px;}
.log_form{width: calc(50% - 10px);padding:0 20px 20px 20px;border:1px solid #dee2e6;}
.log_form .log_tt{margin:20px 0;}
.log_find{width: calc(50% - 10px);}
.log_find dl{padding:20px;}
.log_find dl dt{float:none;width:100%;}
.log_find dl dd{float:none;width:100%;}
.log_find dl:after{right:20px;}
.login_box .log_area .ip_submit{padding:0;width:100%;}
#container.ct_top .log_form{border:1px solid #dee2e6;}
.log_area .ip_submit .button.login{height:55px;line-height:55px;}

.course_gallery li {float: none;width: calc((100% - 40px) / 3);margin: 0;border: 1px #dedede solid;border-radius: 10px;height: auto;}
.course_gallery .ccont{height:193px;}
.course_gallery .cimg {border-bottom: none;border-radius: 10px 10px 0 0;width: 100%;height: auto;background-color: #adb5bd;aspect-ratio: 278 / 160;}
.review_wrap .inbox{width:100%;padding:0 20px}
.main_inner{width:100%;}
.review_wrap .swiper-button-prev{display:none;}
.review_wrap .swiper-button-next{display:none;}

.myclass .my_info{position:relative;width:50%;background-color:#f8f9fa;padding:20px;border-radius:10px;}
.myclass .my_info_in{position:relative;padding:28px 0 0 0;border-top:1px solid #e9ecef;}
.myclass .my_info_in:after{display:none;}
.myclass .my_note{position:relative;width:50%;background-color:#f8f9fa;padding:20px;border-radius:10px;}

}



@media all and (max-width:640px) {
.horizontal_wrap .horizontal_list {display:flex;flex-wrap: wrap;gap:10px;overflow:hidden;margin:0;padding: 10px 0 10px 10px;}
.horizontal_slide span.img_box{width:100%}
header .inner h1.logo{top:5px;line-height:40px;height:40px;}
.util_menu{display:none;}
.success .suc_in span .button.login{width:100%;padding:15px 10px;font-size:16px;font-weight:600;text-align:center;color:#fff;border-radius:8px;margin-top:unset;line-height:unset;}
.tb_top{display:none;}

.review_wrap .item{width:100%;}
.course_infomation{flex-direction: column;}
#container.ct_top .course_infomation .info_img{width:100%;height:auto;aspect-ratio:518/300}
#container.ct_top .course_infomation .info_img img{width:100%;height:auto;aspect-ratio:518/300}
.sub_top h1{width:100%;padding-left: 10px;font-size:24px;line-height:1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.breadcrum{width:100%;margin-top:20px;padding-left: 10px}
.type_chart .list_li.course_gallery{gap:10px}
.type_chart + .page_bar{margin-top:32px;}
.course_gallery li{width:100%;height:auto;}
.course_gallery.v2 li{width:100%;height:auto;}
.course_gallery .cimg{width:100%;height:auto; aspect-ratio:278/160}
.course_gallery .ccont{height:auto;}
.course_gallery.v2 .ccont{height:auto;}
.course_gallery.v2 .ccont .ctitle a{height:24px}
#container.ct_top .search_form{display:none;}
.course_vertical li{flex-wrap: wrap;}
.course_vertical li .col_course_img{width:100%;}
.course_vertical li .course_img{width:100%;height:auto;aspect-ratio:280/162;}
.course_vertical li .course_img img{width:100%;height:auto;aspect-ratio:280/162;vertical-align: top;}
.course_vertical li .col_course_name{width:100%;padding:0;margin-top:10px;}
.course_vertical li .col_course_button{width:100%;padding-right:0;margin-top:10px;}
.course_vertical li .col_course_button .cbtn{display:flex;gap:10px;width:100%;}

.course_vertical li .col_course_button a + a{margin:0;}
.info_btn .btn_cart, .cbtn .btn_cart{margin-top:0;}
.course_infomation .info_btn li:nth-child(3){margin-top:0;width:50%;}
.tb_box {overflow:auto;}

.login_box{width:100%;flex-wrap: wrap;}
#container.ct_top .log_form{padding:10px;width:100%;border:1px solid #dee2e6;}
#container.ct_top .course_infomation .info_text{width:100%;}
.log_area .ip_submit{width: 100%;padding: 0;}
.log_area .ip_submit .button.login{width: 100%;padding: 0; height: 48px; line-height: 48px;margin-top:10px;}
.log_find{width:100%;}
.log_find dt{float:none;width:100%;}
.log_find dd{float:none;width:100%;}


.search_form_wrap2 .search_form{float:none}
.comment_wrap .comment_box .text_ip{padding:10px;gap:10px;}
.comment_wrap .comment_box .text_ip .comment_write textarea{height:48px;}
.comment_wrap .comment_box .text_ip .comment_submit input{height:48px;}

.search_title{font-size:18px;font-weight:700;border:none;}
.search_title .search_keyword{font-size:18px;margin-right:0;}
.search_title em{color:#ff6600;}
.search_section{margin-top:20px;}
.search_detail{display:flex;align-items: center;margin-bottom:10px;}
.search_section .search_detail .search_subject{float:none;font-size:18px;color:#212529;margin:0;vertical-align:top;}
.search_section .search_detail .search_cnt{float:none;font-size:18px;}
.search_section .search_detail .search_more{position:absolute;right:0;top:0;float:none;font-size:16px;font-weight:500;padding-right: 20px}
.search_more:after {content: '';position: absolute;right: 0;top: 5px;display: block;width: 7px;height: 12px;background: url(/html/images/new/ico_arrow.png) no-repeat 0 0;}
.search_result > ul > li{display:flex;align-items: center;padding:10px;border:1px solid #e9ecef;border-radius:10px;}
.search_result > ul > li .col_course_img{width:120px;border-radius:10px;overflow:hidden;margin-right:15px;}
.search_result > ul > li .col_course_img img{width:100%;vertical-align:top;border-radius:10px;overflow:hidden;}
.search_result > ul > li .col_course_name{width: calc(100% - 135px);}
.search_result > ul > li .course_nm{color:#212529;font-size:16px;line-height:20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;max-height:40px;margin-top:5px;}
.search_result > ul > li .info_t p{color:#868e96;font-size:14px;}
.search_result > ul > li .info_t p:first-of-type{margin-top:0px;}
.search_result > ul > li + li{margin-top:10px;}

.search_section .search_result > ul{border-top:1px solid #e9ecef;}
.search_section .search_result > ul >  li{border:none;border-bottom:1px solid #e9ecef;border-radius:0;padding:20px 0;}
.search_section .search_result .posts_nm{display:block;float:none;font-size:16px;color:#212529;margin:0;vertical-align:top;margin-top:5px;word-break: break-all;}
.search_section .search_result p{font-size:14px;font-weight:300;color:#868e96;}

.myclass{    flex-wrap: wrap;}
.myclass .my_info{width:100%;background-color:#f8f9fa;padding:20px;}
.myclass h6{color:#212529;font-size:20px;font-weight:700;margin-bottom:10px;}
.myclass h6 .h6_sub{display:none;}
.myclass .my_info_in{position:relative;padding:28px 0 0 0;border-top:1px solid #e9ecef;}
.myclass .my_info_in:after{display:none;}
.myclass .my_note{position:relative;width:100%;background-color:#f8f9fa;padding:20px;border-radius:10px;}

}