@import url('res.css');

/* class_room */

.container-sub .class_room_top {position: relative;display: flex;justify-content: space-between;border:1px solid #d8d8d8;margin:60px auto}
.container-sub .class_room_top .class_line {width:1px;height:180px;background:#d9d9d9;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.container-sub .class_box {width:50%;padding:30px;}
.container-sub .class_box .tit {display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #d9d9d9;padding-bottom: 20px;}
.container-sub .class_box .tit .my {font-size:19px;font-weight: 500;}
.container-sub .class_box .tit .my span {font-size:15px;color:#868282;font-weight: 300;}
.container-sub .class_box .tit .my span:before {content: '';display: inline-block;margin-right:10px;margin-left:7px;width:1px;background:#868282;height:10px;}
.container-sub .class_box .tit .modify {color:#0a6bbc;}
.container-sub .class_box .tit .modify a {color:#0a6bbc;border:1px solid #0a6bbc; padding:7px 20px; }
.container-sub .class_box .info {display: flex;margin:30px 0 0 0}
.container-sub .class_box .info .ico {margin: 0 30px 0 0px;}
.container-sub .class_box .info .my_info {width: 100%;}
.container-sub .class_box .info .my_info .my_txt {font-size: 18px;margin-bottom: 10px;color:#595959;font-weight: 300;}
.container-sub .class_box .info .my_info .my_txt .tit_s {font-weight: 500;margin-right:30px;}
.container-sub .class_box .info .my_info .my_txt b {color:#393532}

.container-sub .class_room_my .choose {text-align: right;margin-top:20px;}
.container-sub .class_room_my .choose select {border:1px solid #cbcbcb;padding: 5px 10px;font-size:14px;}

.tab_class {margin: 60px auto;position: relative;width: 100%;}
.tab_class input[type='radio'] {display: none;}
.tab_class .tab_class-nav {display: flex;justify-content: center;}
.tab_class .tab_class-nav label { padding: 10px 40px;font-size:18px;text-align: center;border:2px solid #ababab;color:#ababab;border-radius: 30px;font-weight: 500;margin-right:20px;}
.tab_class .tab_class-nav label:last-child {margin-right:0;}
.tab_class .tab_class-content {display: none;}
.tab_class .tab_class-content .faq_box {border-top:1px solid #717171}
.tab_class .tab_class-content .faq_box div {display: flex;align-items: center;padding:15px 0;}
.tab_class .tab_class-content .faq_box .faq_q {font-size: 18px;color:#333;font-weight: 500;border-bottom:1px solid #d0d0d0;}
.tab_class .tab_class-content .faq_box .faq_q p {content:"Q"; padding:0 20px;color:#ff5200;}
.tab_class .tab_class-content .faq_box .faq_a {font-size: 14px;color:#666;background: #f4f4f4;}
.tab_class .tab_class-content .faq_box .faq_a p {content:"A";padding:0 20px;font-size: 18px;font-weight: 500}

.tab_class input[id='tab-1']:checked ~ .tab_class-nav label[for='tab-1'] {border:2px solid #000;color:#000;}
.tab_class input[id='tab-1']:checked ~ div.tab_1 {display: block;}

.tab_class input[id='tab-2']:checked ~ .tab_class-nav label[for='tab-2'] {border:2px solid #000;color:#000;}
.tab_class input[id='tab-2']:checked ~ div.tab_2 {display: block;}

.tab_class input[id='tab-3']:checked ~ .tab_class-nav label[for='tab-3'] {border:2px solid #000;color:#000;}
.tab_class input[id='tab-3']:checked ~ div.tab_3 {display: block;}

.tab_class input[id='tab-4']:checked ~ .tab_class-nav label[for='tab-4'] {border:2px solid #000;color:#000;}
.tab_class input[id='tab-4']:checked ~ div.tab_4 {display: block;}

.tab_class input[id='tab-5']:checked ~ .tab_class-nav label[for='tab-5'] {border:2px solid #000;color:#000;}
.tab_class input[id='tab-5']:checked ~ div.tab_5 {display: block;}

.tab_class input[id='tab-6']:checked ~ .tab_class-nav label[for='tab-6'] {border:2px solid #000;color:#000;}
.tab_class input[id='tab-6']:checked ~ div.tab_6 {display: block;}

.container-sub .coupon {text-align: center;background:#f7f7f7;border:1px solid #e0e0e0;margin-top:60px;padding:20px;}
.container-sub .coupon input {background:#fff;border:1px solid #ccc;padding:5px;width:400px;}
.container-sub .coupon button {background:#0072b1;color:#fff;padding: 5px 30px;}

.container-sub .mem_intro {border-top:2px solid #696969;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin-top:60px;padding:40px;}
.container-sub .mem_intro h3 {font-size:18px;color:#666;padding-top:25px;}
.container-sub .mem_intro p {font-size:16px;color:#666}
.container-sub .mem_intro .pw {margin-top:25px;}
.container-sub .mem_intro .pw .btn_bg_bl a {margin:3px 0 0 5px;display: inline-block;}

.container-sub .meminfo {border-top:1px solid #717171;margin-top:60px;}
.container-sub .meminfo .mem_line {display: flex;border-bottom:1px solid #d1d1d1;align-items: center;}
.container-sub .meminfo .mem_line .mem_tit {width:15%;font-size:18px;font-weight: 500;color:#333;padding:10px 20px;background: #f8f8f8;}
.container-sub .meminfo .mem_line .mem_tit span {color:#ff0805}
.container-sub .meminfo .mem_line .txt {font-size:16px;color:#666;padding: 0 20px;}
.container-sub .meminfo .mem_line .txt input[type='text'] {margin-right:10px;}
.container-sub .meminfo .mem_line .txt select {border:1px solid #cdcdcd;margin-right:10px;padding-right: 20px;}
.container-sub .meminfo .mem_line .txt input[type='radio'] {display:inline-block;margin-right: 5px;}

.container-sub .write_info .meminfo .mem_line .txt {width:100%}
.container-sub .write_info .meminfo .mem_line .write_tit input[type='text'] {width:90% !important}
.container-sub .write_info .meminfo .mem_line .txt  input[type='text'], .container-sub .write_info .meminfo .mem_line .txt  textarea {width:100%}
.container-sub .write_info .meminfo .mem_line .txt  textarea {border:1px solid #cdcdcd;margin: 10px 0;height: 300px;}
.container-sub .write_info .meminfo .mem_line .txt input[type='file'] {margin:20px 0 0 0}
.container-sub .write_info .meminfo .mem_line .txt .file_info {display: flex;justify-content: space-between;margin:20px 0;align-items: center;}

.mem_bottom_btn { padding-top: 2rem; display: flex; justify-content: center; align-items: center; gap: 0.3em; }
.board_bottom_btn .btn_basic { width: 100%; }
/* common */
.container-sub .page_num {display: flex;justify-content: center;align-items: center;position: relative;}
.container-sub .page_num .page_nav {position: relative;width:38px;height:38px;border: 1px solid #eee;}
.container-sub .page_num .page_nav img {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.container-sub .page_num .page_prev {margin-right:60px;}
.container-sub .page_num .page_next {margin-left:60px;}
.container-sub .page_num .number {padding:0 10px;}
.container-sub .page_num .on a {color:#0074b2;font-weight: 500;}

.container-sub .board_notice {width:830px;margin:60px auto;}
.container-sub .board_notice .sell {border-bottom:1px solid #d9d9d9;padding:25px 0;}
.container-sub .board_notice .sell .day {font-size: 16px;color:#989898;margin-bottom:25px;}
.container-sub .board_notice .sell .day span {font-size: 16px;color:#0074b2;font-weight: 500;}
.container-sub .board_notice .sell .subject {font-size: 19px;color:#424242}

.container-sub .contact_btn {margin: 60px auto;}

.container-sub .page_top_table {border:1px solid #333;width:600px;margin:10px auto 60px auto;}
.container-sub .page_top_table ul {width:600px;display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: center;border-bottom:1px solid #333;}
.container-sub .page_top_table ul:last-child, li:last-child {border-color: #666;}
.container-sub .page_top_table ul li {list-style: none;width:13.33%;font-size:14px;border:1px solid #eee;box-sizing: border-box;height: 25px;border-right:1px solid #333;}
.container-sub .page_top_table ul li.wh {width:20%;}
.container-sub .page_top_table ul li.col {background:#ff4a6d;color:#fff}

.container-sub .realty_top {background:#f6f5f1;padding:60px 0}

.container-sub .page_special h3 {color:#ccc;font-size:18px;letter-spacing:5px;font-weight: 500;}
.container-sub .page_special h4 {font-size:28px;}
.container-sub .page_special .off_tit {font-size:30px;font-weight: 700;letter-spacing: -1.5px;}
.container-sub .page_special .off_tit p {font-size:18px;font-weight: 500;margin-bottom:20px;}
.container-sub .page_special .off_tit p span {color:#e7a889;font-weight: 700;margin-right:10px;}
.container-sub .page_special .special-7 {display: flex;position: relative;margin-bottom:20px;}
.container-sub .page_special .special-7 .img {width:180px;z-index:5}
.container-sub .page_special .special-7 .special_txt {padding:30px 0 0 40px;text-align: left;}
.container-sub .page_special .special-7 .special_txt .line {position: absolute;width:570px;height: 2px;background:#dedede;margin-left: -70px;z-index:3}
.container-sub .page_special .special-L {justify-content: flex-end;}
.container-sub .page_special .special-R {justify-content: flex-start;}
.container-sub .page_special .special-R .special_txt .line {margin-left: 0px;}
.container-sub .page_special .special-7 .special_txt .special_num {font-size:16px;font-style: italic;color:#6786bc;font-weight: 600;margin:30px 0 0 0;letter-spacing: 2px;}
.container-sub .page_special .special-7 .special_txt .special_tit {font-size:24px;font-weight: 600;color:#101010;letter-spacing: -1.5px;}
.container-sub .page_special .special-7 .special_txt p {font-size:16px;margin:10px 0 0 0;letter-spacing: -1.5px;color:#1f1f1f;line-height: 1.6;}

.container-sub .page_special .special-1 .special_bt {background:#6786bc;display: inline-block;padding:0px 40px;margin-top:10px;font-size:16px;color:#fff}

.container-sub .curriculum {margin:60px 0;background:#f9f9f9;padding:60px 0}
.container-sub .curriculum .curriculum_tit {font-size:60px;font-weight: 700;}
.container-sub .curriculum .curriculum_tit span {color:#6d81fe}
.container-sub .curriculum .curriculum_tit p {font-size:24px;font-weight: 500;}
.container-sub .curriculum .table_cc {width:990px;margin: 40px auto 0 auto;display: flex;flex-wrap: wrap;border-left:1px solid #8bc9f0;border-right:1px solid #8bc9f0;}
.container-sub .curriculum .table_cc .tit {background:#8bc9f0;color:#fff;}
.container-sub .curriculum .table_cc div {padding:10px 0;font-size:16px;font-weight: 600;border-bottom:1px solid #8bc9f0}
.container-sub .curriculum .table_cc .sell-1 {width:60%;border-right:1px solid #8bc9f0;}
.container-sub .curriculum .table_cc .sell-2 {width:40%}

.container-sub .page_add {font-size:24px;margin:60px 0}

.class_bottom h2 {font-size:40px;font-weight: 600;margin: 0 0 0.2em 0 !important;}
.class_bottom h2 span {color:#fbc100}
.class_bottom p {font-size:16px;color:#b7b7b7}
.class_bottom .consulting_app {margin:60px 0;display: flex;}
.class_bottom .consulting_app .foam {display: flex;}
.class_bottom .consulting_app .foam .foam_line {width:900px;padding:20px;}
.class_bottom .consulting_app .foam .foam_line .line { display: flex;align-items: center;justify-content: flex-start;margin-bottom:15px;}
.class_bottom .consulting_app .foam .foam_line .line .tit {font-size:18px;margin:0 20px;font-weight: 600;width:80px;}
.class_bottom .consulting_app .foam .foam_line .line .tit span {color:#e77260}
.class_bottom .consulting_app .foam .foam_line .line .cont input {padding:10px}
.class_bottom .consulting_app .foam .foam_line .line .cont select {padding:10px;border:1px solid #cdcdcd;width: 237px;}
.class_bottom .consulting_app .foam .foam_line .line-textarea { display: block;}
.class_bottom .consulting_app .foam .foam_line .line-textarea textarea { margin:15px 20px;border:1px solid #cdcdcd;width:95%;padding:10px;}
.class_bottom .consulting_app .foam .foam_line .line-agree { display: block;}
.class_bottom .consulting_app .foam .foam_line .line-agree .tit {width:100% !important;}
.class_bottom .consulting_app .foam .foam_line .line-agree .agree_box {border:1px solid #d3d3d5;margin: 15px 20px;}
.class_bottom .consulting_app .foam .foam_line .line-agree p {margin: 0 20px;}
.class_bottom .consulting_app .foam .foam_line .line-agree .cont {display: flex;font-size:18px;}
.class_bottom .consulting_app .foam .foam_line .line-agree .cont div {border-right:1px solid #d3d3d5;width:33.3%;text-align: center;padding:20px;}
.class_bottom .consulting_app .foam .foam_line .line-agree .cont div:last-child {border-right:none;}
.class_bottom .consulting_app .foam .foam_line .line-agree .tit_bg {background:#f0f0f0;}

.class_bottom .consulting_app .send {width:300px;background:#fdc300;border-radius: 0 10px 10px 0;padding:40px;position: relative;}
.class_bottom .consulting_app .send .shop_name {font-size:18px;font-weight: 600;}
.class_bottom .consulting_app .send .shop_tel {font-size:18px;margin-top:40px;}
.class_bottom .consulting_app .send p {font-size:14px;margin-top:10px;color:#7f5e00}
.class_bottom .consulting_app .send .send_btn {position: absolute;bottom: 10px;transform: translate(-50%, -50%);left:50%;color:#fff;}
.class_bottom .consulting_app .send .send_btn a {font-size:18px;font-weight: 700;color:#fff;background:#111;border-radius: 5px;width:215px;height:57px;display: block;text-align: center;line-height: 50px;}

.container-sub .contact_body .contList { padding: 1em 0; font-size: 0.9rem; line-height: 1.2; color: #9d9d9d; border-bottom: 1px solid #eaeaea; display: flex; justify-content: space-between; align-items: center; }
.container-sub .contact_body .contInfoBox { width: 75%; }
.container-sub .contact_body .contInfoBox2 { width: 25%; text-align: right; }
.container-sub .contact_body .contInfoBox2 .downloadImgBtn {
    display: inline-block; width: 35px;
}
.container-sub .contact_body .subject { color: #090909; }  
.container-sub .contact_body .subject a { display: block; }
.container-sub .contact_body .subject a.gang_play_btn img { width: 20px; vertical-align: -5px; }
.container-sub .contact_body .subject a.down_btn img { width: 15px; vertical-align: -2px; }
.container-sub .contact_body .dday { color: #007DE8; font-size: 0.8em; font-weight: 500; vertical-align: middle; }
.container-sub .contact_body .eday { color: #9d9d9d; font-weight: normal; }
.container-sub .contact_body .date { font-size: 0.75rem; padding-top: 3px; letter-spacing: -0.02em; color: #9d9d9d; }
.container-sub .contact_body .etc_text { padding-top: 0.7em; }
.container-sub .contact_body .end_text { display: block; font-size: 0.9em; padding: 0.5em; letter-spacing: -0.03em; }
.container-sub .contact_body .sub_cont_title { font-size: 0.75rem; letter-spacing: -0.02em; color: #9d9d9d; }
.container-sub .contact_body .price { font-size: 0.75rem; padding: 0 0.5em 0.5em 0.5em; letter-spacing: -0.02em; color: #090909; }
.container-sub .contact_body .option_price { font-size: 0.75rem; padding-top: 3px; letter-spacing: -0.02em; color: #ff6633; }
.container-sub .contact_body .btns_box { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5em; padding-top: 0.5em; }

.container-sub .cate_tab_btns_wrap { padding-top: 2rem; }
.container-sub .cate_tab_btns_wrap .cate_tab_btns_box { display: flex; border-bottom: 1px solid #eaeaea; }
.container-sub .cate_tab_btns_wrap .cate_tab_btn { display: inline-block; width: 50%; font-size: 0.95rem; color: #b3b6ba; padding: 0.85em 0; text-align: center; position: relative; }
.container-sub .cate_tab_btns_wrap .cate_tab_btn.is_select { color: #090909; }
.container-sub .cate_tab_btns_wrap .cate_tab_btn::after { content: ''; display: none; width: 100%; height: 2px; background-color: #090909; position: absolute; left: 0; bottom: -1.5px; }
.container-sub .cate_tab_btns_wrap .cate_tab_btn.is_select::after { display: block; }

.container-sub .mem_tab_wrap .tab_wrap { font-size: 0.9rem; }
.container-sub .mem_tab_wrap .sub_top_text { font-size: 0.85rem; padding-bottom: 1em; color: #9f9f9f; }
.mem_info_wrap .mem_info_box { display: flex; justify-content: space-between; padding-bottom: 1em; }
.mem_info_wrap .mem_info_box:last-child { padding-bottom: 0; }
.mem_info_wrap .mem_info_box .mem_info_title { width: 90px; padding: 1em 0; font-weight: 600;  }
.mem_info_wrap .mem_info_box .mem_info_input { width: calc(100% - 90px); display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-weight: 300; }
.mem_info_wrap .mem_info_box .mem_info_input input[type='text'], 
.mem_info_wrap .mem_info_box .mem_info_input input[type='password'], 
.mem_info_wrap .mem_info_box .mem_info_input textarea { padding: 1em; background-color: #fff; border-radius: 0.5em; border: 1px solid #ebebeb; flex: 1 1 0; min-width: 50px; font-weight: 300; }
.mem_info_wrap .mem_info_box .mem_info_input input[type='radio'] { margin: 0; }
.mem_info_wrap .mem_info_box .mem_info_input .mem_label { display: flex; gap: 3px; align-items: center; padding: 1em; border-radius: 0.5em; background-color: #fff; border: 1px solid #ebebeb; }
.mem_info_wrap .info_cont_title_box { width: 100%; padding: 1em; font-weight: normal; border-radius: 0.5em;  box-shadow: inset 0 0 1px 1px #ebebeb; display: flex; flex-direction: column; gap: 0.5em; position: relative; }
.mem_info_wrap .info_cont_title_box .info_cont_subtitle { font-size: 0.85em; color: #9d9d9d; }
.mem_info_wrap .mem_info_box #pay_total { font-size: 1rem; color: #f84e51; }
.mem_info_wrap .mileage_box { width: 100%; display: flex; justify-content: space-between; font-size: 0.95em; }
.mem_info_wrap .mileage_box #u_mileage { font-weight: 500; }
.error_message { width: 100%; font-size: 0.85em; color: #f57c00; display: none; }
.error_box { box-shadow: inset 0 0 0 1px #f57c00; background: url(/img/my/Warningcircle.svg) right 1em center no-repeat; }
.cursor_no_drop { cursor: no-drop !important; border: none !important; background-color: #f7f7f7 !important; }

.mem_info_wrap .mem_info_box .info_basic_box { width: 100%; display: flex; flex-direction: column; gap: 1em; padding-bottom: 1em; }
.mem_info_wrap .mem_info_box .info_basic_text { display: flex; flex-direction: column; gap: 1em; padding: 1em; border: 1px solid #ebebeb; border-radius: 0.5em; line-height: 1.5; }
.mem_info_wrap .mem_info_box .info_basic_text span { color: #007de8; font-weight: 600; }
.mem_info_wrap .mem_info_box .info_check_box { display: flex; flex-wrap: wrap; gap: 1em; }
.mem_info_wrap .mem_info_box .info_check_list { width: 100%; display: flex; }
.mem_info_wrap .mem_info_box .info_check_list label { width: 50%; }
.mem_info_wrap .mem_info_box .info_basic_box textarea { padding: 1em; border: none; background-color: #f7f7f7; border-radius: 0.5em; font-size: 1em; font-weight: 300; }

.coupon_reg_go {
    display: flex;
    justify-content: flex-end;
}
.coupon_reg_go a {
    display: inline-block;
    padding: 1em 1.5em 1em 0;
    color: #5f5f5f;
    font-weight: 600;
    position: relative; 
}
.coupon_reg_go a::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/icon/select_arrow_btn.svg) right center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
}
.mem_info_wrap .info_cont_select_box .info_cont_select {
    display: flex; 
    justify-content: space-between;
    align-items: center;
}
.mem_info_wrap .info_cont_select_box.on .info_cont_select img {
    transform: rotate(180deg);
}
.mem_info_wrap .coupon_list_wrap {
    width: 100%;
    height: 0;
    position: absolute;
    top: 85%;
    left: 0;
    background-color: #fff;
}
.mem_info_wrap .info_cont_select_box.on .coupon_list_wrap {
    height: auto;
    padding: 15px;
    border: 1px solid #ebebeb;
    border-top: none;
    border-radius: 0 0 10px 10px;
    cursor: auto;
}
.mem_info_wrap .coupon_list_info {
    cursor: pointer;
    transition: ease-in-out 0.2s all; 
    -webkit-transition: ease-in-out 0.2s all;
}

/* LOGIN */
.login_wrap { padding: 1.5em; border-radius: 0.5em; border: 1px solid #ebebeb; }
.login_wrap .login_box { display: flex; flex-direction: column; gap: 1em; max-width: 400px; margin: auto; }
.login_wrap .sns_log_box { display: flex; align-items: center; justify-content: center; gap: 1em; }
.login_wrap .sns_log_btns { width: 50px; height: 50px; padding: 0.8em; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.login_wrap .sns_log_btns.naver { background-color: #06bd34; }
.login_wrap .sns_log_btns.kakao { background-color: #ffe617; }
.login_wrap .login_input_box { display: flex; flex-direction: column; gap: 1em; padding: 1em 0; }
.login_wrap .login_input_box input { width: 100%; padding: 1em; background-color: #fff; border-radius: 0.5em; border: 1px solid #ebebeb; font-weight: 300; }
.login_wrap .log_etc_btn_box { display: flex; justify-content: center; font-size: 0.9rem; color: #9f9f9f; }

/* JOIN */
.agree_wrap { display: flex; flex-direction: column; gap: 2rem; font-size: 1rem; }
.agree_wrap .section_box { display: flex; flex-direction: column; gap: 0.7em; }
.agree_wrap .agree_input_check { font-size: 1.15em; padding-left: 25px; background: url(/img/my/off_input_check.svg) left center no-repeat; }
.agree_wrap .agree_input:checked + .agree_input_check { background: url(/img/my/on_input_check.svg) left center no-repeat; }
.agree_wrap .agree_sub_text { font-size: 0.95em; padding-left: 25px; line-height: 1.4; }
.agree_wrap .cont_wrap { font-size: 0.85em; padding-left: 25px; line-height: 2; }
.agree_wrap .agree_cont_box { padding: 1em; border-radius: 0.5em; background-color: #f7f7f7; }
.agree_wrap .agree_cont_box>ol { display: flex; flex-direction: column; gap: 0.7em; height: 150px; overflow: auto; }

.container-sub .member_join {padding:100px 0 0 0;}
.container-sub .member_join h3 {font-size:22px;text-align: center;}
.container-sub .member_join .member_join_top {background: #f8f8f8;border: 1px solid #ebebeb;padding:20px;display: flex;justify-content: space-between;align-items: center;margin:20 0 0 0;}
.container-sub .member_join .agree_box {background: #f8f8f8;border: 1px solid #ebebeb;padding: 40px 30px;margin:20px 0 0 0; text-align: left;}
.container-sub .member_join .agree_box h4 {font-size:18px;}
.container-sub .member_join .agree_box .cont {background: #fff;border: 1px solid #ebebeb;padding: 16px;text-align: left;height: 150px;overflow-y: scroll;font-size: 13px;margin-top: 10px;}
.container-sub .member_join .agree_box .cont li {padding: 0 0 10px;}
.container-sub .member_join .agree_box .cont li strong {display: block;margin:5px 0}
.container-sub .member_join .agree_box .cont_privacy {overflow-y: unset;height: auto;}
.container-sub .member_join .agree_box .cont_privacy h4 {margin: 30px 0 10px 0 !important;font-size:18px;font-weight: 600;color:#0072bb}
.container-sub .member_join .agree_btn {display: flex;justify-content: center;margin:40px 0 0 0}
.container-sub .member_join .agree_btn .yes a, .container-sub .member_join .agree_btn .no a {font-size:18px;padding:10px 40px;}
.container-sub .member_join .agree_btn .yes a {background:#0072bb;color:#fff !important;margin-right:20px;}
.container-sub .member_join .agree_btn .no a {border: 1px solid #ebebeb;color:#7b7b7b !important;}

.container-sub .join_info h3 {font-size:22px;margin-top:60px !important}
.container-sub .join_info h3 span {font-size:16px;font-weight: 300;margin-left:10px;}
.container-sub .join_info .meminfo {margin-top:20px}

.container-sub .member_idpw {width:60%;min-width:800px;margin-top:100px;}
.container-sub .member_idpw h3 {font-size:22px;}
.container-sub .member_idpw .idpw_box {border-top: 1px solid #b3b3b3;padding:40px 20px;background: #f8f8f8;}
.container-sub .member_idpw .idpw_box p {font-size:14px;margin-bottom:30px;}
.container-sub .member_idpw .idpw_box p span {color: #ff0805;margin-right:3px;}
.container-sub .member_idpw .idpw_box .info {display: flex;margin-bottom:15px;justify-content: center;position: relative;}
.container-sub .member_idpw .idpw_box .info .txt {font-size:16px;width:120px;text-align: left;}
.container-sub .member_idpw .idpw_box .info .in {width:400px;display: flex;justify-content: space-between;align-items: center;}
.container-sub .member_idpw .idpw_box .info .in input {width:100%;background: #fff;}
.container-sub .member_idpw .idpw_box .info .in .num_btn {color:#fff;}
.container-sub .member_idpw .idpw_box .info .in .num_btn a {background:#0070bc;color:#fff;padding:5px 20px;}
.container-sub .member_idpw .idpw_box .info .in input {margin-right:10px}
.container-sub .member_idpw .idpw_box .info .in input:last-child {margin-right:0px}
.container-sub .member_idpw .idpw_box .btn_search {margin-top:40px;color:#fff}
.container-sub .member_idpw .idpw_box .btn_search a {font-size:16px;background:#0072bb;color:#fff !important;padding:10px 180px;font-weight: 500;display: inline-block;}

.container-sub .successful {margin-top:100px;background: #f8f8f8;padding:60px 0;text-align: center;}
.container-sub .successful h3 {font-weight: 300;font-size:30px;margin:0 !important;}
.container-sub .successful .successful_story {font-size:30px;font-weight: 700;color:#fbbc00;margin-bottom:30px;}
.container-sub .successful .successful_slide {height:580px;left: 50%;transform:translateX(-600px)}
.container-sub .successful .successful_slide .swiper-slide {width:500px !important;margin-right: 30px;}
.container-sub .successful .successful_slide .swiper-slide img {width:100%}
.container-sub .successful .successful_slide .swiper-slide .slide-txt {height:250px;background:#1d1d1d;padding:30px;}
.container-sub .successful .successful_slide .swiper-slide .slide-txt .tit {font-size:22px;font-weight: 700;color:#fbbc00;}
.container-sub .successful .successful_slide .swiper-slide .slide-txt p {font-weight: 400;}
.container-sub .successful .successful_slide .swiper-slide .slide-txt span {font-weight: 100;display: block;}
.container-sub .successful .successful_slide .swiper-slide .slide-txt p, .container-sub .successful .successful_slide .swiper-slide .slide-txt span 
{font-size:16px;color:#fff;margin-top:15px;}

.slick-list { padding:0 !important }
.slick-dots {display: flex !important;}
.slick-dots li {width:100% !important;margin:0 !important;}
.slick-dots li button:before {width:100% !important;height:5px !important;font-size: 0 !important;background:#0070bc}

.noti_icon { display: inline-block; font-size: 0.8em; padding: 0.3em 0.6em; border-radius: 0.3em; color: #fff; }
.noti_icon_red { background-color: #ff0000; }  
.noti_icon_blue { background-color: #0074b2; }  
.noti_icon_gray { background-color: #f7f7f7; color: #9f9f9f; }

/* ¼­ºêÆäÀÌÁö °Ë»ö¹Ú½º */
.container-sub .board_search_box { padding-bottom: 2rem; font-size: 0.9rem; }
.container-sub .search_box { display: flex; align-items: center; justify-content: space-between; border: 1px solid #090909; border-radius: 0.5em; padding: 0.7em 0.3em; }
.strpartBox { display: inline-block; padding: 0 1.3em 0 0.3em; border: none; color: #5f5f5f; font-size: 0.9rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../img/icon/select_arrow_btn.svg) 100% center no-repeat; outline: none; }
.container-sub .search_box input[type='text'] { flex: 1 1 0; padding: 0 0.5em; width: 100%; }
.container-sub .search_box input[type='text']::placeholder { color: #CECECE; }

/* ¼­ºêÆäÀÌÁö ¼ÖÆ® ¼¿·ºÆ® */
.cate_select_wrap { padding-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; }
.cate_select_wrap .strpartBox { padding: 0.7em 2.3em 0.7em 1em; border-radius: 3em; border: 1px solid #e5e5e5; background: url(../../img/icon/select_arrow_btn.svg) right 0.9em center no-repeat; }
.cate_select_wrap .strpartBox2 { border-color: #F4F7FA; background-color: #F4F7FA; color: #007de8; }

/* ¼­ºêÆäÀÌÁö Å×À̺í */
.container-sub .board_contList { font-size: 0.9rem; }
.container-sub .board_contList tr td { padding: 1em 0; color: #9d9d9d; border-bottom: 1px solid #eaeaea; }
.container-sub .board_contList tr td .subject { display: flex; align-items: center; gap: 0.2em; padding-left: 0.2em; }
.container-sub .board_contList tr td .subject .board_contList_title { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.container-sub .board_contList tr td .name { font-size: 0.85em; padding-left: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.container-sub .board_contList tr td .date { font-size: 0.85em; padding-top: 0.3em; }
.container-sub .board_contList tr td .icon img { width: 13px; min-width: 13px; }

/* ¼­ºêÆäÀÌÁö °Ô½Ã±Û ÀÛ¼º */
.content .write_top_box { display: flex; flex-direction: column; gap: 0.7em; font-size: 0.9rem; }
.content .write_info_box { display: flex; align-items: center; }
.content .write_info_box .title { width: 60px; min-width: 60px; font-weight: 600; padding: 1em 0; }
.content .write_info_box input { flex: 1 1 0; width: 100%; padding: 1em; border-radius: 0.5em; border: 1px solid #ebebeb; }
.content .write_info_box input[type="file"] { padding: 0.7em; }
.content .write_info_box .readonly { border: none; background-color: #f7f7f7; }
.content .content_neyong_box textarea { width: 100%; font-size: 0.9rem; min-height: 120px; line-height: 1.5; }
.content .write_info_box .icon_box { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3em; font-size: 0.9em; color: #007de8; }
.content .write_info_box .icon_box span { display: inline-block; padding: 0.3em; border-radius: 0.3em; border: 1px solid #ebebeb; }
.content .write_info_box2 { gap: 0.7em; }
.content .write_info_box2 .title { width: auto; min-width: auto; }
.content .stars_box { display: flex; align-items: center; padding-bottom: 0.3em; }
.content .stars_box img { width: 30px; }
.stip2 { font-size: 0.9em; color: #9f9f9f; }

/* ¼­ºêÆäÀÌÁö °Ô½Ã±Û »ó¼¼ */
.borad_content { display: flex; flex-direction: column; gap: 1rem; } 
.content .title_top_box { flex: 1 1 0; }
.content .title_top_box .title { word-break: break-all; }
.content .subtext_box { padding: 0.9em 0; border-bottom: 1px solid #ebebeb; display: flex; justify-content: space-between; align-items: center; font-size: 0.75em; color: #6a6a6a; }
.content .subtext_left_box { display: flex; align-items: center; }
.content .subtext_right_box { display: flex; align-items: center; font-size: 0.8em; color: #6a6a6a; }
.content .content_neyong_box { font-size: 0.95rem; padding: 0.7rem; border-radius: 0.5em; border: 1px solid #ebebeb; line-height: 1.5; min-height: 150px; }
.content .views { display: flex; align-items: center; }

/* ¼­ºêÆäÀÌÁö faq */
.contact_body .faq_box .faq_q { font-size: 0.9rem; padding: 1em 0; border-bottom: 1px solid #eaeaea; display: flex; }
.contact_body .faq_box .faq_q .faq_icon { color: #007de8; padding-right: 0.5em; }
.contact_body .faq_box .faq_a { font-size: 0.85rem; line-height: 1.4; padding: 0.7em; border-radius: 0.5em; background-color: #f7f7f7; display: none; }

/* À̺¥Æ® ÆäÀÌÁö */
.online_list .list_box .cont_link { display: block; }
.online_list .list_box .cont_link .img_box img {width: 100%;}
.online_list .list_box .cont_link .cont_info_box {margin-top: 15px;}
.online_list .list_box .cont_link .cont_info_box .cont_title {font-size: 20px; color: #4d4d4d; font-weight: 500;}
.online_list .list_box .cont_link .cont_info_box .cont_day {margin-top: 5px; font-size: 14px; color:#888; font-weight: 400;}

/*ÇØ´õ*/
.dummy_header { visibility: visible; display: block; }
.header_wrap .search_icon { background: url(/ahdma/icon/m_search.png) center no-repeat; background-size: contain; }

/*Ä«Å×°í¸® ¼­ºê ÆäÀÌÁö*/
.mWrap { margin-top: 2rem; margin-bottom: 80px; }
.contact_body { max-width: 600px; margin: auto; padding: 2rem 0; }
.container-sub .sub_top .company_tit { display: block; padding: 2rem 0 0; position: relative; box-sizing: border-box;}
.container-sub .sub_top .company_tit .tit { font-size: 1.2rem; font-weight: 600; position: relative; }
.container-sub .sub_top .company_tit .tit .title sup { font-size: 0.65em; color: #007de8; }
.container-sub .sub_top .company_tit .tit .sub_etc_text { font-size: 0.8em; font-weight: normal; color: #6a6a6a; padding-top: 0.5em; }
.container-sub .sub_top .company_tit .sub_top_title { width: 100%; padding:0 6%; font-size: 1.7rem; font-weight: 600; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.container-sub .sub_top .sub_menu_wrap { width: 100%; padding: 0.85rem; margin-top: 2rem; text-align: center; background-color: #f7f7f7; border-radius: 0.5rem; overflow: hidden; }
.container-sub .sub_top .sub_menu_wrap .sub_menu { display: inline-flex; align-items: center; justify-content: center; }
.container-sub .sub_top .sub_menu_wrap .sub_menu .ca-menu { display: block; font-size: 0.95rem;  padding: 0.6em 0; color:#9f9f9f; margin-right: 2em; }
.container-sub .sub_top .sub_menu_wrap .sub_menu .ca-menu:last-child { margin-right: 0; }
.container-sub .sub_top .sub_menu_wrap .sub_menu .ca-menu-on { color:#007DE8; }

/*Ä«Å×°í¸® »ó¼¼ ÆäÀÌÁö*/
.notice_neyoung_wrap { width: 100%; margin-top: 2rem; }
.notice_neyoung { width: 100%; text-align: left; }
.notice_neyoung li { width: 100%; border-bottom:1px solid #ddd; padding-bottom: 0.7rem; margin-bottom: 0.7rem; line-height: 1.4; }
.notice_neyoung li .notice_text { font-size: 1.1rem; }
.notice_neyoung li .notice_day { font-size: 0.85rem; margin-top: 0.3em; color:#979797; }

/*ºê·£µå ¼­ºê ÆäÀÌÁö*/
.company { color:#424242; line-height: 1.5; text-align: center; }
.company .img_box { width: 100%; }
.company .img_box img { width: 100%; }
.company .company_info1 { display: block; }
.company .company_info2 { display: block; }
.company .company_info { padding: 2rem 0; }
.company .company_info .main_img { border-radius: 50%; }
.company .company_info .tit { font-size: 1.85rem; font-weight: 700; padding-top: 0.8em; }
.company .company_info h3 { font-size: 1.5rem; font-weight: 700; }
.company .company_info p { font-size: 1rem; color:#585858; padding: 1.5em 0; }
.company .company_info .img_box2 { display: block; }
.company .company_info .img_box2 img { margin-bottom: 1rem; }
.company .company_info .img_box2 img:last-child { margin-bottom: 0; }
.company .company_bottom { padding-bottom: 0; }
.company .company_bottom .txt { font-size: 1.3rem; color:#585858; }
.company .company_bottom .line_h { width: 1px; height: 45px; margin: 2rem auto; background-color: #d8d8d8; }
.company .company_bottom .bottom_name { font-size: 1.85rem; color:#0275c6; }
.company .company_bottom .bottom_name p { font-size: 1.85rem; color:#9c9c9c; padding: 0; }

.professor .teacher { padding: 3rem 0; text-align: center; }
.professor .teacher:nth-child(odd) { background-color: #f4f4f4; }
.professor .teacher:nth-child(even) { background-color: #f4f8fb; }
.professor .teacher .info_box { display: block; width: 100%; padding:0 6%; max-width: 1000px; margin: auto; }
.professor .teacher .info_box .img { width: 100%; }
.professor .teacher .info_box .img img { width: 100%; max-width: 270px; border-radius: 50%; }
.professor .teacher .info_box .img .name { font-size: 1.7rem; padding-top: 0.8em; }
.professor .teacher .info_box .img .name span { font-size: 0.6em; color:#767676; }
.professor .teacher .info_box .img .name h3 { padding-top: 0.2em; font-weight: 600; }
.professor .teacher .info_box .profile_info { width: 100%; padding: 1.5rem 0 0; color:#585858; line-height: 1.5; }
.professor .teacher .info_box .profile_info .top_txt { font-size: 1.2rem; padding: 0; color: #424242; text-align: center; }
.professor .teacher .info_box .profile_info .center_txt { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 0; }
.professor .teacher .info_box .profile_info .center_txt span { display: inline-block; }
.professor .teacher .info_box .profile_info .center_txt .bar { width: 40%; height:0.2em; background-color: #0072bc; }
.professor .teacher .info_box .profile_info .bottom_txt { display: flex; flex-wrap: wrap; font-size: 0.92rem; text-align: left; }
.professor .teacher .info_box .profile_info .bottom_txt span { display: inline-block; padding-left: 1.1em; margin-left: 0.8em; position: relative; }
.professor .teacher .info_box .profile_info .bottom_txt span::before { content: ''; display: inline-block; width: 0.85em; height: 0.85em; background: url(../img/professor/check.png) center no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: -0.1em; }

.location .sub_inner .sub_tab { display: flex; align-items: center; justify-content: center; }
.location .sub_inner .sub_tab li { font-size: 1.2rem; color:#888; margin: 0 0.6em; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.location .sub_inner .sub_tab li a { display: inline-block; position: relative; }
.location .sub_inner .sub_tab li.active a { font-weight: 500; color:#090909; }
.location .sub_inner .sub_tab li.active a::before { content:''; display: inline-block; width: 100%; height: 0.45em; background-color: #0072bc; opacity: 0.3; position: absolute; bottom: 0; left: 0; z-index: -1; }
.location .tab_cont { display: none; }
.location .tab_cont.active { display:block; }
.location .tab_cont .cont-list { display: block; margin-top: 1.2em; }
.location .tab_cont .cont-list .cont-wrap { display: flex; align-items: center; min-height: 60px; margin-bottom: 0.9rem; }
.location .tab_cont .cont-list .cont-wrap .icon { width: 3rem; min-width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #0072bc; margin-right: 0.8rem; }
.location .tab_cont .cont-list .cont-wrap .icon img { width: 60%; }
.location .tab_cont .cont-list .cont-wrap .txt_box .cont_txt { font-size: 1.3rem; }
.location .tab_cont .cont-list .cont-wrap .txt_box p { font-size: 0.9rem; padding-top: 0.3em; }

.book p { text-align: center; font-size: 1.25rem; padding-bottom: 1.5em; }
.book img { width: 100%; }

/*°­ÀÇ ¼­ºê ÆäÀÌÁö*/
.mySwiper { overflow: hidden; }
.sub_tabmenu_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.sub_tabmenu_wrap select { text-align: center; display: inline-block; border: none; outline: none; font-size: 1.7rem; font-weight: 600; line-height: 1.5; padding-right: 0.9em; color: #090909; background: url(../img/img3/m_down_arr.png) right center no-repeat; position: relative; -webkit-appearance:none; /* Å©·Ò È­»ìÇ¥ ¾ø¾Ö±â */ -moz-appearance:none; /* ÆÄÀ̾îÆø½º È­»ìÇ¥ ¾ø¾Ö±â */ appearance:none; /* È­»ìÇ¥ ¾ø¾Ö±â */ }
.list_box .seltxt1 { padding: 7px; color: #000; border: 1px solid #aaa; background: url(img/img3/more-arrow-down.png) 97% center no-repeat; -webkit-appearance:none; /* Å©·Ò È­»ìÇ¥ ¾ø¾Ö±â */ -moz-appearance:none; /* ÆÄÀ̾îÆø½º È­»ìÇ¥ ¾ø¾Ö±â */ appearance:none; /* È­»ìÇ¥ ¾ø¾Ö±â */ }
.online_list  { width: 100%; display: flex; }
.online_list2  { flex-wrap: wrap; }
.online_list .list_box { width: 100%; margin-bottom: 1rem; }
.online_list2 .list_box { width: calc(50% - 2.5px); margin-right: 5px; }
.online_list2 .list_box:nth-child(2n) { margin-right: 0; }
.online_list .list_box .cont_link_box { width: 100%; display: block; border-radius: 0.6rem; overflow: hidden; }
.online_list .list_box .cont_link_box .online_img { border-radius: 0.6rem; overflow: hidden; position: relative; }
.online_list .list_box .cont_link_box .class_info { font-size: 1rem; padding: 0.5rem; line-height: 1.2; }
.online_list .list_box .cont_link_box .class_info .price { font-size: 0.9em; padding-top: 0.3em; color: #ff2f07; }
.online_list .cont_more_btnbox { position: absolute; bottom: 5%; left: 0; right: 0; }
.online_list .cont_more_btnbox .cont_more_btn { min-width: 0; background-color: #009bff; }
.list_title { margin: 2rem 0 1rem; font-size: 1.3rem; }

/*°­ÀÇ »ó¼¼ ÆäÀÌÁö*/
.detail_title { font-size: 1rem; font-weight: 600; padding: 1.5rem 0 1rem; display: flex; align-items: center; gap: 0.2em; }
.detail_title .average_box { display: flex; align-items: center; gap: 0.2em; }
.detail_title .average_box img { width: 30px; }
.class_curriculum_wrap img { width: 100%; }
.review_total_more_btn { padding: 20px 0; font-size: 1rem; font-weight: 600; text-align: center; }
.review_total_more_btn #loadMoreBtn { cursor: pointer; }
.review_total_more_btn #loadMoreBtn span { display: inline-block; padding-right: 15px; position: relative; }
.review_total_more_btn #loadMoreBtn span::after { content: ''; display: inline-block; width: 8px; height: 2px; border-radius: 5px; background-color: #090909; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(40deg); }
.review_total_more_btn #loadMoreBtn span::before { content: ''; display: inline-block; width: 8px; height: 2px; border-radius: 5px; background-color: #090909; position: absolute; right: -5px; top: 50%; transform: translateY(-50%) rotate(-40deg); }

.container-sub .class_page .page_top .cont_info { width:100%; margin-top: 2rem; position: relative; }
.container-sub .class_page .page_top .cont_info h3 {font-size:1.15rem; line-height: 1.1; font-weight:500;border-bottom: 1px dashed #cbcbcb; padding-bottom: 0.5em; }
.container-sub .class_page .page_top .cont_info .cont_txt {font-size:0.95rem; color:#767676;padding:0.75em 0;border-bottom: 1px dashed #cbcbcb;display: flex;align-items: center;}
.container-sub .class_page .page_top .cont_info .cont_txt .tit {width:28%; max-width: 100px; min-width: 65px; color:#090909;}
.container-sub .class_page .page_top .cont_info .cont_txt span {color:#fb2b07}
.container-sub .class_page .page_top .cont_info .page_btn { width: 100%; margin-top: 2rem; }
.container-sub .class_page .page_top .cont_info .page_btn a {display: block; background:#1c947b;padding: 1em 0; color:#fff; font-size:1.15rem; font-weight:700; text-align: center;}
.class_page_tab{margin: 2rem auto 80px; position: relative; width: 100%; max-width: 1000px; padding: 0 6%;}
.class_page_tab input[type='radio'] {display: none;}
.class_page_tab .class_page_tab-nav {max-width: 600px; margin: auto; display: flex; justify-content: center; position: sticky; top: 100px; }
.class_page_tab .class_page_tab-nav label {font-size:1.1rem; padding: 0.7em 0; border: 1px solid #0052ae; text-align: center;color:#ababab;font-weight: 500;width:50%;}
.class_page_tab .class_page_tab-nav label:hover {cursor: pointer;}
.class_page_tab .class_page_tab-content {overflow: hidden;display: none;}
.class_page_tab input[id='class_page_tab-1']:checked ~ .class_page_tab-nav label[for='class_page_tab-1'] {cursor: default; background-color: #0052ae; color:#fff;}
.class_page_tab input[id='class_page_tab-1']:checked ~ div.page_tab-1 {display: block;}
.class_page_tab input[id='class_page_tab-2']:checked ~ .class_page_tab-nav label[for='class_page_tab-2'] {cursor: default; background-color: #0052ae; color: #fff;}
.class_page_tab input[id='class_page_tab-2']:checked ~ div.page_tab-2 {display: block;}
.class_page_tab .class_page_tab-content h4 {margin:35px 0 60px 0 !important;font-size:24px;}
.class_page_tab .class_page_tab-content .top_time .day {font-size:22px;position: relative;display: inline-block;margin:30px 0 60px 0}
.class_page_tab .class_page_tab-content .top_time .day:before {content: "";position: absolute;left: 0;height: 3px;width: calc(100%);background:#ff4a6d;bottom:0}
.class_page_tab .class_page_tab-content .top_time p span {font-size:16px;background-color: rgba(255, 74, 109, 0.3);}
.class_page_tab .iframe_box { width:100% !important; }
.container-sub .contact_body .board_qna_list{width: 100%; border-top: 1px solid #000000;}
.container-sub .contact_body .board_qna_list thead th{padding: 17px; color: #222222; font-size: 17px; font-weight: 500; border-bottom: 1px solid #000000; white-space: nowrap;}
.container-sub .contact_body .board_qna_list tbody td{border-bottom: 1px solid #dddddd; padding: 15px 0; font-size: 15px;}
.container-sub .contact_body .board_qna_list tbody tr:nth-child(odd) td,
.container-sub .contact_body .board_qna_list tbody tr:nth-child(odd) th{background-color: #f9f9f9;}
.container-sub .contact_body .board_qna_list tbody td.ta_l{padding-left: 10px; text-align:center;}
.container-sub .contact_body .board_qna_list tbody td .subject{max-width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; float: left; line-height: 19px; margin-right: 4px;}
.container-sub .contact_body .board_qna_list tbody td .subject a{color: #777777; line-height: 24px;}
.container-sub .contact_body .board_qna_list tbody td span{vertical-align: top; margin-left: 2px;}
.container-sub .contact_body .board_qna_list tbody td span img{vertical-align: top; margin-top: 2px;}
.group_select { width: 78%; padding: 7px 15px 5px 5px; border: 1px solid #ccc; font-size:16px;  letter-spacing: -0.035em; color:#666; background: url(../img/img3/more-arrow-down.png) 98% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.group_select option { color:#000; }

/*ÅõÀÚÀÏÁö ¼­ºê ÆäÀÌÁö*/
.online_list .list_box .cont_link_box .online_img .cont_info_textbox { width: 100%; height: 100%; font-size: 1rem; padding: 10%; position: absolute; top: 0; left: 0; color:#fff; }
.cont_info_textbox .cont_iconbox { display: inline-block; font-size: 0.75rem; padding: 0.5em 1.2em; border-radius: 3em; border: 1px solid #fff; }
.cont_info_textbox .cont_title { width: 90%; font-size: 1em; padding-top: 0.3em; line-height: 1.3; word-break: keep-all; }
.cont_info_textbox .cont_sub_text { text-align: right; font-size: 0.7em; position: absolute; right: 10%; bottom: 10%; }
.cont_info_textbox .cont_sub_text .cont_sub_text2 { padding-top: 0.5em; }

/*»ó´ã½Åû ¼­ºê ÆäÀÌÁö*/
.consulting { line-height: 1.4; }
.consulting .good_cont {border-top:10px solid #0d4286;text-align: center;}
.consulting .good_cont h3 {margin-top:60px;font-size:1.5rem;}
.consulting .good_cont h3 span {color:#11438c;font-weight: 700;}
.consulting .good_cont .sub_text { font-size: 1rem; padding-top: 0.5em; }
.consulting .good_cont .box_shadow { max-width: 500px; font-size: 0.9rem; border:1px solid #d9d9d9; padding:1.5em; margin: 2rem auto 0;box-shadow: 3px 3px 5px #f2f2f2;border-radius: 10px;}
.consulting .good_cont .info { font-size: 1rem; margin-top: 2rem; border-radius: 10px; background: #0d4286;color:#fff;padding:1.3em;}
.consulting .good_cont .info span {font-weight: 700;}
.consulting .good_cont .bottom { font-size: 0.95rem; margin-top:2rem; text-align: left}
.consulting .good_cont .bottom p { padding-top: 0.5em; font-size: 0.9em; color:#999;}
.consulting .good_cont .naver {margin:40px 0 10px 0}
.consulting .good_cont .naver, .consulting .good_cont .tel {text-align: center;}

/*°áÁ¦³»¿ª*/
.bank_infotext { margin-top: 2rem; line-height: 1.2; padding: 0.85rem; background-color: #f4f9fc; border-radius: 0.5em; font-size: 0.85rem; display: flex; flex-direction: column; gap: 1em; }
.bank_infotext h4 {font-size: 1.1rem; font-weight: normal;}
.bank_infotext .bank_info_left { display: flex; flex-direction: column; gap: 1em; }
.bank_infotext .bank_info_left .back_num { color: #004BC4; font-weight: 500; }
.bank_infotext .bank_info_box { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3em; }
.bank_infotext .bank_info_box1 { font-size: 1rem; }
.bank_infotext .bank_info_box .icon { display: inline-flex; justify-content: center; align-items: center; font-size: 0.7em; padding: 0.2em 0.7em; border-radius: 50%; color: #fff; background-color: #397eff; }
.bank_infotext .bank_info_right { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3em; color: #848484; }
.bank_infotext .bank_info_right .bank_etc_text { color: #007DE8; }

/*schedule*/
.schedule_wrap {
    .schedule_top_box {
        font-size: 1.2rem;
        font-weight: 600;
        text-align: center;
    }

    .schedule_table_wrap {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1em;

        .schedule_menu_box {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
            gap: 2em;

            .paging {
                width: 100%;
                padding: 0;
                font-size: 1.1em;
                gap: 1em;

                .arrow_btn {
                    width: 20px;
                    height: 20px;
                    position: relative;

                    &.next {
                        transform: rotate(180deg);
                    }

                    &::before {
                        content: '';
                        display: inline-block;
                        width: 70%;
                        height: 2px;
                        background-color: #9d9d9d;
                        border-radius: 5px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform-origin: 0 100%;
                        transform: translate(-50%, -50%) rotate(-45deg);
                    }

                    &::after {
                        content: '';
                        display: inline-block;
                        width: 70%;
                        height: 2px;
                        background-color: #9d9d9d;
                        border-radius: 5px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform-origin: 0 0;
                        transform: translate(-50%, -50%) rotate(45deg);
                    }
                }
            }

            .cate_select_wrap {
                padding: 0;
            }
        }

        .schedule_table_box {
            &::before {
                content: '';
                display: block;
                width: 100%;
                height: 1px;
                background-image: linear-gradient(to right, #eaeaea 50%, rgba(255,255,255,0) 0%);
                background-size: 22px 1px;
                background-position: top;
            }

            .schetb {
                th {
                    font-size: 0.85em;
                    line-height: 2.5;
                }

                td {
                    height: 50px;
                    padding: 0.2em 0.1em;
                    border: 1px solid #eaeaea;
                    vertical-align: top;

                    .cal_info_box {
                        font-size: 0.8em;
                        font-weight: 300;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        width: calc(100% - 2px);
                        height: calc(100% - 2px);
                        border: 1px solid transparent;

                        .cal_day_box {
                            text-align: center;
                            padding: 0 0 0.3em;

                            .cal_day {
                                width: 1rem;
                                height: 1rem;
                                padding: 0.1em;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                border-radius: 50%;
                            }
                        }

                        .schedule_box {
                            font-size: 0.8em;
                            width: 100%;
                            padding: 0.3em 0.2em;
                            background-color: #eaeaea;
                            border-radius: 0.2em;

                            .schedule {
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                    }

                    &.cal_3 {
                        .cal_day {
                            background-color: #007de8;
                            color: #fff;
                        }
                    }

                    &.cal_1, &.cal_2 {
                        background-color: #f7f7f7;
                    }
                }
            }

            .dimmed_box {
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,0.25);
                position: fixed;
                top: 0;
                left: 0;
                z-index: 99999;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                visibility: hidden;
                opacity: 0;

                .dimmed_close {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    border: 1px solid #fff;
                    position: absolute;
                    top: 10%;
                    left: 50%;
                    transform: translateX(-50%);

                    &::before {
                        content: '';
                        display: inline-block;
                        width: 70%;
                        height: 1px;
                        background-color: #fff;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%) rotate(45deg);
                    }

                    &::after {
                        content: '';
                        display: inline-block;
                        width: 70%;
                        height: 1px;
                        background-color: #fff;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%) rotate(-45deg);
                    }
                }
            }

            .popup_box {
                margin-top: -50px;
                width: calc(100% - 10%);
                max-width: 600px;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                border-radius: 0.5em;
                background-color: #fff;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                z-index: 100000;
                visibility: hidden;
                opacity: 0;

                .schedule_detail_box {
                    padding: 1em 0;

                    .schedule_info_box {
                        display: flex;
                        flex-direction: column;
                        gap: 1em;

                        .date_box {
                            padding: 0 1em;
                            font-size: 1.1em;
                        }

                        .schedule_popup_info {
                            padding: 0 1em;
                            width: 100%;
                            min-height: 200px;
                            max-height: 300px;
                            overflow: auto;
                            display: flex;
                            flex-direction: column;
                            gap: 0.5em;

                            .schedulw_detail {
                                line-height: 1.4;
                                padding: 0.5em 0.7em;
                                background-color: #eaeaea;
                                border-radius: 0.3em;
                                display: flex;
                                flex-direction: column;
                                gap: 0.5em;
                                font-size: 0.95em;

                                .title {
                                    font-weight: 600;
                                }

                                .info {
                                    font-size: 0.95em;
                                    font-weight: 300;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/*lecture detail*/
.gang_detail_page_wrap{
    padding-top: 2rem;
    width: 100%;
    max-width: 600px;
    margin: auto;

    .gang_detail_page_box {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;

        .detail_top_wrap {
            .detail_thumb_box {
                width: 100%;
                border-radius: 0.6em;
                overflow: hidden;
            }
        }

        .gang_detail_info_box1 {
            .detail_best_reveiw_wrap {
                display: flex;
                flex-direction: column;
                gap: 1.5em;

                .detail_best_top_box {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;

                    .detail_best_title {
                        font-size: 1.1em;
                        font-weight: 600;
                    }

                    .detail_review_more {
                        display: flex;
                        align-items: center;
                        gap: 0.5em;
                        font-size: 0.95em;
                        font-weight: 600;

                        &::after {
                            content: '\276f';
                            display: inline-block;
                            font-size: 0.85em;
                        }
                    }
                }
            }

            .detail_content_wrap {
                .detail_content_box {
                    .detail_class_contents {
                        padding-top: 2rem;

                        .detail_content_title_box {
                            font-size: 1.1em;
                            font-weight: 600;
                            display: flex;
                            align-items: center;
                            gap: 0.5em;
                            padding-bottom: 1.5em;

                            .average_box {
                                display: flex;
                                align-items: center;
    
                                .average_icon{
                                    width: 25px;
                                }
                            }
                        }
                    }
                }
            }
        }

        .gang_detail_info_box2 {
            .detail_info_box {
                display: flex;
                flex-direction: column;
                gap: 0.5em;
                line-height: 1.4;

                .icons_box {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0.3em;
                    font-size: 0.75em;
                    font-weight: 600;

                    .lec_icon {
                        padding: 0.2em 0.5em;
                        color: #372cff;
                        background-color: #fdecf9;
                        border-radius: 0.3em;
                    }
                }

                .detail_info_text_box {
                    display: flex;
                    flex-direction: column;
                    gap: 1.5em;
                    word-break: break-all;

                    .detail_info_title {
                        font-size: 1.25em;
                        font-weight: 600;
                        padding-bottom: 0.3em;
                        border-bottom: 1px solid #eaeaea;
                    }

                    .detail_sub_text_box {
                        display: flex;
                        flex-direction: column;
                        gap: 0.7em;
                        font-size: 0.95em;

                        .detail_sub_info {
                            display: flex;
                            gap: 0.7em;

                            .detail_sub_title {
                                min-width: 70px;
                                color: #747474;
                            }
                        }

                        .dateil_sub_text {
                            &.dateil_sub_text_red {
                                color: #ff0000;
                                display: flex;
                                flex-direction: column;
                                gap: 0.15em;
                            }

                            .timer_box {
                                #timerText {
                                    font-size: 0.85em;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    padding: 0.25em 0.75em;
                                    border-radius: 0.3em;
                                    background-color: #ff0000;
                                    color: #fff;

                                    &.endTimer {
                                        background-color: #414141;
                                    }
                                }
                            }
                        }
                    }

                    .detail_option_wrap {
                        display: flex;
                        align-items: center;
                        gap: 0.7em;

                        .option_title {
                            min-width: 70px;
                            font-size: 1.1em;
                            font-weight: 500;
                        }

                        select {
                            display: inline-block;
                            width: 100%;
                            max-width: max-content;
                            font-size: 0.9em;
                            color: #090909;
                            border-radius: 0.3em;
                            padding: 0.5em 2em 0.5em 0.5em;
                            border: 1px solid #e5e5e5;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            background: url(../../img/icon/select_arrow_btn.svg) right 0.5em center no-repeat;
                        }

                        &.detail_option_wrap2 {
                            padding-top: 1em;
                            border-top: 1px solid #eaeaea;
                            justify-content: space-between;

                            .total_price {
                                width: 100%;
                                text-align: right;
                                font-size: 22px;
                                font-weight: 700;
                            }
                        }
                    }

                    .detail_price_wrap {
                        width: 100%;
                        border-radius: 0.6em;
                        background-color: #007de80d;
                        padding: 1em;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        gap: 1em;

                        .detail_price_box {
                            display: flex;
                            flex-direction: column;

                            &.detail_price_box1{
                                font-size: 1.05em;

                                .dateil_line_through {
                                    text-decoration: line-through;
                                    font-size: 14px;
                                    color: #aaa;
                                }
                            }

                            &.detail_price_box2 {
                                align-items: flex-end;
                                font-size: 20px;
                                font-weight: 600;

                                .installment_txt {
                                    font-size: 14px;
                                    font-weight: normal;
                                    color: #aaa;
                                }
                            }
                        }
                    }
                }
            }
        }

        .payment_btns_wrap {
            width: 100%;
            padding: 0 3%;
            background-color: #fff;
            box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 1;

            .payment_btn {
                max-width: 600px;
                margin: 0.8em auto 1.3em;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 0.5em;
                padding: 1em;
                background-color: #007de8;
                border: 1px solid #007de8;
                border-radius: 0.3em;
                color: #fff;
                
                &.payment_btn_yellow {
                    background-color: #f9db41;
                    border-color: #f9db41;
                    color: #090909;
                }

                &.payment_btn_white {
                    background-color: #fff;
                    color: #090909;
                    border: 1px solid #eaeaea;
                }

                #price_view {
                    font-size: 1.2em;
                    font-weight: 700;
                }
            }
        }
    }
}

.class_tab_btns_wrap {
    padding-top: 2rem;
    position: sticky; 
    top: 48px;
    background-color: #fff;
    z-index: 1;

    .calss_tab_btns_box { 
        display: flex; 
        background-color: #f6f6f6; 
        border-radius: 0.3rem; 
        padding: 5px; 
        box-shadow: 2px 2px 5px rgba(0,0,0,0.1); 

        .class_tab_btn { 
            width: 100%; 
            display: flex; 
            justify-content: center; 
            padding: 0.8em 0; 
            border-radius: 8px;

            .review_count { 
                display: inline-block; 
                color: #ff5013; 
                margin-left: 3px; 
            }

            &.active { 
                background-color: #fff; 
                box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,0.1); 
            }
        }
    }
}

/* roadmap page */
.roadmap_top_container {
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 40px 1em;

    .roadmap_top_inner {
        display: flex;
        flex-direction: column;
        gap: 40px;

        .roadmap_top_title {
            font-size: 2em;
            font-weight: bold;
        }

        .roadmap_top_info_list {
            display: flex;
            flex-direction: column;
            gap: 15px;

            .roadmap_top_subtitle {
                font-size: 1.3em;
                font-weight: bold;
                color: #fff;
                line-height: 45px;
                border-radius: 7px;
                background: linear-gradient(2deg, #000 15%, #312482 50%, #5a42ec 100%);
            }

            .roadmap_top_info {
                display: flex;
                gap: 15px;

                .list_cate {
                    width: 90px;
                    min-width: 90px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 20px;
                    font-weight: 500;
                    border-radius: 7px;
                    box-shadow: 1px 3px 5px rgba(0,0,0, .1);
                    background-color: #fff;
                }
                
                .list_info {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    gap: 15px;

                    .list {
                        border-radius: 7px;
                        background-color: #fff;
                        box-shadow: 1px 3px 5px rgba(0,0,0, .1);
                        overflow: hidden;

                        .list_title {
                            font-size: 1em;
                            font-weight: bold;
                            line-height: 30px;
                            color: #fff;
                            background-color: #eaeaea;
                            margin: 0;

                            &.list_title1 {
                                background-color: #3248ef;
                            }

                            &.list_title2 {
                                background-color: #5820b6;
                            }

                            &.list_title3 {
                                background-color: #fca011;
                            }
                        }

                        .list_info_txt {
                            display: block;
                            width: 100%;
                            font-size: 20px;
                            font-weight: bold;
                            padding: 1em 0;
                            position: relative;

                            &.arrow {
                                &::after {
                                    content: '';
                                    display: inline-block;
                                    width: 7px;
                                    height: 7px;
                                    position: absolute;
                                    top: 0;
                                    bottom: 0;
                                    right: 1em;
                                    margin: auto;
                                    border-top: 2px solid #0c0c0c;
                                    border-left: 2px solid #0c0c0c;
                                    transform: rotate(135deg);
                                }
                            }
                        }
                    }
                }
            }

            &.roadmap_top_info_list2 {
                .roadmap_top_subtitle {
                    color: #0c0c0c;
                    background: #c4c4c4;
                }

                .list_info {
                    .list {
                        .list_title {
                            color: #0c0c0c;
                        }
                    }
                }
            }
        }
    }
}