@charset "utf-8";

/* sub01_01 사전예약 */
.s0101 .reservation_wrap {padding:50px 20px; background-color:#e7f2f8;}
.s0101 .reservation_wrap .reservation_title {margin-bottom:40px; text-align: center; color:#333}
.s0101 .reservation_wrap .reservation_title span {letter-spacing: 4px;}
.s0101 .reservation_wrap .reservation_title strong {display:block; font-size:34px; font-family: 'score';}
.s0101 .reservation_wrap .reservation_list {max-width:940px; margin:0 auto;}
.s0101 .reservation_wrap .reservation_list:after {content:""; display:block; clear:both;}
.s0101 .reservation_wrap .reservation_list .list_item {float:left; position:relative; width:calc(50% - 20px); min-height:214px; padding: 3px; border-radius: 8px; overflow: hidden;}
.s0101 .reservation_wrap .reservation_list .list_item01 {background-color:#0e76bc;}
.s0101 .reservation_wrap .reservation_list .list_item02 {margin-left:40px; background-color:#37a178;}
.s0101 .reservation_wrap .reservation_list .list_item a {display:block; padding:43.5px 250px 43.5px 40px;}
.s0101 .reservation_wrap .reservation_list .list_item .text {color:#fff;}
.s0101 .reservation_wrap .reservation_list .list_item .text span {display:block; font-size:20px;}
.s0101 .reservation_wrap .reservation_list .list_item .text strong {display:block; margin-bottom:40px; font-size:28px; font-family: 'score';}
.s0101 .reservation_wrap .reservation_list .list_item .text .arrow_btn {display:block; width:71px; height:11px; background: url(/images/vaccine/sub01/arrow_btn.png) no-repeat center;}
.s0101 .reservation_wrap .reservation_list .list_item .img {display:block; width:233px; height:214px; position:absolute; right:20px; bottom:0;}
.s0101 .reservation_wrap .reservation_list .list_item01 .img {background: url(/images/vaccine/sub01/sub0101_img01.png) no-repeat center bottom;}
.s0101 .reservation_wrap .reservation_list .list_item02 .img {background: url(/images/vaccine/sub01/sub0101_img02.png) no-repeat center bottom;}
@media (max-width:967px) {
  .s0101 .reservation_wrap .reservation_list .list_item {float:none; width:auto;}
  .s0101 .reservation_wrap .reservation_list .list_item01 {margin-bottom:40px;}
  .s0101 .reservation_wrap .reservation_list .list_item02 {margin-left:0;}
}

@media (max-width:520px) {
  .s0101 .reservation_wrap .reservation_list .list_item {min-height:380px;}
  .s0101 .reservation_wrap .reservation_list .list_item a {padding: 43.5px 43.5px 0 43.5px;}
  .s0101 .reservation_wrap .reservation_list .list_item .text strong {margin-bottom: 24px;}
  .s0101 .reservation_wrap .reservation_list .list_item .img {left:calc(50% - 116.5px); right:auto;}
}
/* sub01_01 사전예약 End */

/* sub01_03 예방접종기관 안내 */
.s0103 .infobox .images-circle {width:202px; top:23px;}
.s0103 .infobox .inner .txtwrap .h-box {line-height: 38px;}
.s0103 .infobox .images-circle img {display:inline-block;width:100%;border-radius: 50%;}
.s0103 .infobox .inner .txtwrap ul li {padding-left: 80px;}
.s0103 p:nth-child(3){font-weight:600; font-size:20px;}
@media (min-width:1025px) {
  .s0103 .infobox {padding: 60px 360px 50px 50px;}
}
@media (max-width: 1024px) {
    .s0103 .infobox .inner .txtwrap ul li {padding-left: 0;}
}
@media (max-width:640px) {
    .s0103 .infobox .images-circle {display:block; margin:0 auto 25px;}
}
/* sub01_03 예방접종기관 안내 End */

/* sub01_04 예방접종 정보 */
@media (max-width:640px) {
  .s0104 .ui-banner__box .item {padding: 20px 20px 58px 31px;}
  .s0104 .ui-banner__box .item .down, .ui-banner__box .item .link {top:auto; bottom:15px;}
}
/* sub01_04 예방접종 정보 End */

/* sub01_05 이상반응 대응 및 피해보상 */
.s0105 .txt-box2 {margin-top: 25px;}
/* sub01_05 이상반응 대응 및 피해보상 End */

/* sub01_06 예방접종 계획 */
.s0106 .allplan{width:100%; display:table}
.s0106 .allplan > div{border:1px solid #dcdcdc; width:25%; display:table-cell; vertical-align:top; position:relative; height:515px; border-left:0}
.s0106 .allplan > div.two{width:50%}
.s0106 .allplan .step > * > *{display:block; width:100%; padding:16px 10px; box-sizing:border-box;}
.s0106 .allplan .step.firstborder{border-left:1px solid #dcdcdc;}
.s0106 .allplan .step .stepHead strong{color:#2257a6; background:#eef2f8; text-align:center;}
.s0106 .allplan .step .stepBody{position:absolute; width:100%}
.s0106 .allplan .step .stepBody .num{display:block; text-align:center; color:#2a2a2a; font-size:22px; padding:10px 0 15px 0}
.s0106 .allplan .step .stepBody .num strong{color:#d04f4f; font-family:'SCDream4'; font-size:40px; letter-spacing:-1px}
.s0106 .allplan .step .stepBody .progress{padding:10px;}
.s0106 .allplan .step .stepBody .apply > span{display:block; width:100%; padding:6px 8px; margin:3px 0; font-size:14px; line-height:18px; text-align:center; border:1px solid #cbc9d5; background:#fff; color:#2a2a2a;}
.s0106 .allplan .step .stepBody .apply > span.line1{line-height:37px}
.s0106 .allplan .step .stepBody .apply > span em{color:#696969; font-size:12px}
.s0106 .allplan .step.two .stepBody .apply {width:50%; float:left; padding:0 2px;}
.s0106 .allplan .step .stepBody .etc{background:#eef2f8; text-align:center; padding:0}
.s0106 .allplan .step .stepBody .etc.groupbox{width:200%; margin-left:-100%}
.s0106 .allplan .step .stepBody .etc span{display:block; width:100%; height:70px; line-height:70px; color:#2b2b2b; font-size:16px;}
.s0106 .allplan .step .stepBody .etc span.center.line2{line-height:20px; padding-top:15px}
.s0106 .allplan .step .stepBody .etc span strong{font-size:20px; font-family:'SCDream4';}
.s0106 .allplan .step .stepBody .etc span.agency{border-top:1px dashed #cdcdcd}
.s0106 .allplan .step .stepBody .etc span.agency.onebox{height:140px; line-height:140px; border-top:0;}
.s0106 .allplan .step:nth-child(4) .stepBody .progress{padding-bottom:227px;}

.s0106 .etcbox{background:#eef2f8; text-align:center; padding:0; border:1px solid #dcdcdc; border-top:0;}
.s0106 .etcbox.groupbox{width:200%; margin-left:-100%}
.s0106 .etcbox span{display:block; width:100%; height:70px; line-height:70px; color:#2b2b2b; font-size:16px;}
.s0106 .etcbox span.center.line2{line-height:20px; padding-top:15px}
.s0106 .etcbox span strong{font-size:20px; font-family:'SCDream4';}
.s0106 .etcbox span.agency{border-top:1px dashed #cdcdcd}
.s0106 .etcbox span.agency.onebox{height:140px; line-height:140px; border-top:0;}

@media(max-width:1240px) {
  .s0106 .allplan > div{display:block; float:left; width:100%; height:auto;}
	.s0106 .allplan > div.two{width:100%}
	.s0106 .allplan .step .stepBody{position:relative;}
	.s0106 .step{margin-top:-1px;}
	.s0106 .allplan > div.step:nth-child(1){margin-top:0;}
	.s0106 .allplan > div.step:nth-child(2),.allplan > div.step:nth-child(3){border-left:1px solid #dcdcdc}
	.s0106 .allplan .step .stepBody .num{padding:0 0 5px 0}
	.s0106 .allplan .step.two .stepBody .apply{padding-bottom:10px}
	.s0106 .etcbox span{height:55px; line-height:55px}
}
@media(max-width:767px) {
  .s0106 .allplan .step.two .stepBody .apply{width:100%; padding:0; clear:both; float:none;}
}
/* sub01_06 예방접종 계획 End */