@charset "utf-8";
/* css setting start */

#registration{}



.sub06{}
.sub06 .sec01{}
.sub06 .sec01 .cont-title{text-align: center;}

.sub06 .sec02{padding-bottom: 9rem;}
.sub06 .sec02 .cont-wr{padding-top:0;}
.sub06 .sec02 .cont-wr > ul{display:flex;justify-content: center;align-items: flex-end;}
.sub06 .sec02 .cont-wr > ul > li{width: calc(50% - 15px);position: relative;}
.sub06 .sec02 .blueBox{background: #0f3fa0; color:#fff;font-size: 18px;font-weight: 700;text-align: center;padding: 2rem;}
.sub06 .sec02 .box{padding: 4rem 4.5rem;}
.sub06 .sec02 .box h6{font-size: 2.4rem; color:#000;border-bottom: 1px solid #dddddd;padding-bottom: 3rem;text-align: center;line-height: 1em;}
.sub06 .sec02 .box div{padding-bottom: 4rem;border-bottom: 1px solid #dddddd;padding-top: 4rem;}
.sub06 .sec02 .box div p{font-size: 1.6rem;color: #555;padding-bottom: 1.5rem;text-align: center;}
.sub06 .sec02 .box div h4{font-size:3rem;color:#000; font-weight:800;padding-bottom: 2rem;line-height: 1em;}
.sub06 .sec02 .box div h4 span{padding-left:10px;font-size:14px;vertical-align: baseline;color: #999;font-weight: 500;}
.sub06 .sec02 .box div a{background: #0f3fa0; color:#fff;font-size: 1.6rem;display: block;text-align: center;padding: 2rem;border-radius: 3.5em; border:1px solid #0f3fa0;font-weight: 600;}
.sub06 .sec02 .box ul{padding-top: 5rem;}
.sub06 .sec02 .box ul li{font-size: 1.6rem; color:#555555;padding-bottom: 3rem;font-weight: 500;}
.sub06 .sec02 .box ul li:last-child{padding-bottom: none;}
.sub06 .sec02 .box ul li::before{content: ''; background-image: url(/images/btn/check_on.png); width: 12px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
.sub06 .sec02 .box ul li.off::before{background-image: url(/images/btn/check_off.png); }

.sub06 .sec02 li.premium{box-shadow: 3.709px 5.936px 17.64px 0.36px rgba(15, 63, 160, 0.15); border:2px solid #0f3fa0;}
/* .sub06 .sec02 li.free .box div h4{padding-top: 2rem;} */
/* .sub06 .sec02 li.free .box div p{padding-bottom: 3.5rem;} */
.sub06 .sec02 li.free .box div a{background:#fff; color:#0f3fa0; }
.sub06 .sec02 p.deco{color:#666666;font-size: 14px;line-height: 1.75em;padding-top: 4rem;text-align: center;}

.sub06 .sec03{}
.sub06 .sec03 .cont-wr{padding-top:0;}
.sub06 .sec03 .tfoot {padding-top: 5rem;}
.sub06 .sec03 .tfoot a{
    position: relative;
    right: unset;
    top: unset;
    display: block;
    width: fit-content;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #0f3fa0;
    line-height: 50px;
    padding: 0 6rem 0 2.5rem;
    border-radius: 25px;
    font-weight: 600;
    color: #111;
    transition:all 0.2s;
    font-size: 16px;
}
.sub06 .sec03 .tfoot a::before{
    opacity: 1;
    right: 27px;
    top: calc(50% - 0px);
    transition:all 0.2s;
}
.sub06 .sec03 .tfoot a::after{
    right: 25px;
    line-height: 50px;
    top: 0;
    transition:all 0.2s;
}
.sub06 .sec03 .tfoot:hover a{background-color:#0f3fa0; color:#fff;}
.sub06 .sec03 .tfoot:hover a::before{transform:translateX(10px); background:#fff;}
.sub06 .sec03 .tfoot:hover a::after{transform:translateX(10px); color:#fff;}


/* 신청서 작성 */
.sub0601_01{}
.sub0601_01 .sec.sec03{}
.sub0601_01 .sec.sec03 .sec-bottom{
    padding: 1rem 3rem;
    position: relative;
}
.sub0601_01 .sec.sec03 .sec-bottom p{
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 12px;
    position:
    relative;
}
.sub0601_01 .sec.sec03 .sec-bottom p:before{
    content:
    '';
    width:4px;
    height:4px;
    background-color: #666;
    position:
    absolute;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
.sub0601_01 .sec.sec03 .sec-bottom input{
    background-color: #0f3fa0;
    color: #fff;
    border: none;
    font-size: 1.8rem;
    line-height: 1em;
    padding: 1.2rem 2.5rem;
    border-radius: 20px;
    position: absolute;
    top: 1rem;
    right: 3rem;
}

.sub0601_01 .sec.sec03{}
.sub0601_01 .sec.sec03 .address{}
.sub0601_01 .sec.sec03 .address input[type=text]:last-child{
    /* margin-top: 10px; */
}


/* css setting end */

/* media size setting start */
@media all and (max-width:1320px) {

}
@media all and (max-width:1240px) {

}
@media all and (max-width:1024px) {
    .sub06 .sec03{}
    .sub06 .sec03 .cont-title{}
    .sub06 .sec03 .cont-title h4{}
    .sub06 .sec03 .cont-title p{
        max-width: 100%;
    }

}
@media all and (max-width:767px) {
    .sub06{}
    .sub06 .sec01{}
    .sub06 .sec01 .cont-title{}

    .sub06 .sec02{}
    .sub06 .sec02 .cont-wr{}
    .sub06 .sec02 .cont-wr > ul{}
    .sub06 .sec02 .cont-wr > ul > li{}
    .sub06 .sec02 .blueBox{
        padding: 1rem;
    }
    .sub06 .sec02 .box{
        padding: 2.5rem 2rem;
    }
    .sub06 .sec02 .box h6{
        padding-bottom: 2rem;
    }
    .sub06 .sec02 .box div{
        padding: 2rem 0;
    }
    .sub06 .sec02 .box div p{}
    .sub06 .sec02 .box div h4{}
    .sub06 .sec02 .box div a{
        padding: 1rem;
    }
    .sub06 .sec02 .box ul{}
    .sub06 .sec02 .box ul li{}
    .sub06 .sec02 .box ul li:last-child{}
    .sub06 .sec02 .box ul li::before{}
    .sub06 .sec02 .box ul li.off::before{}

    .sub06 .sec02 li.premium{}
    .sub06 .sec02 li.free .box div h4{}
    .sub06 .sec02 li.free .box div p{}
    .sub06 .sec02 li.free .box div a{}
    .sub06 .sec02 p.deco{}



}
@media all and (max-width:640px) {
    .sub06{}
    .sub06 .sec01{}
    .sub06 .sec01 .cont-title{}

    .sub06 .sec02{
    padding-bottom: 5rem; padding-top:3rem; margin-bottom:5rem;}
    .sub06 .sec02 .cont-wr{}
    .sub06 .sec02 .cont-wr > ul{
        flex-wrap: wrap;
    }
    .sub06 .sec02 .cont-wr > ul > li{
        width: 100%;
    }
    .sub06 .sec02 li.premium{}
    .sub06 .sec02 li.free{
        padding-top: 3rem;
    }
    .sub06 .sec02 li.free .box div h4{}



    .sub0601_01 .sec.sec03 .sec-bottom{padding:1rem}
    .sub0601_01 .sec.sec03 .sec-bottom p{margin-bottom:0;}
    .sub0601_01 .sec.sec03 .sec-bottom input{
        position: unset;
        margin: 10px auto;
        text-align: center;
        display: block;
    }

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

    .table_02{}
    .table_02 dl{}
    .table_02 .thead{ }
    .table_02 .thead dt{}
    .table_02 .tbody{}
    .table_02 .tbody dd{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .table_02 dd.col01{padding-left: 1rem;justify-content: flex-start;}
    .table_02 .col02{}
    .table_02 .col03{}

}
/* media size setting end */