@charset"utf-8";

.loginbox{position:relative;padding:20px 0;border:solid #ddd;border-width:2px 0 1px;border-top-color:#787878;overflow:hidden;}
.loginbox .row{margin:10px 20% 10px 15%;overflow:hidden}
.loginbox.iphak .row{margin:10px 10% 10px 25%;}

.loginbox .row label{float:left;width:105px;height:38px;line-height:40px;font-weight:700}
.loginbox .row .form-number{margin-left:150px;overflow:hidden}
.loginbox .row .form-number *{vertical-align:middle}
.loginbox .row .form-number .midd{float:left;height:38px;width:5%;line-height:40px;text-align:center}
.loginbox .row .form-number input{float:left;width:60%}
.loginbox .row .form-number input[type="checkbox"],
.loginbox .row .form-number input[type="radio"]{position:relative;top:12px;margin-right:5px;width:14px;overflow:hidden;}
.loginbox .row .two{}
.loginbox .row .two input{}
.loginbox .row .form-number .form-tel input{width:100%}

.loginbox.dubble{} 
.loginbox.dubble .form-number input,
.loginbox.dubble .two input{width:60%}

.loginbox.iphak .irimg{position:absolute;left:60px;top:0;width:175px;height:136px;background:url(/images/ipsi/prog/reqst_img.jpg) no-repeat;}
 
.form-number.two label{width:100px;margin-left:10px;}
.loginbox .row .form-number input#strName{width:51%;}
.form-radio input[type="radio"], .form-radio input[type="checkbox"].isForeignerClass{margin-left:45px;margin-right:5px;}
.sub02_03 .form-radio input[type="radio"]{margin-left:0}
 
@media(max-width:1000px){
	.loginbox.iphak .row{margin:10px 10% 10px 10%;}
	.loginbox.iphak .irimg{display:none;}

}


@media(max-width:767px){
.loginbox{}
.loginbox .row{margin:10px}
.loginbox .row .form-number{margin-left:100px}
.loginbox.iphak .row .form-number{margin-left:150px;}

}

@media(max-width:480px){
.loginbox .row label{float:none}
.loginbox .row .form-number,
.loginbox.iphak .row .form-number{margin-left:0}
.loginbox .login_id .form-number input,
.loginbox.dubble .login_pw .form-number input{width:100%}

.form-radio input[type="radio"], .form-radio input[type="checkbox"].isForeignerClass{margin-left:0px;}
 

}

.stepbox{}
.stepbox .step_title{font-size:40px}
.stepbox .step_title .icon{display:inline-block;width:55px;height:70px;margin-right:10px;vertical-align:middle;background:url(/images/admissions/bundle/step_title.gif) no-repeat}
.stepbox .step_title b{color:#036341}

@media(max-width:767px){
.stepbox .step_title{font-size:24px}
.stepbox .step_title .icon{width:33px;height:40px;background-size:auto 100%}


} 

.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/ipsi/common/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}

}

.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;text-align: center;}
.bottom_button .input_button.color1{border:1px solid #ddd;background:#1650a6}
.bottom_button .input_button.color2{border:1px solid #ddd;background:#fff;color:#666;}
.bottom_button .input_button.color1:hover,
.bottom_button .input_button.color1:focus,
.bottom_button .input_button.color1:active{background-color:#fff;border:1px solid #1650a6;color:#1650a6;}
.bottom_button .input_button.color2:hover,
.bottom_button .input_button.color2:focus,
.bottom_button .input_button.color2:active{background-color:#3b3c3d;border:1px solid #c3c3c3;color:#fff;}
/* .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 60px;margin-top:5px;}
}
@media(max-width:500px){
.bottom_button .input_button{width:100%;margin-top:5px;}

}


/*write*/

.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-radio.clear_width label{width:24%;}

@media(max-width:980px){
	.form-radio.clear_width label{width:32%;}
}

@media(max-width:767px){
	.form-select-input input[type="text"]{margin-left:0;margin-top:5px;width:100%;}
	.form-radio.box2{height:196px;overflow:hidden;overflow-y:auto;}
	.form-radio.clear_width label{width:48%;}
}

@media(max-width:600px){
	.form-radio.clear_width label{width:100%;}
}


.resultbox{padding:100px 0;text-align:center;border:solid #ddd;border-width:2px 0 1px;border-top-color:#787878;background-color:#fafafa}
.resultbox p{font-size:24px;line-height:1.3;margin:0}
.resultbox p:first-child{margin-top:30px;}
.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} 
.resultbox .result-body p.list{margin: 3px 0;padding-left: 11px;background: url(/images/common/list_bul1.png) no-repeat 0 9px;color: #5d5d5d;font-size: 14px;word-wrap: break-word;word-break: keep-all;}

@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}


/*view*/
.button.reqst_btn span .list[type="button"],
.button.reqst_btn span .list[type="reset"],
.button.reqst_btn span .list[type="submit"],
.button.reqst_btn span .list,
.button.reqst_btn span .list:link,
.button.reqst_btn span .list:visited{padding-left:38px;background-image:url(/images/prog/board/btn_list_ov.png);background-repeat:no-repeat;background-position:15px 48%;}
.button.reqst_btn span .list:hover,
.button.reqst_btn span .list:focus,
.button.reqst_btn span .list:active{background-image:url(/images/prog/board/btn_list.png);background-repeat:no-repeat;background-position:15px 48%;}
