@charset "utf-8";

/*sub04_01*/
.blockcontent .grap .box .style2{position:relative;height:160px;overflow: hidden;border: 1px dashed #b3b3b3;}
.blockcontent .grap .box .tit2{display: block;height:40px;font-weight: 700;font-size: 20px;}
.blockcontent .grap .box .pt2{margin:45px 0 30px 160px;}
.blockcontent .grap .box .pt2 li:first-child:before{display:none;}
.blockcontent .grap .box .style2 .bottom_btn{position: absolute;top: 57px;right: 34px;}

@media (max-width: 1395px){
.blockcontent .grap .box .icon {margin: 25px;}
}


/* 수련과정 신청 */
.tbl_basic.btn-width-same .btn{width:85px;}


.tbl_basic .form_photo{overflow:hidden}
.tbl_basic .form_photo .photo_example{float:right;text-align:center}
.tbl_basic .form_photo .photo_example span{display:block;margin-top:5px}
.tbl_basic .form_photo .photo_file{margin-right:200px}
.tbl_basic .form_photo .photo_file .pt{margin:10px 0 0 10px}


@media(max-width:640px){

.tbl_basic .form_photo .photo_example{float:none;padding:20px 0;text-align:center}
.tbl_basic .form_photo .photo_file{margin-right:0}

}

[class^="form-"] input[type="text"],[class^="form-"] input[type="password"]{width:100%;height:38px;padding:0 5px;line-height:38px}
[class^="form-"] select{width:100%;height:38px;padding:0 5px;line-height:38px}



.form-mail>*,
.form-birthday>*,
.form-max>*{margin-top:5px}

.form-mail>*:first-child,
.form-birthday>*:first-child,
.form-max>*:first-child{margin-top:0}
.form-max span input[type="radio"]{margin:0 5px 0 10px}
.form-max span:first-child input[type="radio"]{margin-left:0}
.form-max .post{width:100%;overflow:hidden}
.form-max .post input{width:31%;float:left;}
.form-max .post .form_find{margin-left:5px;}
.form-max .adress_detail{width:100%;}

/*.form-tel,.form-birthday,.form-mail{margin-bottom:10px}*/

.form-tel{overflow:hidden}
.form-tel div{float:left;width:28%}
.form-tel div.mid{width:8%;text-align:center;line-height:40px}
.form-tel div input,.form-tel div select{text-align:center;text-indent:0}
.form-tel.width75p{width:75%}

.form-mail{overflow:hidden}
.form-mail div{float:left;width:31%;margin-top:0}
.form-mail div.mid{width:5%;text-align:center;line-height:40px}
.form-mail div.last{margin-left:1%;width:32%}

.form-birthday{}
.form-birthday:after{content:"";display:block;clear:both}
.form-birthday select{float:left;width:32.3%;margin:0 0 0 1%;text-align:center}
.form-birthday select:first-child{margin-left:0}

.form-half select,.form-half input[type="text"]{width:50%}

.form-select-input:after{display:block;content:"";clear:both;visibility:hidden;}
.form-select-input select,.form-select-input input[type="text"]{float:left;width:28%;} 
.form-select-input input[type="text"]{margin-left:1%;width:71%;}


.form-input-select:after{display:block;content:"";clear:both;visibility:hidden;}
.form-input-select select,.form-input-select input[type="text"]{float:left;width:71%;} 
.form-input-select select{margin-left:1%;width:28%;}


.form-period:after,
.form-period div:after{display:block;content:"";clear:both;visibility:hidden;}
.form-period div{float:left;width:46%;}
.form-period div.mid{width:8%;line-height:40px;text-align:center;}
.form-period div select{float:left;width:49%;}
.form-period div select:first-child{margin-right:2%;}




@media(max-width:768px){
.form-half select,.form-half input[type="text"]{width:100%}

}

.form-radio label{display:inline-block;width:20%}
.form-radio input[type="radio"],
.form-radio input[type="checkbox"]{position:relative;top:-1px}
.form-radio .etc{margin:10px 0}
.form-radio .etc label{width:auto;margin-right:10px}
.form-radio .etc input[type="text"]{width:300px}

.form-radio.clear_width label{width:auto}

.form-radio.block label{display:block;}
.form-radio.block .text-indent{margin:5px 0 10px 20px;}
.form-radio.block .text-indent label{margin-left:10px;}
.form-radio.width100p label{width:100%;}


@media(max-width:767px){
.form-radio label{width:auto;padding:3px}

}

.form-edu{}
.form-edu:after{content:"";display:block;clear:both}
.form-edu div{margin-right:20px}
.form-edu label{margin-right:15px}
.form-edu input,.form-edu select{width:auto}
.form-edu .edu_year,.form-edu .edu_name{display:inline-block}
.form-edu .edu_name input{width:200px}

@media(max-width:767px){
.form-edu .edu_year,.form-edu .edu_name{display:block;margin-top:10px;text-align:center}
.form-edu .edu_name label{display:block}
.form-edu .edu_name input{width:100%}
.form-edu .form_find{display:block;width:100px;margin:10px auto;text-align:center}

}


.form-career{}
.form-career label{margin-left:10px}
.form-career input{width:50px;margin-right:5px;text-align:center;text-indent:0}


.apply_report{margin:50px 0;font-size:20px}
.apply_report span{display:block;color:#000}



.table_row{overflow:hidden}
.table_row .photobox{display:table;float:right;width:180px;height:190px;border:1px solid #ddd}
.table_row .photobox .inner{display:table-cell;text-align:center;vertical-align:middle}
.table_row .tablebox{margin-right:200px}

@media(max-width:640px){

.table_row .photobox{float:none;width:100%;margin-bottom:20px}
.table_row .tablebox{margin-right:0}


}


.resultbox{padding:100px 0;text-align:center;border:solid #ddd;border-width:2px 0 1px;border-top-color:#787878;background-color:#fafafa}
.resultbox p{margin-top:30px;font-size:24px}
.resultbox p span{color:#036240}
.resultbox .icon{display:block;width:108px;height:53px;margin:0 auto;background:url(/images/admissions/bundle/bg_ci.gif) no-repeat}
.resultbox.clear_padding{padding:0;text-align:left;overflow:hidden}

.resultbox .post{padding:30px}
.resultbox .post .post_title{float:left}
.resultbox .post .post_title:before{content:"";display:inline-block;width:18px;height:14px;margin-right:10px;vertical-align:baseline;background:url(/images/admissions/bundle/posts_icon.png) no-repeat}
.resultbox .post .post_address{padding-left:170px}
.resultbox .post .post_address span{color:#19694c}


.resultbox .result-body{padding:20px 30px}
.resultbox .result-body *:first-child{margin-top:0} 

@media(max-width:768px){
.resultbox .post{padding:30px 10px}
.resultbox .post .post_title{display:block;float:none;margin-bottom:10px}
.resultbox .post .post_address{padding-left:0}

}

.resultbox .report{padding:50px 0;text-align:center;background:#fff}
.resultbox .report .icon{width:100px;height:100px;background:url(/images/admissions/bundle/posts_icon.png) no-repeat}
.resultbox .report .icon1{background-position:-50px 0}
.resultbox .report .icon2{background-position:-150px 0}



.bottom_button{margin-top:20px}
.bottom_button .input_button{transition:all 100ms ease-in-out;display:inline-block;height:auto;padding:15px 50px;border:0;line-height:1;font-size:16px;color:#fff;vertical-align:middle;}
.bottom_button .input_button.color1{background:#19694c}
.bottom_button .input_button.color2{background:#81a100}
.bottom_button .input_button.color3{font-size:18px;border:1px solid #19694c;background:#fff;color:#000}
.bottom_button .input_button.max{display:block;text-align:center}
.bottom_button .input_button.color3:focus,
.bottom_button .input_button.color3:hover{background:#19694c;color:#fff}

@media(max-width:767px){
.bottom_button .input_button{padding:15px 20px}

}

@media(max-width:640px){
.bottom_button .gotofirststep{display:none}

}


.responsebox{}
.responsebox .mover{display:none}
.responsebox ul.list_1st.info{}
.responsebox ul.list_1st.info li{padding:7px 0 7px 160px;border-bottom:1px solid #ddd;background-position:0 17px}
.responsebox ul.list_1st.info b{display:inline-block;width:150px;margin-left:-150px}

@media(max-width:767px){

.responsebox{}
.responsebox .pcver{display:none}
.responsebox .mover{display:block}

.tbl_basic.response,
.tbl_basic.response thead,
.tbl_basic.response tbody,
.tbl_basic.response tr,
.tbl_basic.response th,
.tbl_basic.response td{display:block;border-width:1px 0}
.tbl_basic.response th{border-bottom-width:0}

}



.loginbox{position:relative;padding:50px 0;border:solid #ddd;border-width:2px 0 1px;border-top-color:#787878}

.loginbox .row{width:50%;margin:10px auto 10px;overflow:hidden}
.loginbox .row label{float:left;height:38px;line-height:40px;font-weight:700}
.loginbox .row .form-number{margin-left:100px;overflow:hidden}
.loginbox .row .form-number .midd{float:left;height:38px;width:10%;line-height:40px;text-align:center}
.loginbox .row .form-number input{float:left;width:45%}
.loginbox .row .two{}
.loginbox .row .two input{}

.loginbox.dubble{}
.loginbox.dubble .form-number input,
.loginbox.dubble .two input{width:100%}

.loginbox .irimg{position:absolute;left:30px;top:-10px;width:220px;height:173px;background:url(/images/admissions/bundle/step_ir.png) -160px -120px;}
.loginbox .bottom_button {position:absolute;right:60px;top:30px;}
.loginbox .bottom_button .input_button{padding:35px 50px;}


.loginbox.training-course{overflow:hidden;}
.loginbox.training-course .bottom_button{position:static;margin:20px auto 0;width:50%;}
.loginbox.training-course .bottom_button:after{display:block;content:"";clear:both;visibility:hidden;}
.loginbox.training-course .bottom_button input,
.loginbox.training-course .bottom_button a{float:left;width:49%;}
.loginbox.training-course .bottom_button input{margin-right:2%;}
.loginbox.training-course .bottom_button .input_button{padding:20px 0;}

@media(max-width:1000px){
	.loginbox.training-course .irimg{display:none;}
	.loginbox.training-course .bottom_button .input_button{display:block;float:none;margin:10px 0;width:100%;}
}



@media(max-width:800px){
.loginbox .row{width:45%;}
.loginbox.training-course .row,
.loginbox.training-course .bottom_button{width:80%;}

}

@media(max-width:640px){
.loginbox .bottom_button {position:static}
.loginbox.dubble{padding-top:150px;}
.loginbox.training-course.dubble{padding-top:50px;}
.loginbox .row{width:80%;}
.loginbox .bottom_button .input_button{width:80%;padding:15px;}
.loginbox.training-course .row label{float:none;}
.loginbox.training-course .row .form-number{margin-left:0;}
}

.warningbox{position:relative;padding:30px 30px 30px 80px;margin:30px 0;overflow:hidden;border:1px solid #ecf3e5;background:#f5f8f2}
.warningbox .icon{position:absolute;top:23px;left:30px;width:38px;height:38px;background:url(/images/admissions/bundle/ipsi_warning_icon.png) no-repeat}
.warningbox p{margin-top:10px}
.warningbox p:first-child{margin-top:0}


@media(max-width:767px){
.warningbox{padding:20px}
.warningbox .icon{display:none}

}