@charset "utf-8";

.mobile_only{display:none}
.gnb_mobile{display:none}

.main_banner { width:1200px;padding:40px 0px 0px 0px;margin:0px auto;text-align:center;}
.main_banner ul { width:100%;padding:0px; display:flex;gap:20px;align-items:center;justify-content:center;}
.main_banner li { position:relative;float:none;width:auto;min-width:224px;display:block;text-align:center;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;box-sizing: border-box;}
.main_banner li a {display:flex;gap:16px;align-items:center;justify-content:center;padding:22px 0;background-position: 50% 10px !important;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;background-color:#F9FAFB;border:1px solid #E2E8F0;border-radius:8px;}

.main_banner li a:hover {background-position: 50% 0px !important;}
.main_banner li h2 {position:relative;display:block; width:auto;height:27px;line-height:27px;padding:0px; font-size:18px;color:#000;font-weight:500;text-align:center; }
.main_banner li a:hover h2 {color:#0079c0;}
.main_banner li.main_banner1 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner2 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner3 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner4 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner5 a{background-image:none;background-color:#F9FAFB;}

.main_banner li.main_banner1 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon01.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner2 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon02.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner3 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon03.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner4 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon04.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner5 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon05.png') no-repeat 50% 50% / 100% auto;}

.main_course_wrap{margin-top:40px;background-color:#fff;}

.main_outer{padding:72px;}

.main_title {position:relative;font-family:"Noto Sans KR";line-height:100%;font-size:32px;font-weight:500;color:#0F172B; padding-bottom:0; margin:0px auto;text-align:center;background:none;letter-spacing:0 !important;}
.main_title:before {content:'';display:none;}
.main_title b {font-weight:800;}
.main_s_tx{margin:0 auto;text-align:center;font-size:18px;font-weight:500;color:#45556C;margin-top:16px;}

.main_course_tab{margin-top:40px;}
.main_course_tab .main_course_tab_tt{display:flex;align-items:center;justify-content: center;gap:8px;}
.main_course_tab .main_course_tab_tt li{}
.main_course_tab .main_course_tab_tt li a{display:block;padding:11px 20px;border:1px solid #CAD5E2;font-size:16px;color:#314158;line-height:1.5;font-weight:500;background-color:#fff;border-radius:24px;}
.main_course_tab .main_course_tab_tt li a.on{border:1px solid #1E2939;background-color:#1E2939;color:#fff;}
.main_course_tab .main_course_tab_tt li a:hover{border:1px solid #1E2939;background-color:#1E2939;color:#fff;}
.main_course_tab .tab_wrap{margin-top:40px;}


.horizontal_list2 {overflow:hidden;width:1200px;display:flex;flex-wrap:wrap;gap:24px;margin:0 auto;}
.horizontal_list2 > div.item{border:none;background:#fff;text-align:center;padding:0px;width:calc(( 100% - 72px ) / 4 );border-radius:10px;margin:0px;height:280px;}
.horizontal_list2 > div.nodata{padding:0;height:280px;line-height:280px;width:1200px;border:1px solid #e5e5e5;margin-left:0;border-radius:8px;}
.horizontal_list2 span{display:block;}
.horizontal_list2 span.img_box{position:relative;width:100%; height:auto;box-sizing:border-box;border-radius:8px;border:1px solid #E5E7EB;overflow:hidden;}
.horizontal_list2 span.img_box a{position:relative;display:block; height:0; padding-bottom:66.66%;border-radius:10px 10px 0px 0px; }
.horizontal_list2 span.img_box > a > img{width:100%;background-size:auto 100%;background-position: 50% 50%;}

.horizontal_list2 .list_cont {display:block;width:100%; padding:0;box-sizing:border-box;margin-top:12px;}
.horizontal_list2 span.list_subject{font-weight:800;font-size:18px;line-height:1.5;max-height:50px;color:#0F172B;padding:0px;margin:0px;text-align:left; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:keep-all; }
.horizontal_list2 span.list_cate {padding:0px;max-height:40px;line-height:20px;font-size:15px;color:#467fd7;margin-bottom:10px;text-align:left;}
.horizontal_list2 span.list_period{font-weight:bold;height:20px;line-height:20px;font-size:17px;margin-bottom:10px; padding:0px;text-align:center}
.horizontal_list2 span.list_blt {line-height:18px;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}
.horizontal_list2 span.list_price {font-size:16px; color:#0F172B;font-weight:800;text-align:left;margin-top:8px;}
.horizontal_list2 .list_btn {display:inline-block;width:auto;font-weight:500;font-size:17px;line-height:50px;color:#000;padding:0px 33px 0px 20px;margin:0px auto;background:#467fd7;}
.horizontal_list2 .button.course{}

.main_outer.bgdata{background: #26254B url(/html/images/new/data_bg.png) no-repeat 50% 50% /  auto 100%;height:520px;}
.main_outer.bgdata .main_inner{display:flex;align-items: center;justify-content: center;gap:10px;}
.main_outer.bgdata .tt_box{width:485px;}
.main_outer.bgdata .main_title{font-size: 36px;color:#fff;font-weight:800;text-align:left;line-height:1.5;}
.main_outer.bgdata .main_s_tx{font-size:18px;color:#D1D5DC;font-weight:500;text-align:left;line-height:1.5;}
.main_outer.bgdata .btn_event{display:flex;align-items: center;justify-content: center;gap:8px;border-radius:6px;margin-top:48px;width:185px;height:48px;background: linear-gradient(90deg, #403DC0 52.88%, #966BED 100%);color:#fff;font-size:16px;font-weight:700;}
.main_outer.bgdata .btn_event:after{content:'';display:block;width:20px;height:20px;background: url(/html/images/new/ico_arrow_r.png) no-repeat 50% 50%}
.main_outer.bgdata .main_inner .data_img{width:588px;height:360px;}
.main_outer.bgdata .main_inner .data_img img{width:588px;height:360px;border-radius:8px;}

.main_outer.count_up{padding:32px 0;background-color:#364153;}
.main_outer.count_up .main_inner{display:flex;align-items: center;justify-content: space-between;}
.main_outer.count_up .com_logo{display:block;}
.main_outer.count_up .com_copy{font-weight:700;font-size:24px;color:#fff;margin-top:4px;}

.main_outer.count_up .count_list{display:flex;align-items: center;gap:80px}
.main_outer.count_up .count_list dl{position:relative;padding-left:52px;display:flex;flex-direction: column-reverse;text-align:center;}
.main_outer.count_up .count_list dl dt{display:block;font-size:16px;font-weight:700;color:#d1d5dc;line-height:1.5;margin-top:4px;}

.main_outer.count_up .count_list dl dd{font-size:20px;font-weight:800;color:#fff;}
.main_outer.count_up .count_list dl dd strong{font-size:36px;font-weight:800;color:#fff;}
.main_outer.count_up .count_list dl:before{content:'';display:block;width:32px;height:32px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.main_outer.count_up .count_list dl.c_user:before{background: url(/html/images/new/ico_count_user.png) no-repeat 50% 50%}
.main_outer.count_up .count_list dl.c_star:before{background: url(/html/images/new/ico_count_star.png) no-repeat 50% 50%}
.main_outer.count_up .count_list dl.c_per:before{background: url(/html/images/new/ico_count_per.png) no-repeat 50% 50%}

.main_outer .main_w_banner{}
.main_outer .main_w_banner a{position:relative;display:block;padding:32px 48px;background-color:#403DC0;border-radius:12px;overflow:hidden;}
.main_outer .main_w_banner a .banner_tx{display:block;font-size:16px;font-weight:500;color:#fff;line-height:1.5;}
.main_outer .main_w_banner a .banner_tt{display:block;font-size:20px;font-weight:800;color:#fff;line-height:1.5;}
.main_outer .main_w_banner a .fake_btn{position:absolute;right:48px;top:50%;transform:translateY(-50%);display:flex;align-items: center;justify-content:center;width:129px;height:40px;font-size:16px;font-weight:800;color:#0F172B;background-color:#E1FF8F;border-radius:20px;}
.main_outer .main_w_banner a:after{content:'';position:absolute;right:225px;top:11px;display:block;width:151px;height:109px;background: url(/html/images/new/banner_object.png) no-repeat 50% 0 / 100% auto;}

.main_outer.reason_area{padding-top:0;}
.main_outer.reason_area .main_title{font-weight:800;font-size:36px;color:#0F172B;} 
.main_outer .reason_list{margin-top:60px;}

.main_outer .reason_list .reason_box{width:500px;display:flex;flex-direction: column;gap:16px;}
.main_outer .reason_list .reason_box .reason_no{display:block;background-color:#E1FF8F;color:#403DC0;font-size:14px;font-weight:700;border-radius:4px;padding:0 4px;line-height:20px;width:fit-content;}
.main_outer .reason_list .reason_box .reason_tt{font-size:28px;font-weight:800;color:#0F172B;line-height:1.5;}
.main_outer .reason_list .reason_box .reason_tx{font-size:18px;font-weight:500;color:#45556C;line-height:1.5;}
.main_outer .reason_list li{width:996px;display:flex;justify-content: space-around;flex-direction: row;gap:36px;align-items: center;margin:0 auto;}
.main_outer .reason_list li:nth-child(even){flex-direction: row-reverse;}
.main_outer .reason_list li + li{margin-top:48px;}
.main_outer .reason_list .reason01:after{content:'';display:block;width:460px;height:268px;background: url(/html/images/new/img_reason01.png) no-repeat 50% 50% / 100% auto}
.main_outer .reason_list .reason02:after{content:'';display:block;width:460px;height:268px;background: url(/html/images/new/img_reason02.png) no-repeat 50% 50% / 100% auto}
.main_outer .reason_list .reason03:after{content:'';display:block;width:460px;height:268px;background: url(/html/images/new/img_reason03.png) no-repeat 50% 50% / 100% auto}
.main_outer .reason_list .reason04:after{content:'';display:block;width:460px;height:268px;background: url(/html/images/new/img_reason04.png) no-repeat 50% 50% / 100% auto}



.main_outer.recomebox_area .main_title{font-weight:800;font-size:36px;color:#0F172B;} 
.main_outer.recomebox_area .main_s_tx{font-weight:500;font-size:18px;color:#45556C;margin-top:16px;} 
.main_outer.recomebox_area .recomebox_list{display:flex;flex-wrap: wrap;justify-content: center;gap:21px 24px;margin-top:48px;}
.main_outer.recomebox_area .recomebox_list li{position:relative;width:486px;height:240px;background-color:#fff;border-radius:8px;padding:32px 38px;overflow:hidden;}
.main_outer.recomebox_area .recomebox_list li .rb{}
.main_outer.recomebox_area .recomebox_list li .rb .rb_tt{font-size:24px;line-height:1.3;font-weight:700;color:#0F172B;}
.main_outer.recomebox_area .recomebox_list li .rb .rb_tt strong{font-size:28px;color:#403DC0;}
.main_outer.recomebox_area .recomebox_list li .rb .rb_link{display:block;width:fit-content;position:relative;font-weight:700;font-size:16px;color:#45556C;padding-right:20px;margin-top:28px;}
.main_outer.recomebox_area .recomebox_list li .rb .rb_link:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%); display:block;width:16px;height:16px;background: url(/html/images/new/arr_6_12.png) no-repeat 50% 50%}
.main_outer.recomebox_area .recomebox_list li.rb01:after{content:'';position:absolute;right:62px;bottom:19px;display:block;width:127px;height:126px;background: url(/html/images/new/bg_recome01.png) no-repeat 50% 50%}
.main_outer.recomebox_area .recomebox_list li.rb02:after{content:'';position:absolute;right:64px;bottom:17px;display:block;width:102px;height:89px;background: url(/html/images/new/bg_recome02.png) no-repeat 50% 50%}
.main_outer.recomebox_area .recomebox_list li.rb03:after{content:'';position:absolute;right:47px;bottom:30px;display:block;width:97px;height:97px;background: url(/html/images/new/bg_recome03.png) no-repeat 50% 50%}
.main_outer.recomebox_area .recomebox_list li.rb04:after{content:'';position:absolute;right:64px;bottom:-19px;display:block;width:96px;height:119px;background: url(/html/images/new/bg_recome04.png) no-repeat 50% 50%}


.main_outer.hotarea{}
.main_outer.hotarea .main_title{font-weight:800;font-size:32px;line-height:1.5;color:#0F172B;}
.main_outer.hotarea .hotarea_box{margin-top:40px;}


.main_outer.reviewarea{}
.main_outer.reviewarea .main_title{font-weight:500;font-size:32px;line-height:1.5;color:#fff;}
.main_outer.reviewarea .main_title strong{font-weight:800;}
.main_outer.reviewarea .main_s_tx{font-weight:500;font-size:18px;color:#E2E8F0;margin-top:16px;}
.main_outer.reviewarea .review_slide{margin-top:48px;}
.review_slide{}
.review_slide .review_wrap{display:flex;gap:24px;flex-wrap: wrap;}
.review_slide .review_wrap .item a{position:relative;display:block;background-color:#fff;width:384px;height:392px;border-radius:16px;padding:32px;}
.review_slide .review_wrap .item .list_subject{color:rgba(15, 23, 43, 0.9);font-weight:800;font-size:20px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;;margin-top:4px;}
.review_slide .review_wrap .item .list_course_nm{position:relative;padding-left:28px;font-weight:500;font-size:16px;color:#0F172B;line-height:1.5;margin-top:24px;}
.review_slide .review_wrap .item .list_course_nm:before{content:'';position:absolute;left:0;top:2px;display:block;width:20px;height:20px;background: url(/html/images/new/review_course.png) no-repeat 50% 50%}
.review_slide .review_wrap .item .list_content{margin-top:15px;padding-top:15px;border-top:1px solid #D1D5DC;color:#62748E;font-weight:500;font-size:16px;line-height:1.5;height:208px;display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.review_slide .review_wrap .item .list_writer{position:absolute;right:32px;top:32px;padding-left:20px;font-weight:500;font-size:16px;color:#62748E;line-height:1.5;}
.review_slide .review_wrap .item .list_writer:before{content:'';position:absolute;left:0;top:4px;display:block;width:16px;height:16px;background: url(/html/images/new/review_user.png) no-repeat 50% 50%}


.boardarea .main_inner{display:flex;gap:24px;}
.boardarea .boardlink_box{}
.boardarea .boardlink_box .board_link{}
.boardarea .boardlink_box .board_link{ }
.boardarea .boardlink_box .board_link li + li{margin-top:8px;}
.boardarea .boardlink_box .board_link li a{display:flex;align-items: center;gap:12px;width:180px;height:47px;border:1px solid #E5E7EB;border-radius:4px;box-sizing:border-box;padding-left:24px;font-weight:700;font-size:16px;color:#0F172B;}
.boardarea .boardlink_box .board_link li a:hover{background-color:#E2E8F0;}
.boardarea .boardlink_box .board_link li a:before{content:'';display:block;width:24px;height:24px;}
.boardarea .boardlink_box .board_link li a.board_link_01:before{background: url(/html/images/new/board_link_01.png) no-repeat 50% 50%;}
.boardarea .boardlink_box .board_link li a.board_link_02:before{background: url(/html/images/new/board_link_02.png) no-repeat 50% 50%;}
.boardarea .boardlink_box .board_link li a.board_link_03:before{background: url(/html/images/new/board_link_03.png) no-repeat 50% 50%;}
.boardarea .boardlink_box .board_link li a.board_link_04:before{background: url(/html/images/new/board_link_04.png) no-repeat 50% 50%;}
.boardtop5_box{width:486px;}
.boardtop5_box .mainb_board{}
.boardtop5_box .mainb_board .mboard_title{position:relative;display:flex;gap:16px;padding-bottom:12px;border-bottom:1px solid #E5E7EB;}
.boardtop5_box .mainb_board .mboard_title span{display:block;} 
.boardtop5_box .mainb_board .mboard_title span a{display:block;font-weight:700;color:#90A1B9;font-size:24px;line-height:1.5;}
.boardtop5_box .mainb_board .mboard_title span a.active{color:#0F172B;}
.boardtop5_box .mainb_board .mboard_title .mboard_more{position:absolute;right:0;top:0;display:block;width:28px;height:28px;border-radius:8px;background-color:#EEEEFF;text-indent:-999em;overflow:hidden;}
.boardtop5_box .mainb_board .mboard_title .mboard_more:after{content:'';display:block;width:18px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#403DC0;border-radius:2px;}
.boardtop5_box .mainb_board .mboard_title .mboard_more:before{content:'';display:block;width:2px;height:18px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#403DC0;border-radius:2px;}

.boardtop5_box .mboard_cont ul{padding-top:12px;}
.boardtop5_box .mboard_cont ul li{padding:0;margin:0;background-image:none;}
.boardtop5_box .mboard_cont ul li + li{margin-top:8px;}
.boardtop5_box .mboard_cont ul li a{font-weight:500;font-size:16px;line-height:1.5;color:#45556C;padding:0;background-image:none;}
/* .boardtop5_box .mboard_cont .list_top li a:hover{color:#403DC0;}*/
.boardtop5_box .mboard_cont ul li.nodata{line-height:152px;text-align:center;}


.csbox{width:486px;}
.csbox .mainb_cs{}
.csbox .mainb_cs .top_title{position:relative;padding-bottom:12px;border-bottom:1px solid #E5E7EB;display:block;font-weight:700;color:#0F172B;font-size:24px;line-height:1.5;}
.csbox .mainb_cs .mcs_text{padding-top:12px;}
.csbox .mainb_cs .mcs_text .mcs_line{display:flex;gap:16px;}
.csbox .mainb_cs .mcs_text .mcs_tel{display:flex;gap:8px;align-items: center;font-weight:900;font-size:28px;line-height:1.5;color:#0F172B;}
.csbox .mainb_cs .mcs_text .mcs_tel:before{content:'';display:block;width:24px;height:24px;background: url(/html/images/new/ico_cs.png) no-repeat 50% 50%;}
.csbox .mainb_cs .mcs_text .mcs_tx{font-weight:500;font-size:14px;color:#62748E;line-height:1.5;margin-top:4px;}
.csbox .mainb_cs .mcs_text .csl{display:flex;gap:4px;}
.csbox .mainb_cs .mcs_text .csl li{}
.csbox .mainb_cs .mcs_text .csl li a{position:relative;display:block;width:40px;height:40px;border:1px solid #E5E7EB;border-radius:50%;box-sizing:border-box;background-color:#fff;text-indent:-9999em;overflow:hidden;}
.csbox .mainb_cs .mcs_text .csl li a:after{content:'';display:block;position:absolute;width:20px;height:20px;left:50%;top:50%;transform:translate(-50%, -50%);}
.csbox .mainb_cs .mcs_text .csl li.link01 a:after{width:24px;height:24px;background: url(/html/images/new/cs_link_01.png) no-repeat 50% 50%;}
.csbox .mainb_cs .mcs_text .csl li.link02 a:after{background: url(/html/images/new/cs_link_02.png) no-repeat 50% 50%;}
.csbox .mainb_cs .mcs_text .csl li.link03 a:after{background: url(/html/images/new/cs_link_03.png) no-repeat 50% 50%;}
.csbox .mainb_cs .mcs_text .csl li.link04 a:after{background: url(/html/images/new/cs_link_04.png) no-repeat 50% 50%;}
.csbox .mainb_cs .mcs_text .mcs_line2{margin-top:16px;}
.csbox .mainb_cs .mcs_text .mcs_line2 span{font-weight:500;font-size:16px;color:#45556C;line-height:1.5;}
.csbox .mainb_cs .mcs_text .mcs_line2 span + span{padding-left:8px;position:relative;margin-left:8px;}
.csbox .mainb_cs .mcs_text .mcs_line2 span + span:before{content:'';position:absolute;left:0;top:4px;display:block;width:1px;height:16px;background-color:#CAD5E2}

.main_wrap .left_area{}
.left_area .lnb_list{width:fit-content;padding:0;border-radius:30px 30px 0 30px;background-color:#f1f1f1;border:none;}
.left_area .lnb_list li {min-width:auto;max-width:auto;width:auto;float:none;}
.left_area .lnb_list li a{display:block;height:50px;line-height:50px;padding:0 20px;color:#333;font-weight:400;}
.left_area .lnb_list li a:hover{color:#000;}
.left_area .lnb_list li.on a{height:50px;line-height:50px;color:#fff;background-color:#4a66f5;border-radius:30px 30px 0 30px;font-weight:400;}
.left_area .lnb_list li.on a:hover{background-color:#3150ec;}


/* @media all and (min-width:641px) and (max-width:1023px) {*/
@media all and (max-width:1023px) {
.mobile_only{display:block;clear:both;}
.quickmenu{display:none;}
#wrap{min-width:100%;}
#header{min-width:100%;height:auto;}
#header .util_wrap{position:relative;height:90px;padding: 20px;}
#header .inner{display:none;}
.h_search{display:none;}
#header .util_wrap .util_menu{display:none;}
#header .logo{margin:0;}

#header .util_modal{display:none;}

#header .util_toggle_btn{position:absolute;right:20px;top:23px;display:block;width:44px;height:44px;background-color:#fff;}
#header .util_toggle_btn span{display:block;width:24px;height:2px;border-radius:2px;background-color:#343F54;position:absolute;left:20px;top:22px;transition: all .3s ease}
#header .util_toggle_btn span:first-child{position:absolute;left:20px;top:14px;}
#header .util_toggle_btn span:last-child{position:absolute;left:20px;top:30px;}
#header .util_wrap.active .util_toggle_btn{}
#header .util_wrap.active .util_toggle_btn span{display:none;}
#header .util_wrap.active .util_toggle_btn span:first-child{display:block;position:absolute;left:20px;top:22px;transform:rotate(45deg);}
#header .util_wrap.active .util_toggle_btn span:last-child{display:block;position:absolute;left:20px;top:22px;transform:rotate(-45deg);}

#header .util_wrap.active  .util_modal{position:absolute;left:0;top:70px;z-index:500;display:none;width:100%;height: calc(100vh - 70px);background-color:rgba(0,0,0,.7);}


#gnb_mobile{display:block;width:280px;height:calc(100vh - 70px);background-color:#fff;position:fixed;right:-280px;top:70px;padding-bottom:60px;z-index:1000;overflow-y:auto;border-top:1px solid #EAEDFC;transition: right .3s ease}
.util_wrap.active #gnb_mobile{right:0;}
#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:var(--color-primary, #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:18px;line-height:24px;color:#222B3D;padding:20px 36px;text-align:left;}
#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;}

.main_visual{height:300px;}
#slides{height:100% !important}
#slides a{height:100%;}
#slides a img{height:100%;}

.main_outer{}
.main_outer.nopd{padding:0;}
.main_banner{width:100%;padding:20px 20px;}
.main_banner ul{flex-wrap: wrap;gap:10px;}
.main_banner li{min-width: calc(20% - 8px);}
.main_banner li a{flex-direction: column;padding:16px 0;gap:8px;}

.main_inner{width:100%;}
#container .horizontal_wrap{width:100%;}
.main_course_wrap{margin-top:0;}
.main_outer{padding:40px 20px;}
.horizontal_list2{width:100%;}
.main_outer.bgdata{height:auto;}
.main_outer.bgdata .main_inner{flex-direction: column-reverse;}
.main_outer.bgdata .tt_box{width:100%}
.main_outer.bgdata .main_inner .data_img{aspect-ratio: 800 / 435;width: 100%;height: auto;}
.main_outer.bgdata .main_inner .data_img img{width: 100%;height: auto;}

.main_outer.count_up{padding:20px 20px;}
.main_outer.count_up .main_inner{flex-direction: column;gap:20px;}

.main_outer .reason_list li{width:calc(50% - 10px);flex-direction: column-reverse;}
.main_outer .reason_list li:nth-child(even){flex-direction: column-reverse;}
.main_outer .reason_list .reason01:after{aspect-ratio: 460 / 268;width: 100%;height: auto;}
.main_outer .reason_list .reason02:after{aspect-ratio: 460 / 268;width: 100%;height: auto;}
.main_outer .reason_list .reason03:after{aspect-ratio: 460 / 268;width: 100%;height: auto;}
.main_outer .reason_list .reason04:after{aspect-ratio: 460 / 268;width: 100%;height: auto;}

}


@media all and (max-width:640px) {
.quickmenu{display:none;}

}