@charset "UTF-8";

/********************************
 03 돌봄신청
 *******************************/
.info_txtbox p.tip:before {top:4px;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.info_txtbox p.tip:before {top:2px;}
}

@media screen and (max-width:480px){
}


/*온라인신청 - 신청페이지*/
.viewTable .view_info div dd.addr_tbox2.health span {justify-content:space-between;}
.viewTable .view_info div dd.addr_tbox2.health span .radio_list {flex-wrap:nowrap; width:160px;}
.viewTable .view_info div dd.addr_tbox2.health span .radio_list .radio_check {width:auto;}
.viewTable .view_info div dd.addr_tbox2.health span .radio_list .radio_check input {margin:0; width:15px;}

.viewTable .view_info div dd.addr_tbox2.health span .tip {width:auto;}

.viewTable .view_info div dd.addr_tbox2.health span.ip_box3 {margin-top:10px; padding:10px 15px; border:1px solid #efd9ce; border-radius:5px; background-color:#fff9f4;}


/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.viewTable .view_info div dd input::placeholder {font-size:1.5rem;}
	.viewTable .view_info div dd.addr_tbox2.health span .tip {width:100%;}
}

@media screen and (max-width:480px){
	.viewTable .view_info div dd.addr_tbox2.health span {justify-content:flex-start;}
	.viewTable .view_info div dd.addr_tbox2.health span.ip_box3 p {word-break:break-all;}
}


/*온라인신청 - 신청완료페이지*/
.sComplete_box {}
.sComplete_box .s_icon {position:relative; display:block; margin:0 auto; border-radius:50%; width:180px; height:180px; background-color:#fff2eb;}
.sComplete_box .s_icon:before {content:''; display:block; position:absolute; top:50%; left:50%; margin:-56px 0 0 -45px; width:89px; height:112px; background:url(/images/egovframework/story/web/sub/img_complete.png) no-repeat;}
.sComplete_box em.color_org {color:#ec642c;}
.sComplete_box .s_textbox {text-align:center;}
.sComplete_box .s_textbox .s_tit {display:block; font-weight:700; color:#2d2d2d; font-size:2.8rem; padding:40px 0 20px 0;}
.sComplete_box .s_textbox .s_txt {color:#494949;}
.sComplete_box .s_textbox .s_txt em.color_org {font-weight:500;}
.sComplete_box .tipbox {display:flex; justify-content:center;}

.payInfo_box {width:80%; margin:50px auto; padding:34px 40px 34px 40px; border-radius:15px; background-color:#fbfbfb; border:2px dashed #ddd;}
.payInfo_box dl {margin:8px 0; display:flex; flex-wrap:nowrap; justify-content:flex-start;}
.payInfo_box dl dt {width:90px; font-weight:600; color:#333;}
.payInfo_box dl dd {width:calc(100% - 90px);}
.payInfo_box dl dd.date {font-weight:500; color:#222;}

.sComplete_btnbox {}
.sComplete_btnbox .bd_btn.btn_config {background-color:#5b504e; border:1px solid #5b504e;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.sComplete_box .s_icon {width:150px; height:150px;}
	.sComplete_box .s_icon:before {margin:-42px 0 0 -35px; width:70px; height:90px; background-size:100%;}
	.sComplete_box .s_textbox .s_tit {font-size:2.4rem; padding:30px 0 20px 0;}
	.payInfo_box {margin:40px auto; padding:24px 30px 24px 30px;}
	.payInfo_box dl dt {width:80px;}
	.payInfo_box dl dd {width:calc(100% - 80px);}
}

@media screen and (max-width:767px){
	.payInfo_box {margin:30px auto; width:100%;}
}

@media screen and (max-width:640px){
	.sComplete_box .s_icon {width:130px; height:130px;}
	.sComplete_box .s_icon:before {margin:-35px 0 0 -30px; width:60px; height:80px;}
	.sComplete_box .s_textbox .s_tit {font-size:2.2rem; padding:25px 0 15px 0;}
	.payInfo_box dl dt {width:70px;}
	.payInfo_box dl dd {width:calc(100% - 70px);}
	.payInfo_box dl dd.date .bk640 {display:block;}
}

@media screen and (max-width:480px){
	.sComplete_box .s_icon {width:100px; height:100px;}
	.sComplete_box .s_icon:before {margin:-27px 0 0 -23px; width:45px; height:65px;}
	.payInfo_box {margin:30px auto; padding:16px 22px 16px 22px;}
	.payInfo_box dl dd.date .bk480 {display:block;}
}