@charset "utf-8";

#pop20240425{ background: #c7f8ff url(bg.jpg) no-repeat 50% 0; background-size: cover; margin: 0 auto; padding: 25px;}/* 팝업의 사이즈는 800 * 1000 에 맞춰주세요 */

#pop20240425 > .title{ padding: 0 25px 25px; font-size: 2.8rem; color: #fff; font-weight: 700; text-align: center; line-height: 1.4;}
#pop20240425 .box{ background: #fff; padding: 20px;}
#pop20240425 .box.rlt{ border-top: 5px solid #0379bf; border-bottom: 2px solid #7cd5f7}
#pop20240425 .box p, #pop20240425.sch > div p, #pop20240425 .rslt p{ font-size: 17px; line-height: 1.5; color: #323232; font-weight: 400; word-break: keep-all; margin-bottom: 20px}
#pop20240425 .box p.ment_end{ font-weight: 500; color: #1b3bab; margin-bottom: 50px}
#pop20240425 .bold{ font-size: 1em; font-weight: 600;}
#pop20240425 .box p.rda{ line-height: 35px; font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; text-align: center;}
#pop20240425 .box p.rda strong{ display: block; font-size: 1.28rem; font-weight: 700}
#pop20240425 .box .txt_blu{ color: #055f9f; font-size: 1em; display: inline-block; margin: 5px 0; font-size: 1.15rem;}

#pop20240425 .dlBox dt{ font-size: 1.2rem; text-align: center; margin-bottom: 10px; font-weight: 600; color: #055f9f;}
#pop20240425 .dlBox dt::before{ content: ''; display: block; position: absolute; left: 0; top: 5px; background: url(../images/personalInfo/bullet1.png) no-repeat; width: 20px; height: 20px;}
#pop20240425 .dlBox, #pop20240425.sch .reBox{ background: #f6feff; border: 1px dashed #055f9f; padding: 10px; font-size: 1.15rem; line-height: 1.5; color: #323232; font-weight: 400; }
#pop20240425 .dlBox dd > strong{ display: block; font-size: 1.15rem; text-align: center; margin-bottom: 10px}
#pop20240425 .dlBox dd p{ margin: 5px; font-size: 1.1rem;}
#pop20240425 p a, #pop20240425 li a{ display: inline-block; font-size: 1em; font-weight: 600; color: #005ead; text-decoration: underline;}
#pop20240425 .btnA{ text-align: center; margin: 30px 0 0}
#pop20240425 .btnA span{ display: block; margin: 0 0 10px; font-size: 1.15rem; font-weight: 500;}
#pop20240425 .btnA span a{ }
#pop20240425 .btnA > a{ display: inline-block; background: #001841; color: #fff; font-size: 1.25rem; border-radius: 30px; line-height: 50px; padding: 0 40px; font-weight: 600; text-decoration: none;}
#pop20240425 .form_box, #pop20240425 .rslt{ position: relative;}
#pop20240425 .box .title2{ font-size: 1.65rem; line-height: 40px; color: #08437e; font-weight: 700; margin: 0 0 10px; text-align: center; border-bottom: 3px solid #ebebeb; padding-bottom: 15px;}
#pop20240425 .box .title2::after{ content: ''; display: block; width: 100%; height: 1px; background: #c5c5c5; margin-bottom: -15px;}
#pop20240425 .form_box ul{ display: flex; gap: 5px; flex-direction: column; background: #d9fbff; padding: 15px 30px; font-size: 1.15rem;}
#pop20240425 .form_box ul li{ display: flex; gap: 20px; align-items: center;}
#pop20240425 .form_box ul li::before{ content: ''; display: block; width: 3px; height: 3px; background: #005ead; margin-right: -10px;}
#pop20240425 .form_box ul li label{ display: flex; gap: 5px; font-size: 1.15rem; color: #323232; font-weight: 500; min-width: 150px; align-items: center;}
#pop20240425 .form_box ul li label span{ font-size: 0.95rem; color: #c70000}
#pop20240425 .form_box ul li input{ background: #fff; border-color: #addce1; min-height: 40px; width: 42%;}
#pop20240425 .form_box .btn_sch{ position: absolute; right: 35px; bottom: 20px; background: #001841; color: #fff; font-size: 1.15rem; height: 80px; padding: 25px; border-radius: 5px;}
#pop20240425 .rslt .rslt_box{ background: #e8fdff; padding: 30px; font-size: 1.15rem; border: 3px dotted #08437e; margin: 0 0 1rem; position: relative}
#pop20240425 .rslt .rslt_box.inList{ background: #fff; padding: 0; border: 1px dashed #08437e;}
#pop20240425 .rslt .rslt_box p{ font-size: 1.15rem; margin: 0 0 .5rem; display: flex; gap: 5px 20px}
#pop20240425 .rslt .rslt_box.inList .inBg{ background-color: #e8fdff; padding: 10px 15px;}
#pop20240425 .rslt .rslt_box.inList > ul{ padding: 10px 10px 20px; display: flex; gap: 10px; flex-direction: column;}
#pop20240425 .rslt .rslt_box.inList > ul li{ display: flex; gap: 10px; font-size: 1.15rem; align-items: flex-start; position: relative; padding-right: 150px; border-bottom: 1px dashed #bbb; min-height: 45px;}
#pop20240425 .rslt .rslt_box.inList > ul li:last-child{ border: 0; min-height: auto;}
#pop20240425 .rslt .rslt_box.inList > ul li strong{ min-width: 140px; font-size: 1em; display: flex; align-items: center; gap: 5px; color: #055f9f; }
#pop20240425 .rslt .rslt_box.inList > ul li p{ flex-wrap: wrap; gap: 0 8px}
#pop20240425 .rslt .rslt_box.inList > ul li a, #pop20240425 .rslt .rslt_box.inList > ul li div{ display: flex; background: #efefef; border: 1px solid #ddd; border-radius: 5px; color: #000; text-decoration: none; font-weight: 400; line-height: 1.2;  padding: 5px; font-size: .9em; width: 150px; height: 35px; justify-content: center; align-items: center; transition: all 0.3s ease; position: absolute; right: 0;}
#pop20240425 .rslt .rslt_box.inList > ul li div{ display: flex; border: 0}
#pop20240425 .rslt .rslt_box.inList > ul li div a{ background: #fff; font-size: 1.15rem;}
#pop20240425 .rslt .rslt_box.inList > ul li div a:before, .tel:before{ content: '\260E'; display: inline-block; margin-right: 5px;}
#pop20240425 .rslt .rslt_box.inList > ul li div a:hover{ background: #fff; border-color: #ddd}
#pop20240425 .rslt .rslt_box.inList > ul li a:hover{ background: #7cd5f7; border-color: #055f9f}
#pop20240425 .rslt .rslt_box.inList > ul li span{ font-size: inherit;}
#pop20240425 .rslt .rslt_box.inList > ul li span::after{ content: ','; display: inline-block;}
#pop20240425 .rslt .rslt_box.inList > ul li span:last-child:after{ display: none;}
#pop20240425 .rslt .rslt_box.inList > ul li strong::before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #055f9f;}
#pop20240425 .rslt .rslt_box p.non{ font-size: 1.35rem;  text-align: center; font-weight: 600; color: #000; margin: 0; justify-content: center; padding: 20px 0;}
#pop20240425 .btn__area{ margin: 1rem 0; display: flex; justify-content: center; gap: 10px;}
#pop20240425 .btn__area a{ background: #001841; color: #fff; font-size: 1.15rem; border-radius: 5px; padding: 8px 20px;}
#pop20240425 .btn__area a + a{ background: #055f9f;}
#pop20240425  .underline{ font-size: inherit; text-decoration: underline; color: #000}

@media screen and (max-width: 600px) {
    #pop20240425{ padding: 1rem;}
    #pop20240425 > .title{ padding: 0 0 25px; font-size: 2rem}
    #pop20240425 .box{ padding: 10px}
    #pop20240425 .btnA a{ min-height: 60px; line-height: 1.3; display: flex; align-items: center; justify-content: center;}

    #pop20240425 .rslt .rslt_box.inList > ul{ gap: 30px}
    #pop20240425 .rslt .rslt_box.inList > ul li{ padding-right: 0; flex-wrap: wrap; gap: 3px;}
    #pop20240425 .rslt .rslt_box.inList > ul li p{ margin-left: 8px;}
    #pop20240425 .rslt .rslt_box.inList > ul li a, #pop20240425 .rslt .rslt_box.inList > ul li div{ position: static; display: flex; width: 100%; margin: 0 0 10px;}
    #pop20240425 .rslt .rslt_box.inList > ul li div{ background: none;}
    #pop20240425 .rslt .rslt_box.inList > ul li div a{ background: #efefef; border: 1px solid #ddd;}
    #pop20240425 .rslt .rslt_box.inList > ul li div a:hover{ background: #7cd5f7; border-color: #055f9f}
}

#pop20240425 .btnA > a{ background: #2c6ce7; line-height: 60px; font-size: 1.55rem;}