@charset "utf-8";

/* 공통 */
.country_cd{width: 80px;}
.box_wrap{position:relative;margin-bottom: 20px;padding: 40px;border: 1px solid;border-color: var(--border-color);border-radius: var(--border-radius-lg);background-color: #fff;}
.box_info{position: relative;margin-bottom:20px;padding: 15px 30px 15px 50px;background: #fff9e6;border: 1px #fee489 solid;border-radius: 10px;font-weight: 600;color:#3b3a35;}
.box_info::before{content: '';position: absolute;top: 18px;left: 25px;width: 18px;height: 18px;background: url(../../images/front/icon/icon_info.png) no-repeat 0 0;}
.box_info .btn_buy {position: absolute; top: 0; left: 175px; font-size: 14px; font-weight: 700; color: #181c18; text-decoration: underline; text-underline-offset: 3px;}
.box_info02{margin-bottom: 20px;padding: 30px;border: 1px #ddd solid;border-radius: var(--border-radius-lg);background-color: #fff;}
.box_info03{display: flex;align-items: center;gap: 2rem;margin-bottom: 20px;padding: 30px;border: 1px #ddd solid;border-radius: var(--border-radius-lg);background-color: #fff;}
.box_info03 .tit{margin-bottom: 10px;font-size: 20px;font-weight: 700;color: #222;}
.legend li{position: relative;display: inline-block;padding-left: 22px;margin-left: 10px;font-size: 0.937rem;}
.legend li::before{content: '';position: absolute;top:3px;left:0;width: 16px;height: 13px;border-radius: 3px;}
.legend li:nth-child(1)::before{background: #4e6ee5;border: 1px #4e6ee5 solid;}
.legend li:nth-child(2)::before{background: #fff;border: 1px #999 solid;}
.flex_type1{display: flex;justify-content: space-between;align-items: center;}
.flex_type2{display: flex;justify-content: flex-start;align-items: center;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_right{display: flex;justify-content: flex-end;align-items: center;gap: 0.5rem;}
.like{position:relative;padding-left: 24px;}
.like::before{content:"";position:absolute;top: 0;left:0;width:20px;height:20px;background: url('/images/front/component/icon/ico_favorite.svg') no-repeat;background-size: cover;}
.like.on::before, .like:hover::before{content:"";position:absolute;top: 0;left:0;width:20px;height:20px;background: url('/images/front/component/icon/ico_favorite_fill.svg') no-repeat;background-size: cover;}

.icon_dot{position: relative;display: inline-block;padding-left: 13px;}
.icon_dot::before {content:''; position: absolute;top: 8px;left: 0;width: 5px; height: 5px;border-radius: 50%; background-color: #555;}
.icon_dot.type2{font-weight: 600;color: #222;}
.icon_dot.type2::before {content:''; position: absolute;top: 8px;left: 0;width: 5px; height: 5px;border-radius: 50%; background-color: #4b68e5;}
.info_list::after{content: '';display: block;clear: both;}
.info_list > li{position: relative;height: 50px;border-bottom: 1px #e4e4e4 solid;padding-left: 13px;font-size: 1.062rem;font-weight: 600;color: #222;}
.info_list.flex_type1 > li{display: flex;justify-content: space-between;align-items: center;}
.info_list > li:last-child{border-bottom: none;}
.info_list > li::before{content: "•";position: absolute;top:10px;left:0;}
.conts_wrap{position: relative;margin-bottom: 60px;}
.tit_area_flex{display: flex;justify-content: space-between;align-items: center;}
.agree_wrap{padding: 15px;border: 3px #ebebeb solid;text-align: center;}
.icon_file{padding-left: 22px;background: url(../../images/front/icon/icon_file.png) no-repeat 0 0;text-decoration: underline;}
.tag_area .tag{display: inline-block;margin: 2px;padding: 5px 10px;border-radius: 10rem;background-color: #eceefb;font-size: 0.84rem;font-weight: 700;color: #4f47b8;text-align: center;}
.text_st li{position: relative;padding-left: 13px;}
.text_st li::before {content:''; position: absolute;top: 10px;left: 0;width: 3px; height: 3px;border-radius: 50%; background-color: #000;}

.box_info .tit01{color: #3c388a;}
.box_info.type2{display: flex; justify-content: space-between;align-items: center;padding: 15px 20px;}
.box_info.type2::before{background: none;}
.box_info.type2 p{position: relative;padding-left: 20px;}
.box_info.type2 p::before{content: '';position: absolute;top:9px;left:10px;width: 3px;height: 3px;background: #3c388a;}
.box_info.type2 .btn.primary.type2.sm{padding: 0 15px;font-size: 1rem;}
.box_info.type3{padding: 30px;}
.box_info.type3::before{display: none;}
.box_graphic{padding: 30px 20px;margin-bottom: 20px;border: 1px #ddd solid;border-radius: 10px;text-align: center;}
.user_id{position: relative;display: inline-block;padding-right: 25px;font-weight: 600;color: #000;}
.user_id:hover{color: #1753ff;text-decoration: underline;}
.user_id::before{content: '';position: absolute;top: 4px;right: 0;width: 20px;height: 20px;background: url(../../images/front/icon/icon_person02.png) no-repeat;}
.box_non{padding: 50px 20px;border: 1px #ddd solid;border-radius: 10px;text-align: center;}
.box_non .tit{margin-bottom: 10px;font-size: 1.25rem;font-weight: 700;color: #222;}
#viewBox .tbl_cell_group th{padding: 5px 0 5px 10px!important;}
#atch_file_area > div{margin: 3px 0}

.box_conts{margin-bottom:20px;padding: 30px;background: #f4f5f7;}
.box_conts .box_conts_in{padding: 50px;background: #fff;border-radius: 10px;}
.box_conts .box_conts_in h4.tit{font-size: 1.187rem;}
.box_conts .box_conts_in .tbl_cell_group{margin-bottom: 0;}
.box_conts .box_conts_in .tbl_cell_group table{border-top: 1px solid #111;}
.box_conts .box_conts_in .tbl_cell_group th{background: #fff;}
.box_conts .box_conts_in .inner_tbl {margin-bottom: 0;border-top: none;}
.box_conts .box_conts_in .inner_tbl th{border-bottom: none;}
.box_conts.type2 .box_conts_in{margin-bottom: 50px;}
.box_conts.type2 .box_conts_in:last-child{margin-bottom: 0;}

/* 가이드 팁 */
.guide_tip {padding: 25px 30px; border: 1px solid #fee489; border-radius: 20px; background-color: #fff9e6;}
.guide_tip p {position: relative; padding-left: 100px;font-weight: 400; color: #3b3a35;}
.guide_tip p::before {content: '가이드 팁'; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); padding: 7px 12px; border-radius: 50px; background-color: #f68731; font-size: 0.93rem; font-weight: 700; color: #fff;}
.guide_tip p strong {font-weight: 700; color: #f68731;}

/* 라벨 */
.label_area{position: relative;}
.label{display: inline-block;min-width: 60px; height: 28px;padding: 0 8px;border-radius: 5px;font-size: 14px;font-weight: 700;text-align: center; line-height: 28px;}
.label.complete{background: #e8f6f6;color: #009191;}
.label.incomplete{background: #fef2f4;color: #f30707;}

/* 자격증클래스 */
.coruse_wrap{position:relative;max-width: 1400px;margin: 0 auto 40px auto;}
.coruse_wrap .tit{font-size: 1.75rem;color: #333;margin-bottom: 30px;}
.coruse_list{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 3rem;}
.coruse_list .coruse_box{width: 22.3%;}
.coruse_list .coruse_box:hover{transform: translate(0, -10px);transition: 0.3s ease-in-out;}
.coruse_list .coruse_box .thum_img{overflow:hidden;width: 100%;height: 210px;margin-bottom: 20px;background: #ddd;border: 1px solid #eeeeee;border-radius: 15px;}
.coruse_list .coruse_box .thum_img img{width: 100%;height: 100%;}
.thum_item{overflow: hidden;margin-bottom: 10px;}
.thum_item .icon_item span{display: inline-block;min-width: 50px;margin: 0 2px;padding: 5px 10px;background-color: #edf0f9;border-radius: 50px;font-size: 14px;font-weight: 700;color: #2a5acc;text-align: center;}
.coruse_list .coruse_box .tit_coruse{font-size: 1.25rem;font-weight:700;color: #111;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.thum_bottom{display: flex;align-items: center;gap: 1.5rem;;color: #666;}
.thum_bottom span{position: relative;}
.thum_bottom span:first-child:before{content:"";position:absolute;top: 4px;right: -15px;width:1px;height:14px;background: #b3b3b3;}
.coruse_list .coruse_box .price_area{padding-top: 10px;margin-top: 10px;border-top: 1px #e6e6e6 solid;}
.price_area .tit_price{font-weight: 500;color: #555;}
.price_area.sale .tit_price{font-weight: 500;color: #bcbcbc;}
.price_area.sale .tit_sale{font-weight: 500;color: #f13654;}

.coruse_top .coruse_top_in{display: flex;gap:4rem;position: relative;margin-bottom: 50px;padding: 40px 0;}
.coruse_top .coruse_top_in::before{content: '';display: block;position: absolute;top: 0;left: 50%;width: 200%;height: 100%;transform: translateX(-50%);background-color: #f7f8fa;z-index: -1;}
.coruse_top .coruse_top_in .thum_img{width: 410px;height: 275px;background: #ddd;border-radius: 15px;}
.coruse_top .coruse_top_in .thum_img img{width: 100%;height: 100%;border-radius: 15px;}
.coruse_top .coruse_top_in .coruse_con{margin-top: 30px;}
.coruse_top .coruse_top_in .thum_tit_area{margin-bottom: 30px;}
.coruse_top .coruse_top_in .thum_tit_area .tit_coruse{font-size: 1.68rem;font-weight:700;color: #000;margin-bottom: 10px;}
.coruse_top .coruse_top_in .thum_tit_area .thum_bottom{margin-top: 20px;}
.coruse_top .coruse_top_in .thum_tit_area02{position: relative;float: right;width: 58%;border-top:1px solid rgba(255, 255, 255, .2);margin-top: 20px;padding-top: 20px;}
.coruse_top .coruse_top_in .thum_tit_area02 .price_area .tit_sale{font-size: 1.06rem;color: #ffec49;}
.coruse_top .coruse_top_in .thum_tit_area02 .price_area .tit_price{font-size: 1.25rem;color: #ffec49;}
.coruse_top .coruse_top_in .thum_btn_area{position: absolute;bottom:50px;right:0;}

/* 과정상세 */
.container .sub_area .coruse_view{padding:30px 0 0 0;}
.container .sub_area .coruse_view dl dt{font-size: 1.125rem;font-weight:500;color:#333;}
.container .sub_area .coruse_view dl dd{padding:10px 0 35px 0;color:#666;line-height: 1.5;}

.container .sub_area .coruse_view dl dd .teacher_area{overflow:hidden;}
.container .sub_area .coruse_view dl dd .teacher_area .thum_teacher img{float:left;width:184px;height:184px;border-radius:100%;background: #eee;}
.container .sub_area .coruse_view dl dd .teacher_area .teacher_tit .name{padding:0 0 15px 0;color:#000;font-weight:500;font-size: 1.06rem;}
.container .sub_area .coruse_view dl dd .teacher_area .teacher_tit .edu{display:inline-block;color:#666;}
.container .sub_area .coruse_view dl dd .teacher_area .teacher_tit ul li{padding:0 0 3px 3px;list-style-type:"-";}

.tbl_curriculum table{display:table;width:100%;margin:0 0 40px 0;}
.tbl_curriculum table thead th{color:#333;font-weight:700;height: 55px;background:#f1f3f7;border-bottom:1px solid #e8eaee;vertical-align:middle;}
.tbl_curriculum table tbody th{border-bottom:1px solid #e2e2e2;border-left: 1px solid #e8eaee;background:#fff;text-align: center;color: var(--secondary-color);font-weight:700;}
.tbl_curriculum table tbody td{border-bottom:1px solid #e2e2e2;border-left: 1px solid #e8eaee;padding: 10px;line-height: 1.5;}
.tbl_curriculum table thead th:first-child{border-left: 1px solid #e8eaee;}
.tbl_curriculum table thead th:last-child{border-right: 1px solid #e8eaee;border-top: 1px solid #e8eaee;}
.tbl_curriculum table tbody td:last-child{border-right: 1px solid #e8eaee;}
.tbl_curriculum table .tit{font-weight: 600;color: #000;}

/* photo 게시판 */
.photo_list{display:flex;flex-wrap:wrap;gap:3.3rem;}
.photo_list .item{width:calc((100% - 6.6rem) / 3);}
.photo_list .item .thumb{display: block;overflow: hidden;position: relative;z-index: 0;height: 0;margin-bottom: 20px;padding-top: 62%;background-color: #eee;border-radius: 15px;}
.photo_list .item .thumb img{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;transition: all 0.3s ease;}
.photo_list .item .thumb:hover img{transform:scale(1.15)}
.photo_list .item .tit{font-size: 1.5rem;font-weight:700;color: #111;line-height: 1.5;}
.photo_list .item .date{color:#888;}

/* MyPage */
.setting_wrap .tit_area{border-bottom: 1px #222 solid;margin-bottom: 20px;padding-bottom: 10px;}
.setting_wrap .tit_day{margin-right: 5px;font-size: 1.125rem;font-weight: 700;color: var(--text-color);}
.setting_wrap .slide_control a{position: relative;display: inline-block;overflow: hidden;width: 24px;height: 24px;border: none;margin: 0 1px;text-indent: -999999px;vertical-align: middle;}
.setting_wrap .slide_control a::before{content: '';position: absolute;top:0;left:0;width: 20px;height: 20px;}
.btn_next::before{background: url('../../images/front/component/icon/ico_angle.svg') no-repeat;transform: rotate(-90deg);background-size: 100%;}
.btn_prev::before{background: url('../../images/front/component/icon/ico_angle.svg') no-repeat;transform: rotate(90deg);background-size: 100%;}
.class_set{margin-bottom: 30px;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.class_set th{height:45px;padding: 0 15px;border-left:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;vertical-align:middle;font-size: 0.93rem;font-weight: 600;color: #222;}
.class_set td{height:43px;padding: 0 15px;border-left:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;vertical-align:middle;font-size: 0.93rem;}
.class_set td.on{background: var(--secondary-color);}
.class_set td.on .chk_st label{color: #fff;}
.class_set .day_on{background: #fbf7e8;}
.class_set .day_past{background: #f9f9f9;}
.class_set .day_register{background: #e9f3ff;}
.class_set .past_day .chk_st label{color: #bebebe;}
.class_set td .chk_st{margin: 0;}
.class_set td .chk_st input[type="checkbox"]:disabled{background: #f9f9f9;border: 1px solid #eee;}
.class_set td .chk_st label{color: #666;}
.class_set td .chk_st.on{background: var(--secondary-color);padding: 6px 8px;border-radius: 7px;}
.class_set td .chk_st.on label{color: #fff;}

.class_week{width: 50%;margin: 0 auto 20px auto;}
.class_week .btn_group{display: flex;flex-direction: row;justify-content: space-between;gap: 0.5rem;}
.class_week .btn_group label{flex: 1;}
.class_week .btn_group input[type="checkbox"]{display: none;}
.class_week .btn_group span{display: block;width: 100%;height: 100%;padding: 0 10px;border: 1px solid #ddd;border-radius: 8px;font-size: 0.93rem;line-height: 40px;text-align: center;cursor: pointer;}

/* 기업제휴 */
.flex_box {display: flex; justify-content: space-between; align-items: center;}
.type_area .partnr_box {width: 48%; padding: 50px 0; border-radius: 12px; text-align: center;}
.type_area .partnr_box.box01 {background-color: #f9f5e1;}
.type_area .partnr_box.box02 {background-color: #ebf2fa;}
.type_area .partnr_box span {position: relative; margin-top: -10px; font-size: 0;}
.type_area .partnr_box.box01 span::before {content: ''; position: absolute; top: 0; left: 50%; width: 86px; height: 93px; margin-top: -20px; margin-left: -43px; background: url('../../images/front/sub/icon_ticket01.png') no-repeat center center;}
.type_area .partnr_box.box02 span::before {content: ''; position: absolute; top: 0; left: 50%; width: 95px; height: 79px; margin-top: -5px; margin-left: -47px; background: url('../../images/front/sub/icon_ticket02.png') no-repeat center center;}
.type_area .partnr_box p {display: block; height: 100%; margin-top: 90px; font-size: 1.625rem; font-weight: 600; color: #313842; line-height: 30px;}
.type_area .partnr_box.box02 p {line-height: 60px;}
.type_area .partnr_box button {min-width: 155px; margin-top: 25px; padding: 15px; border-radius: 50px; background-color: #1e1e1e;font-weight: 600; color: #fff;}

/* 강의 검색 */
.field-1 { grid-column: 1 / 2; }
.field-2 { grid-column: 2 / 4; }
.field-3 { grid-column: 4 / 5; }
.filed-4 { grid-column: 5 / 6; }
.field-all { grid-column: 1 / 6; }
.field-1-1 { grid-column: 1 / 4; }
.field-1-2 { grid-column: 4 / 6; }

/* 페이지준비중 */
.no_result{position: relative;text-align: center;padding-top: 70px;}
.no_result::before{content: '';position: absolute;top:0;left:50%;transform: translateX(-50%);width: 70px;height: 65px;background: url('../../images/front/sub/result_img01.png') no-repeat;}
.no_result p{font-size: 1.125rem;font-weight: 600;color: #222;}

.search_wrap {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto; align-items: start; gap: 20px 40px;margin-bottom: 50px;padding: 40px;border: 1px solid;border-color: var(--border-color);border-radius: var(--border-radius-lg);}
.search_wrap .tit {margin-bottom: 10px; font-size: 1.125rem; font-weight: 700; color: #000;}
.search_wrap .tit_area_type .tit{display: inline-block;margin-right: 10px;}
.search_wrap .box select,
.search_wrap .box input[type="text"] {width: 100%;border-color: #ddd;}
.search_wrap .box .search_inline {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.search_wrap .box .search_inline select {flex: 1;}
.search_wrap .box .search_inline .btn_group {flex: 1; margin-left: 20px;}
.search_wrap .box .btn_group {display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 5px;}
.search_wrap .box .btn_group input[type="checkbox"] {display: none;}
.search_wrap .box .btn_group label:hover span {border: 1px solid #5e7ce7; border-radius: 8px; color: #395ee1;}
.search_wrap .box .btn_group input[type="checkbox"]:checked + span {border: 1px solid #5e7ce7; border-radius: 8px; background-color: #edf1ff;font-weight: 700;color: #395ee1;}
.search_wrap .box .btn_group span {display: block; width: 100%; height: 100%; padding: 0 10px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.93rem; line-height: 45px; text-align: center;}
.search_wrap .box .btn_group .btn_level {flex: 1;}
.search_wrap .box.filed-4 .btn_group .btn_level {flex: 1;}
.search_wrap .box .search_inline .btn_group.group02 {flex: 1; margin-left: 0;}
.search_wrap .box .search_inline .btn_group.group02 .day_on{font-weight: 800;color: var(--secondary-color)}
.search_wrap .box .btn_group.group02 button {flex: 1; background-color: #fff;}
.search_wrap .box .btn_group.group02 button span {position: relative; border-radius: 6px; font-size: 0; min-height: 60px;}
.search_wrap .box .btn_group.group02 button span:hover {border: 1px solid #5e7ce7;}
.search_wrap .box .btn_group.group02 button span::before {content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 12px; margin-top: -6px; margin-left: -3px; background: url('../../images/front/icon/icon_dot.png') no-repeat; background-size: contain;}
.search_wrap .box .btn_group.group02 button.btn_prev span::before {transform: rotate(180deg);}
.search_wrap .box .btn_group.group02 label {flex: 1.7; background-color: #fff;}
.search_wrap .box .btn_group.group02 label span {min-height: 60px; padding: 11px; line-height: 1.2; background-color: #fff;}
.search_wrap .box .search_inline .type_group {display: flex; justify-content: space-between; align-items: center; flex: 0.5; margin-left: 10px;}
.search_wrap .box .btn_group.group03 {flex-wrap: wrap;justify-content: flex-start; margin: -5px;}
.search_wrap .box .btn_group .btn_tag {margin: 5px;}
.search_wrap .box .btn_group .btn_tag span {padding: 0 15px;}
.search_wrap .color_org2{font-weight: 700;}

.search_wrap .btn_wrap {margin: 0;}
.search_wrap .btn_wrap button.btn:hover {background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition: ease-in-out 1s;}
.search_wrap .btn_wrap .btn.primary {min-width: 130px; border: 1px solid #111; background-color: #111;}
.search_wrap .btn_wrap .btn.grayscale02 {border-radius: 8px!important;}

/* 실무특강 카테고리 */
.category_wrap{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom: 40px;}
.category_wrap .box{overflow: hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border: 1px #eee solid;border-radius:10px;min-width:13.1%;height: 95px;}
.category_wrap .box .title{display: block;width: 100%;height: 42px;background-color: #eee;font-weight: 700;line-height: 42px;}
.category_wrap .box .desc{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding: 0 20px;}
.category_wrap .box .desc span{display: block;max-width: 140px;font-size: 0.93rem;font-weight: 600;color:#777;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.category_wrap .box.active, .category_wrap .box:hover{border: 1px #5478ce solid;}
.category_wrap .box.active .title, .category_wrap .box:hover .title{background:#5478ce;color:#fff;}

/* 강사 예약 */
.time_wrap{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 20px;padding: 20px 0;border-top: 1px solid; border-bottom: 1px solid;border-color: var(--border-color);}
.time_wrap .btn_time{position: relative;width: 30%;height: 45px;text-align: center;cursor: pointer;transition: background-color 0.3s, color 0.3s;}
.time_wrap .btn_time .time{display: block;width: 100%;height: 100%;font-size: 0.93rem;line-height: 45px;border: 1px solid #ddd;border-radius: 8px;}
.time_wrap .btn_time:hover .time{border-color: var(--secondary-color);}
.time_wrap .btn_time input[type="checkbox"] {display: none;}
/* .time_wrap .btn_time input[type="checkbox"]:checked + span {background-color: var(--secondary-color);color: white;border-color: #4a67ff;border-radius: 8px;} */
.time_wrap .btn_time input[type="checkbox"]:disabled + span {background-color: #f0f0f0;color: #bbb;cursor: not-allowed;}
.time_wrap .btn_time:hover input[type="checkbox"]:disabled + span{border-color: #f0f0f0;}
.time_wrap .btn_time.over::before{content: "승인대기";position: absolute;top:14px;left:50%;font-size: 14px;font-weight: 700;color: #31148f;}
.time_wrap .btn_time.end::before{content: "강의종료";position: absolute;top:14px;left:50%;font-size: 14px;font-weight: 700;color: #31148f;}
.time_wrap .btn_time::before{position: absolute;top:13px;left:50%;width:100%;font-size: 14px;font-weight: 700;transform: translateX(-50%);}
.time_wrap .btn_time.cfm_before::before{content: "확정대기";color: #2db400;}
.time_wrap .btn_time.drop::before{content: "선정취소";color: #000;}
.time_wrap .btn_time.cancle::before{content: "강의취소";color: #eb0000;}
.time_wrap .btn_time.stand::before{content: "인원초과";color: #eb0000;}
.time_wrap .btn_time.into{background:#4d6ee4;border-radius: 10px;}
.time_wrap .btn_time.into::before{content: "입장";color: #fff;}
.time_wrap .btn_time.view::before{content: "다시보기";color: #4d6ee4;}
.num_area{margin-bottom: 15px;font-size: 0.93rem;width: -webkit-fill-available;}

.time_wrap.all{display:block;}
.time_wrap.all .btn_time{display:flex;width:100%;margin-bottom:8px;border:1px solid #ddd;border-radius:8px;padding:12px 16px;font-size: 0.93rem;}
.time_wrap.all .btn_time:hover{border-color: var(--secondary-color);}
.time_wrap.all .btn_time:last-child{margin-bottom: 0;}
.time_wrap.all .btn_time .people{margin-left:auto;font-size: 14px;}
.time_wrap.all .btn_time .people::before {content: '';position: absolute;top: 0;left: -13px;width: 18px;height: 15px;background: url(../../images/front/component/icon/ico_group.svg) no-repeat;background-size: cover;}
.time_wrap.all .btn_time .people strong{color: #00278e;}
.time_wrap.all .btn_time.person_info.disabled {background: #f0f0f0;border-color: #ddd;color: #999;cursor: not-allowed;}
.time_wrap.all .btn_time.person_info.disabled .date, .time_wrap.all .btn_time.person_info.disabled .people, .time_wrap.all .btn_time.person_info.disabled .people strong{color: #999;}
.time_wrap.all .btn_time.person_info.disabled .people::before{opacity: 0.3;}
.time_wrap.all .btn_time.person_info.into .people, .time_wrap.all .btn_time.person_info.stand .people, .time_wrap.all .btn_time.person_info.cfm_before .people, .time_wrap.all .btn_time.person_info.cancle .people, .time_wrap.all .btn_time.person_info.view .people{display: none;}

.teacher_info .teacher_top {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; position: relative; margin-bottom: 50px; padding: 40px 65px;}
.teacher_info .teacher_top::before {content:''; display: block; position: absolute; top: 0; left: 50%; width: 200%; height: 100%; transform: translateX(-50%); background-color: #f7f8fa; z-index: -1; box-sizing: border-box;}
.teacher_list .teacher_top .box {min-width: 250px;margin-bottom: 0; padding-bottom: 0; transition: none;}
.teacher_list .teacher_top .box::before {display: none;}
.teacher_list .teacher_top .box:hover {transform: none;}
.teacher_list .teacher_top .box .photo_area {max-height: 245px;}
.teacher_list .teacher_top .box .name {margin-bottom: 3px;font-size: 1.625rem;font-weight: 700;color: #333;}
.teacher_list .teacher_top .box .tit {font-size: 1.125rem;font-weight: 600;}
.teacher_list .teacher_top .box .rating_area {margin-bottom: -5px;}
.teacher_list .box .date_area {margin: 0 20px; padding: 10px 0; border-top: 1px solid #ddd;}
.teacher_list .box .date_area p {display: inline-block; position: relative; padding-left: 25px;font-weight: 600; color: #121519;}
.teacher_list .box .date_area p::before {content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 18px; margin-top: -10px; background: url('../../images/front/icon/icon_date02.png') no-repeat center center;}
.teacher_list.teacher_top .box .photo_area .badge {background-color: var(--primary-color); color: #fff;}
.label_time {padding: 3px 5px; border: 1px solid #4667e2; border-radius: 50px; font-size: 13px; font-weight: 600; color: #4667e2;}

.teacher_list .box .photo_area {position: relative;}
.teacher_list .box:hover .photo_area::before {opacity: 1;}
.teacher_list.teacher_top .box .photo_area::before {display: none;}
.teacher_list .box .tit_time{padding: 10px 10px 20px 10px;font-size: 0.93rem;}

.schedule_box{width: 76%;}
.schedule_box .inner_tbl{width: 100%;}
.schedule_box .inner_tbl th{background-color: #fff;}
.schedule_box .inner_tbl td{padding: 5px 10px;}
.label_time{padding: 5px 8px; border: 1px solid #4667e2; border-radius: 15px; background-color: #fff; font-size: 13px; color: #4667e2;}

/* 강의예약 이용안내 */
.content_area {position: relative;}
.q_info_area{position: relative;text-align: right;}
.q_mark {font-weight: 700;color: #000;cursor: pointer;}
.q_mark span {position: relative; font-size: 0; margin-right: 23px;}
.q_mark span::before {content:''; position: absolute; top: -15px; left: 0; width: 18px; height: 18px; background: url('../../images/front/icon/icon_info.png') no-repeat 0 0;}
.q_info {opacity: 0; visibility: hidden; transition: 0.1s ease-in-out; position: absolute; bottom: 40px; right: 0; display: inline-block; padding: 20px; border: 2px solid #222; border-radius: 10px; background-color: #fff;box-shadow: 0 5px 10px rgb(0 0 0 / 20%);z-index: 3;}
.q_mark:hover + .q_info {opacity: 1; visibility: visible;}
.q_info::before {content: ''; position: absolute; bottom: -10px; right: 119px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 11px solid #fff;z-index: 1;}
.q_info::after {content: ''; position: absolute; bottom: -12px; right: 118px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #222;}
.q_info .q_box {display: flex; align-items: center; gap: 10px; min-width: 455px; margin-bottom: 10px; font-size: 0.93rem;}
.q_info .q_box:last-child {margin-bottom: 0;}
.q_info .q_box p {display: inline-block; min-width: 75px; padding: 8px 10px; border: 1px solid #ddd; border-radius: 7px; background-color: #f0f0f0; font-weight: 700; text-align: center;}
.q_info .q_box p.over {color: #31148f;}
.q_info .q_box p.cfm_before {color: #2db400;}
.q_info .q_box p.enter {border: 1px solid #4d6ee4; background-color: #4d6ee4; color: #fff;}
.q_info .q_box p.again {color: #4d6ee4;}
.q_info .q_box p.cancle {color: #eb0000;}
.q_info .q_box span {line-height: 1.2;}

/* 강의정보 */
.sched_tit {margin-bottom: 20px;}
.sched_tit.setting_wrap .slide_control ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sched_tit.setting_wrap .slide_control ul li {padding: 0 5px;}
.sched_tit.setting_wrap p.cal_date {font-size: 1.25rem; font-weight: 700; color: #000;}
.teacher_bottom .sched_tit.setting_wrap p.cal_date {padding: 0 10px; font-size: 1.875rem; font-weight: 600;}
.teacher_bottom .info_box {margin-top: 30px;}
.teacher_bottom .sched_tit {line-height: 1.2;}
.res_box {display: flex; align-items: center; border-bottom: 1px solid #d8d8d8;}
.res_box:first-child {border-top: 1px solid #616161;}
.res_box p {font-size: 1.125rem; font-weight: 600; color: #000;}
.res_schedule .res_left {padding: 0 65px;}
.res_schedule .res_right {width: 100%; border: 0;}
.res_schedule .res_right .btn_time {overflow: hidden;display: inline-block;width: 5.6%; min-width: 60px;border: 1px #ddd solid;border-radius: 10px;line-height: 45px;}
.res_schedule .res_right .btn_time input[type="checkbox"]:disabled + span{display: inline-block;width: 100%;height: 100%;}
.res_schedule .res_right .btn_time::before {top: 0;}
.btn_time.rest input[type='checkbox']:disabled + span {border: 1px solid #ddd; background-color: #fff; color: #b4b4b4;}
.res_more_btn {margin-top: 20px; text-align: center;}
.res_more_btn a {font-size: 1.125rem; font-weight: 600; color: #666;}
.res_more_btn a span {position: relative; font-size: 0;}
.res_more_btn a span::before {content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -13px; padding-left: 7px; background: url(../../images/front/icon/icon_plus.png) center center no-repeat;}

.info_box.on {display: block;}
.info_box .tit {margin-bottom: 15px;font-size: 1.56rem;color: #000;font-weight: 700;}
.info_box .txt {margin-bottom: 50px;color: #696969; line-height: 1.7;}
.info_box .rating_box {display: flex; justify-content: space-around;}
.info_box .rating_box {width: 80%; margin: 0 auto; padding: 50px; border-radius: 10px; background-color: #f7f8fa;}
.info_box .rating_box .rating_big {margin: 0; align-items: center;}
.info_box .rating_box .rating_big .stars {margin-top: 5px; margin-right: 15px;}
.info_box .rating_box .rating_big .stars .star {width: 20px; height: 21px; background-size: contain;}
.info_box .rating_box .rating_big .ration_text {font-size: 2.187rem; font-weight: 600;}
.info_box .rating_box .res_graph {width: 50%;}
.info_box .rating_box .res_graph ul {display: flex; justify-content: space-between;}
.info_box .rating_box .res_graph ul li p {position: relative; padding-top: 75px;}
.info_box .rating_box .res_graph ul li p::before {content: ''; position: absolute; bottom: 0; left: 50%; width: 10px; height: 70px; margin-top: -10px; margin-bottom: 25px; border-radius: 50px; background-color: #324aa2;}
.info_box .rating_box .res_graph ul li.ration05 p::before {height: 70px;}
.info_box .rating_box .res_graph ul li.ration04 p::before {height: 50px;}
.info_box .rating_box .res_graph ul li.ration03 p::before {height: 35px;}
.info_box .rating_box .res_graph ul li.ration02 p::before {height: 12px;}
.info_box .rating_box .res_graph ul li.ration01 p::before {height: 12px;}

.info_box .res_rating {width: 80%; margin: 0 auto; padding-top: 30px;}
.info_box .res_rating .rating_area {margin: 0;}
.info_box .res_rating .res_left {width: 17%;}
.info_box .res_rating .res_right {width: 83%; margin: 0 20px; padding: 20px 0;}
.info_box .res_rating .res_right p {font-weight: 500;}
.info_box .res_rating .res_right ul {overflow: hidden;}
.info_box .res_rating .res_right ul li {position: relative; float: left; padding: 0 10px;color: #a9a9a9;}
.info_box .res_rating .res_right ul li::before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -6px; background-color: #d7d7d7;}
.info_box .res_rating .res_right ul li:first-child {padding-left: 0;}
.info_box .res_rating .res_right ul li:first-child::before {display: none;}

/* 수강후기 */
.review_area{margin-bottom: 30px;}
.star_rating_wrap{margin-bottom: 13px;}
.star_rating_wrap p{display: inline-block;font-size: 1.125rem;font-weight: 500;color: #333;vertical-align: middle;margin-right: 20px;}
.star_rating_wrap .star {vertical-align: top;display: inline-block;width: 19px;height: 19px;margin-top: 5px;background: url(/images/front/icon/icon_star.png) no-repeat 0 0;}
.star_rating_wrap .star span {display: block; width: 100%; height: 100%; font-size: 0;}
.star_rating_wrap .star.on {background: url(/images/front/icon/icon_star_on.png) no-repeat 0 0;}
.star_rating_wrap .star.on span {display: none; visibility: hidden;}
.review_area .review_box textarea{background: #f8f8f8;border: 1px #ebebeb solid;margin-bottom: 10px;border-radius: 10px;}
.review_area .review_bottom{overflow: hidden;}
.review_area .review_bottom .review_file{float: left;line-height: 43px;}
.review_area .review_bottom .review_file p{display: inline-block;font-size: 0.93rem;}
.review_area .review_bottom .file{position: relative;font-weight: 500;color: #333;padding-right: 30px;margin-right: 20px;}
.review_area .review_bottom .file::before{content: '';position: absolute;top:2px;right:0;width: 22px;height: 22px;background: url(/images/mgr/common/btn_file_add.png) no-repeat;}
.review_area .review_bottom .btn_area{float: right;}
.review_area .review_bottom .btn_area .bite{font-size: 14px;color: #8e8e8e;margin-right: 5px;}
.review_area .review_bottom .btn_area .bite strong{color: #000;font-weight: 400;}
.review_area .review_bottom .btn_area .btn_normal{height: 43px;min-width: 100px;}
.review_list{border-top: 1px #333 solid;}
.review_list li{position: relative;border-bottom: 1px #ddd solid;padding: 20px 0;}
.review_list li .review_info{margin-bottom: 10px;}
.review_list li .review_info .name{display: inline-block;font-weight: 500;color: #222;margin-right: 10px;vertical-align: middle;}
.review_list li .review_info .star_rating_wrap{display: inline-block;margin: 0 20px 0 0;vertical-align: middle;}
.review_list li .review_info .date{font-size: 0.93rem;color: #888;vertical-align: middle;}
.review_list li .r_btn_area{position: absolute;top:25px;right:0;}
.review_list li .r_btn_area a{font-size: 14px;border: 1px #bebebe solid;border-radius: 3px;padding: 3px 8px;margin: 0 1px}
.review_list li .text{color: #666;line-height: 1.4;}
.review_list li .re_modify{border: 1px #ddd solid;margin-top: 3px;border-radius: 10px;}
.review_list li .btn_file{display:inline-block;width:30px;height:16px;background:url('../../images/front/icon/icon_file.png') no-repeat center 0;font-size: 0;vertical-align: middle;margin-left: 10px;}

/* ai tutor */
.ai_cont {position: relative;}
.ai_cont .ai_txt {text-align: center;}
.ai_cont .ai_txt p {font-size: 2.25rem; font-weight: 600; color: #222;}
.ai_cont .ai_txt span {font-size: 1.125rem; font-weight: 400; color: #7a7a7a;}
.ai_cont #animation-ai {position: absolute; left: 50%; margin-left: -250px; height: 120px!important;}
.ai_cont .ai_list {display: flex; flex-direction: row; justify-content: center; gap: 40px; margin-top: 120px;}
.ai_cont .ai_list .ai_box {display: block; overflow: hidden; position: relative; width: 310px; height: 340px; border-radius: 25px;}
.ai_cont .ai_list .ai_box img {position: relative; width: 100%; height: 100%;}
.ai_cont .ai_list .ai_box::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); z-index: 1;}
.ai_cont .ai_list .ai_box p {position: absolute; left: 50%; bottom: 40px; margin-left: -25px; font-size: 1.875rem; font-weight: 700; color: #fff; z-index: 3;}
.ai_cont .ai_list .ai_box:last-child p {margin-left: -50px;}
.ai_cont .btn_area {text-align: center; margin-top: 40px;}
.ai_cont .btn_area button.btn.round.large {min-width: 310px;  padding: 20px;}
.ai_cont .btn_area button.btn.round.large::before {right: 65px;}

/* 회원 타입 선택  */
.type_area {max-width: 890px;margin: 0 auto;text-align: center;}
.type_area .btn_type {width: 48%;margin-bottom: 10px;}
.type_area .btn_type input[type="radio"] {display: none;}
.type_area .btn_type input[type="radio"] + span {display: block; width: 100%; padding: 50px 0; border: 3px solid #ecf3f1; border-radius: 12px; background-color: #ecf3f1; font-size: 1.625rem; font-weight: 600; color: #313842; text-align: center;}
.type_area .btn_type.type01 input[type="radio"] + span {border: 3px solid #ecf3f1; background-color: #ecf3f1;}
.type_area .btn_type.type01 input[type="radio"]:checked + span, .type_area .btn_type.type01:hover input[type="checkbox"] + span {border-color: #88cdb9;}
.type_area .btn_type.type02 input[type="radio"] + span {border: 3px solid #fdeded; background-color: #fdeded;}
.type_area .btn_type.type02 input[type="radio"]:checked + span, .type_area .btn_type.type02:hover input[type="checkbox"] + span {border-color: #f79ca9;}
.type_area .btn_type input[type="radio"] + span {position: relative;padding-top: 180px;cursor: pointer;}
.type_area .btn_type span::before {content: ''; position: absolute; top: 0; left: 50%; width: 105px; height: 104px; margin-left: -53px; margin-top: 50px;}
.type_area .btn_type.type01 span::before { background: url('../../images/front/sub/icon_mem01.png') no-repeat center center;}
.type_area .btn_type.type02 span::before { background: url('../../images/front/sub/icon_mem02.png') no-repeat center center;}

/* 마이페이지홈 */
.my_wrap{display: flex;justify-content: space-between;}
.my_wrap .my_left{width: 320px; padding-right: 20px;}
.my_wrap .my_left .box{padding: 30px;margin-bottom: 20px;background: #f8f8f8;border-radius: 10px;}
.rank_area{text-align: center;}
.rank_box{position: relative;display: inline-block;margin-bottom: 10px;width: 140px;height: 140px;background: #fff;border-radius: 35px;text-align: center;}
.rank_box::before{content: '';position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;margin-top: -50px;margin-left: -50px;background: url(../../images/front/sub/rank_bg.png) no-repeat 0 0;background-size: 100%;}
.rank_box img{position: relative;width:55px;padding-top: 43px;}
.my_wrap .my_left .box .rank_tit span{font-size: 0.937rem;font-weight: 600;color: #777;}
.my_wrap .my_left .box .rank_tit a{display: inline-block;margin-left: 5px;width: 20px;height: 20px;font-size: 0;background: url(../../images/front/icon/icon_info02.png) no-repeat center 2px;}
.my_wrap .my_left .box .id01{font-size: 1.375rem;font-weight: 700;color: #111;line-height: 1.2;}
.my_wrap .my_left .box .id02{font-size: 0.937rem;margin-bottom: 20px;}
.my_wrap .my_left .box .mem_text{font-size: 0.812rem;margin-top: 8px;}
.my_wrap .my_left .box .tit{font-size: 1.125rem;font-weight: 700;color: #111;margin-bottom: 20px;}
.my_wrap .my_left .box .my_go li a{position: relative;display: block;padding: 0 10px;height: 45px;font-weight: 600;line-height: 45px;z-index: 9;}
.my_wrap .my_left .box .my_go li a::before{content: '';position: absolute;top: 18px;right: 10px;width: 7px;height: 9px;background: url(../../images/front/icon/icon_dot02.png) no-repeat;}
.my_wrap .my_left .box .my_go li a:hover{background: #eee;border-radius: 10px;}
.my_wrap .my_right{width: 74%;}
.my_wrap .my_right .btn_more{position: absolute;top:10px;right:0;}
.my_wrap .my_right .inner_tbl{border-top: none;}
.my_wrap .my_right .inner_tbl thead th{border-bottom: none;}
.my_h_list li{margin-bottom: 20px;}
.my_h_list .box_con{position: relative;padding: 25px 30px 20px 30px;border: 1px #ddd solid;border-radius: 10px;}
.my_h_list .box_con:hover{border: 1px #4f47b8 solid;box-shadow: 0 0 22px rgb(0, 0, 0, 0.1);}
.my_h_list .box_con .label_area{position: absolute;top:20px;right:20px;}
.my_h_list .box_con .label_area .btn_go{vertical-align: middle;font-weight: 700;}
.my_h_list .box_con .label_tech{display: inline-block;height: 28px;margin-bottom: 5px;padding: 0 10px;border: 1px #4f47b8 solid;border-radius: 50px;font-size: 0.812rem;font-weight: 700;color: #4f47b8;line-height: 28px}
.my_h_list .box_con .tit{display: block;width: 80%;margin-bottom: 5px;font-size: 1.312rem;font-weight: 700;color: #111;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.my_h_list .box_con .tit:hover{text-decoration: underline;}
.my_h_list .box_con .day{margin-left: 15px;}
.my_h_list .box_con .schedule{padding-left: 25px;background: url(../../images/front/icon/icon_date02.png) no-repeat 0 3px;}

/* 마이페이지 */
.r_page .tit_point {text-align: right;}
.w100p {width: 100%;}
.mt5 {margin-top: 5px;}
.br_rn {border-right: none!important;}
.btn_wrap02 {overflow: hidden; margin: 10px 0; text-align: center;}
.txt_elps {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}

.mypage_area {overflow: hidden;}
.mypage_area .page_btn {display: block; float: right;}
.tbl_cell_group.r_page th, .tbl_cell_group.r_page td {text-align:center; border-right: 1px solid #e5e5e5;}
.tbl_cell_group.r_page tr:last-child th, .tbl_cell_group.r_page tr:last-child td {text-align:left; border-right: none;}
.page_flex {display: flex; justify-content: space-between;align-items: center;}
.page_flex.f_start {flex-wrap: wrap; justify-content: flex-start;}
.page_flex.align_t {align-items : flex-start!important;}
.page_flex.align_s {align-items : stretch;}
.page_flex.half li {width: 50%;}
.page_flex.half li input {width: 75%;}

.mg_category {overflow: hidden;padding: 3px 0;letter-spacing: -0.5px;}
.mg_category li {position: relative; float: left; padding: 0 5px 0 15px;}
.mg_category li:first-child {padding-left: 0;}
.mg_category li:first-child::before {display: none; padding-right: 0;}
.mg_category li::before {content: '>'; position: absolute; top: -2px; left: 0;}

.cat_box {display: flex; justify-content: space-between; width: 100%;}
.cat_box select {margin-right: 5px; width: 100%;}
.btn_edit {display: flex; align-items: center;}
.btn_edit li {margin-left: 6px;}
.btn_edit li:first-child {margin-left: 0;}
.btn_edit li a {display: block; position: relative; width: 20px; height: 20px;}
.btn_edit li a p {display: none;}
.btn_edit li a::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px;}
.btn_edit li a.edit_add::before {background: url(../../images/front/common/btn_plus.png) no-repeat center center;}
.btn_edit li a.edit_del::before {background: url(../../images/front/common/btn_minus.png) no-repeat center center;}
.keyword_box input {margin: 2px 0 2px 5px;width: 19.3%;}
.keyword_box input:first-child {margin-left: 0;}


/* 관심등록 현황 */
.tit_area_flex.align_end {align-items: flex-end;}
.int_box .int_list .chk_list li .chk_st input[type="checkbox"]:disabled+label:before {border: 1px solid #bbb; background: #fff;}

.int_wrap .conts_wrap .btn.xsm {min-width: 70px;}
.int_wrap .chk_list li {margin-right: 0;}
.int_box .int_list {width: 100%; padding: 15px 45px; border: 1px solid #4f47b8; border-radius: 10px; background-color: #4f47b8; color: #fff; font-weight: 700;}
.int_box .int_list ul {width: 100%;}
.int_box .int_list ul li {width: auto;}
.int_box .int_list ul li:last-child {width: 70%; text-align: center;}

.int_box .int_conts {margin: 7px 0; padding: 15px 45px; border: 1px solid #ddd; border-radius: 10px;}
.int_box .int_conts:hover {background-color: #f8f8f8;}
.int_box .int_conts .chk_list {width: 35%;}
.int_box .int_conts .chk_list label:hover {color: #0f62fe; text-decoration: underline;}
.int_box .int_conts .chk_list a {position: relative;}
.int_box .int_conts .chk_list a::before {content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -7px; padding-left: 10px; background: url('../../images/front/icon/icon_person02.png') center center no-repeat;}
.int_box .int_conts .chk_list a span {display: none;}
.int_box .int_conts .mg_category {width: 65%;}

.paging_area .btn_page {position: relative; width: 27px; color: #4f47b8;}
.paging_area .btn_page::before {content:''; position: absolute; top: 0; left: 0; width: 27px; height:27px;}
.paging_area .btn_page.icon01::before {background: url('../../images/front/common/btn_paging_first02.png') center center no-repeat;}
.paging_area .btn_page.icon02::before {background: url('../../images/front/common/btn_paging_prev02.png') center center no-repeat;}
.paging_area .btn_page.icon03::before {background: url('../../images/front/common/btn_paging_next02.png') center center no-repeat;}
.paging_area .btn_page.icon04::before {background: url('../../images/front/common/btn_paging_last02.png') center center no-repeat;}
.paging_area .btn_page span {display: none;}

/* 간편회원가입 */
.join_box {width: 450px; margin: 0 auto;}
.login_sns .social .btn_join {display: inline-block; width: 100%; height: 60px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 8px;}
.login_sns .social .btn_join:hover{border: 1px solid #4f47b8;color: #4f47b8;box-shadow: 0 0 22px rgb(0, 0, 0, 0.1);}
.login_sns .social .btn_join span {position: relative; display: inline-block; width: 100%; height: 100%; margin-left: 20px; padding-left: 60px; font-weight: 700; color: #333; text-align: left; line-height: 57px;}
.login_sns .social .btn_join span::before {content: ''; position: absolute; top: 50%; left: 0; width: 34px; height: 34px; margin-top: -17px; border-radius: 50%;}
.login_sns .social .btn_join.icon01 span::before {background: url(../../images/front/icon/login_sns01.png) no-repeat 9px 10px #f4d355; background-size: 50%;}
.login_sns .social .btn_join.icon02 span::before {background: url(../../images/front/icon/login_sns02.png) no-repeat 11px 11px #24ae02; background-size: 40%;}
.login_sns .social .btn_join.icon03 span::before {border: 1px #ddd solid; background: url(../../images/front/icon/login_sns03.png) no-repeat center center #fff; background-size: 50%;}
.login_sns .social .btn_join.icon04 span::before {border: 1px #ddd solid; background: url(../../images/front/icon/login_sns04.png) no-repeat center center #fff;}

/* 신청서작성 */
.apply_wrap{max-width:1080px;background: #fff;margin: 0 auto;padding-bottom: 40px;}
.apply_wrap .apply_step_area {position: relative;background: #f2f2f2;padding: 35px 0 20px 60px;}
.apply_wrap .apply_step_area .step_tit01{font-size: 1.125rem;font-weight: 500;color: #dc2829;margin-bottom: 10px;}
.apply_wrap .apply_step_area .step_tit02{font-size: 1.5rem;font-weight: 500;color: #222;margin-bottom: 15px;letter-spacing: -1px}
.apply_wrap .apply_step_area .step_tit02 strong{font-weight: 500;color: #435ea9;margin-right: 7px;}

.apply_info{overflow: hidden;font-size: 0.93rem;}
.apply_info dt{float: left;color: #111;margin-right: 10px;}
.apply_info dd{position: relative;float: left;margin-right: 30px;}
.apply_info dd:after{position:absolute;top:50%;right:-15px;margin-top:-6px;width:1px;height:13px;content:'';background:#bababa;}
.apply_info dd:last-child:after{background: none;}
.apply_wrap .apply_step_area .pop_close{position: absolute;top:0;right:0;display: inline-block;width: 78px;height: 78px;background: url('../../images/front/icon/icon_close.png') no-repeat center center #222;font-size: 0}
.apply_wrap .apply_con{padding: 40px 60px 20px 60px;}
.apply_wrap .apply_con .apply_txt{line-height: 150%;margin-bottom: 50px;margin-top: 10px;}
.apply_wrap .apply_con .head_type5{color: #224fb6;}
.apply_wrap .btn_wrap{margin-top: 0;}
.apply_wrap .btn_wrap .btn.nomal{height: 49px;background: #d01314}
.apply_wrap .btn_wrap .btn.nomal_line{background: #bababa}
.apply_wrap .apply_con02 .apply_tit_area{height: 55px;font-weight: 500;color: #111;line-height: 48px;border-top: 2px #222 solid;border-bottom: 1px solid #e5e5e5;background: #f2f3f7;padding: 0 20px;}
.apply_wrap .apply_con02 .tbl_list_wrap{margin-bottom: 40px;}
.apply_wrap .apply_con02 .tbl_list_wrap th{padding: 15px;}
.apply_wrap .apply_con02 .tbl_list_wrap th:first-child{border-left: none;}
.apply_wrap .apply_con02 .tbl_list_wrap td{padding: 10px;}
.apply_wrap .apply_con02 .tbl_list_wrap td:first-child{border-left: none;}
.tab_list03{display: flex;flex-wrap: wrap;margin: 15px 0;}
.tab_list03 li{position: relative;word-break: keep-all;}
.tab_list03 li a{display: block;font-size: 0.93rem;font-weight: 400;color: #333;background: #fff;background: #e9e9e9;border: 1px #e9e9e9 solid;border-radius: 5px;padding: 9px 20px;margin: 3px;}
.tab_list03 li.on a, .tab_list03 li:hover a{color: #435ea9;background: #fff;border: 1px #435ea9 solid;}
.tab_list03_result{display: flex;flex-wrap: wrap;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 15px 0;margin-bottom: 10px;}
.tab_list03_result .box{width: calc(93% / 5);text-align: center;border: 1px solid #ddd;border-radius: 10px;padding: 15px 0;margin: 0 0.7%;display:none;}
.tab_list03_result .box:first-child{margin-left: 0;}
.tab_list03_result .box p{font-weight: 500;color: #333;margin-bottom: 5px;}
.tab_list03_result .box .result_area{height: 220px;padding: 0 8%;overflow-y: auto;}
.tab_list03_result .box .result_area button{position: relative;display: block;width: 100%;height: 38px;font-size: 0;border: 1px #ddd solid;border-radius: 5px;padding: 9px 23px;margin: 5px 0;box-sizing: border-box;}
.tab_list03_result .box .result_area button.check, .tab_list03_result .box .result_area button:hover{border: 1px #435ea9 solid;}
.tab_list03_result .box .result_area button.check::after{content: '';position: absolute;top:9px;right:10px;width: 17px;height: 17px;background: url('../../images/front/sub/web_click.png') no-repeat;}

/* 스크롤바수정 */
.tab_list03_result .box .result_area::-webkit-scrollbar { width: 5px;height: 5px;border-radius: 5px;}
.tab_list03_result .box .result_area::-webkit-scrollbar-track { background-color: #ddd;border-radius: 5px;}
.tab_list03_result .box .result_area::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #aeaeae, #aeaeae);border-radius: 5px;}
.tab_list03_result .box .result_area::-webkit-scrollbar-button { display: none; }

/* 지원현황
.support_list_wap{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;padding-top: 10px;}
.support_list_wap .support_list{width: 47%;}
.support_list_wap .support_list .tit_area{overflow: hidden;}
.support_list_wap .support_list .tit_area .head_type5{float: left;font-size: 20px;color: #111;margin-bottom: 13px;}
.support_list_wap .support_list .tit_area .num{float: right;font-size: 15px;color: #333;padding-top: 3px;}
.inner_tbl.support{font-size: 16px;border-top: none;margin-bottom: 10px;}
.inner_tbl.support th{height: 45px;color: #fff;background: #0b1b56;border-left: none;border-bottom: none;}
.inner_tbl.support th:first-child{border-radius: 5px 0 0 5px;}
.inner_tbl.support th:last-child{border-radius: 0 5px 5px 0;}
.inner_tbl.support td{height: 50px;}
.inner_tbl.support td.num{font-weight: 600;color: #111;text-align: right;padding-right: 20px;}
.inner_tbl.support td.bg_gray{background: #f3f3f3;} */

/* 신청서작성 */
.tbl_cell_group{ position: relative; width: 100%; background: #fff;margin-bottom: 40px;}
.tbl_cell_group table {position: relative; width: 100%;text-align: center; border-top: 2px solid #111; -webkit-overflow-scrolling: touch;}
.tbl_cell_group th {height: 52px;border-bottom:1px solid #e5e5e5;vertical-align:middle;font-size: 1rem;font-weight: 700;color:#111;background: #f7f7f7;padding: 5px 20px;text-align: left;}
.tbl_cell_group td {padding:9px 10px;border-bottom:1px solid #e5e5e5;vertical-align:middle;text-align: left;}
.tbl_cell_group td.tit{position:relative;font-size:15px;font-weight:600;color:#222;padding:15px 0 15px 22px;}
.tbl_cell_group td.tit:before{content: '';position: absolute;top:17px;left:10px;display: inline-block;width: 5px;height: 14px;background-color: #28508c;}
.tbl_cell_group td .form_number input{width:25%;}
.tbl_cell_group td .radio input{width:auto;}
.tbl_cell_group td .form_address input{margin-bottom: 5px;}
.tbl_cell_group th.td_line{border-right: 1px #e5e5e5 solid;text-align: center;}
.tbl_cell_group th.th_mobile{text-align: center;height: 40px;padding: 5px 10px 10px 10px;}
.tbl_cell_group.photo_st th{border:1px solid #e5e5e5 !important;}
.tbl_cell_group.photo_st td{border:1px solid #e5e5e5 !important;}
.tbl_cell_group td .radio-inline{display: inline-block;margin-right: 20px;}
.tbl_cell_group td .radio-inline input[type="radio"]{width: auto;vertical-align: baseline;}
.tbl_cell_group td.file_area a{display: block;padding: 5px 0 5px 22px;background: url(../../images/front/icon/icon_file.png) no-repeat 0 center;}
.tbl_cell_group button label, .tbl_cell_group #file_input{cursor: pointer;}
.tbl_cell_group .find_post input{margin-bottom: 5px;}
.tit_apply{background: #f2f3f7;padding:20px;margin-bottom: 20px;}
.tit_apply .icon_notics_b01{display: inline-block;height: 34px;color:#fff;line-height:34px;background: #1f88ea;border-radius:100px;padding: 0 20px;margin-right: 10px;}
.tit_apply p{display: inline-block;font-size: 1.18rem;font-weight: 500;color: #222;}
.state.icon01{font-size:13px;border: 1px #1ba2a4 solid;color: #1ba2a4;padding: 3px;margin-left: 10px;border-radius:3px;}
.state.icon02{font-size:13px;border: 1px #1ba2a4 solid;color: #1ba2a4;padding: 3px;margin-left: 10px;border-radius:3px;}
.mul_area .mul{padding: 5px 0;}

.tbl_cell_group.type_s th{height: 45px;background: #f3f6f9;border: 1px solid #e5e5e5;padding: 8px 20px;}
.tbl_cell_group.type_s td{line-height: 1.5;border-right: 1px solid #e5e5e5; word-break: break-all;}
.tbl_cell_group .btn_go{font-weight: 500;text-decoration: none;}

.apply_tit_area{position: relative;overflow: hidden;margin-bottom: 10px;}
.apply_tit_area .head_type5{float: left;}
.apply_tit_area .btn_r{float: right;}
.photo_tit{display: none;}
.photo_img{height: 200px;}

ul.mark_list > li{padding: 3px 0;}
ul.mark_list > li > ul{margin-top: 5px;}
ul.mark_list > li > ul >li{padding-left: 20px;}
ul.mark_list .radio.box{display: inline-block;margin-top: 15px;color: #000;}
ul.mark_list .mark_list_in{padding: 13px 15px 10px 15px;margin-top: 5px;background: #f2f3f7;}
ul.mark_list li .tit_nation{color: #222;padding: 7px 0;}

.tbl_list_wrap {overflow:hidden;border-top:1px solid #333;margin-bottom: 60px;}
.tbl_list_wrap th{height:45px;font-weight: 500;color: #000;background:#f0f5fa;vertical-align:middle;line-height: 1.3;border-left:1px solid #ddd;border-bottom: 1px solid #ddd;padding: 17px 10px;}
.tbl_list_wrap td{height:45px;line-height:1.5;padding:15px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;vertical-align:middle;word-break: keep-all;}
.tbl_list_wrap td.tit{font-weight: 500;color: #1b4090;}
.tbl_list_wrap td.tit02{font-weight: 500;}
.tbl_list_wrap td select{width: 45px;}
.tbl_list_wrap td select.select_w100{width: 100px;}
.tbl_list_wrap td a:hover{color: #3860bd;text-decoration: underline;}
.tbl_list_wrap th.th_h{height: 40px;padding: 5px;}
.tbl_list_wrap th.th_h.line{border-top: 1px solid #e5e5e5;}
.tbl_list_wrap strong{font-weight: 500;}
.tbl_list_wrap .btn_s.excel{margin-top: 10px;color: #fff;border-color: #25794b;background: url(../../images/front/icon/icon_down02_w.png) no-repeat 90% center #25794b;padding-right: 30px;}
.tbl_list_wrap.bussiness td{padding: 11px;}
.tbl_list_wrap.bussiness td.all_bg{background: #f3f3f3;font-weight: 600;color: #111;}
.tbl_list_wrap.bussiness td .btn_s.down{height: 30px;color: #1f88ea;line-height: 27px;border: 1px #1f88ea solid;padding: 0 7px 0 20px;}
.tbl_list_wrap.bussiness td .btn_s.down::before{content:"";position: absolute;top:9px;left:8px;width:31px;height:28px;margin-right:9px;background:url('../../images/front/icon/icon_down03.png') no-repeat 0 0;}
.tbl_list_wrap.bussiness td .btn_s.down:hover{color: #fff;background: #1f88ea;}
.tbl_list_wrap.bussiness td .btn_s.down:hover::before{background:url('../../images/front/icon/icon_down02_w.png') no-repeat 0 0;}
.tbl_list_wrap.bussiness td.tit_brand{text-align: left;padding-left: 3%;}
.tbl_list_wrap.bussiness td.tit_brand span{position: relative;font-weight: 500;padding-left: 25px;}
.tbl_list_wrap.bussiness td.tit_brand span::before{content: '';position: absolute;top:5px;left:0;width: 16px;height: 16px;}
.tbl_list_wrap.bussiness td.tit_brand.icon01 span::before{background: url('../../images/front/sub/b_logo01.png') no-repeat;}
.tbl_list_wrap.bussiness td.tit_brand.icon02 span::before{background: url('../../images/front/sub/b_logo02.png') no-repeat;}
.tbl_list_wrap.bussiness td.tit_brand.icon03 span::before{background: url('../../images/front/sub/b_logo03.png') no-repeat;}
.tbl_list_wrap.bussiness td.tit_brand.icon04 span::before{background: url('../../images/front/sub/b_logo04.png') no-repeat;}
.tbl_list_wrap.bussiness td.tit_brand.icon05 span::before{background: url('../../images/front/sub/b_logo05.png') no-repeat;}
.tbl_list_wrap.bussiness td.tit_brand.icon06 span::before{background: url('../../images/front/sub/b_logo06.png') no-repeat;}

.tbl_view_wrap {border-top:2px solid #333;border-bottom:1px solid #e6e6e6;font-size: 0.93rem;color:#6b6b6b;line-height:1.2;}
.tbl_view_wrap .ind:after {content:"*";position:relative;top:-2px;left: 3px;font-size: 1.18rem;font-weight: 300;color: #f75f5f;}
.tbl_view_wrap .tbl_txt {line-height:1.5;}
.tbl_view_wrap .tbl_txt + .inner_tbl_btn {margin-top:5px;}
.tbl_view_wrap .form_address {width:100%;}
.tbl_view_wrap .form_address > p:not(:first-of-type) {margin-top:6px;}
.tbl_view_wrap .form_address .find_post input {width:30%;}
.tbl_view_wrap .form_number select,
.tbl_view_wrap .form_number input {width:20%;}
.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dt {border-top:none;}
.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dd {border-top:none;}
.tbl_view_wrap + .tbl_view_wrap {margin-top:30px;}
.tbl_view_wrap li.li_cell_w .tbl_cell_group.half_area dt{width: 45.2%}
.tbl_view_wrap li.li_cell_w .tbl_cell_group dt{width: 27%}
.tbl_view_wrap li.li_cell{position: relative;padding-left: 100px;}
.tbl_view_wrap li.li_cell .tbl_cell_group dt{width: 17%}
.tbl_view_wrap li.li_cell.icon01:before{content:"규제개선";position:absolute;top:0;left:0;width:80px;height:100%;background: #e9e9e9;padding: 68px 0 0 20px;color: #000;}
.tbl_view_wrap li.li_cell.icon02:before{content:"진행사항";position:absolute;top:0;left:0;width:80px;height:90%;background: #e9e9e9;padding: 68px 0 0 20px;color: #000;border-top: 1px #ccc solid}
.tbl_view_wrap li.tbl_line{border-top: 2px solid #333;}
.tbl_list_wrap .tbl_data.tbl_s th{padding: 15px 10px;}
.tbl_list_wrap .tbl_data.tbl_s td{padding: 15px 10px;}

.inner_tbl {margin-bottom:40px;}
.inner_tbl table {table-layout:fixed;border-top:1px solid #e3e3e3;}
.inner_tbl thead th {height:55px;padding:0;background:#f7f8fa;border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-weight:700;color:#333;text-align:center;vertical-align:middle;}
.inner_tbl thead th:last-child{border-right:1px solid #e3e3e3;}
.inner_tbl tr:hover{background-color: #f9fafb;}
.inner_tbl td {height:46px;padding: 5px;text-align:center;border-left:1px solid #e3e3e3;border-bottom:1px solid #e5e5e5;vertical-align:middle;word-break: break-all;}
.inner_tbl td:last-child{border-right:1px solid #e3e3e3;}
.inner_tbl td a.tit{display: inline-block;width: 90%;font-weight: 600;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inner_tbl td.align_l{padding-left: 10px}
.inner_tbl td.align_l button{text-align: left!important;font-size: 0.93rem;}
.inner_tbl .my_list td span.tit{font-weight: 400;color: #333;text-align:left;letter-spacing: -1px;}
.inner_tbl .btn_del_tbl {width:20px;height:20px;background:url('../../images/front/icon/close.png') no-repeat 0 0;background-size:100%;}
.inner_tbl_btn {margin-bottom:9px;text-align:right;}
.inner_tbl a.btn_file{display:inline-block;width:30px;height:16px;background:url('../../images/front/icon/icon_file.png') no-repeat center 0;font-size: 0;vertical-align: top}
.inner_tbl .my_list td a{word-break: break-all;}
.inner_tbl .my_list td a.text_detail{text-decoration: underline;color: #3860bd;}
.inner_tbl .page_flex input{margin-right: 5px;}
.inner_tbl .btn.tertiary{min-width: 55px;height: 35px;font-size: 14px;}
#myCalFileList{margin-top: 60px;}

.tbl_list_type02{margin-bottom:20px;border-top: 1px #ddd solid;}
.tbl_list_type02 thead th{height:43px;padding:10px;background:#f3f6f9;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#333;text-align:center;vertical-align:middle;font-weight:700;}
.tbl_list_type02 td{padding:10px;background:#fff;border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;vertical-align:middle;}

.tbl_btn_area{overflow: hidden;margin-bottom: 15px;}
.tbl_btn_area button{margin-left: 3px;}
.tbl_btn_area .calendar_area .cal_box input.datepicker.hasDatepicker{height: 28px;}
.tbl_btn_area .calendar_area .cal_box .ui-datepicker-trigger{top:5px;right:5px;}

/* 파일제이쿼리 수정 */
.plupload_filelist{border: 1px #ddd solid;}
.plupload_button{padding: 2px 8px 3px 20px!important;}
.plupload_filelist li.plupload_droptext{line-height:35px!important;}
.plupload_filelist_footer{border-top: 1px solid #ddd!important;}
.plupload_wrapper{font: normal 12px Verdana,sans-serif!important;}
.plupload_container{padding:3px!important;}
.dropzone{margin-bottom: 5px!important;}
.dz-default.dz-message{position: relative;padding-top: 70px;}
.dz-default.dz-message:before{content: '';position: absolute;top:0;left:50%;display: inline-block;width: 52px;height: 53px;background:url('../../images/front/sub/icon_apply03.png') no-repeat 0 0;margin-left: -26px;}
.dropzone .dz-message .dz-button{font-size: 13px!important;color: #888!important;}

/* 회원가입 */
.member_box {width: 1000px; margin: 0 auto;}
.member_box .raidus{width : 80%;display:flex; align-items:center; vertical-align: middle; padding-left:40px;}
.member_box .raidus span {font-weight: 700;}
.member_box .btn_sns{position: relative;display: inline-block;width: auto;height: 55px;font-size: 0;margin: 0 20px;}
.member_box .login_sns .btn_sns::before {top: 50%; width: 34px; height: 34px; margin-top: -17px; background-size: 50%;}
.member_box .login_sns .btn_sns.icon01::before {background-position: 9px 10px;}
.member_box .login_sns .btn_sns.icon02::before {background-size: 40%; background-position: 11px 11px;}
.member_box .login_sns .btn_sns.icon03::before {background-position: 9px 9px;}
.member .social {border: 1px solid #ddd; border-radius: 8px; margin-bottom : 10px;}
.member .social .span{height:20px;}

/* 파일 */
.file_area{margin-top: 10px}
.file_area a{font-size:14px;color:#444;margin-right: 20px;padding-left:18px;background:url('../../images/front/icon/icon_file.png') no-repeat 0 0;}
.file_area .download{background:none;margin-right:0;padding-left:0;color:#333;}
.file_area .download img{vertical-align: top;padding-right: 5px}
.file_area .btn_file_delete{background:none;margin-right:0;padding-left:0;color:#666;}
.file_area .btn_file_delete img{vertical-align: middle;padding-left: 5px}

/* 게시판_추천버튼 */
.sns_btn_area {overflow: hidden; margin: 0 0 10px 0; text-align: right;}
.sns_btn_area a:hover {text-decoration: none;}
.sns_btn_area button.btn_recommend {display: inline-block;height: 30px;padding: 0 10px 0 37px;border: 1px solid #ec8e42;color: #fff;border-radius: 20px;background: url('/images/front/icon/icon_recommend_on.png') no-repeat 13px 5px #ef8201;}
.sns_btn_area button.btn_recommend span {display: block; height: 36px; font-size: 1.2em; font-weight: 700; line-height: 30px; text-align: center;}

/* 마이페이지
.tit_type {display:inline-block;height:25px;min-width:50px;padding:0 5px;line-height:25px;border:1px solid;font-size:13px;font-weight:500;border-radius:30px;text-align:center;letter-spacing:-1px;border-color:#1461c0;color:#1461c0;margin-right: 5px;}
.state_sand{font-weight:700;color: #f44445;}
.state_ing{font-weight:700;color: #818389;}
.state_end{font-weight:700;color: #f44445;}

.my_process{text-align:center;border-left:7px #efefef solid;border-right:7px #efefef solid;border-top:7px #efefef solid;border-bottom:1px #ddd solid;padding: 30px 0 25px 0;}
.my_process > ul > li{position:relative;display: inline-block;width:15%;text-align:center;}
.my_process > ul > li:before{content: '';position: absolute;top:30%;left:50%;display: block;width: 100%;height: 13px;background: url('../../images/front/sub/bg_sendstep.png') no-repeat center 0;}
.my_process > ul > li:last-child:before{display: none;}
.my_process > ul > li > p.icon_pro{display:inline-block;position:relative; z-index:0;background-color:#8696aa;width:100px;height:100px;border-radius:100%;padding-top:32px;margin-bottom:10px;box-sizing:border-box;text-align:center;}
.my_process > ul > li.on p.icon_pro{background-color:#1461c0;}
.my_process > ul > li > div.text .pro_tit{font-size:16px;color:#777;line-height:140%;margin-bottom:10px;letter-spacing: -0.6px}
.my_process > ul > li.on > div.text .pro_tit{font-weight:500;color:#f1920b!important;}
.mypro_result{border-left:7px #efefef solid;border-right:7px #efefef solid;border-bottom:7px #efefef solid;padding:30px;text-align: center;font-size:20px;color:#333}
.mypro_result span{font-weight:500;color:#f1920b}

.my_process.pro02{padding: 30px 0 0 0;}
.my_process.pro02 > ul{width:75%;margin: 0 auto;}
.my_process.pro02 > ul > li{display: inline-block;width:17%;height:140px;text-align:center;vertical-align:top}
.my_process.pro02 > ul > li:before{top:34px;}
.my_process.pro02 > ul > li > p.icon_pro{display:inline-block;position:relative; z-index:0;background-color:#8696aa;width:80px;height:80px;border-radius:100%;padding-top:20px;margin-bottom:5px;box-sizing:border-box;text-align:center;}
.my_process.pro02 > ul > li > p.icon_pro {vertical-align: middle}
.my_process.pro02 > ul > li > div.text .pro_tit{font-size:14px;color:#777;line-height:140%;margin-bottom:10px;letter-spacing: -0.6px}
.my_process.pro02 > ul > li:last-child{background:none}
.my_process.pro02 > ul > li:nth-child(5) > p.icon_pro{padding-top:24px}
.my_process.pro02 > ul > li:nth-child(9) > p.icon_pro{padding-top:24px}
.my_process.pro02 > ul > li.on p.icon_pro{background-color:#1461c0!important;}

.file_history .date{font-size: 11px;color: #1c2e47;border: 1px #b8bfca solid;border-radius: 3px;padding: 3px;margin-right: 8px}
.file_history .date a{word-break: keep-all!important;}
.file_history li:nth-child(2){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 5px}
.file_history li:nth-child(3){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 10px}
.file_history li:nth-child(4){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 15px}
.file_history li:nth-child(5){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 20px}
.file_history li:nth-child(6){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 25px}
.file_history li:nth-child(7){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 30px}
.file_history li:nth-child(8){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 35px}
.file_history li:nth-child(9){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 40px}
.file_history li:nth-child(10){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 45px}
.file_history li:nth-child(11){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 50px}
.file_history li:nth-child(12){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 55px}
.file_history li:nth-child(13){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 60px}
.file_history li:nth-child(14){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 65px}
.file_history li:nth-child(15){background: url('../../images/front/icon/icon_history.png') no-repeat 0 12px;padding-left: 17px;margin-left: 70px}

.send_step{overflow: hidden;height: 85px;margin-bottom: 20px}
.send_step li{position: relative;float: left;width: 25%;text-align: center;padding: 0 2%}
.send_step li:before{content: '';position: absolute;top:42%;left:50%;display: block;width: 100%;height: 13px;background: url('../../images/front/sub/bg_sendstep.png') no-repeat center 0;}
.send_step li:first-child{padding-left: 0}
.send_step li:last-child{padding-right: 0}
.send_step li .send_box{position: relative;width: 100%;height: 65px;border: 2px #ddd solid;border-radius: 10px;background: #fff}
.send_step li .send_box p{margin-top: 16px;}
.send_step li:nth-child(2) .send_box p, .send_step li:nth-child(3) .send_box p{margin-top: 20px;}
.send_step li .send_box a{position: absolute;bottom:-15px;left:50%;display: inline-block;height: 30px;font-size: 13px;font-weight: 500;background: #ddd;border-radius: 40px;line-height: 30px;padding: 0 23px;margin-left: -53px;}
.send_step li .send_box:hover{border-color: #4a8bda}
.send_step li .send_box:hover a{background: #4a8bda;color: #fff}

.lnb_box{border: 1px #ddd solid;padding: 25px;margin-top: 40px}
.lnb_box select{width: 100%;margin-bottom: 5px;}
.lnb_box select + select{margin-left: 0!important;}
.lnb_box a{position: relative;display: inline-block;width: 100%;height: 38px;border-bottom: 1px #e2e5ed solid;font-size: 15px;font-weight: 500;color: #848484;line-height: 36px;padding-left: 5px;}
.lnb_box a .num{position: absolute;top:10px;right:10px;min-width: 32px;height: 18px;border: 1px #ff3d3d solid;background: #ff6060;font-size: 12px;font-weight: 500;color: #fff;border-radius: 30px;line-height: 17px;text-align: center;padding: 0 5px;} */

/* 만족도 등록 */
.survey_wrap .btn_wrap .btn.nomal{height: 49px!important;line-height: 46px!important;background: #d01314;}
.tbl_list_wrap.survey{border-top: 2px solid #333;margin-bottom:0;}
.tbl_list_wrap.survey th{font-weight: 600;padding: 16px 10px}
.tbl_list_wrap.survey th.th_s{height: auto;font-size: 13px;font-weight: 500;padding: 5px;}
.tbl_list_wrap.survey th.th_state{overflow: hidden;height: auto;font-size: 13px;font-weight: 500;color: #fff;background-image: linear-gradient(to right, #23bbae, #6960ea, #ec3569);padding: 2px 15px;}
.tbl_list_wrap.survey th.th_state .tit_ok{position: relative;float: left;padding-left: 15px;}
.tbl_list_wrap.survey th.th_state .tit_ok::before{content: '';position: absolute;top:2px;left:0;width: 10px;height: 11px;background: url('../../images/front/icon/icon_dot04.png') no-repeat;transform: rotate( 180deg )}
.tbl_list_wrap.survey th.th_state .tit_no{position: relative;float: right;padding-right: 15px;}
.tbl_list_wrap.survey th.th_state .tit_no::before{content: '';position: absolute;top:3px;right:0;width: 10px;height: 11px;background: url('../../images/front/icon/icon_dot04.png') no-repeat;}
.tbl_list_wrap.survey th:first-child, .tbl_list_wrap.survey td:first-child{border-left: none;}
.tbl_list_wrap.survey td{padding: 10px;}
.tbl_list_wrap.survey .tit_q{text-align: left;}
.like_checks {display: inline-block;position: relative;padding: 0;}
.like_checks input[type="radio"]{/* 실제 체크박스는 화면에서 숨김 */position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.like_checks input[type="radio"] + label{display: inline-block; position: relative; font-size:0; cursor: pointer;user-select: none;}
.like_checks input[type="radio"] + label:before{/* 가짜 체크박스 */content: '';display: inline-block;text-align: center;width: 20px;height: 20px;background: #fff;border: 1px #888 solid;border-radius: 50%;box-sizing: border-box;}
.like_checks input[type="radio"]:checked + label:before {/* 체크박스를 체크했을때 */ display: inline-block;width: 20px;height: 20px;background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;border: 1px #002579 solid;}
.like_checks .like5[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat;}
.like_checks .like4[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat;background-position: -20px 0;}
.like_checks .like3[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat;background-position: -40px 0;}
.like_checks .like2[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat;background-position: -60px 0;}
.like_checks .like1[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat;background-position: -80px 0;}
.like_checks .like5[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;}
.like_checks .like4[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;}
.like_checks .like3[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;}
.like_checks .like2[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;}
.like_checks .like1[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_check_w.png') no-repeat center center #002579;}

/*게시판글 유튜브 동영상 화면 자동비율*/
.youtubeVideo {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.youtubeVideo iframe, .youtubeVideo object, .youtubeVideo embed {position: absolute; top: 5%; left: 5%; width: 90%; height: 90%;}

/* 신청안내 */
.apply_area{margin-bottom:60px}
.apply_area dl{overflow:hidden;line-height: 130%}
.apply_area dt{float:left;width:27%;border: 7px #efefef solid;text-align: center}
.apply_area dt span{display: inline-block;font-size: 1.25rem;font-weight:500;color:#383f81;letter-spacing: -0.5px;line-height: 140%}
.apply_area dd{overflow:hidden;float:right;width:70%;background: url('../../images/front/sub/bg_arrow03.png') no-repeat center bottom;padding-bottom:40px;}
.apply_area dd div.apply_box{background:#f3f6f9;padding:30px;text-align: center}
.apply_area dd div.apply_box.on{background:#4a8bda;}
.apply_area dd div.apply_box p.apply_tit{font-size: 1.125rem;font-weight:500;color: #333;margin-bottom: 10px}
.apply_area dd div.apply_box p{color:#333;line-height: 140%;}
.apply_area dd div.apply_box.on p{color:#fff}
.apply_area dd div.apply_box.box_l{float: left;width:48%}
.apply_area dd div.apply_box.box_r{float: right;width:48%}

.apply_area dl.apply01 dt{height:170px;padding-top:55px}
.apply_area dl.apply02 dt{height:100px;padding-top:18px}
.apply_area dl.apply03 dt{height:150px;padding-top:40px}
.apply_area dl.apply04 dt{height:300px;padding-top:95px}

.apply_area dl.apply01 div.apply_box.on{background: url('../../images/front/sub/img_apply.png') no-repeat right bottom #4b5187;}
.apply_area dl.apply01 dd{background: url('../../images/front/sub/bg_arrow02.png') no-repeat center bottom!important;}

.apply_area dl.apply01 dd div.apply_box{height:170px;}
.apply_area dl.apply02 dd div.apply_box p.apply_tit{margin-bottom: 0}
.apply_area dl.apply03 dd div.apply_box.box_l{height:150px;padding-top:60px}
.apply_area dl.apply03 dd div.apply_box.box_r{height:150px;padding-top:45px}
.apply_area dl.apply04 dd div.apply_box.box_l{height:300px;padding-top:120px}
.apply_area dl.apply04 dd div.apply_box.box_r.h01{height:113px;padding:0;background:none}
.apply_area dl.apply04 dd div.apply_box.box_r.h01 p{padding:20px;background:#f3f6f9}
.apply_area dl.apply04 dd div.apply_box.box_r.h01:after{content:"";display: block;height:40px;background: url('../../images/front/sub/bg_arrow02.png') no-repeat center -3px #fff;}
.apply_area dl.apply04 dd div.apply_box.box_r.h02{height:187px;padding:40px 20px 0 20px}
.apply_area dl.apply05 dd{padding-bottom: 0;line-height: 180%}
.apply_area dl.apply05 dd p.apply_tit{margin-bottom: 0}
/* 
.apply_area{overflow:hidden;}
.process_area{background: url('../../images/front/sub/bg_pro.gif') no-repeat 75% 55px;text-align: center;margin-bottom: 20px;}
.process_area ul{display:inline-block;max-width:800px}
.process_area > ul > li{float: left;width:255px;text-align:center;margin-bottom:30px}
.process_area > ul > li.float_right{float: right}
.process_area > ul > li:nth-child(4).float_right{margin-right: 35px}
.process_area > ul > li > p.icon_pro{display:inline-block;position:relative; z-index:0;background-color:#4b5187;width:130px;height:130px;border-radius:100%;padding-top:40px;margin-bottom:10px;box-sizing:border-box;text-align:center;vertical-align: top;}
.process_area > ul > li:first-child > p.icon_pro{background-color:#4b5187}
.process_area > ul > li:nth-child(6) > p.icon_pro{background-color:#f2a0a0}
.process_area > ul > li > div.text span{color: #f75f5f}
.process_area > ul > li > div.text .pro_tit{font-size:20px;font-weight:500;color:#333;line-height:140%;margin-bottom:10px;letter-spacing: -0.6px;padding-top: 10px;}
.process_area > ul > li > div.text .pro_tit_s{font-size:15px;color:#777;line-height:130%;}

.attach_file{position:relative;border-top:2px #333 solid;border-bottom:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #ddd solid;padding:30px 0 30px 30px;}
.attach_file .attach_tit{position:absolute;display:inline-block;width:120px;height:70px;background: url('../../images/front/sub/icon_file.png') no-repeat 20px 0;border-right: 1px #e4e4e4 solid;}
.attach_file .attach_tit span{display:inline-block;padding:65px 0 0 12px;font-size:16px;font-weight: 500;color: #333}
.attach_file .attach_tit.line_b{height:200px;}
.attach_file > ul{line-height:140%;padding-left:140px}
.attach_file > ul > li{position:relative;height: 34px;padding:3px;}
.attach_file > ul > li > ul{padding-left:30px;margin-top:5px;line-height:150%;}
.attach_file > ul > li span.icon_num{display: inline-block;position:relative;background-color:#ddd;width:18px;height:18px;border-radius:100%;text-align: center;font-size:11px;font-weight: 500;color:#666;line-height:17px;margin-right: 7px}
.attach_file .attach_top li{padding:0}
.attach_file .btn_form{position:absolute;top:-1px;right:50%;height:28px;padding:0 15px 0 7px;background:url(../../images/front/icon/icon_dot04.png) no-repeat 90% center #fff;border: 1px solid #8696aa;}
.attach_file .btn_form span{font-weight:500;color:#1b3e7c} */

/* 페이지준비중 */
.ready_area{border: 1px #ddd solid;text-align: center;padding:190px 0 80px 0;background: url(/images/front/common/img_non02.png) no-repeat center 80px;}
.ready_area .ready_tit{font-size: 1.5rem;font-weight:500;color: #333;line-height:180%}
.ready_area .ready_tit_s{font-size: 1.06rem;}

/* 채팅스타일 QnA */
.comment_wrap{height: 660px;position: relative;border: 1px #ddd solid;}
.comment_wrap .comment_area {height: 550px;overflow-y:auto;margin-top: 0;padding: 20px;}
.comment_wrap .comment_area .comment_con {margin-bottom: 10px;}
.comment_wrap .comment_area .comment_con .chat_box {display: inline-block;max-width: 400px;font-size: 0.93rem;border: 1px #cfcfcf solid;margin-bottom: 3px;padding: 10px;border-radius: 0 20px 20px 20px}
.comment_wrap .comment_area .comment_con .chat_box .tit {font-size: 13px;font-weight: 700;color: #000;margin-bottom: 7px;}
.comment_wrap .comment_area .comment_con .chat_box .text {color: #666;word-break: break-all;}
.comment_wrap .comment_area .comment_con .tit_day {display: block;font-size: 13px;color: #999;}
.comment_wrap .comment_area .comment_con.right {text-align: right;}
.comment_wrap .comment_area .comment_con.right .chat_box {border: 1px #4f47b8 solid;background: #4f47b8;border-radius: 20px 0 20px 20px;}
.comment_wrap .comment_area .comment_con.right .chat_box .tit, .comment_area .comment_con.right .chat_box .text {color: #fff;}
.comment_wrap .txtinput_area {overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;}
.comment_wrap .txtinput_area .txtinput {width: 100%;height: 65px;border: 1px #666 solid;border-radius: 3px;}
.comment_wrap .txtinput_area .btn_send{position: absolute;top:33px;right:30px;font-size: 0;width: 40px;height: 40px;background: url('/images/front/icon/icon_send.png') no-repeat 0 0;}
.comment_wrap .comment_area::-webkit-scrollbar { width: 5px;height: 5px;border-radius: 5px;}
.comment_wrap .comment_areaa::-webkit-scrollbar-track { background-color: #ddd;border-radius: 5px;}
.comment_wrap .comment_area::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #aeaeae, #aeaeae);border-radius: 5px;}
.comment_wrap .comment_area::-webkit-scrollbar-button { display: none; }

/* 페이지준비중 */
.ready_area{position: relative;background: #fff;border: 1px #ddd solid;border-radius: 20px;text-align: center;padding: 260px 0 60px 0;z-index: 9;}
.ready_area::before{content: '';position: absolute;top:60px;left:50%;width: 180px;height: 180px;background: url(/images/front/icon/img_non.png) no-repeat;margin-left: -90px;}
.ready_area .ready_tit{font-size: 1.25rem;font-weight:700;color: #222;line-height:180%}
.ready_area.small{padding: 30px;border-radius: 10px;}
.ready_area.small::before{display: none;}
.ready_area.small .ready_tit{font-size: 1rem;}

/* AI챗봇 */
.chatbot_intro{position: absolute;left:50%;transform: translateX(-50%);}
.chatbot_intro::before{content: '';position: absolute;top:-50px;right:-70px;width: 510px;height: 510px;background:url('/images/front/sub/chat_bg.png') no-repeat;}
.chatbot_intro .top_title{position: relative;margin-bottom: 20px;font-family: 'pretendard', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;text-align: center;}
.chatbot_intro .top_title::before{content: '';position: absolute;top:0;left:50%;width: 41px;height: 41px;background:url('/images/front/sub/chat_img.png') no-repeat;transform: translateX(-50%);}
.chatbot_intro .top_title .tit01{padding-top: 53px;font-size: 1.25rem;color: #707070;line-height: 1;}
.chatbot_intro .top_title .tit02{font-size: 1.875rem;font-weight: 700;color: #000;}
.chatbot_intro .chatbot_container{position: relative;width: 700px;z-index: 999;}
.chatbot_ex{margin-top: 30px;text-align: center;}
.chatbot_ex .tit{position: relative;display:inline-block;font-weight: 700;color: #111;}
.chatbot_ex .text strong{display: inline-block;padding: 1px 3px 2px 3px;background-color: #6a83c4;border-radius: 5px;font-weight: 600;color: #fff;line-height: 1;}

.chatbot_wrap{display: flex;overflow: hidden;gap: 2rem;}
.chatbot_wrap .history_area{width: 280px;padding: 20px;background: #f3f5f8;border-radius: 10px;}
.chatbot_wrap .history_area .tit{position: relative;padding-left: 30px;margin: 10px 0 20px 0;font-size: 1.063rem;font-weight: 700;color: #000;}
.chatbot_wrap .history_area .tit::before{content: '';position: absolute;top:0;left:0;width: 20px;height: 20px;background:url('/images/front/component/icon/ico_all.svg') no-repeat;}
.chatbot_wrap .history_list{height: 550px;overflow-y: auto;}
.chatbot_wrap .history_list li{margin: 3px 0;}
.chatbot_wrap .history_list li .chat_item{display: flex;justify-content: space-between;align-items: center;padding: 8px 10px;}
.chatbot_wrap .history_list li .chat_item p{width: 80%;font-weight: 600;letter-spacing: -0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chatbot_wrap .history_list li .chat_item .del{display: none;font-size: 0;width: 20px;height: 20px;background:url('/images/front/component/icon/ico_delete.svg') no-repeat;background-size: cover;z-index: 99;}
.chatbot_wrap .history_list li.on .chat_item .del, .chatbot_wrap .history_list li:hover .chat_item .del{display: block;}
.chatbot_wrap .history_list li.on .chat_item, .chatbot_wrap .history_list li .chat_item:hover{background: #e5e9ef;border-radius: 30px;}
.chatbot_wrap .history_list li a:hover .del{display: block}
.chatbot_wrap .chatbot_main{position: relative;flex: 1;padding: 0 30px;}
.chatbot_wrap .chatbot_main .chatbot_container{width:100%;height: 100%;}
.chatbot_wrap .chatbot_main .chat_bottom_area{position: sticky;bottom: 0;}
.chatbot_bottom{padding: 12px;margin-bottom: 10px;border: 1px #ddd solid;border-radius: 20px;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);}
.chatbot_bottom textarea{margin-bottom: 15px;border: none;}
/* .chatbot_bottom .btn_area{display: flex;justify-content: space-between;align-items: flex-start;} 첨부파일 버튼 생기면 이걸로 바꾸기*/
.chatbot_bottom .btn_area{display: flex;justify-content: end;align-items: flex-start;}
.chatbot_bottom .btn_area button{position: relative;cursor: pointer;width: 38px;height: 38px;font-size: 1.125rem;color: #94a3b8;transition: color 0.2s;}
.chatbot_bottom .btn_area button.icon-btn.file::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 38px;height: 38px;background: #f0f1f1;border-radius: 50%;}
.chatbot_bottom .btn_area button.icon-btn.sand::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 38px;height: 38px;background: #000;border-radius: 50%;}
.chatbot_bottom .btn_area button i{position: relative;vertical-align: baseline;}
.chatbot_bottom .btn_area button i::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 22px;height: 22px;z-index: 999;}
.chatbot_bottom .btn_area button i.file::before{background:url('/images/front/component/icon/ico_file.svg') no-repeat;background-size: cover;}
.chatbot_bottom .btn_area button i.sand::before{background:url('/images/front/component/icon/ico_arrow_up_w.svg') no-repeat;background-size: cover;}
.chatbot_bottom .btn_area button .tooltip{bottom: -27px;}
.chatbot_wrap .tit_chat{font-size: 14px;color: #777;text-align: center;}

.chatbot_wrap .message{width: 100%;height: 500px;overflow-y: auto;padding: 0 20px 50px 50px;display: flex;flex-direction: column;}
.chatbot_wrap .message .mine{display: flex;justify-content: flex-end;margin-bottom: 30px;}
.chatbot_wrap .message .other{margin-bottom: 30px;}
.chatbot_wrap .message .other .pofile{display: flex;align-items: center;margin-left: -45px;margin-bottom: 10px;}
.chatbot_wrap .message .other .pofile .icon{width: 45px;text-align: center;}
.chatbot_wrap .message .other .pofile .icon img{width: 32px;height: 32px;}
.chatbot_wrap .message .other .pofile .loader{--scale: 0.35;margin-left: 5px}
.chatbot_wrap .message .other .pofile .name{font-size: 1.125rem;font-weight: 700;}
.chatbot_wrap .message .chatBlock {display: inline-block;padding: 0;border-radius: 0;max-width: 100%;font-size: 1.125rem;line-height: 1.5;}
.chatbot_wrap .message .mine .chatBlock {padding: 10px 15px;background-color: #ecf1ff;border-radius: 20px;color: #000;}
.chatbot_wrap .message .other .chatBlock{background-color: #fff;border: none;margin-bottom: 10px;}
.chatbot_wrap .chatbot_intro{top: 270px;transform: none;margin-left: -220px;}
.action-toolbar{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
.left-actions, .right-actions {display: flex;gap: 10px;}
.action-toolbar button{cursor: pointer;margin: 0 2px;font-size: 1.125rem;color: #94a3b8;transition: color 0.2s;position: relative;}
.action-toolbar button i{position: relative;}
.action-toolbar button i::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 18px;height: 18px;z-index: 999;}
.action-toolbar button:hover i::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 34px;height: 34px;background: #f0f1f1;border-radius: 13px;}
.action-toolbar button i.share::before{width: 20px;height: 20px;background:url('/images/front/component/icon/ico_share.svg') no-repeat;background-size: cover;}
.action-toolbar button i.down::before{width: 20px;height: 20px;background:url('/images/front/component/icon/ico_file.svg') no-repeat;background-size: cover;}
.action-toolbar button i.copy::before{background:url('/images/front/component/icon/ico_copy.svg') no-repeat;background-size: cover;}
.action-toolbar button i.thumbs-up::before{background:url('/images/front/component/icon/ico_thumb_up.svg') no-repeat;background-size: cover;}
.action-toolbar button i.thumbs-down::before{background:url('/images/front/component/icon/ico_thumb_down.svg') no-repeat;background-size: cover;}
.action-toolbar button.on i.thumbs-up::before{background:url('/images/front/component/icon/ico_thumb_up_on.svg') no-repeat;background-size: cover;}
.action-toolbar button.on i.thumbs-down::before{background:url('/images/front/component/icon/ico_thumb_down_on.svg') no-repeat;background-size: cover;}
.action-toolbar .right-actions span{position: relative;margin: 0 5px;}
.action-toolbar .right-actions span i{position: relative;width: 32px;height: 32px;font-size: 0;}
.action-toolbar .right-actions span i::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;z-index: 999;}
.action-toolbar .right-actions span i.link::before{background:url('/images/front/component/icon/ico_global.svg') no-repeat;background-size: cover;}
.action-toolbar .right-actions span i.img::before{background:url('/images/front/component/icon/ico_image.svg') no-repeat;background-size: cover;}
.tooltip{position: absolute;bottom: -35px;left: 50%;transform: translateX(-50%);background-color: #000;color: #fff;font-size: 11px;padding: 4px 8px;border-radius: 4px;white-space: nowrap;display: none;}
button:hover .tooltip {display: block;}
.lesson_chat.rag-mode .lesson_top .right .tit02 {display: none;}
.lesson_chat.rag-mode .lesson_top .participants {display: none;}

.chatContainer {display: flex;flex-direction: column;justify-content: space-between;gap: 3px;max-height:420px;min-height:420px;background: #eff5fb;font-size:0.9375rem;}
.chatList {flex: 1;max-height: 80%;width: 100%;overflow-y: auto;padding: 8px;}
.chatList > div {display: flex;margin-bottom: 6px;}
.chatList > div .from{display: flex;align-items: center;font-weight:400;font-size:0.85rem;width:48px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chatList > div .time{display:flex;font-size: 12px;flex-direction:row;justify-content:center;align-items:flex-end;margin:0 3px;}
.chatList .m{flex-direction:row-reverse;justify-content: flex-start;}
.chatList .m .from{display: none;}
.chatList .o{justify-content: flex-start;}
.chatBlock {display: inline-block;padding: 6px 10px;border-radius: 5px;max-width: 60%;word-break: break-word;font-size: 0.85rem;font-weight: 400;line-height: 1.3;}
.chatBlock.mine {background-color: #4a44b5;color: white;}
.chatBlock.system,.chatBlock.other {background-color: #fff;border:1px #c2c7cc solid;color: #000;}
.chat_bottom .emoticonList{opacity: 0;display:none;flex-direction: row;flex-wrap:wrap;gap:10px;overflow-y:auto;position:absolute;bottom: 45px;left: 0;min-width:276px;background-color:#fff;border: 1px #ddd solid;border-radius: 10px;padding: 10px 15px;box-shadow: 0 2px 10px rgba(0, 3px, 3px, 0.3);}
.chat_bottom .emoticonList.active{opacity: 1;transition: opacity 0.5s ease-in-out;display: flex;}
.chat_bottom .emoticonList .eTheader{position:absolute;top:0;right:0;}
.chat_bottom .emoticonList .eTheader .closeBtn{color:#111;font-size: 1.125rem;font-weight: 600;width:20px;height:20px;border-radius:10px;border: 1px solid white;cursor:pointer;}
.emoticonCover{width:30px;height:30px;cursor:pointer;}
.emoticonCover img{height:30px;width:30px;}
.chatBlock .imgCover{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.chatBlock .imgCover img{max-width: 100%;max-height: 100%;object-fit: contain}
.participants{display: none;position:absolute;top:65px;left:80px;flex-wrap: wrap;background-color:#fff;width:180px;padding: 10px;overflow-y:auto;border:1px #ddd solid;border-radius:10px;box-shadow: 0 2px 10px rgba(0, 3px, 3px, 0.3);}
.participants .user{width:100%;height:30px;display:flex;align-items:center;}
.participants .user svg{width: 20px;height: 20px;}

.ragChatList {flex: 1;max-height: 80%;width: 100%;overflow-y: auto;padding: 8px;}
.ragChatList > div {display: flex; margin-bottom: 11px;}
.ragChatList > div .from{align-items: center;font-weight:400;font-size: 0.93rem;width:48px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ragChatList > div .time{font-size:12px;flex-direction:row;justify-content:center;align-items:flex-end;margin:0 3px;}
.ragChatList .m{flex-direction:row-reverse;justify-content: flex-start;}
.ragChatList .m .from{display: none;}
.ragChatList .o{justify-content: flex-start; display: inline-block;}
.ragChatList .o .action-toolbar .left-actions{display: flex;gap: 16px; margin-left:10px;}
.ragChatList .o .action-toolbar .left-actions .icon-btn:hover .tooltip {display: block;}
.ragChatList .o .action-toolbar .left-actions .icon-btn .tooltip{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);background-color: #000;color: #fff;font-size: 11px;padding: 4px 8px;border-radius: 4px;white-space: nowrap;display: none;}

/* AI로딩 */
.loade_area{display: flex;align-items: center;}
.loade_area .tit{font-weight: 500;color: #888;}
.loader {--scale: 0.4;transform: scale(var(--scale));transform-origin: center;display: inline-block;}
.loader .loader-circle {position: relative;width: 32px;height: 32px;animation: spin 2s linear infinite;}
.loader .loader-circle span {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border-radius: 50%;mix-blend-mode: screen;filter: blur(1.5px);animation: merge 2s ease-in-out infinite;}
.loader .loader-circle span:nth-child(1) {background: rgba(90, 70, 255, 0.95);--x: -50%;--y: -50%;}
.loader .loader-circle span:nth-child(2) {background: rgba(40, 210, 190, 0.95);--x: 50%;--y: -50%;}
.loader .loader-circle span:nth-child(3) {background: rgba(70, 150, 255, 0.95);--x: 50%;--y: 50%;}
.loader .loader-circle span:nth-child(4) {background: rgba(200, 110, 255, 0.95);--x: -50%;--y: 50%;}

/* 학과설정 */
.department_set{display:flex; flex-direction:column; gap:10px;}
.department_set select{flex: 1 1 calc(50% - 0);min-width: 0;padding:10px 12px;border:1px solid #e1e1e1;border-radius:10px;background:#f9f9f9;height:48px;}
.department_set select + select{margin-left: 0;}

/* 커리어 로드맵 */
.roadmap{max-width: 1200px;margin: 0 auto;}
.roadmap .roadmap_box{background-color: #f6f7f8;border: 2px #f6f7f8 solid;border-radius: 20px;padding: 35px;margin-bottom: 40px;}
.roadmap .roadmap_box:hover{border: 2px #256ef4 solid;box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
.roadmap .roadmap_box .btn_wrap{margin-bottom: 0;}
.roadmap .roadmap_box .rm_box {margin: 20px 0;padding: 30px 40px; border-radius: 20px; background-color: #fff;}
.roadmap .roadmap_box .rm_box em{margin-top: 30px;font-size: 1.375rem;font-weight: 600;color: #222;text-align: center;}
.roadmap .roadmap_box .rm_box.line {border: 1px solid #ddd; background-color: unset;}
.roadmap .roadmap_box .tit02{margin-bottom: 5px;font-size: 1.06rem;font-weight: 700;color: #222;}

.rm_wrap {color: #101111;}
.rm_wrap h4.tit {margin-left: 5px; font-size: 1.375rem; font-weight: 700; color: #031f5f;}
.rm_wrap .btn_wrap {padding-bottom: 60px;margin-bottom: 60px;border-bottom: 1px #ddd solid;}
.rm_wrap .btn_wrap_bottom{display: flex;justify-content: center;gap: 5px;padding-top: 50px;margin-top: 50px;border-top: 1px #ddd solid;}
.rm_tit {display: flex; align-items: center; gap: 12px; margin-bottom: 16px;}
.rm_tit h3.tit, .rm_tit h4.tit {margin-bottom: 0;}
.rm_tit h4 span {display: inline; font-size: 1.062rem; font-weight: 400; color: #031f5f;}
.rm_box h5.tit {margin-bottom: 10px; font-size: 1.06rem; font-weight: 700;color: #222;}
.rm_tit span {display: block; font-size: 1rem; color: #666;}
.rm_line{padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px #ddd solid;}
.progress_wrap {display: flex; align-items: center; gap: 10px;}
.progress_wrap .progress_bar {width: 700px; height: 5px; border-radius: 5px; background-color: #f0f0f0; overflow: hidden;}
.progress_wrap .progress_bar .progress_fill {width: 70%; height: 100%; border-radius: 5px; background: linear-gradient(90deg,#ed4f6b ,#6d39e5);}
.progress_wrap .progress_txt {font-size: 0.937rem; font-weight: 800; color: #222;}

.rm_main{display: flex;align-items: flex-start;gap: 3rem;}
.rm_main .left{width: 35%;}
.rm_main .left .box{padding: 35px;background-image: linear-gradient(to bottom right, #576eb6, #324581);border: 1px #f6f8f9 solid;border-radius: 40px;}
.rm_main .right .box{padding: 35px;border: 1px #ddd solid;border-radius: 20px;}
.rm_main .graph_area{padding: 40px;margin-bottom: 25px;background-color: #fff;border-radius: 30px;text-align: center;}
.rm_main .graph_area .btn .svg-icon{margin-left: 5px;margin-right: 0;}
.rm_main .graph_area .tit{font-size: 1.375rem;font-weight: 700;color: #111;}
.rm_main .cont{position: relative;margin-bottom: 50px;}
.activity_list ul{display: flex;flex-wrap: wrap;gap: 0.8rem;}
.activity_list li{position: relative;width: 100%;padding: 20px 20px 20px 100px;background-color: #f8f8f8;border-radius: 15px;}
.activity_list .day_area{position: absolute;top: 30px;left: 30px;}
.activity_list .day_area .day{display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;background-color: #f96e71;border-radius: 50px;font-size: 14px;font-weight: 700;color: #fff;}
.activity_list .item{display: flex;align-items: center;justify-content: space-between;padding: 5px 0;}
.activity_list .item + .item{margin-top: 10px;}
.activity_list .item .tit_top{font-weight: 700;}
.activity_list .item .tit_top .category{color: #0e369f;}
.activity_list .item .tit_top .time{font-size: 14px;font-weight: 500;}

.step_index .item{position: relative;margin: 10px 0;z-index: 999;}
.step_index .item .header::before{content: "";position: absolute;top: 15px;right: 20px;width: 25px;height: 25px;background: url(/images/front/component/icon/ico_angle.svg) no-repeat center center;background-size: cover;transition: transform .5s;}
.step_index .item .header p{font-size: 1.125rem;font-weight: 700;color: #111;}
.step_index .item_con{padding: 10px 35px 30px 35px;background: #fff;border-radius: 0 0 10px 10px;border-top: 0;}
.step_index .item_con .progress_wrap .progress_bar{height: 10px;margin: 20px 0;}
.step_index .item_con .progress_wrap .progress_txt{font-size: 0.8rem;}
.step_index .item_con .item_list li{display: flex;gap: 8px;margin: 7px 0;}
.step_index .item_con .item_list li .text{width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.step_index .item.active .header{border-color: #4366c0;border-radius: 15px 15px 0 0;border-bottom: 0;}
.step_index .item.active .header::before{transform: rotate(180deg);}
.step_index .item .header{position: relative;padding: 15px 20px;background: #fff;border-radius: 10px;display: flex;gap: 10px;align-items: flex-end;cursor: pointer;}
/* .step_index .item .header:hover:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 15px;border: 1px #ddd solid;} */
.step_index .item.active .header:hover:after{display: none;}

.rm_step {display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 50px;margin: 80px 0 40px 0; padding: 25px 35px; border: 3px solid #333; border-radius: 20px;}
.rm_step:first-child{margin-top: 0;}
.rm_step .step_left {display: flex; align-items: center; gap: 15px;margin-bottom: 20px;}
.rm_step .step_left .step_tag {padding: 7px 18px; border-radius: 10px; background-color: #0b2f8e; font-size: 1rem; font-weight: 700; color: #fff;}
.rm_step .step_left .step_tit {font-size: 1.625rem; font-weight: 700; color: #111;}
.rm_step .step_right {display: flex; align-items: center; gap: 16px;}
.rm_step .step_right .btn_wrap {margin: 0;text-align: unset;}

.rm_wrap .rm_category {display: flex; flex-direction: row; align-items: center; gap: 12px; margin-bottom: 20px;}
.rm_category .btn_group{display: flex;gap: 0.5rem;margin-bottom: 10px;}
.rm_category .btn_group .btn_level{cursor: pointer;}
.rm_category .btn_group input[type="checkbox"] {display: none;}
.rm_category .btn_group span {display: block;width: 100%; height: 100%; padding: 0 20px; border: 1px solid #ddd; border-radius: 8px; background-color: #fff; font-size: 1rem; color: #1c1c1c;font-weight: 600;line-height: 50px; text-align: center;}
.rm_category .btn_group input[type="checkbox"]:checked + span, .rm_category .btn_group input[type="checkbox"]:hover + span {border: 1px solid #edf1ff; border-radius: 8px; background-color: #edf1ff; font-weight: 700;  color: #395ee1;}

.kwords_expr .expr_box {display: flex; gap: 5px; align-items: center; margin: 10px 0;}
.kwords_expr .expr_box .kwords {display: inline-block; min-width: 100px; padding: 0 20px; border: 1px solid #edf1ff; border-radius: 8px; background-color: #edf1ff; line-height: 50px; text-align: center;}
.kwords_expr .expr_box .kwords span {font-size: 1rem; font-weight: 700; color: #395ee1;}
.kwords_expr .expr_box .expr_text {flex: 1;}
.kwords_expr .expr_box .expr_text input[type=text] {border-radius: 8px; width: 100%; height: 50px;}
.kwords_expr .expr_box .expr_text input::placeholder {font-size: 1rem; color: #767676;}
.kwords_expr .expr_box .expr_btn{width: 70px;}

.expr_btn button {width: 32px; height: 32px!important;margin: 0;transition: 0.2s;}
.expr_btn button .svg-icon {margin-right: 0;}
.expr_btn button:hover {background: #e8eaeb;}

.rm_asmt {padding-bottom: 20px;}
.rm_asmt .asmt_cont {display: flex; gap: 2rem;}
.rm_asmt .asmt_cont >div{background-color: #fff;border-radius: 15px;}
.asmt_cont .asmt_left {width: 40%;}
.asmt_cont .asmt_left .chart_box {position: relative; height: 325px; background: url('../../images/front/sub/career_chart.jpg') no-repeat center center;}
.asmt_cont .asmt_left .chart_box .chart_placeholder {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 15px 40px; border-radius: 20px; font-size: 15px; font-weight: 600; color: #fff; background-color: rgba(44, 59, 102, 0.9); white-space: nowrap;}
.asmt_cont .asmt_right {width: 60%; padding: 50px;}
.asmt_cont .asmt_right .asmt_list {margin-bottom: 15px;}
.asmt_cont .asmt_right .asmt_list li {position: relative;display: flex;align-items: center;gap: 1rem;margin-bottom: 8px; padding-left: 15px; font-size: 1.125rem; font-weight: 700;}
.asmt_cont .asmt_right .asmt_list li::before {content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 5px; height: 5px; border-radius: 50px; background-color: #898a8c;}
.link {font-size: 0.93rem; font-weight: 700; color: #256ef4; text-decoration: underline; text-underline-offset: 2px;}

.rm_job .job_box {display: flex; justify-content: space-between;}
.job_list {display: inline-flex; gap: 40px;}
.job_list li {display: flex; align-items: center;font-weight: 600; color: #666; vertical-align: middle;}
.job_list li:last-child {margin-right: 0;}
.job_list li .btn {height: auto;}

.swot_step .rm_box.swot_box {display: flex; align-items: stretch; padding: 0!important;}
.swot_step.step02 .rm_box.swot_box {min-height: 140px;}
.swot_step .rm_box .swot_left {position: relative; width: 200px; min-height: unset; height: auto; padding-top: 30px; padding-left: 30px; border-radius: 20px; background-color: #111;}
.swot_step .rm_box .swot_left.str {background-color: #e5427d;}
.swot_step .rm_box .swot_left.weak {background-color: #a454ce;}
.swot_step .rm_box .swot_left.opp {background-color: #4b47c8;}
.swot_step .rm_box .swot_left.thr {background-color: #4b80d2;}
.swot_step .rm_box .swot_left .swot_tit {color: #fff; font-size: 1.125rem; font-weight: 600;}
.swot_step .rm_box .swot_left .swot_txt {display: block; padding-top: 7px; color: #fff; font-size: 0.937rem; line-height: 1.2;}
.swot_step .rm_box .swot_left .swot_mark {position: absolute; bottom: 0; right: 0; font-size: 4.5rem; font-weight: 800; color: rgba(255, 255, 255, .2); line-height: 1; transform: translateY(10%);}
.swot_step .rm_box .swot_right {width: 100%; display: flex; flex-direction: column; justify-content: center; flex: 1;}
.swot_step .rm_box .swot_right .right_inner {padding: 30px 40px;}
.rm_box .swot_right_in {display: flex; align-items: center; gap: 5px; margin-bottom: 15px;}
.rm_box .swot_right_in:last-child {margin-bottom: 0;}
.rm_box .swot_right_in .swot_txt{flex: 1;}
.rm_box .swot_right_in .rm_txtbox {flex: 1;}
.rm_box .swot_right_in .expr_btn {width: 70px;}
.rm_box .swot_right_in input[type="text"] {margin-bottom: 0;}
.rm_txtbox input[type="text"] {margin-bottom: 20px; border: 0.1rem solid #e4e4e4;}
.rm_txtbox input[type="text"]:last-child {margin-bottom: 0;}
.rm_txtbox input[type="text"]::placeholder, .rm_act input[type="text"]::placeholder {font-size: 1rem; color: #333;}

.rm_act .rm_box {display: flex; flex-direction: column; gap: 20px;}
.rm_act .sect03 {display: flex; justify-content: space-between; gap: 1.5rem;}
.rm_act .sect03 .rm_box {flex: 4;margin: 0;}
.rm_act .sect03 .rm_semester {flex: 1; display: flex; flex-direction: column; gap: 25px;}
.rm_act .sect03 .rm_semester .btn_sem {display: flex; flex-direction: column; gap: 5px;}
.rm_act .sect03 .rm_semester .btn_sem button {flex:1; padding: 13px; border: 1px solid #5478ce; border-radius: 8px; background-color: #fff; color: #666; transition: 0.1s;}
.rm_act .sect03 .rm_semester .btn_sem button:hover,
.rm_act .sect03 .rm_semester .btn_sem button.on {background-color: #5478ce; color: #fff; font-weight: 700;}
.rm_act .rm_box.line {display: block; margin-bottom: 20px;}
.rm_act .rm_box.line em {display: block; padding: 10px 0; font-size: 1.375rem; font-weight: 700; color: #4d4d4d; text-align: center;}

/* 비교과 프로그램 */
.extra_list{display: flex;align-items: stretch;gap: 1.5rem;}
.extra_list .box{width: calc(50% - 10px);position: relative;padding: 25px;border: none !important;transition: 0.3s ease-in-out;}
.extra_list .box .category{display: inline-block;height: 28px;padding: 0 10px;margin-bottom: 8px;background-color: #edf0f9;border-radius: 50px;font-size: 0.93rem;font-weight: 700;color: #2a5acc;line-height: 28px;}
.extra_list .box .tit{font-size: 1.25rem;font-weight: 700;color: #222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.extra_list .box ul{margin: 10px 0 20px 0;}
.extra_list .box:hover a{text-decoration: underline;}
.extra_list .box:hover{transform: translate( 0, -7px);}
.extra_list .box::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #ececec;border-radius: 15px;box-sizing: border-box;z-index: 1;pointer-events: none;}
.extra_list .box:hover::before{opacity: 1;border: 2px solid #1b2d71;}
.tag_area .tag{display: inline-block;margin: 2px;padding: 5px 10px;border-radius: 5px;background-color: #f3f4f6;font-size: 14px;font-weight: 600;color: #222;text-align: center;}
.comment_list{border-top: 1px solid #e1e1e1;}
.comment_list .item{display: flex;gap: 2rem;padding: 15px 20px;border-bottom: 1px solid #e1e1e1;}
.comment_list .item .photo_area{width: 55px;height: 55px;border-radius: 50%;border: 4px solid #fff;overflow: hidden;}
.comment_list .item .comment_con{flex: 1;}
.comment_list .item .comment_con .comment_tit{display: flex;align-items: center;gap: 10px;margin-bottom: 4px;}
.comment_list .item .comment_con .comment_tit .name {font-weight: 700;color: #333;}
.comment_list .item .comment_con .comment_tit .date {font-size: 14px;color: #999;}



@media screen and (max-width:1400px){
	.pop_header header{padding: 0;}
	.content {padding: 0 30px;}
}
@media screen and (max-width:1200px){
	/* 강사예약_검색탭 */
	.field-1 {grid-column: 1 / 3;}
	.field-2 {grid-column: 3 / 6;}
	.field-3 {grid-column: 1 / 4;}
	.filed-4 {grid-column: 4 / 6;}
    
    /* 마이페이지 */
    .my_wrap {flex-direction: column;}
    .my_wrap .my_left {display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin-bottom: 40px; padding-right: 0;}
    .my_wrap .my_left .box:first-child {width: 60%; margin-right: 20px;}
    .my_wrap .my_left .box:nth-child(2) {width: 40%;}
    .my_wrap .my_right {width: 100%;}
    .my_wrap .my_right .tab_wrap .btn_more {top: -25px;}
    .res_box.my_wrap{flex-direction: row;}
}
@media screen and (max-width:1000px){
	/* 로그인 */
	.login_foroadmap_boxainer {flex-direction: column;}
	.login_form_container form {width: 100%;}
	.login_area {min-width: 320px; width: 100%; margin-bottom:60px;}
	.login_form_container::before {width: 100%; height: 1px;}
	
	/* 마이페이지 */
	.inner_tbl td span.label_time {display: inline-block; word-break: keep-all;}
	
	/* 강의예약_검색탭 */
	.search_wrap .box .search_inline .btn_group.group02 {position: relative; flex-wrap: nowrap; overflow: hidden; width: 100%;}
	.search_wrap .box .btn_group.group02 label {min-width: 60px;}
	.search_wrap .box .btn_group.group02 button.btn_next {position: absolute; top: 0; right: 0;}
	.search_wrap .box.field-all .search_inline {flex-direction: column;}
	.search_wrap .box.field-all .search_inline .type_group {width: 100%; margin-left: 0; margin-top: 10px;}
	
}
@media screen and (max-width:800px){
	/* 강의예약_검색탭 */
	.search_wrap .box .search_inline .btn_group.group02 {position: relative; flex-wrap: nowrap; overflow: hidden; width: 100%;}
	.search_wrap .box .btn_group.group02 label {min-width: 60px;}
	.search_wrap .box .btn_group.group02 button.btn_next {position: absolute; top: 0; right: 0;}
	.search_wrap .box.field-all .search_inline {flex-direction: column;}
	.search_wrap .box.field-all .search_inline .type_group {width: 100%; margin-left: 0; margin-top: 10px;}
	
	/* 신청서작성 */
	.tbl_cell_group table{display:block;}
	.tbl_cell_group table col{width: 100%;}
    .tbl_cell_group table tbody{display:block;}
    .tbl_cell_group table tbody tr{display:block;}
    .tbl_cell_group table tbody th,
    .tbl_cell_group table td{display:block;width:100%;height: auto;text-align:left;padding: 10px;}
    .tbl_cell_group table tbody th, .tbl_cell_group table td{content: '';display: block;clear: both;}
    .tbl_cell_group.type_s th{height: 35px;padding: 10px;border-top: none;}
    .tbl_cell_group.type_s td{border-left: 1px solid #e5e5e5;padding: 10px;}
    .inner_tbl{overflow-x: auto;}
    .inner_tbl table{width: 1000px;}
}
/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){
	.content {padding: 0 20px;}
	
	/* 로그인 */
	.login_form_container {width: 100%; margin: 0;}
	
	/* 기업제휴 */
	.type_area, .type_area .flex_box {flex-wrap: wrap;}
	.type_area .partnr_box {width: 100%; padding: 30px;}
	.type_area .partnr_box.box01 {margin-bottom: 20px;}
	
	/* 검색 */
	.search_wrap {padding: 20px;}
	
	/* 회원가입 */
	.type_area .btn_type {width: 100%}
	.type_area .btn_type.type01 {margin-bottom: 20px;}
	
	/* 강의예약-검색탭 */
	.field-1, .field-2, .field-3, .filed-4, .field-1-1, .field-1-2 { grid-column: 1 / 6; }
	.search_wrap .box.field-all .search_inline {flex-direction: column;}
	.search_wrap .box.field-all .search_inline .type_group {width: 100%; margin-top: 15px;}
	
	.search_wrap .box.field-all .tit_area_type .tit {margin-bottom: 5px;}
	.search_wrap .tit_area_type span {display: block;}
	
	/* 강의예약 */
	.teacher_info .teacher_top {flex-direction: column; padding: 25px;}
	.teacher_info .teacher_top .schedule_box {width: 100%;}
	.info_box .rating_box {flex-direction: column;}
	.info_box .rating_box .res_graph {width: 100%;}
	
	.info_list > li{height:auto;padding:10px;}
    .info_list.flex_type1 > li {flex-direction: column; align-items: flex-start;}
    .page_flex.keyword_box{display: block;}
    .page_flex.keyword_box input{width: 100%;}
    .keyword_box input:first-child{margin: 2px 0 2px 3px;}
    .section.section01 .ready_area{width: 93%;margin: 0 30px;}
    
    /* 신청서작성 */
    .inner_tbl thead th{height: 45px;}
    .inner_tbl td{height: 45px;}
}

/* Layer */
.layer_wrap{position: absolute;top: 50%;left: 50%;display: inline-block;width: 920px;background-color: #ffffff;z-index: 9999999999;margin-left: -460px;
margin-top: -300px;}
.layer_wrap .title_area{height: 70px;}
.layer_wrap .title_area h1{font-size: 1.25rem;font-weight: 600;color: #000;padding: 20px 0 0 30px;}
.layer_wrap .title_area .pop_close{position: absolute;top:25px;right:30px;width: 20px;height: 20px;background: url('../../images/front/icon/close.png') no-repeat center center;font-size: 0}
.layer_wrap .layer_con{overflow: hidden;background: #f5f5f5;padding: 30px 40px 30px 40px;}
.layer_wrap .layer_con > div{background: #fff;border: 1px #e8e8e8 solid;}
.layer_wrap .layer_con > div h2{height: 50px;border-bottom: 1px #ddd solid;}
.layer_wrap .layer_con > div h2 span{display: inline-block;font-size: 0.93rem;font-weight: 600;color: #6714ff;padding: 15px 0 0 30px}
.layer_wrap .layer_con .layer_l{float: left;width: 58.5%;margin-right: 5px;}
.layer_wrap .layer_con .layer_r{float: left;width: 40%;}
.layer_wrap .layer_con .layer_con_in{position: relative;min-height: 400px;margin: 15px 30px;}
.info_area > div{overflow: hidden;padding: 8px 0;}
.info_area .tit{float: left;width: 18%;font-weight: 500;color: #222;}
.info_area .text{float: right;width: 82%;}
.info_area .text .input_cash{width: 280px;}
.info_area.payment{padding: 5px 0;}
.info_area.payment .tit{width: 40%;font-weight: 300;}
.info_area.payment .text.pay{width: 50%;text-align: right;}
.info_area.payment .text.pay span{font-family: sans-serif;font-weight: 500;color: #777;}
.info_area.payment .text.pay span.sale{color: #f13654;}
.info_area.payment .all_pay{border-top: 1px #e8e8e8 solid;margin-top: 10px;padding-top: 10px;}
.info_area.payment .all_pay .tit{font-weight: 500;color: #000;}
.info_area.payment .all_pay .text{font-weight: 500;color: #000;}
.info_area.payment .all_pay .text span{font-weight: 600;color: #000;}
.layer_con_in .btn_normal.wp100{position: absolute;bottom: 10px;}
.layer_bg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #000000;z-index: 999999999;opacity: 0.5;}

.pop {max-width: 1083px;}
.pop_class {position:relative; border-bottom: 1px solid #e2e2e3; border-radius: 15px 15px 0 0; padding: 20px; background-color: #fff;}
.pop_class .pop_class_tit {position: relative; padding-left: 60px;}
.pop_class .pop_class_tit::before {content: ''; position: absolute; top: 50%; left: 0; width: 50px; height: 50px; margin-top: -25px; border-radius: 50%; background: url('../../images/front/icon/icon_book.png') center center no-repeat #334dbb;}
.pop_class .pop_class_tit span {font-size: 0.93rem; font-weight: 500; color: #334dbb;}
.pop_class .pop_class_tit p {margin-top: -3px; font-size: 1.375rem; font-weight: 600; color: #333;}
.class_close {position: absolute; top: 50%; right: 20px; margin-top: -17px; padding: 5px 15px; border: 1px solid #adadad; border-radius: 5px; background-color: #fff;}
.class_close span {position: relative; padding-right: 20px; font-size: 14px; color: #6c6c6c; font-weight: 400;}
.class_close span::after {content: ''; position: absolute; top: 50%; right: 0; width: 14px; height: 12px; margin-top: -5px; background: url('../../images/front/icon/icon_close04.png');}
.class_video_wrap{overflow: hidden;margin-bottom: 20px;}
.class_video_wrap .class_video {position:relative;width: 100%;height: auto;border:1px #ddd solid;background: #000;}
.class_video_wrap .class_video .pop_start {display: block;}
.class_video_wrap .class_video .pop_start span {text-align: center; font-size: 0;}
.class_video_wrap .class_video .pop_start::after {content: ''; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; background: url('../../images/front/icon/icon_play03.png') no-repeat;}
.class_video_wrap .lesson {height: 190px;border: 1px solid #e3e3e4; border-radius: 8px; background-color: #fff;box-sizing: border-box;margin-top:20px;}
.class_video_wrap .lesson .lesson_top {padding: 15px 20px; border-bottom: 1px solid #e3e3e4;}
.class_video_wrap .lesson .lesson_top p {display: block;position: relative;padding-left: 20px;font-weight: 600; color: #334dbb;}
.class_video_wrap .lesson .lesson_top p::after {content: ''; position: absolute; bottom: -16px; left: -5px; width: 95px; height: 2px; background-color: #334dbb;}
.class_video_wrap .lesson .lesson_top p::before {content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -6px; background: url('../../images/front/icon/icon_lesson.png');}
.class_video_wrap .lesson .lesson_bottom {height:110px;overflow-y:auto;}
.class_video_wrap .lesson .lesson_bottom p {font-size: 0.93rem; font-weight: 300; color: #444;padding: 20px;}