@charset "UTF-8";

/***********************************************************************************
    폼
************************************************************************************/
/* input2개, 이메일 */
.input_box { display:flex; align-items:center; }
.input_box.than .select_wrap:nth-child(1),
.input_box.than .select_wrap:nth-child(4) { margin-right:5px; }
.input_box.txt input { margin-right:15px; }
.input_box.txt input:last-child { margin-right:0; }
.input_box input { width:50%; }
.input_box span { display:inline-block; padding:0 .8em; vertical-align:middle; }
.input_btn .call { width:120px; }
.email_wrap .input_box { margin-bottom:5px; }
.popup .cont .input_box { margin-top:.8em; justify-content:center; }
.popup .cont .input_box strong { display:inline-block; margin-right:10px; font-weight:500; color:#272625; } 

/* inptu_btn */
.input_btn { display:flex; align-items:center; position:relative; border-bottom:1px solid #e5e8ed; }
.input_btn input { border:0; }
.input_btn button { width:105px; height:36px; line-height:35px; padding:0; border-color:#393E46; border-radius:30px; font-size:1em; color:#393E46; font-weight:500; }
.input_btn .btn_check { border-color:#0b59b7; color:#0b59b7; }
.input_btn .btn_check:disabled { border-color:#ddd; color:#aaa; }
.address input { margin:0 5px 5px 0; }
.address input:last-child { margin-bottom:0; }
.address .input_btn input { border-bottom:1px solid #e4e9f1; }

/***********************************************************************************
    교육신청 리스트
************************************************************************************/
.apply_list { position:relative; }
.apply_list .li { margin-bottom:1.5em; border:1px solid #e5e8ed; overflow:hidden; }
.apply_list .li .process { width:100%; padding:10px 15px; background:#e5e8ed; color:#282839; font-weight:500; font-size:1.05em; }
.apply_list .li .info { padding:15px; }
.apply_list .li .info .subject { line-height:1.6; font-size:1.25em; font-weight:500; color:#282839; }
.apply_list .li .info ul { margin-top:5px; }
.apply_list .li .info ul li { display:flex; }
.apply_list .li .info ul li .tit { position:relative; width:50px; margin-right:4px; }
.apply_list .li .info ul li .tit::after { content:''; position:absolute; top:25%; left:auto; right:5px; padding:0; height:50%; width:1px; background:#bbb; }
.apply_list .li .info ul li .txt { width:calc(100% - 50px); }
.apply_list .li .btngroup { margin:0; border-top:1px solid #e5e8ed; }
.apply_list .li .btngroup button { padding:.95em 1em; border:0; border-radius:0; font-size:1em; }

.apply_list .state { position:relative; }
.apply_list .state01 { background:#fff; }
.apply_list .state02 { background:#fff; border:1px solid #a2a9af !important; }
.apply_list .state03 { background:#f1404b; color:#fff; }
.apply_list .state04 { background:#0b59b7; color:#fff; }

/* 등록된 교육신청 없음 */
.li.no_data { padding:3em 0 !important; border-top:1px solid #0b59b7 !important; border-bottom:1px solid #e5e8ed !important; border-left:0 !important; border-right:0 !important; }

.apply .tip_wrap { margin-bottom:2em; }
.apply .tip_wrap:last-child { margin-bottom:0; }
.apply .tip_wrap01 { margin-top:3em; }

.apply::after { content:''; display:block; clear:both; }
.apply .btn01 { padding:8px 10px; font-size:1em; }

/***********************************************************************************
    교육신청
************************************************************************************/
.apply_step { position:relative; margin-bottom:3em; }
.apply_step ul { display:flex; flex-wrap:wrap; text-align:center; }
.apply_step.step01 ul li { position:relative; width:50%; margin-top:-1px; border:1px solid #e5e8ed; }
.apply_step.step01.col03 ul li { width:33.4%; }
.apply_step.step01 ul li:nth-child(2),
.apply_step.step01 ul li:nth-child(4) { margin-left:-1px; }
.apply_step.step01 ul li.active { border-color:#3a9ad9; z-index:99; }
.apply_step.step01 ul li.active::after { content:''; position:absolute; top:50%; right:15px; transform:translateY(-50%); width:10px; height:10px; background:url(/assets/mobile/img/common.png) no-repeat; background-position:-95px -35px; }
.apply_step.step01 ul li.active a { color:#151617; font-weight:600; }
.apply_step.step01 ul li.current a { color:#5e5e5f; }
.apply_step.step01 ul li a { display:block; padding:.8em 0; font-weight:500; color:#ccc; }
.apply_step.step01 ul li a span { display:inline-block; color:#b8c0d4; }
.apply_step.step01 ul li .state { margin-left:3px; padding:0 5px; border-radius:20px; color:#272625; font-weight:400; vertical-align:middle; }
.apply_step.step01 ul li .state01 { background:#9cccec; }
.apply_step.step01 ul li .state02 { background:#e5e8ed; }

.apply_step.top_step { width:100%; max-width:375px; margin:0 auto 2em; }
.apply_step.top_step ul { flex-wrap:nowrap; }
.apply_step.top_step ul li { flex:1; margin-right:3px; }
.apply_step.top_step ul li span { display:block; font-weight:500; font-size:1.05em; color:#acb1bb; }
.apply_step.top_step ul li::after { content:''; display:inline-block; width:100%; height:11px; background:#ebeced; }
.apply_step.top_step ul li:first-child:after { border-radius:5px 0 0 5px; }
.apply_step.top_step ul li:last-child:after { border-radius:0 5px 5px 0; }
.apply_step.top_step ul li.active::after { background:linear-gradient(#3366cc, #4275da); }
.apply_step.top_step ul li.active span { color:#282839; }

.apply_divide { position:relative; margin-top:1em; padding:2em 1.5em; border:1px solid #e2e5ea; border-radius:10px; box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.13); }
.apply_divide .box { padding-bottom:20px; border-bottom:1px solid #e5e8ed; }
.apply_divide .box:last-child { border:0; padding-bottom:0; padding-top:20px; }
.apply_divide .box .btn { padding:.9em 1em; }
.apply_divide .box strong { display:block; margin-bottom:10px; line-height:1; font-size:1.25em; font-weight:600; color:#282839; }
.apply_divide .box ul li { position:relative; padding-left:7px; }
.apply_divide .box ul li::before { content:'- '; position:absolute; left:0; top:0; }
.apply_divide .box:last-child { margin-bottom:0; }
.apply_divide .box span { display:block; color:#3a9ad9; }

.apply .title { margin-bottom:25px; }
.apply .title strong { display:block; line-height:1.2; font-size:2.3em; font-weight:600; color:#282839; letter-spacing:-0.02em; }
.apply .title p { font-size:1.388em; font-weight:500; color:#282839; letter-spacing:-0.01em; }
.apply .list { margin-bottom:2em; }
.apply .list:last-child { margin-bottom:0; }
.apply .list .li { margin-bottom:25px; }
.apply .list .li:last-child { margin-bottom:0; }
.apply .list .li .tit { display:block; margin-bottom:5px; font-size:1.1em; font-weight:500; letter-spacing:-0.02em; color:#282839; }
.apply .list .li .tit .required { display:inline-block; margin-left:3px; color:#f1404b; }

.apply_v_wrap .list .li { padding:10px 0; margin-bottom:0; border-bottom:1px solid #e2e5ea; }
.apply_w .apply_w_wrap { padding:3.5em 1.5em; margin-bottom:5%; border:1px solid #e2e5ea; border-radius:10px; box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.13); }
.apply_w .apply_w_wrap .list .li .radio { margin-top:2em; }
.apply_w .apply_w_wrap .list .li .select_wrap { width:50%; height:50px; }
.apply_w .apply_w_wrap .list .li .select_wrap.full { width:100%; }
.apply_w .apply_w_wrap .list .li .tip_wrap01 { margin-top:25px; }
.apply_w .apply_w_wrap .list .li .tip_wrap01 .radio { margin-top:1em; }
.apply_w .apply_w_wrap .list .li .tip_wrap01 .radio li::before { content:none; }
.apply_w .apply_w_wrap .list .li .select_date { position:relative; }
.apply_w .apply_w_wrap .list .li .select_date input { position:relative; background:#fff; cursor:pointer; }
.apply_w .apply_w_wrap .list .li .select_date::before { content:'\f073'; position:absolute; left:0; top:50%; transform: translateY(-50%); z-index:5; } 
.apply_w .btngroup .fr button { padding:1em 1.5em; }

.apply_w.step03 .apply_w_wrap .list .li .radio { margin-top:0; }
.apply_w.step03 .tip_wrap02 { margin-top:5em; }
.apply_w.step04 .alert_txt.alert_txt01 { margin-bottom:15px; }
.apply_w.step05 .table_wrap { margin-bottom:2em; }
.apply_w.step05 .table_wrap:last-child { margin-bottom:0; }

.apply_w.step05 .agree_wrap { border-bottom:1px dotted #aaa; }
.apply_w.step05 .agree_wrap .terms_li .li { margin-bottom:3em; }
.apply_w.step05 .agree_wrap .terms_li .li:last-child { margin-bottom:0; }
.apply_w.step05 .agree_wrap .terms_li li .checkgroup label,
.apply_w.step05 .agree_wrap .terms_li .li .cont { border-color:#ccc; }
.apply_w.step05 .agree_wrap .terms_li li:first-child .checkgroup:first-child { margin-bottom:-1px; } 
.apply_w.step05 .agree_wrap .terms_li li .checkgroup label span { font-size:.97em; line-height:1.4; } 
.apply_w.step05 .agree_wrap .terms_li li .checkgroup label strong { font-weight:500; } 
.apply_w.step05 .alert_txt.alert_txt03 { margin-top:10px; font-size:.96em; }
.apply_w.step05 .agree_wrap .tit { text-align:left; margin-bottom:4px; font-weight:500; color:#272625; }
.apply_w.step05 .agree_wrap .cont ul li { margin-bottom:5px; }
.apply_w.step05 .agree_wrap .cont ul li:last-child { margin-bottom:0; }
.apply_w.step05 .agree_wrap .date { margin:2em 0 1em 0; text-align:center; font-size:1.12em; font-weight:400; letter-spacing:-0.018em; color:#272625; }

.apply_w.work.step03 .radio01 input[type="radio"] + label { margin-bottom:7px; }
.apply_w.work.step04 .tit_h5 { justify-content:space-between; }
.apply_w.work.step04 .alert_txt.alert_txt01 { margin-bottom:10px; }
.apply_w.work.step04 .checkgroup { margin-bottom:2em; }
.apply_w.work.step04 .flex .checkgroup { margin-right:15px; }
.apply_w.work.step04 .flex .checkgroup:last-child { margin-right:0; }

.apply.edu_cost .tip_wrap { margin-top:3em; }
.apply.edu_cost .list_wrap { overflow:hidden; margin-bottom:5%; border:1px solid #e2e5ea; box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.13);  }
.apply.edu_cost .list { padding:0 5% 4% 5%; }
.apply.edu_cost .tit_h5.line { margin-bottom:0; }
.apply.edu_cost .tit_h5.line h5 { text-align:center; }
.apply.edu_cost.payment .list_title { margin-bottom:20px; font-size:1.58em; color:#272625; text-align:center; }
.apply.edu_cost.payment .list_title span { display:inline-block; }
.apply.edu_cost.payment .list_wrap.first { margin-bottom:2em; }
.apply.edu_cost.payment .apply_w_wrap .alert_txt { line-height:1.3; margin:0 0 8px 0; font-size:1.18em; }
.apply.edu_cost.payment .tip_wrap ul li:nth-child(1) { margin-bottom:0; } 
.apply.edu_cost.payment .btngroup button { margin-bottom:10px; }
.apply.edu_cost.payment .btngroup button:last-child { margin-bottom:0; }

.confirm_wrap { padding:7em 1em; margin-bottom:5%; border:1px solid #e2e5ea; box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.05); }
.confirm_wrap .img { width:110px; margin:0 auto; }
.confirm_wrap .img img { display:block; width:100%; }
.confirm_wrap .txt { margin-top:1em; text-align:center; }
.confirm_wrap .txt strong { display:block; font-weight:500; font-size:1.35em; letter-spacing:-0.01em; color:#272625; }
.confirm_wrap .txt p { font-size:1.05em; letter-spacing:-0.007em; }
.confirm_wrap .btngroup { margin-top:20px; }
.confirm_wrap .btngroup .btn { width:185px; border-radius:30px; }
.confirm_wrap .btngroup .btn::after { content:'\e09f'; position:absolute; top:50%; right:1em; transform:translateY(-50%); font-weight:500; color:#0b59b7; }
.confirm_wrap .btngroup .btn span { display:inline-block; text-align:left; font-weight:400; padding-right:2em; }

/***********************************************************************************
    마이페이지
************************************************************************************/
/* 교육신청 현황 */
.my_apply .tip_wrap { margin-bottom:2em; }
.my_apply .li { position:relative; padding:25px 0; border-bottom:1px solid #e5e8ed; }
.my_apply .li.first { border-top:1px solid #e5e8ed; }
.my_apply .li .apply_step { margin-bottom:0; }
.my_apply .li .apply_step ul li a .step_num { display:block; font-size:0.85em; font-weight:400; line-height:1.2; }
.my_apply .li .apply_step ul li:nth-child(4) { margin-left:0; }
.my_apply .li .apply_step ul li:nth-child(3),
.my_apply .li .apply_step ul li:nth-child(5) { margin-left:-1px; }
.my_apply .li .tit { margin-bottom:1.3em; }
.my_apply .li .tit .left .process { display:block; color:#0b59b7; font-weight:500; }
.my_apply .li .tit .left .subject { display:block; line-height:1.3; font-size:1.2em; letter-spacing:-0.02em; font-weight:400; color:#272625; }
.my_apply .li .tit .btn_l { margin-top:1em; padding:9px; font-size:.98em; }


/* 종합학습현황 */
.my .tab_li { margin-bottom:2em; }
.my_list .tit_h3 { margin-bottom:1em; }
.my_list .li { margin-bottom:20px; }
.my_all .my_list .li { border:1px solid #e5e8ed; }
.my_list .li:last-child { margin-bottom:0; }
.my_list .li .process { color:#0b59b7; font-weight:500; }
.my_list .li .subject { margin-bottom:10px; line-height:1.4; font-size:1.231em; font-weight:400; letter-spacing:-0.015em; color:#272625; }
.my_list .li .top { padding:15px; }
.my_list .li .top li { display:block; position:relative; margin:0 10px 3px 0; }
.my_list .li .top li::after { content:''; display:block; clear:both; }
.my_list .li .top li span { float:left; position:relative; vertical-align:top; }
.my_list .li .top li .tit { width:60px; margin-right:4px; }
.my_list .li .top li .tit::after { content:''; position:absolute; top:25%; right:5px; height:50%; width:1px; background:#bbb; }
.my_list .li .top li .txt { float:left; width:calc(100% - 70px); }
.my_list .li .top li .txt ol li { display:block; line-height:1.5; }
.my_list .li .bot_link { border-top:1px solid #e5e8ed; }
.my_list .li .bot_link ul { display:flex; }
.my_list .li .bot_link ul li { flex:1; text-align:center; }
.my_list .li .bot_link ul li a,
.my_list .li .bot_link ul li a span { display:block; }
.my_list .li .bot_link ul li a { padding:13px 0; border-right:1px solid #e5e8ed; }
.my_list .li .bot_link ul li:last-child a { border-right:0; }
.my_list .li .bot_link ul li a span { display:block; line-height:1; font-size:.97em; font-weight:400; }
.my_list .li .bot_link ul li a .img { margin:0 auto 5px; width:20px; height:20px; }
.my_list .li .bot_link ul li a .img img { display:block; }
.my_list .li .bot_link ul.row { flex-wrap:wrap; }
.my_list .li .bot_link ul.row li { flex:none; width:25%; }
.my_list .li .bot_link ul.row li:nth-child(-n+4) { border-bottom:1px solid #e5e8ed; }
.my_list .li .bot_link ul.row li:last-child { border-right:1px solid #e5e8ed; }
.my_list .li .bot_link ul.row li:nth-child(4) a { border-right:0; }

.my_list .li .btngroup button { flex:none; padding:10px; }
.my_list .li .btngroup button:first-child { margin-right:5px; }
.my_list .li .btngroup .state { width:auto; }
.my_list .li .btngroup .state01 { background:#e5e8ed; color:#272625; border:0; }
.my_list .li .btngroup .state02 { background:#0b59b7; color:#fff; border:0; }
.my_list .li .btngroup .state03 { background:#3a9ad9; color:#fff; border:0; }
.my_list .li .btngroup .state04 { background:#fff; border:1px solid #e5e8ed; }

/* 나의메세지 */
.my_all .my_message  .tit_h3 { display:flex; justify-content:space-between; align-items:center; }
.my_all .my_message .btn_more { display:block; padding:1em; background:#e5e8ed; border:0; font-weight:600; letter-spacing:-0.01em; color:#121212; }
.message_wrap { margin-top:1em; padding:10px; border:1px solid #e5e8ed; }
.message_wrap .btn_inquire { margin-top:1em; border:none; padding:0; color:#a2a9af; font-weight:500; }
.message_wrap .btn_inquire::before { content:'\2b'; display:inline-block; margin-right:4px; width:22px; height:22px; line-height:20px; background:#E0F4FF; font-weight:600; font-size:1.1em; color:#0b59b7; }
.message_wrap .top p { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2;  -webkit-box-orient:vertical; }
.message_wrap .bot { width:100%; margin-top:15px; padding:7px 10px; background:#f4f5f9; border:1px solid #f0f0f0; font-size:.95em; }
.message_wrap .bot .info { display:flex; flex-wrap:wrap; }
.message_wrap .bot .info li { margin-right:13px; }
.message_wrap .bot .info li:last-child { margin-right:0; }
.message_wrap .bot .info li .tit { position:relative; padding-right:6px; color:#a2a9af; }
.message_wrap .bot .info li .tit::after { content:''; position:absolute; right:0; top:20%; height:60%; width:1px; background:#aaa; }

.my_message_v .message_wrap .top p { display:block; overflow:visible; text-overflow:unset; }

/* 등록된 메세지 없음 */
.message_wrap.no_data { padding:3em 0; }

/* 입금표 */
.my_certifiy .title { display:block; margin-bottom:7px; }
.my_certifiy .title .sub_txt { display:inline-block; font-size:.9em; color:#b0b0b0; }
.my_certifiy .my_list .li { padding:15px 0; border-bottom:1px solid #e5e8ed; }
.my_certifiy .my_list .li.first { border-top:1px solid #0b59b7; }
.my_certifiy .my_list .info .subject { margin-bottom:0; }
.my_certifiy .my_list .info ul li::after { content:''; display:block; clear:both; }
.my_certifiy .my_list .info ul li,
.my_certifiy .my_list .info ul li.date ol li { display:block; }
.my_certifiy .my_list .info ul li.date ol { display:inline-block; vertical-align:top; }
.my_certifiy .my_list .info ul li span { float:left; }
.my_certifiy .my_list .info ul li .tit { position:relative; width:60px; margin-right:4px; }
.my_certifiy .my_list .info ul li .tit::after { content:''; position:absolute; top:25%; left:auto; right:5px; padding:0; height:50%; width:1px; background:#bbb; }
.btn.deposit { border:none; padding:7px 0 3px; border-bottom:1px dotted #0b59b7; }
.btn.deposit span {color:#272625; font-weight:400; }
.btn.deposit::after { content:''; display:inline-block; position:relative; top:-2px; margin-left:5px; width:18px; height:13px; background:url(/assets/mobile/img/icon_deposit.png) no-repeat; vertical-align:middle; }

.result_box { border-top:1px solid #e5e8ed; }
.result_box ul { display:flex; align-items:center; }
.result_box ul li { position:relative; flex:1; padding:1em 0; text-align:center; }
.result_box ul li::after { content:''; position:absolute; top:30%; right:0; width:1px; height:40%; background:#e5e8ed; }
.result_box ul li:last-child:after { content:none; }
.result_box ul li:nth-child(3) { padding:0; }
.result_box ul li .txt { display:inline-block; font-weight:500; color:#272625; }
.result_box ul li .txt .pass,
.result_box ul li .state { font-weight:500; }
.result_box ul li .state01 { color:#0b59b7; }
.result_box ul li .state02 { color:#b0b0b0; }
.result_box ul li .txt .pass01 { color:#0b59b7; }
.result_box ul li .txt .pass02 { color:#f1404b; }
.result_box ul li .btn_show { width:100%; padding:1em 0; font-size:unset; }
.result_box ul li .btn_show span { font-weight:500; color:#272625; }
.result_box ul li .btn_show span::after { content:'\f0ab'; display:inline-block; margin-left:3px; font-size:1em; font-weight:500; color:#272625; }

/* 과제제출 */
.homework .my_list .li { margin-bottom:0; }
.homework .tip_wrap01 { margin-top:3em; }
.homework .tip_wrap01 .tit { margin-bottom:4px; font-size:1.05em; font-weight:500; }
.homework .tip_wrap.gray02 { margin-top:1em; }
.homework .tip_wrap.gray02 ul li { margin-bottom:10px; }
.homework .tip_wrap.gray02 ul li:last-child { margin-bottom:0; }
.homework .btn.writer { margin-top:1em; padding:10px 20px; }
.homework .btn.writer span {color:#272625; font-weight:400; font-size:.96em; }
.homework .state01 { color:#f1404b; }
.homework .state02 { color:#0b59b7; }

.homework_w .apply .list { margin-top:15px; }
.homework_w .apply .title strong { font-size:1.9em; letter-spacing:normal; }
.homework_w .btngroup button { margin-bottom:10px; }
.homework_w textarea { height:250px; }
.homework_w .tip_wrap { margin-bottom:2.5em; }



/* 설문조사 */
.survey { padding-top:0; }
.survey .head_wrap { position:relative; background:#e5e8ed; padding:15px 15px 40px 15px; }
.survey .head_wrap::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:25px; border-top-left-radius:20px; border-top-right-radius:20px; background:#fff; z-index:1; }
.survey .head { padding:20px 15px; border-radius:10px; background:#fff; box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.13); }
.survey .head .title { margin-bottom:5px; font-size:1.385em; font-weight:500; letter-spacing:-0.02em; color:#272625; }
.survey .head .title::before { content:''; display:inline-block; position:relative; top:1px; margin-right:3px; width:18px; height:16px; background:url(/assets/mobile/img/common.png) no-repeat; background-position:-122px -31px; }
.survey .head .desc { display:block; line-height:1.6; } 
.survey p.last { margin-top:2em; color:#272625; font-weight:400; letter-spacing:-0.005em; text-align:right; }
.survey .btngroup { margin:30px auto 0; }
.survey .pagination { margin:20px auto 0; }
.form_wrap  { padding-bottom:10px; background:#f2f4f6; }
.form_wrap .list { margin-bottom:10px; padding:18px 0; background:#fff; }
.form_wrap .list.first { padding-top:0; }
.form_wrap .list:last-child { margin-bottom:0; }
.form_wrap .list .question { display:flex; align-items:flex-start; padding-bottom:10px; border-bottom:1px solid #f0f0f0; }
.form_wrap .list .question strong { display:inline-block; position:relative; top:-2px; line-height:1.3; margin-right:4px; font-size:1.45em; color:#0b59b7; font-weight:500; }
.form_wrap .list .question strong::before { content:'Q'; display:inline-block; color:#0b59b7; font-weight:500; }
.form_wrap .list .question .right p { display:inline-block; line-height:1.4; font-size:1.18em; letter-spacing:-0.015em; font-weight:400; color:#272625; }
.form_wrap .list .question .right .required { display:block; position:relative; padding-left:7px; line-height:1.3; font-size:.95em; color:#0b59b7; font-weight:400; }
.form_wrap .list .question .right .required::before { content:'*'; position:absolute; left:0; top:-2px; font-size:.9em; }
.form_wrap .list .right { width:calc(100% - 50px); }
.form_wrap .list .check_wrap,
.form_wrap .list .radio { padding-top:10px; }
.form_wrap .list .checkgroup { margin-bottom:5px; }
.form_wrap .list .checkgroup .check01 + label  { width:100%; }
.form_wrap .list .checkgroup:last-child { margin-bottom:0; }
.form_wrap .list .answer { margin-top:1em; }
.form_wrap .list .answer .select_wrap { border:0; }
.form_wrap .list .answer select { margin-bottom:8px; padding-left:10px; border:1px solid #e5e8ed; }
.form_wrap .list .answer textarea { height:100px; }

/* 개인정보수정 */
.my.confirm_wrap { box-shadow:none; border:0; }
.my.confirm_wrap .img { margin-bottom:2em; }
.my.confirm_wrap input { margin-top:2em; }
.my.confirm_wrap .txt p { margin-top:5px; color:#a2a9af; }
.my.confirm_wrap .txt p br.mo { display:none; }
.my.confirm_wrap .btngroup .btn_s { border-radius:0; width:100%; }
.my.info { position:relative; padding-bottom:5em; }
.my.info .tit_h2 h2 { margin-bottom:7px; color:#272625; font-size:1.9em; }
.my.info .list .li { position:relative; margin-bottom:25px; }
.my.info .list .li strong { display:block; color:#272625; font-size:1.133em; font-weight:500; }
.my.info .list .li .select_wrap { width:50%; }
.my.info_v .title { margin-bottom:1em; }

/* 회원탈퇴 */
.secesion .title { margin-top:2em; }
.secesion .title::before { content:''; display:block; width:46px; height:46px; margin-bottom:1.5em; background:url(/assets/mobile/img/img_check.png) no-repeat; }
.secesion .title > span { display:block; line-height:1; margin-bottom:4px; color:#272625; font-size:2.2em; letter-spacing:-0.015em; }
.secesion .title strong { line-height:1.35; color:#272625; font-size:2.2em; letter-spacing:-0.012em; }
.secesion .title p.sub_txt { margin-top:.7em; line-height:1.6; font-size:1.067em; }
.secesion .btngroup { margin:13em auto 0; }
.secesion .btn { position:relative; width:100%; padding:0; height:50px; line-height:50px; margin-bottom:10px; }
.secesion .btn:last-child { margin-bottom:0; }


/***********************************************************************************
    정보마당
************************************************************************************/
/* 인사말 */
.greeting .img img { display:block; width:100%; }
.greeting .title { position:relative; margin:3em auto; padding-bottom:2.5em; text-align:center; }
.greeting .title::after { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:300px; height:13px; opacity:.4; background:url(/assets/mobile/img/greeting_img02.png) center no-repeat; }
.greeting .title strong { display:block; line-height:1.45; font-size:1.6em; font-weight:500; letter-spacing:-0.018em; color:#0b59b7; }
.greeting .title p { margin-top:15px; font-weight:400; color:#272625; }
.greeting .txt p { margin-bottom:1em; }
.greeting .txt p:last-child { margin-bottom:0; }
.greeting .sign { margin-top:2em; text-align:right; }
.greeting .sign span { display:inline-block; margin-right:3px; font-weight:1.05em; font-weight:400; }
.greeting .sign strong { display:inline-block; font-weight:500; color:#272625; font-size:1.3em; }

/* 찾아오시는 길 */
.loca .tab_li { margin-bottom:2.5em; }
.loca .tab_cont .img { border:1px solid #e5e8ed; }
.loca .tab_cont .img img { display:block; width:100%; }
.loca .tab_cont .cont { margin-top:2em; }
.loca .tit_h3 h3 { font-size:1.45em; }
.loca .li { margin-bottom:1em; }
.loca .li strong { display:inline-block; margin-bottom:5px; font-weight:500; color:#272625; font-size:1.1em; }
.loca .li::before { content:''; display:inline-block; position:relative; top:-1px; width:16px; height:16px; line-height:16px; font-weight:500; text-align:center; color:#fff; vertical-align:middle; }
.loca .li.train::before { content:'T'; background:#0b59b7;  }
.loca .li.bus2::before { content:'B'; background:#375c95;  }
.loca .li.bus::before { content:'B'; background:#31b96e;  }
.loca .li.walk::before { content:'W'; background:#99abb9;  }
.loca .li.subway::before { content:'S'; background:#ed7b1b;  }
.loca .li.car::before { content:'C'; background:#526187;  }
.loca .li.taxi::before { content:'T'; background:#feb900;  }
.loca .li.airport::before { content:'A'; background:#3a9ad9;  }
.loca .li.airport strong { margin-bottom:10px; }
.loca .li.airport ul li { margin-bottom:1.6em; }
.loca .li.airport ul li p { display:inline-block; margin-bottom:3px; padding:2px 7px; color:#0b59b7; font-weight:500; background:#f0f4ff; }
.loca .li.airport ul li span { display:block; }

/* 교육훈련개요 */
.summary .txt_wrap { margin-bottom:2em; }
.summary .txt_wrap .txt { margin-top:1.5em; }
.summary .txt_wrap .txt .tit { margin-bottom:5px; }
.summary .txt_wrap .txt .tit h5 { display:inline-block; line-height:1; font-size:1.03em; letter-spacing:-0.013em; padding:4px 5px; font-weight:500; background:#f0f4ff; color:#0b59b7; }
.summary .txt_wrap .txt .tit span { font-weight:400; font-size:1.06em; color:#272625; }
.summary .tip_wrap03 ul li { margin-bottom:3px; }
.summary .tip_wrap03 ul li span.color05 { font-size:.9em; }
.summary .txt_wrap:last-child,
.summary .tip_wrap03 ul li:last-child { margin-bottom:0; }
.summary .tip_wrap.gray { padding:15px; background:#f2f4f6; color:#121212; text-align:center; }
.summary .txt_wrap .box { margin-top:1em; }
.summary .txt_wrap table tbody td strong { font-weight:500; }
.summary table.t_left tbody td { line-height:1.6; text-align:left; }
.summary table tbody td ul li::before { content:'- '; display:inline-block; margin-right:2px; }
.summary table .tit { width:20%; }

/***********************************************************************************
    약관
************************************************************************************/
.terms .title .tip_wrap.gray { font-weight:400; }
.terms .txt_wrap h5 { margin-bottom:5px; color:#272625; font-weight:500; font-size:1.2em; letter-spacing:-0.012em; }
.terms .title { margin-bottom:2em; }
.terms .tit_h2 { margin-bottom:1em; }
.terms .tit_h2 h2 { font-size:1.9em; }

.terms.copy .tip_wrap.gray { padding:15px; background:#f2f4f6; color:#121212; text-align:center; }
.terms.copy .tip_wrap03 { margin-top:1em; }
.terms.copy .tip_wrap03 ul li { margin-bottom:1.2em; }
.terms.copy .tip_wrap03 ul li:last-child { margin-bottom:0; }

.privacy .tip_wrap.gray { padding:15px; margin-bottom:3em; background:#f2f4f6; color:#121212; text-align:center; }
.privacy  table { margin-top:10px; }
.privacy  table th,
.privacy  table td { font-size:.95em; word-break:break-word; }
.privacy .label { margin-bottom:1.6em; }
.privacy .label table th,
.privacy .label table td { display:table-cell; width:0; padding:20px 0; vertical-align:top; }
.privacy .label table td span::before { content:''; display:block; width:38px; height:40px; margin:0 auto 3px; background:url(/assets/mobile/img/privacy_label.png)no-repeat; }
.privacy .label table tr:nth-child(1) td:nth-child(1) span::before { background-position:0 0; }
.privacy .label table tr:nth-child(1) td:nth-child(2) span::before { background-position:-46px 0; }
.privacy .label table tr:nth-child(1) td:nth-child(3) span::before { background-position:-88px 0; }
.privacy .label table tr:nth-child(2) td:nth-child(1) span::before { background-position:-131px 0; }
.privacy .label table tr:nth-child(2) td:nth-child(2) span::before { background-position:-174px 0; }
.privacy .label table tr:nth-child(2) td:nth-child(3) span::before { background-position:-217px 0; } 
.privacy .txt_wrap.link ul { border:1px solid #e5e5e5; }
.privacy .txt_wrap.link ul li { border-bottom:1px solid #e5e5e5; }
.privacy .p_label::before { content:''; display:inline-block; margin-right:3px; width:26px; height:27px; background:url(/assets/mobile/img/privacy_label02.png)no-repeat; vertical-align:middle; }
.privacy .p_label01:before { background-position:-41px -32px; }
.privacy .p_label02:before { background-position:-349px -32px; }
.privacy .p_label03:before { background-position:-272px -32px; }    
.privacy .p_label04:before { background-position:-310px -32px; }
.privacy .p_label05:before { background-position:-2px -61px; }
.privacy .p_label06:before { background-position:-2px -5px; }
.privacy .p_label07:before { background-position:-415px -32px; }
.privacy .p_label08:before { background-position:-41px -60px; }
.privacy .p_label09:before { background-position:-119px -33px; }
.privacy .p_label10:before { background-position:-231px -61px; }
.privacy .p_label11:before { background-position:-383px -61px; }
.privacy .p_label12:before { background-position:-79px -62px; }

.privacy .txt_wrap.link ul li:last-child { border-bottom:0; }
.privacy .txt_wrap.link a { display:block; padding:8px; }

.privacy .sub_txt02 { margin-bottom:10px; }
.privacy .txt_wrap .li_num .li02 > p { display:inline-block; }
.privacy .txt_wrap .li_num .li02 .txt { display:block;}
.privacy .txt_wrap .li_num .li02 .txt strong { display:block; color:#272625; font-weight:500; }
.privacy .txt_wrap .li03 li { padding-left:15px; }
.privacy .txt_wrap .li03 li::before { content:'-'; display:inline-block; }
.privacy #cont01 table td ul li { text-align:left; }
.privacy #cont04 p { margin-top:10px; }
.privacy #cont04 p.first { margin-top:0; }
.privacy .t_caption { display:block; color:#272625; font-size:.9em; font-weight:500; text-align:center; }
.privacy .table_scroll_tip { margin-top:15px; }


/***********************************************************************************
 mediaquery
************************************************************************************/
@media screen and ( max-width :400px ){
    .apply_step.step02 { max-width:305px; }
    .my.confirm_wrap .txt p br.mo { display:block; }

    /* 설문조사 */
    .survey .head .desc { font-size:0.965em; }
}
@media screen and ( max-width :380px ){
    /* 인사말 */
    .greeting .title p br { display:none; }

    /* 약관 */
    .privacy .tip_wrap.gray br,
    .privacy .t_caption br { display:none; }
}  
@media screen and ( max-width :360px ){
    .apply_step.step01 ul li a .step_num { display:block; line-height:1.3; }
    .apply_step.step01.col03 ul li { width:50%; }
    .my_apply .li .apply_step ul li:nth-child(3),
    .my_apply .li .apply_step ul li:nth-child(5) { margin-left:0; }
    .my_apply .li .apply_step ul li:nth-child(4) { margin-left:-1px; }
}
@media screen and ( max-width :348px ){
    .privacy .label table th,
    .privacy .label table td { width:auto; }
}