@charset "utf-8";
/* CSS Document */
/* com2zoa design  KYJ 230823 */

/******************************공통사항**************************************/
.c2z_solution{margin: 0 0 50px}
.c2z_solution, .c2z_solution label, .c2z_solution button{font-family:PTD; font-weight: 400; color:#000; transition: all .5s}
.c2z_solution .clear_fix:after {content: ""; display: block; clear: both}
.c2z_solution .blind {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0} 
.c2z_solution p.inputtxt{padding: 5px 8px 5px 30px; margin-top: 7px; background: url(../../images/app/blt_info.png) no-repeat 5px 5px #f0f0f0; font-size: 14px; font-weight: 500; line-height: 140%}

/*상단문구*/
.top_noti{display:block; padding:15px 15px 15px 85px; border:1px solid #dedede; background:url(../../images/app/top_noti.png) no-repeat 25px 20px; margin-bottom:15px; box-sizing: border-box}
.top_noti ul li{position:relative; margin:0; padding:0 0 3px 15px; line-height:150%}
.top_noti ul li::after{content:""; clear: both; display: block; position: absolute; top:9px; left:0; width: 5px; height: 2px; background: #7e7e7e}
.top_noti ul li:last-child{padding-bottom:0}

/*서비스 상단 절차안내*/
.serv_top{margin: 0 0 10px}
.serv_top .serv_tit{font-size: 1.600em; font-weight: 600; line-height: 150%; text-align: center; word-break:keep-all}
.serv_top .serv_tit span{color:#ff6000}
.serv_top .servbox{margin: 10px 0; border:1px solid #dedede}
.serv_top .promise_txt{padding: 15px; font-size: 1.067em; line-height: 150%; text-align: center; word-break:keep-all}
.serv_top .promise_txt span{font-weight: 700}
.serv_top .serv_step{background: #ececec}
.serv_top .serv_step .step_tit{padding: 5px; background: #dcdcdc; font-size:1.067em; font-weight: 600; text-align: center}
.serv_top .serv_step .step_tit span.tit{display: inline-block; position: relative}
.serv_top .serv_step .step_tit span.tit::before, .serv_top .serv_step .step_tit span.tit::after{content: ""; display: block; clear: both; position: absolute; top:6px; width: 6px; height: 6px; border-radius: 50px; border:2px solid #888}
.serv_top .serv_step .step_tit span.tit::before{left:-25px}
.serv_top .serv_step .step_tit span.tit::after{right:-25px}
.serv_top .serv_step .step_more{display: none}
.serv_top .serv_step ul{padding: 15px 0}
.serv_top .serv_step ul li{position: relative; float: left; width: 20%}
.serv_top .serv_step ul li::after{content: ""; display: block; clear: both; position: absolute; bottom:12px; right:-5px; width: 11px; height: 16px; background:url(../../images/app/step_arw.gif) no-repeat 0 0}
.serv_top .serv_step ul li:last-child::after{display: none}
.serv_top .serv_step ul li > p{width: 85%; height: 40px; padding: 10px; margin: 0 auto; background-color: #fff; background-repeat: no-repeat; background-position: 15px center; border-radius: 50px; font-weight:600; text-align: center; box-sizing: border-box}
.serv_top .serv_step ul li > p span{display: block; margin-left: 32px}
.serv_top .serv_step p.step1{background-image:url(../../images/app/ico_step1.gif)}
.serv_top .serv_step p.step2{background-image:url(../../images/app/ico_step2.gif)}
.serv_top .serv_step p.step3{background-image:url(../../images/app/ico_step3.gif)}
.serv_top .serv_step p.step4{background-image:url(../../images/app/ico_step4.gif)}
.serv_top .serv_step p.step5{background-image:url(../../images/app/ico_step5.gif)}
#serv_content {display: none}

/*여백관련*/
.mgr5{margin-right: 5px}
.mgb5{margin-bottom: 8px}
.mgl5{margin-left: 5px}

/*인풋관련 선언*/
input[type="checkbox"]{margin: -4px 3px 0 0}
input.lst_check[type="checkbox"]{margin: 0}
input[type="radio"]{margin: -4px 5px 0 0; border-color:#fff}
input::placeholder, textarea::placeholder {color: #a6a6a6; font-weight: 400; font-size: 14px; font-family:PTD}
.input_base{width:130px; height: 35px; padding: 5px; border:1px solid #dedede; box-sizing: border-box}
input.input_long{width: 100%}
input.input_short{width: 60px}

/*textarea 공통사항 지정영역*/
textarea{width:100%; height: 100%; padding: 5px; margin: 0; border:1px solid #dedede; box-sizing: border-box; line-height: 160%; font-family:PTD}
.txt_item.txtitem1{height: 100px}

/*radio공통사항 지정영역*/
.radio_box{line-height:30px}
.radio_box > p{float: left; min-width: 25%}
.radio_box > p:last-child{margin-right: 0}
.radio_box .ico_radio{margin: -2px 2px 0 2px}
.radio_box label{font-weight: 500}

/*check공통사항 지정영역*/
.check_wrap > p{float: left; margin-right: 13px}
.check_wrap > p:last-child{margin-right: 0}
.check_wrap .ico_check{margin: -2px 2px 0 2px}
.check_box{line-height:30px}
.check_box > p{float: left; min-width: 25%}
.check_box > p:last-child{margin-right: 0}
.check_box .ico_check{margin: -2px 2px 0 2px}
.check_box label{font-weight: 500}

/**작성 타입 공통**/
.solu_form .solu_item{position: relative; overflow: hidden; margin-bottom: 7px; border:1px solid #e4e4e4; background: #424853}
.solu_form .solu_item .solutit label{position: absolute; top:50%; left:0; width: 160px; margin-top: -10px; color:#fff; text-align: center; font-weight:500}
.solu_form .solu_item .solutb{position: relative; margin-left: 160px; padding: 8px; background: #fff}
.solu_form .solu_item .solu_lst > div.solulst_item{padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 1px solid #e0e0e0}
.solu_form .solu_item .solu_lst > div.solulst_item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.solu_form .solu_item .solu_tit{display: inline-block; height: 38px; line-height: 38px; padding-left: 15px; background:url(../../images/app/blt_solu.png) no-repeat left 13px #fff; font-size: 14px; font-weight: 600}
.solu_form .solu_item .solu_input{margin: -38px 0 0 70px}
.solu_form input.input_long{margin-top:0}
.solu_form .input_btnbox .sch_srch{position: relative; margin-bottom: 8px}
.solu_form .input_btnbox > div:last-child{margin-bottom: 0}
.solu_form .input_btnbox .input_item{margin-right: 35px}
.solu_form .input_btnbox .input_btn button.more_goal{display: none}
.solu_form .input_btnbox > div:first-child .input_item{margin-right: 155px}
.solu_form .input_btnbox > div:first-child .input_btn button.more_goal{display:inline-block}
.solu_form .input_btn{position: absolute; top:0; right:0}
.solu_form .input_btn button{margin-left: 5px}
/*검색버튼*/
.solu_form .input_btn .srch_btn{width: 148px; height: 34px; background: #1b69b1; color:#fff; font-size: 14px; transition: all .5s}
.solu_form .input_btn .srch_btn span{display:inline-block; padding-right: 25px; background:url(../../images/app/btn_srch.png) no-repeat right center}
.solu_form .input_btn .srch_btn:hover{background: #424853}

/**목록 하단 버튼**/
.btmbtn_wrap{padding-top:20px; font-size: 0}
.btmbtn_wrap p.btn{float: left}
.btmbtn_wrap .btm_btn{padding:0 15px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 500; color:#fff; box-sizing: border-box}
.btmbtn_wrap .btm_btn:hover{background: #ffa531}
.btmbtn_wrap .btm_btn span{display: block}
/*목록하단 가운데*/
.btmbtn_wrap .center_box{text-align: center}
.btmbtn_wrap .center_box p.btn{float: none; display: inline-block; margin: 0 5px}
.btmbtn_wrap .center_box p.btn button{width:220px; height: 50px}
.btmbtn_wrap .center_box p.btn button:hover{background: #424853}
.btmbtn_wrap .center_box p.btn button span{display: inline-block}
.btmbtn_wrap button.btn_confirm{background:#ff5d47}/*신청하기*/
.btmbtn_wrap button.btn_confirm span{padding-left:35px; background:url(../../images/app/btn_confirm.png) no-repeat left center}
.btmbtn_wrap button.btn_cancel{background:#b6b6b6}/*취소*/
.btmbtn_wrap button.btn_cancel span{padding-left:30px; background:url(../../images/app/btn_cancel.png) no-repeat left center}

/*하단동의*/
.btm_agreebox{margin: 30px 0 10px; text-align: center; line-height: 130%}
.btm_agreebox a{text-decoration: underline; color:#000}
.btm_agreebox a:hover{font-weight: 600}
.btm_agreebox .check_agree{margin-top: 10px}

/** 레이어 스타일 영역 **/
.sub_layer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2000; min-width: 320px; font-family:PTD}
.sub_layer.layer_bg {background: rgba(0, 0, 0, .8)}
.sub_layer .layer_content {position: absolute; left: 50%; top: 50%; width: 90%; max-width: 700px; max-height: 80%; background: #fff; overflow-y: auto; transform:translate(-50%, -50%)}
.layer_conwrap {padding: 20px}
.layer_conwrap .layer_tit {text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 20px}
.layer_conwrap .layer_tit h4 {font-weight: 600; font-size: 20px; padding: 4px 0 21px 0}
.layer_conwrap .close_btn {position: absolute; right: 25px; top: 25px}
.layer_conwrap .close_btn a {width: 20px; height: 20px; display: block; background: url(../../images/app/close_btn.png) 0 0 no-repeat}
.layer_conwrap .close_btn a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px;}
/*개인정보 수집 및 이용 전문보기*/
.sub_layer .layer_content.protect_full{max-width: 700px; color:#000}
.protect_full .layer_protect{font-weight: 500}
.protect_full .layer_protect dt{margin-bottom: 7px; font-size: 16px; font-weight: 600; color:#000}
.protect_full .layer_protect dd{padding: 10px; margin-bottom: 15px; border-radius: 5px; background: #f1f1f1; color:#2d2d2d; line-height:140%}
.protect_full .layer_protect dd:last-child{margin-bottom: 0}

/** 새창 스타일 영역 **/
/*새창공통*/
#new_page.new_pagewrap{position: relative; max-width:550px; min-width: 360px; min-height: 325px; padding: 10px; box-sizing: border-box; border:1px solid #1d5585}
.new_pagewrap .new_top{position: relative}
.new_pagewrap h1{padding:15px 10px; border-radius: 3px; background: #1d5585; text-align: center; font-size: 18px; color:#fff; font-weight: 500}
.new_pagewrap h1 span{padding-left: 40px; background:url(../../images/app/ico_sch.png) left center no-repeat}
.new_pagewrap .new_close{position: absolute; top:25px; right:25px}
.new_pagewrap .new_close a{display: block; width: 20px; height: 20px; background:url(../../images/app/close_btn2.png) left center no-repeat}
.new_pagewrap .new_close span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.new_pagewrap .srch_txt{margin: 20px 0; padding-top: 55px; background:url(../../images/app/ico_schsrch.gif) top center no-repeat; text-align: center; line-height: 130%; color:#000; font-size: 15px; font-weight: 500}
.new_pagewrap .srch_txt span{color:#1a72cd}
/*학교검색*/
.schsrch_top{padding: 5px}
.schsrch_top .tit{display: block; height: 35px; line-height: 35px; font-size: 15px; font-weight: 600; color:#000}
.schsrch_top .new_inputbox{position: relative; margin:-35px 0 0 80px; padding-right:75px}
.schsrch_top .new_inputbox .btn_srch{position: absolute; top:0; right:0; width: 70px; height: 35px; line-height: 35px; background: #474c51; font-size: 15px; color:#fff; transition: all .5s}
.schsrch_top .new_inputbox .btn_srch:hover{background: #ff5c30}
.schsrch_lst{ height: 150px; margin-top: 7px; padding: 12px 5px 0 5px; border-top:1px solid #dedede}
.schsrch_lst .result_txt{padding: 5px 0 5px 27px; background:url(../../images/app/ico_result.gif) left center no-repeat; font-weight: 600; font-size: 15px; color:#000}
.schsrch_lst .result_txt span{color:#ff0d0d}
.schsrch_lst .result_lst{overflow-y: scroll; height: 100px; padding: 8px; margin-top: 8px; border-radius: 3px; background: #f1f1f1; font-size: 15px}
.schsrch_lst .result_lst::-webkit-scrollbar {width: 10px}
.schsrch_lst .result_lst::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 0px white}
.schsrch_lst .result_lst::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
.schsrch_lst .result_lst ul li{position: relative; padding:12px 0 12px 20px; border-bottom: 1px solid #cdcdcd; font-weight: 600; color:#000}
.schsrch_lst .result_lst ul li::after{content:""; clear: both; display: block; position: absolute; top:14px; left:5px; width: 5px; height: 5px; border-radius: 50px; border:2px solid #ccc}
.schsrch_lst .result_lst ul li:last-child{border-bottom: none}
.schsrch_lst .result_lst ul li .schsel{position: absolute; top:7px; right:5px; width: 90px; height: 25px; background: #3a83c7; color:#fff; transition: all .5s}
.schsrch_lst .result_lst ul li:hover{text-decoration: underline}
.schsrch_lst .result_lst ul li:hover::after{border-color:#ff5c30}
.schsrch_lst .result_lst ul li:hover .schsel{background:#ff5c30}
.schsrch_lst .noresult > p{margin:10px; font-size:15px; text-align:center; font-weight:500}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/******************************공통사항**************************************/
.c2z_solution{margin:0 10px}
.c2z_solution p.inputtxt{font-size: 14px}

/*상단문구*/
.top_noti{padding:10px 10px 10px 58px; background:url(../../images/app/top_noti.png) no-repeat 15px 15px; background-size: 30px 29px}
.top_noti ul li{position:relative; margin:0; padding:0 0 3px 15px; line-height:140%}

/*인풋관련 선언*/
input::placeholder, textarea::placeholder {font-size: 14px}
/**작성 타입 공통**/
.solu_form .solu_item .solu_tit{font-size: 14px}

/*개인정보 수집 및 이용 전문보기*/
.layer_conwrap .layer_tit h4 {font-size: 18px; text-align: left}
.layer_conwrap .close_btn {top: 23px}
.protect_full .layer_protect dt{font-size: 15px}
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
#serv_content{display: block !important}
}


/* LOWSET FIX */
@media only screen and (max-width:900px) {
/*서비스 상단 절차안내*/
.serv_top .servbox{margin-top: 10px}
.serv_top .promise_txt{padding: 10px}
.serv_top .serv_step .step_tit{padding: 5px}
.serv_top .serv_step .step_more{display: block; width: 150px; padding:3px 0 2px; margin: 5px auto 0; border-radius: 50px; background: #fff; transition: all .5s; cursor: pointer}
/*.serv_top .serv_step:hover .step_more{background: #135fab; color:#fff}

.serv_top .serv_step ul{display: none}
.serv_top .serv_step:hover ul{display: block}
*/
.serv_top .serv_step ul li{float: none; width: 100%; margin-bottom: 25px}
.serv_top .serv_step ul li::after{bottom:-18px; right:50%; width: 17px; height: 12px; margin-right: -8px; background:url(../../images/app/step_arw_m.gif) no-repeat 0 0}
.serv_top .serv_step ul li:last-child{margin-bottom: 0}
.serv_top .serv_step ul li > p{width: 90%}
}

@media only screen and (max-width:860px) {
/**작성 타입 공통**/
.solu_form .solu_item .solutit label{display: block; position: relative; top:0; left:0; width:100%; padding:5px; margin-top:0}
.solu_form .solu_item .solutb{margin-left:0}
.solu_form .input_btnbox > div:first-child .input_item{margin-right: 100px}
/*검색버튼*/
.solu_form .input_btn .srch_btn{width: 95px}
/**목록 하단 버튼**/
.btmbtn_wrap .btm_btn{font-size: 14px}
/*목록하단 가운데*/
.btmbtn_wrap .center_box p.btn button{width:150px; height: 40px}
/*하단동의*/
.btm_agreebox{margin: 15px 0 0}
.btm_agreebox a{display: block}
}

@media only screen and (max-width:610px) {
/*radio공통사항 지정영역*/
.radio_box > p{min-width: 50%}
/*check공통사항 지정영역*/
.check_box > p{min-width: 50%}
}

@media only screen and (max-width:360px) {
/**목록 하단 버튼**/
.btmbtn_wrap .btm_btn{font-size: 14px}
/*목록하단 가운데*/
.btmbtn_wrap .center_box p.btn{display:block; margin:0 0 8px}
.btmbtn_wrap .center_box p.btn button{width:100%}
}

@media only screen and (max-width:342px) {
.btm_agreebox{letter-spacing: -.5px}
}