@charset "utf-8";


.form-error {
	font-size: 14px;
    color: #f00;
    margin: 5px 0;
	font-weight: bold;
}

.notice_select{
	margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
    background: #FFF url(../images/icon/ico_select.png) no-repeat 90% center;
    line-height: 50px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    min-width: 165px;
    color: #747474;
    padding: 0 36px 0 18px;
    font-size: 16px;
}

/*************************************
	서브페이지
*************************************/
.sub_container {position:relative; padding: 80px 0 }
.sub_container.ver_normal {padding-top:50px;}
.nav_title{}
.nav_title .tit_b{margin-bottom:0;border-bottom:0;padding: 20px 0;overflow: hidden;position: relative;}
.nav_title .tit_b.line_ver{margin-bottom: 0;border-bottom:1px solid #DDD}
.nav_title .tit_b h3{display: inline-block;font-weight: 700;font-size: 24px;line-height: 19px;color: #333333;margin-right: 10px;}
.sub_wrap {margin-top: 24px;min-height: 400px;}
.sub_wrap nav ul li{display:inline-block;font-weight: 400;font-size: 12px;line-height: 14px;letter-spacing: -0.01em;color: #888888;}
.sub_wrap nav ul li + li:before{content:'>'; display: inline-block;margin: 0 5px;;}
.s_inr_box {background: #FFFFFF;border-radius: 15px;padding:50px 40px;width:639px;margin:30px auto;text-align:center;overflow:hidden;}
.s_inr_box.no_data{display:block;font-weight: 500;font-size: 16px;line-height: 19px;text-align: center;color: #888;text-align:center;width: 639px !important}
.s_inr_box.no_data i{display:block;width:60px;height:60px;margin:0 auto 10px}
i.alarm_non {background:url(../images/alarm_non.png) no-repeat center center}
i.res_test_non{background:url(../images/res_test_non.png) no-repeat center center}
i.res_contact_non{background:url(../images/res_contact_non.png) no-repeat center center}
.s_inr_box .tit{font-weight:800;font-size: 24px;line-height: 19px;text-align: center;color: #333333;}
.s_inr_box .txt{font-weight: 500;font-size: 14px;line-height: 17px;text-align: center;color: #888888;margin:34px 0}
.s_inr_box.ver_no_bg{background: transparent;padding: 0;border-radius:0}
.s_inr_box h3{font-weight: 600;font-size: 16px;line-height: 19px;color: #454545;}
.s_inr_box h3 span{display:inline-block;margin-left:9px;font-weight: 400;font-size: 12px;line-height: 14px;color: #888888;}
.s_inr_box .dlBox dl + dl{margin-top:55px}
.s_inr_box .dlBox dt{font-weight: 400;font-size: 14px;line-height: 17px;color: #888888;width:116px;text-align:left}
.s_inr_box .dlBox dd{text-align:left;font-weight:500;font-size: 14px;line-height: 17px;color: #454545;}
.s_inr_box.ver_no_bg .btn_box{margin-top:70px}
.s_inr_box.ver_no_bg form{margin-top:10px}
.s_inr_box.ver_no_bg .s_info{ position: relative;padding-left: 24px;font-weight: 400;font-size: 12px;line-height: 14px;color: #888888;margin-top:10px}
.s_inr_box.ver_no_bg .s_info span{display:inline-block;position:absolute;left:0;}
.s_inr_box.inner {width:970px;}
.s_inr_box.my_alarm_list{padding:32px;text-align: left;}

/* textarea auto */
.s_inr_box .auto_textarea{}
.s_inr_box .auto_textarea{ width:100%;background:#FFf;border:1px solid #E3E3E3;padding:0 25px 0;width: 100%;border-radius:10px;}
.s_inr_box .auto_textarea textarea{overflow-y: hidden;border:0;width:100%;font-weight: 500;font-size: 14px;color: #888;width: 100%;height:30px;padding-top:10px}

.dlBox dl{overflow: hidden;display: flex;flex-wrap: nowrap;}
.dlBox dl dt{}
.dlBox dl dd{flex: 1;}
.dlBox dl.ver_full{width:100%;flex-wrap: wrap;}
.dlBox dl.ver_full dt{width:100% !important}
.dlBox dl.ver_full dd{width: 100% !important;flex: inherit;}

.sub_visual{height:204px;position:relative;background-size:cover}
.sub_visual.sv01{background:#000 url(../images/reserve_topbg.png) no-repeat center center;background-size: cover;}
.sub_visual.sv02{background:#000 url(../images/alarm_topbg.png) no-repeat center center;background-size: cover;}
.sub_visual.sv03{background:#000 url(../images/contact_topbg.png) no-repeat center center;background-size: cover;}
.sub_visual ul , .sub_visual > h3{position:absolute;bottom:0;left:50%;transform: translate(-50%, 0);}
.sub_visual ul li{width:50%;text-align:center;}
.sub_visual ul li a{display:block;background:#DEDEDE;font-weight: 700;font-size: 14px;text-align: center;color: #5A5A5A;line-height:46px;border-radius:10px 10px 0 0;overflow:hidden}
.sub_visual ul li a.on{background:#F8F8F8}
.sub_visual > h3{margin-bottom:22px;font-weight: 700;font-size: 16px;line-height: 19px;margin-left:30px}
.sub_visual.sv02 a{padding:0 15px}
.sub_visual.sv02 .flexBox{position:absolute;display:flex;    align-items: center;top:150px}
.sub_visual.sv02 .inner{position:relative}

/* 이력서 심사완료 */
.ico_edu {width: 15px; height: 15px; background: url(../images/icon/pen-tool-02.svg) no-repeat center center;background-size:100%; margin-right: 5px;}
.ico_caree {width: 15px;height: 15px;background: url(../images/icon/book-open-01.svg) no-repeat center center;background-size:100%;margin-right: 5px;}
#resumeBox section{	padding-bottom: 48px;}
#resumeBox section + section{padding-top:45px;border-top:1px solid #E0E0E0;padding-bottom: 48px;}
#resumeBox section:last-of-type{	padding-bottom: 0;}
#resumeBox section h3{ font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: -0.02em;color: #333333; margin-bottom: 30px;}
#resumeBox .resume_top{position: relative;margin-bottom: 0;}
#resumeBox .resume_bd_box{border-radius:13px;background:#F9F9F9;padding:20px;margin-bottom:45px}
#resumeBox.resume_edit_wrap .resume_bd_box .file{position:relative;box-sizing: border-box;}
#resumeBox.resume_edit_wrap .resume_bd_box .file input.upload-name{display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;width: 100%;color: #999999;outline: 0;border: 0;}
#resumeBox.resume_edit_wrap .resume_bd_box .file input[type="file"]{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
#resumeBox.resume_edit_wrap .resume_bd_box .file label{position: absolute;width: 32px;height: 32px;display: inline-block;border-radius: 50px;background: #fff url(../images/myimg.png) no-repeat center center;text-indent: -99em;overflow: hidden;z-index: 2;right: 0;bottom: 15px;}
#resumeBox .bd_box{border-radius:13px;background:#FFF;padding:20px 26px 60px }
#resumeBox .resume_top .tit_b{ padding: 20px 0;overflow: hidden;position: relative; line-height: 34px;margin-bottom: 0;}
#resumeBox .resume_top .tit_b h3{display:inline-block;font-weight: 700;font-size: 24px;line-height: 19px;color: #333333;margin-right:10px}
#resumeBox .resume_top .tit_b span{display:inline-block;font-weight: 400;font-size: 24px;line-height: 17px;color: #44546A;}
#resumeBox .resume_top .tit_b a{ display: inline-block;width: 73px; height: 34px;background: #44546A; border-radius:12px; text-align: center; line-height: 34px;color: #FFF; float: right;}
#resumeBox .profile{text-align: center;min-width: 300px;margin-right: 38px;border-right:1px solid #E4E4E4;padding-right:20px}
#resumeBox .profile .img{width: 166px; height: 166px;position: relative; border-radius: 50%;margin: 0;}
#resumeBox .profile .img img{position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);min-width: 100%;}
#resumeBox .profile .nm{font-weight: 600;font-size: 16px;line-height: 19px;text-align: left; color: #333333;margin-top: 17px;margin-bottom: 6px;}
#resumeBox .profile .txt{font-weight: 400;font-size: 14px; line-height: 19px;text-align: left; letter-spacing: -0.02em;color: #333333;    word-break: break-all;}
#resumeBox .resum_dl{width: auto;flex: 1;}
#resumeBox .resum_dl textarea{height:192px}
#resumeBox .resum_dl dt{font-weight: 700;font-size: 14px; line-height: 17px;color: #333333;margin-bottom: 19px;display: flex;align-items: center;}
#resumeBox .resum_dl dd{font-weight: 400;font-size: 14px;line-height: 19px;letter-spacing: -0.02em;color: #454545;}
#resumeBox .resum_dl dd.active{margin: 19px 0;}
#resumeBox .check_list_box {width:270px}
#resumeBox .check_list_box p.mobVer{font-weight: 400;font-size: 12px;line-height: 14px;color: #888888;}
#resumeBox .scd_tab_box {flex:1;/* border-left:1px solid #DDD */}
#resumeBox .scd_tab_box .scd_tab,#resumeBox .scd_tab_box h3{padding-left:20px;}

.resume_edit_wrap#resumeBox .profile #preview{width: 166px; height: 166px;position: relative; border-radius: 50%;margin: 0;    overflow: hidden;}
.resume_edit_wrap#resumeBox .profile #preview img{position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);min-width: 100%;}
.resume_edit_wrap#resumeBox .profile .nm{margin-top:0}
.resume_edit_wrap#resumeBox .profile .nm input{width:100%}
.resume_edit_wrap#resumeBox .profile .img {margin:0 auto}
.resume_edit_wrap#resumeBox .profile .edit_text {border:1px solid #44546A;padding:7px 9px;margin-top:10px}
.resume_edit_wrap#resumeBox .resume_edit_box .scd_tab{margin-top: -20px;}
#resumeBox .check_list li{margin-bottom:12px;margin-right:10px;}
#resumeBox .resum_edit{border-radius: 15px;background: #FFF;padding: 35px 20px;width: 640px;margin: 0 auto;}
#resumeBox .resum_edit .imgB{width: 320px;position: relative;display: flex;justify-content: center;align-items: center;}
#resumeBox .resum_edit .imgB i{display: block;width: 100px;height: 100px;border-radius: 16px;background: #F9F9F9 url(../images/icon/file-attachment-02.svg) no-repeat center center;background-size:35px;margin-top: -20px;}
#resumeBox .resum_edit .txtB{flex: 1;}
#resumeBox .resum_edit .txtB .tit{font-weight: 700;font-size: 14px;line-height: 17px;color: #333333;margin-bottom: 25px;}
#resumeBox .resum_edit .txtB li{font-weight: 500;font-size: 12px;line-height: 14px;color: #888888;}
#resumeBox .resum_edit .txtB li + li{margin-top:20px}
#resumeBox .resum_edit .txtB button{margin-top: 35px;float: right;padding:0 30px}

#resumeBox .state_left_box {width: 230px;padding: 30px;background: #FFF;border-radius: 16px;}
#resumeBox .state_left_box dl + dl{margin-top:20px;}
#resumeBox .state_left_box dl dt{font-weight: 600;font-size: 14px;margin-right:15px}
#resumeBox .state_left_box dl dd{color:#DBDBDB;font-size:14px;font-weight:400}
#resumeBox .state_left_box dl dd.done{color: #35D173;}

#resumeBox .resume_edit_box {background: #FFF;border-radius: 16px;margin-left: 18px;padding: 40px 40px 40px ;flex: 1;}
#resumeBox .resume_edit_box dl + dl{margin-top:36px}
#resumeBox .resume_edit_box dt{width:100px;font-weight: 600;font-size: 16px;line-height: 19px;color: #454545;padding-top:13px}
#resumeBox .resume_edit_box dt span{display:inline-block;margin-left:27px;font-weight: 400;font-size: 12px;line-height: 14px;color: #888888;}
#resumeBox .resume_edit_box dl.ver_full dd{margin-top:10px}
#resumeBox .resume_edit_box dd input[type="text"]{line-height: 54px;background: #F9F9F9;border-radius: 9px;font-weight: 500;font-size: 14px;color: #7B7B7B;padding: 0 25px;width: 100%;}
#resumeBox .resume_edit_box dd .file{position:relative;box-sizing: border-box;border-bottom: 1px solid #DDD;padding-bottom:5px;padding-left: 87px;}
#resumeBox .resume_edit_box dd .file input.upload-name{display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;width: 100%;color: #999999;outline: 0;border: 0;}
#resumeBox .resume_edit_box dd .file input[type="file"]{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
#resumeBox .resume_edit_box dd .file label{position: absolute;display: inline-block;padding: 11px 12px;color: #fff;vertical-align: middle;background-color: #44546A;cursor: pointer;height: 37px;margin-left: 10px;left: 0;border-radius: 50px;}
#resumeBox .resume_edit_box dd textarea{border-radius: 9px;background: #f9f9f9;padding: 20px;width:100%;border:0;outline:0;height:225px}
#resumeBox .resume_edit_box .s_txt{font-weight: 400;font-size: 12px;line-height: 14px;color: #888888;margin-top:10px;margin-left:10px}
#resumeBox .resume_edit_box .scd_tab{border-left: 0;width:100%;margin: 40px auto 0;}
#resumeBox .resume_edit_box .btn_box{margin-top:130px}
#resumeBox .resume_edit_box.ver_re_edit{ padding: 20px 20px 0;margin-left: 0;border-top: 1px solid #DDD;width: 100%;border-radius: 0;margin-top: 50px}
#resumeBox .resume_edit_box.ver_re_edit .edit{padding:10px;border-radius:15px;border:1px solid #DDD}

.cont_txt_dl dl {margin-bottom:32px}
.cont_txt_dl dt{font-weight: 800;font-size: 16px;line-height: 19px;letter-spacing: -0.02em;color: #333333;margin-bottom:6px}
.cont_txt_dl dd{font-weight: 400;font-size: 16px;line-height: 125%;letter-spacing: -0.02em;color: #454545;}
.cont_txt_dl dd textarea{height:100px}
.cont_txt_dl dl.last{margin-bottom: 0;}
.cont_txt_dl dl.edit_text{margin-bottom:10px}

.edit_text{border:1px solid #DDD;width:100%;border-radius:10px;padding:11px;background:#FFF}
.edit_text textarea{background:transparent;border:0;outline:0;    width: 100%;}

.scd_tab {width:100%;border-left:1px solid #E0E0E0}
.scd_tab .w1{width:auto;}
.scd_tab thead th{line-height:50px;font-weight: 400;font-size: 14px;color: #454545;}
.scd_tab tbody th{font-weight: 400;font-size: 14px;line-height: 17px;color: #454545;text-align:left}
.scd_tab tbody td{text-align:center;vertical-align:middle;line-height:50px}
.scd_tab tbody tr:nth-child(2n-1) td{background:#f9f9f9}
.scd_tab tbody tr:last-child td{border-bottom: 1px solid #F1F1F1;}
.scd_tab tbody td i.checked{display:block;position:relative}
.scd_tab tbody td i.checked input{display: inline-block !important;width: 0;height: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;text-indent:-999em;overflow:hidden}
.scd_tab tbody td i.checked input + label{display:inline-block;width:100%;height:100%;text-indent:-999em;overflow:hidden;cursor:pointer}
.scd_tab tbody td i.checked input:checked + label{display:inline-block;width:100%;height:100%;background:url(../images/icon/Icon_check.svg) no-repeat center center;text-indent:-999em;overflow:hidden;cursor:pointer}

/* login */
#log_box{overflow: hidden;}
#log_box .res_text_box{ width: 312px;background: #44546A;min-height: 675px;padding: 57px 0 67px 37px;position: relative;display: flex;justify-content: space-between;flex-direction: column;}
/*#log_box .res_text_box{ width: 312px;background: #44546A;min-height: 675px;padding: 57px 0 67px 37px;position: relative;display: flex;justify-content: space-between;height: 100%;flex-direction: column;}*/
#log_box .res_text_box.ver_log{min-height:423px;flex:1}
#log_box .res_text_box:after{content: '';display: inline-block;background: url(../images/logo_opa.png) no-repeat;width: 217px;height: 152px;position: absolute;bottom: 45px;right: -40px;}
#log_box .res_text_box h2{font-weight: 600;font-size: 32px;line-height: 42px;color: #FFFFFF;}
#log_box .res_text_box h2 p{ font-weight: 400;font-size: 14px;line-height: 17px;color: #FFFFFF;opacity: 0.6;margin-top: 5px;}
#log_box .res_text_box.ver_regi{ width: 100%;min-height: auto;background: #FFF;padding: 0;}
#log_box .form_box{padding:45px 55px 0;box-sizing: border-box;width:440px}
#log_box .form_box input {line-height:50px;padding:0 20px;font-size:16px;color:#7B7B7B;border: 1px solid #E3E3E3;width: 100%;border-radius:5px}
#log_box .form_box input[type="password"]{margin-top:12px}
#log_box .form_box .newBtn{ margin:31px 0 20px;box-sizing: border-box;}
#log_box .form_box .btn_box .newBtn {margin:40px 0 45px;line-height:50px}
.in_box {margin:0 auto;width: 800px;background:#FFF;border-radius: 19px;overflow: hidden;border:2px solid #44546A}
.req_link a{display:inline-block;font-size:14px;color:#333;font-weight:400}
.req_link a + a{margin-left:25px}

/* 회원가입 */
#log_box .ver_white .res_text_box{height:100%;background:#FFF}
#log_box .ver_white .res_text_box h2{color:#313131}
#log_box .ver_white .res_text_box h2 p{color:#313131}
#log_box .ver_white .form_box {padding:62px 42px 0}
#log_box .ver_white .form_box dt{font-weight: 600;font-size: 16px;line-height: 19px;width:110px;color: #454545;padding-top: 18px;}
#log_box .ver_white .s_text{font-weight: 400;font-size: 12px;line-height: 14px;color: #888888;margin-top: 10px;margin-left: 10px;}
#log_box .ver_white .dlBox dl + dl{margin-top:45px}
.in_box2 {margin:0 auto;width: 805px;background:#FFF;border-radius: 19px;overflow: hidden;}
#log_box.ver_regi_box .in_box{width:520px;border:2px solid #44546A}
#log_box.ver_regi_box .form_box{width:100%}
#log_box.ver_regi_box .dlBox dl{display: block;}
#log_box.ver_regi_box .dlBox dl + dl{margin-top:20px}
#log_box.ver_regi_box .dlBox dt{font-size: 18px;display: block;font-weight: 500;color: #333;margin-bottom: 10px;}
#log_box.ver_regi_box .dlBox dd .s_text{font-size:14px;color:#666;margin:5px 0}
#log_box.ver_regi_box .res_text_box h2{text-align:center;color:#44546A;margin-bottom:30px}
#log_box.ver_regi_box .form_box input[type="password"]{margin-top:5px}
#log_box.ver_regi_box .dlBox dd .check_list{}
#log_box.ver_regi_box .dlBox dd .check_list li{ width: 20%;margin-bottom: 9px;}


/* 비밀번호 */
#log_box .in_box.password_box {text-align:center;width:520px}
#log_box .in_box.password_box .form_box{text-align:center;padding:35px 76px;width:100%}
#log_box .in_box.password_box .tit{font-weight: 700;font-size: 16px;line-height: 19px;color: #454545;margin-bottom:50px}
#log_box .in_box.password_box .s_info{font-weight: 400;font-size: 14px;line-height: 17px;color: #888888;text-align:left;padding:11px 0 46px 20px;}
#log_box .password_box .form_box .newBtn {    margin: 28px 0 0 0;min-width:130px}
#log_box .password_box .dlBox dl dt {width:103px;font-weight: 400;font-size: 14px;line-height: 17px;color: #454545;padding-top: 17px;text-align:left}
#log_box .password_box .dlBox dl dd input{font-weight:200;font-size: 14px;color: #CFCFCF;}
#log_box .password_box.ver_mp .dlBox dl dd input{font-weight: 500;font-size: 14px;color: #7E7E7E;}
#log_box .password_box.ver_mp .btn_box{margin-top:30px}

/* 변경 */
.inp_box.ver_read{background:#f4f4f4;line-height:50px;border-radius:5px;border:1px solid #DDD;font-size:24px;color:#44546A;font-weight:600;margin-bottom:30px}
.password_box dt label{font-size:18px;color:#333;font-weight:500} 

/* 상담권 */
.in_cont_box{padding:40px;border:1px solid #DDD;    min-height: 565px;border-radius: 10px;}
.in_cont_box h3{color:#333;font-weight:700;font-size:30px;margin-bottom:40px}
.in_cont_box h4{color:#333;font-weight:700;font-size:20px;margin-bottom:30px}
.card_chk input + label{background:#f2f3f7;display:block;padding:20px 30px;cursor:pointer}
.card_chk input:checked + label{color:#FFF;background:#44546A}
.card_chk input:checked + label .tit,
.card_chk input:checked + label .total,
.card_chk input:checked + label .total i,
.card_chk input:checked + label .tit i{color:#FFF;}
.card_chk_list {    justify-content: space-between;}
.card_chk .box{background:#FFF;line-height:36px;border-radius:5px;color:#333;font-size:12px;margin:16px 0}
.card_chk .box b{font-size:14px;display:inline-block;margin-right:8px}
.card_chk .tit{font-size:16px;color:#333;font-weight:700}
.card_chk .tit i{display:inline-block;color:#44546A;font-style: inherit;}
.card_chk .total{font-size:18px;color:#333;font-weight:800}
.card_chk .total i{display:inline-block;color:#666;font-size:14px;margin-left:10px;font-style: inherit;text-decoration: line-through;font-weight:400}
.card_chk_list li{display:block;min-width:276px; height:270px; text-align:center;border-radius:5px;overflow:hidden; margin-top:30px; margin-left:30px;}
.card_chk_list li:nth-child(3n+1){margin-left:0px;}


.card_chk_list > .chk_teach >  li{display:block;min-width:276px;text-align:center;border-radius:5px;overflow:hidden; margin-top:30px; margin-left:30px;}
.card_chk_list_counselor li:first-child{display:block;min-width:276px;text-align:center;border-radius:5px;overflow:hidden; margin-top:30px; margin-left:0px;}
.card_chk_list_counselor li:nth-child(3n+1){display:block;min-width:276px;text-align:center;border-radius:5px;overflow:hidden; margin-top:30px; margin-left:0px;}




.card_chk input,
.chk_teach input{-webkit-appearance: none;-moz-appearance: none;appearance: none;position: absolute;left: 0;opacity: 0;height: 0;width: 0;font-size: 0;}
.chk_teach input + label{height:270px; background:#FFF;display:block;padding:25px 30px;cursor:pointer;border-radius:5px;border:1px solid #DDD;position:relative}
.chk_teach input:checked + label{background:#f7f8ff;border:2px solid #44546A}
.chk_teach label .img{display:inline-block;border-radius:50%;width:120px;height:120px;overflow:hidden;margin-bottom:25px}
.chk_teach label .img img{width:100%}
.chk_teach .nm {font-size:16px;color:#333;font-weight:600;margin-bottom:15px}
.chk_teach .txt{color:#666;font-size:14px; max-width:214px;}
.card_chk_list .no_data{    margin: 0 auto;    padding-top: 9%;}
.card_chk_list .no_data .txt{margin:30px 0;font-size:16px}
.card_chk_list .no_data .txt p{margin-bottom:30px}
.card_chk_list .no_data .info{min-width:440px;text-align:center;font-weight:600;border:2px solid #44546A;border-radius:5px;line-height:50px;font-size:16px}
.card_chk_list .no_data .info a{display:block}

.paginate{text-align: center;margin-top:20px}
.paginate a{display: inline-block; margin: 0 1px; width: 37px;height: 37px;border: 1px solid #eee;border-radius: 50%;background:#CCC;  line-height: 37px;font-size: 16px;  color: #FFF;}
.paginate a.pgbtn{text-indent: -999em;}
.paginate a.page_num.on{color: #FFF; background: #44546A; border: 1px solid #44546A;}
.paginate a.prev{margin-right: 5px;background: url(../images/icon/ico_p_prev.png) no-repeat center center;}
.paginate a.next{margin-left: 5px;background: url(../images/icon/ico_p_next.png) no-repeat center center;}
.in_cont_tbl_box {display: flex;flex-direction: column;justify-content: space-between;min-height: 460px;}


/* 상담하기 예약대기 */
.contact_ing_box {}
.contact_ing_box .info{display: flex;align-items: center;padding: 20px 30px;border-radius: 5px;border: 1px solid #DDD;color: #666;font-size: 16px;line-height: 20px;margin-bottom: 15px;}
.contact_ing_box .info i{display:inline-block;width:34px;height:34px;margin-right:20px;background:url(../images/icon/ico_info.png) no-repeat center center;background-size:100%}
.contact_ing_box .info > div b{color:#333;font-weight:600}
.contact_ing_box .contact_ing_list{border: 1px solid #DDD;border-radius: 5px;padding: 30px;}
.contact_ing_box .contact_ing_list .imgBox{width:120px}
.contact_ing_box .contact_ing_list .imgBox.ver_s{width:80px}
.contact_ing_box .contact_ing_list .imgBox img{width:100%;border-radius:5px;overflow:hidden;}
.contact_ing_box .contact_ing_list .txtBox{margin-left:30px;flex:1}
.contact_ing_box .contact_ing_list .txtBox .nm{font-size:18px;color:#333;font-weight:700;margin-bottom:0}
.contact_ing_box .contact_ing_list .txtBox .txt{font-size:16px;color:#666;line-height:30px}
.contact_ing_box .contact_ing_list .txtBox .s_info{background:#fafafc;border-radius:5px;padding:0 20px}
.contact_ing_box .contact_ing_list .txtBox .btn_b{text-align: center;border-top: 1px solid #DDD;}
/*.contact_ing_box .contact_ing_list .txtBox .btn_b{width: calc(100% + 150px);text-align: center;margin-left: -150px;border-top: 1px solid #DDD;}*/
.contact_ing_box .contact_ing_list .txtBox .btn_b a{display: inline-block;line-height: 52px;margin-top: 15px;background: #b8b8b8; max-width:80%; width:250px;border-radius: 7px;color: #FFF;font-size: 16px;font-weight: 500;}
.contact_ing_box .contact_ing_list .txtBox .btn_b a.on{background:#44546A;color:#FFF}
.contact_ing_box .contact_ing_list .txtBox .s_info.ver2{background:transparent;padding:15px 0}
.contact_ing_box .contact_ing_list .txtBox .s_info span{display:inline-block;font-size:14px;color:#333;font-weight:500;padding:12px 0}
.contact_ing_box .contact_ing_list .txtBox .s_info span b{color:#666;font-weight:400;}
.contact_ing_box .contact_ing_list .txtBox .s_info span + span{margin-left:30px}
.contact_ing_box .contact_ing_list .txtBox .s_info span:before{content: '';display: inline-block;float: left;width: 1px;height: 16px;background: #DDD;margin-left: -15px;}
.contact_ing_box .contact_ing_list .txtBox .s_info span:nth-child(1):before{content: '';display: none;}
.contact_ing_box .contact_ing_list .txtBox .s_info span i{display:inline-block;font-style:inherit;padding-left:20px}
.contact_ing_box .contact_ing_list .txtBox .s_info.ver2 span {padding:0}
.contact_ing_box .contact_ing_list .txtBox .s_info span i.date{background:url(../images/icon/ico_date.svg) no-repeat left center}
.contact_ing_box .contact_ing_list .txtBox .s_info span i.area{background:url(../images/icon/ico_area.svg) no-repeat left center}
.contact_ing_box .contact_ing_list .txtBox .s_info span i.area2{background:url(../images/icon/ico_area2.svg) no-repeat left center}
.contact_ing_box .contact_ing_list .txtBox .s_info span i.time{background:url(../images/icon/ico_time.svg) no-repeat left center}



/* 알람 */
.my_alarm_list li{display: flex;justify-content: space-between;padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid #EEE;align-items: flex-end;}
.my_alarm_list .titB{text-align: left;}
.my_alarm_list .titB .tit{text-align: left;font-weight: 500;font-size: 16px;line-height: 19px;color: #333;}
.my_alarm_list .titB .cate{margin-bottom: 5px;}
.my_alarm_list .date{font-size: 14px;line-height: 17px;color: #888;}

/* 화상채팅 */
.online_chat_box {width:100%;margin-bottom:50px;height:500px;border-radius:10px;overflow:hidden;}
.online_chat_box img{width:100%}


/* 상담예약 */
h4.tit{font-size:18px;color:#333;line-height:42px;border-bottom:1px solid #DDD;font-weight:500;margin-bottom:15px;position:relative;}
h4.tit.curs{cursor:pointer}
h4.tit i{display:inline-block;position:absolute;right:0;width:30px;height:30px;background:url(../images/icon/chevron_right.svg) no-repeat center center;background-size:24px;    transform: rotate(-90deg);    top: 8px;}
h4.tit.on i{transform: rotate(90deg);}
h4.tit span{display:inline-block;margin-left:10px;color:#666;font-size:14px;}
h4.tit a{display:inline-block;color:#44546A;font-size:14px;line-height:30px;width:100px !important;border-radius:5px;border:1px solid #44546A;text-align:center}
.in_cont_box .check_list li{margin-bottom:6px;margin-right:6px}
.new_tab_box + .new_tab_box{margin-top:28px}
.new_tab_box > p{font-size:16px;color:#666;line-height:30px}
.new_tab_box .inp{display:inline-block; width:100%;}
.new_tab_box .inp + .inp{margin-left:5px}
.new_tab_box .inp select{ margin-top:5px; width:100%; background:#FFF url(../images/icon/ico_select.png) no-repeat 90% center;line-height:50px;border:1px solid #d3d3d3;border-radius:5px;min-width:165px;color:#747474;padding:0 36px 0 18px;font-size:16px}
.new_tab_box .inp input[type="date"]{border:1px solid #d3d3d3;border-radius:5px;min-width:165px;color:#D3D3D3;padding:0 18px;font-size:16px;line-height:50px;}
.modal .card_chk_list li + li{margin-left:0}
.modal .card_chk_list li{width:calc(50% - 5px) !important}
.modal .card_chk_list li{margin-bottom:10px}
.modal .card_chk input + label{}
.modal .card_chk input{}
.modal .card_chk .total{font-size:14px;font-weight:400;color:#666}
.modal .card_chk .tit{color:#666}
.modal .card_chk .box{font-size:14px;font-weight:700}
.card_sel_list {margin-bottom:40px;margin-top: -15px;}
.card_sel_list li{border-bottom: 1px solid #D3D3D3;padding: 13px 0;color: #333;font-size: 14px;text-align: center;display: flex;align-items: center;    justify-content: space-between;}
.card_sel_list li span{ display: inline-block;width: 20%;}
.card_sel_list li span.nm{flex:1}


/* 문의내역 */
.my_faq_list_box .title_box{border-bottom:2px solid #44546A;padding-bottom:25px;padding-right:0;text-align:right}
.my_faq_list_box .title_box a{ display: inline-block;color: #44546A;font-size: 14px;line-height: 30px;width: 100px !important;border-radius: 5px;border: 1px solid #44546A;text-align: center;}
.my_faq_list_box .my_faq_list dt{border-bottom:1px solid #DDD;color:#333;font-size:14px;font-weight:400;padding: 15px 30px;display: flex;justify-content: space-between;cursor:pointer}
.my_faq_list_box .my_faq_list dt b.title{font-weight:400;flex: 1;}
.my_faq_list_box .my_faq_list dt .date{width: 140px;display: inline-block;text-align: center;}
.my_faq_list_box .my_faq_list dt span i{display:inline-block;font-style: inherit;color: #666;border: 1px solid #DDD;border-radius: 5px;background: #FFF;padding: 0 25px;margin-top: -10px;margin-bottom: -10px;line-height: 32px;align-items: center;}
.my_faq_list_box .my_faq_list dt .sts.done{background:#44546A;border:1px solid #44546A;color:#FFF}
.my_faq_list_box .my_faq_list dd{display:none;border-bottom:1px solid #DDD;padding: 15px 30px;color: #333;font-size: 14px;}
.my_faq_list_box .my_faq_list dd .re_cont{background: #f6f6f6;padding: 30px;margin-top: 15px;}


.in_cont_box .btn_box.tr{margin-top:60px;}

.chk_teach input + label i{display:inline-block;position:absolute;width:32px;height:32px;border-radius:50%;background:#b8b8b8 url(../images/icon/ico_magnifier.svg) no-repeat center center;z-index:1;right:15px;top:15px;background-size:14px}
.chk_teach input:checked + label i{background-color:#44546A}
/* 상담예약 선생님 */
.modal-content .resume_bd_box{text-align:left;border-bottom: 1px solid #DDD;margin-bottom: 25px;padding-bottom: 25px;height: 260px;overflow-y: auto;}
.modal-content .cont_txt_dl{text-align:left}
.modal-content .profile{margin-right:20px;}
.modal-content .profile img{width:100%;width:120px;height:120px;}
.modal-content .profile .img{width:120px;height:120px;overflow:hidden;border-radius:5px}
.modal-content .profile .nm{text-align:center;font-size:18px;color:#333;font-weight:600;margin-top:15px}
.modal-content .pro_txt_box{flex:1;padding-top:20px;}
.modal-content .pro_txt_box .txt{font-size:16px;color:#333;font-weight:700;padding-bottom:20px;line-height:1}
.modal-content .pro_txt_box .flexBox{}
.modal-content .pro_txt_box .resum_dl{}
.modal-content .pro_txt_box .resum_dl dt{font-size:16px;color:#333;font-weight:500; display: flex;align-items: center;margin-bottom: 4px;}
.modal-content .pro_txt_box .resum_dl dd{color:#666;font-size:14px}
.modal-content .pro_txt_box .resum_dl dd.active:before{content:'-';display:block}
.modal-content .pro_txt_box .resum_dl dd.active:after{content:'-';display:block}
.modal-content .cont_txt_dl dt{font-weight: 500;}
.modal-content .cont_txt_dl dd{font-size: 14px;color: #666;}


/* 마이페이지 */
.my_page_box{display: flex;min-height: 390px;}
.my_page_box .dlBox{border-top: 1px solid #DDD;flex: 1;}
.my_page_box .dlBox dl{line-height: 54px;border-bottom: 1px solid #DDD;font-size: 16px;}
.my_page_box .dlBox dl dt{color: #333;font-weight: 600;min-width: 60px;padding-right: 20px;}
.my_page_box .dlBox dl dt.basic_dt{width:100px}
.my_page_box .dlBox dl dd{color: #666;}
.my_page_box .dlBox dl dd .ckb_colr input[type="checkbox"] + label {display: inline-block;padding: 12px 0;}
.my_page_box .ico_box{display: inline-block;width: 120px;background: url(../images/icon/ico_myp.png) no-repeat left top;}
.my_page_box .dlBox dl dd .check_list{padding-top:5px}
.my_page_box .dlBox dl dd .check_list li{line-height:1;min-width:50px}
.my_page_box .dlBox dl.flexcolumn{flex-direction: column;}
.my_page_box .dlBox dl.flexcolumn dt{width: 100%;margin-bottom: -10px;}
.my_page_box .dlBox dl.flexcolumn dt span{display:inline-block;margin-left:10px;font-size:14px;color:#666;font-weight:400}
.my_page_box .dlBox dl.flexcolumn dd{width:100%;margin-bottom:15px}
.my_page_box .mp_info {margin-top:10px;color:#666;font-size:14px;}


h4.title{font-size:18px;color:#333;line-height:42px;font-weight:500;margin-bottom:15px;position:relative;}



@media (max-width: 970px) {
	.s_inr_box.inner {width:100%;}
	.in_box2 {width:100%}
	.in_box{width:100%}
	.card_chk_list li {min-width:33%;}
	.card_chk input + label {padding:20px 4%}
	.card_chk_list li + li {margin-left:0}
	/* 상담예약 */
	.new_tab_box .inp + .inp {margin-left:0}
	.new_tab_box .inp{  min-width: 100%; max-width: 100%;margin-right:5px;margin-bottom:5px;min-width:30%}
	.new_tab_box .inp select{min-width:100%; max-width: 100%;line-height:40px;;font-size:14px}
	.new_tab_box .inp input[type="date"]{min-width:auto;width:100%;padding:0 10px;line-height:40px;font-size:14px}
	.new_tab_box > p{line-height:1.5;font-size:14px}
	.card_sel_list li span{ display: inline-block;width:33%}
	.card_chk_list .no_data{    margin: 0 auto;    padding-top:0}
	.my_faq_list_box .my_faq_list dt .date,
	.my_faq_list_box .my_faq_list dt span i{width:auto;padding:0 15px}
	.my_faq_list_box .my_faq_list dt,
	.my_faq_list_box .my_faq_list dd{padding:15px 10px}
	.my_faq_list_box .my_faq_list dd .re_cont {padding:15px}
	.inp_box.ver_read{font-size:18px}
	.password_box dt label{font-size:15px}
	.my_faq_list_box .title_box{padding-right:10px}
	.chk_teach .txt{max-width:100%;}
}

@media (max-width: 768px) {
	.in_box,#log_box.ver_regi_box .in_box{width:100%;border:0;border-radius:0}
	#log_box .form_box input[],{line-height:40px;font-size:14px}
	.card_chk_list li{min-width:auto}
	.card_chk_list li + li{margin-left:0;margin-top:20px}
	.in_cont_box {padding:0;border:0;    min-height: auto;}
	.in_cont_box h3{font-size:24px;border-top:1px solid #DDD;padding-top:25px}
	.card_chk .tit {font-size:19px}
	.card_chk .box b {font-size:16px;}
	.card_chk .box{font-size:14px;}
	.card_chk .total {font-size:21px}
	.card_chk .total i {font-size:16px}
	.sub_container{padding:50px 0}
	.nav_title .tit_b.line_ver{border-bottom:0;margin-bottom:0}
	.nav_title .tit_b h3 {font-size:14px}
	.sub_visual{height:139px}
	.sub_visual ul{width:100%}
	.sub_visual.sv02 .flexBox {top:80px}
	.s_inr_box {width:100%;    padding:30px 14px;}
	.s_inr_box .dlBox dl + dl {margin-top:37px}
	.s_inr_box.no_data{width: 90% !important}
	.card_chk_list .no_data .info{min-width:100%;}
	.paginate a {line-height:30px;height:30px;width:30px;    font-size: 12px;}

	
	/* 상담하기 예약대기 */
	.contact_ing_box .info {padding:15px}
	.contact_ing_box .info > div{font-size:14px}
	.contact_ing_box .contact_ing_list{padding:15px}
	.contact_ing_box .contact_ing_list .txtBox .s_info {padding:20px 15px}
	.contact_ing_box .contact_ing_list .txtBox .btn_b {width: 100%;margin-left: 0;border-top: 0;}
	.contact_ing_box .contact_ing_list .txtBox .s_info span {display:block;padding:0;}
	.contact_ing_box .contact_ing_list .txtBox .txt {font-size:15px;line-height:1.2;margin:10px 0}
	.contact_ing_box .contact_ing_list .txtBox .s_info span + span{margin-left:0;margin-top:15px}
	.contact_ing_box .contact_ing_list .txtBox .s_info span:before{display:none}
	.contact_ing_box .contact_ing_list .imgBox{width:50px}
	.contact_ing_box .contact_ing_list .txtBox{margin-left:20px;} /*max-width:75%;*/

		
	/* login */
	#log_box .form_box{padding:20px 0 0 0;}
	#log_box .form_box label.mobVer{font-size:16px;color:#333;margin-bottom:15px; margin-top:15px; font-weight:500}
	#log_box .res_text_box{background: transparent;padding: 0;min-height: auto;}
	#log_box .res_text_box.ver_log{min-height: auto;}
	#log_box .res_text_box h2{color: #44546A;text-align: center;font-weight: 600;font-size: 24px;line-height: 24px;text-align:left}
	#log_box .in_box.password_box{margin-top:20px;width:100%;margin-top:0}
	#log_box .in_box.password_box .form_box {padding:30px 25px}
	#log_box .password_box .dlBox dl dt {width:80px}
	#log_box .res_text_box h2 p {color:#44546A}
	#log_box .form_box input[type="password"]{margin-top:0}
	#log_box .form_box #login_id{margin-bottom:10px}
	.req_link a {text-align:right}
	#log_box .form_box .btn_box .newBtn {margin:25px 0 0}
	#log_box.ver_regi_box .dlBox dd .check_list li {width:20%}
	#log_box.ver_regi_box .ckb_colr input[type="checkbox"] + label{min-width:95%}
	/*  회원가입 */
	#log_box.ver_regi_box .dlBox dt {font-size:15px}

	.ckb_colr input[type="checkbox"] + label{padding: 16px 0; min-width: 71px; }
	.scd_tab .w1{min-width:50px;}
	#resumeBox section h3{margin-bottom:12px}
	#resumeBox .resume_top .tit_b{margin-bottom:0;border-bottom:0}
	#resumeBox .resume_top{margin-bottom:0}
	#resumeBox .profile{border-radius: 13px;margin-right: 0;background: #FFF;margin-bottom: 20px;border-right: 0;padding: 15px 0;}
	#resumeBox .resum_dl {margin-bottom: 20px;padding: 0}
	#resumeBox .profile .img {margin:0 auto;}
	#resumeBox .profile .nm,
	#resumeBox .profile .txt{text-align:center;}
	#resumeBox .bd_box {padding: 0 3% 50px 3%;}
	#resumeBox .resume_bd_box{padding:0;background:#FFF}
	#resumeBox.resume_edit_wrap .resume_bd_box {padding:0;margin-bottom:0;background:#FFF;border-radius:0}
	#resumeBox.resume_edit_wrap .resum_dl:last-of-type {padding-bottom:20px}
	#resumeBox .resum_dl:last-of-type{border-bottom: 1px solid #efefef;padding-bottom: 40px;}
	#resumeBox .check_list li {width:calc(94% / 4);flex: inherit;margin-right:2%}
	#resumeBox .check_list li:nth-child(4n) {margin-right:0}
	#resumeBox .check_list_box {margin-bottom:40px}
	#resumeBox .scd_tab_box .scd_tab, #resumeBox .scd_tab_box h3 {padding-left:0;border-left:0}
	#resumeBox .scd_tab_box {flex:1;border-left:0}
	#resumeBox .resum_edit{width: 100%;margin-top: 0;}
	#resumeBox .resum_edit .txtB .tit{text-align: center;margin-bottom: 16px;margin-top: 24px;}
	#resumeBox .resum_edit .txtB li{text-align: center;}
	#resumeBox .resum_edit .txtB button{float: inherit;width: 100%;}
	#resumeBox .resum_edit .txtB li + li{margin-top: 12px;}
	#resumeBox .resume_edit_box dt span {margin-left:0}
	#resumeBox .resume_edit_box{margin-left:0;padding:31px 12px}
	#resumeBox.resume_edit_wrap .resume_edit_box.ver_re_edit {padding: 20px 0;margin-top:30px}

	#resumeBox .state_left_box {display:none;padding:12px;}
	#resumeBox .resume_edit_box dt{font-weight: 600;font-size: 16px;line-height: 19px;letter-spacing: -0.02em;color: #333333;padding-bottom:10px}
	#resumeBox .resume_edit_box dd .file label {margin-left:0}
	#resumeBox .resume_edit_box dd textarea{height:210px}
	#resumeBox .resume_edit_box .scd_tab{margin-top: 27px;}
	#resumeBox .resume_edit_box .btn_box {width:90%;margin:36px auto 12px}
	#log_box .res_text_box:after {display:none}
	#log_box .ver_white .form_box {padding:16px;}
	#log_box .ver_white .form_box dt{width:77px}
	#log_box .form_box input {font-size:14px}
	#log_box .ver_white .dlBox dl + dl {margin-top: 20px;}

	.res_test_list li {width:100% !important;margin-top:8px}
	.res_test_list li:nth-child(2){margin-top:8px}
	.res_test_list li .nm{text-align: left;width: 20%;}
	.res_test_list li > a,.res_test_list li .link{padding: 12px 20px;}

	.s_inr_box dt{font-weight: 400;font-size: 14px;line-height: 17px;color: #888888;}
	.s_inr_box.ver_no_bg .btn_box{margin-top:30px}
	.s_inr_box.my_alarm_list{padding:30px 14px}

	/* 화상채팅 */
	.online_chat_box {height:300px;margin-bottom:30px}
	.online_chat_box img{width:100%}

	/* 상담예약 */
	.modal .card_chk .tit {font-size:15px}
	.modal .card_chk_list li{width:100% !important;margin-bottom:5px}
	.card_chk_list li + li {margin-top:10px}
	.modal .card_chk .box{margin:5px 0;line-height:30px}
	.modal .card_chk input + label {padding:10px 4%}
	.modal-content .cont_txt_dl {height:150px;overflow-y:auto}
	.modal-content .profile .img img,.modal-content .profile .img{width:80px;height:80px}
	.modal-content .resume_bd_box {padding-top:15px}
	.modal-content .profile .nm{font-size:15px}
	.modal-content .pro_txt_box{padding-top:0}
	.modal-content .pro_txt_box .resum_dl{    margin-top: 10px;}
	.modal-content .pro_txt_box .txt{font-size:15px;padding-bottom:10px;line-height:1.25}
	.modal-content .pro_txt_box .resum_dl dd + dd{margin-top:5px}

	/* 마이페이지 */
	.my_page_box {min-height:auto}
	.my_page_box .ico_box {width:0px;	background-size:0%}
	.my_page_box .dlBox dl {font-size:15px;line-height:45px}
	.my_page_box .dlBox dl dd .ckb_colr input[type="checkbox"] + label{padding:8px 5px}
	.my_page_box .dlBox dl.flexcolumn dt{margin-bottom:10px;margin-left:0;line-height: 1.2;padding: 10px 0 0;margin-bottom: 5px;}
	.my_page_box .dlBox dl.flexcolumn dt span{margin:0;line-height:1.2;padding-top: 5px;}

	.chk_teach .txt{max-width:100%;}
}