@charset "UTF-8";

/* 공통 */
.btn-box {display: flex; align-items: center; justify-content: center; margin-top: 60px;}
.button-common{border-radius: 5px; text-align: center; font-size: 17px; font-family: "ppr"; color: white !important; display: inline-block; padding: 0 20px; line-height: 50px; margin-right: 15px;}
.button-common:last-child{margin-right: 0;}
.btn01{background-color: #003377;}
.btn02{background-color: #1265d3;}
.btn03{background-color: #7d8ea9;}
.btn04{background-color: #182140;}
.btn05{background-color: #0087bf;}
.btn06{background-color: #f4ac00;}

.flex-basis{flex-basis: 100%;}

@media screen and (max-width: 768px) {
    .button-common{width: 100%; margin-bottom: 10px; font-size: 20px; line-height: 50px; margin-right: 10px; padding: 0 20px;}
}

@media screen and (max-width: 650px) {
    .button-common {margin-right: 0;}
    .btn-box  {flex-direction: column;}
}

.must{position: absolute; font-size: 0; width: 8px; height: 8px; background: url(../images/must.png) no-repeat center center / cover; margin-left: 10px;}
/* 공통 */

/* 인트로 */
.spcl-noti {position: relative; }
.spcl-noti .inner{background: #f3f5f7 url(../images/info_icon.png) no-repeat left 65px top 37px; padding: 33px 20px 37px 170px;}
.spcl-noti .text-box {margin-bottom: 20px;}
.spcl-noti .box-title{font-family: "ppm"; font-size: 22px; color: #121212; margin-bottom: 20px;}
.spcl-noti p {color: #000; font-size: 17px; line-height: 25px; font-family: 'ppr'; margin:10px 0;}

@media screen and (max-width: 1000px) {
    .spcl-noti .application-step-header li{width: 170px;}
    .spcl-noti .inner{padding: 25px 15px 30px 120px; background-position: left 40px top 29px; background-size: 30px;}
    .spcl-noti .btn-box{margin-top: 35px;}
    .spcl-noti .btn-box input{width: 100px; font-size: 14px; line-height: 40px; margin-right: 10px;}
}

@media screen and (max-width: 768px) {
    .spcl-noti .inner{padding: 100px 30px 30px 30px; background-position: center top 29px; background-size: 30px;}
    .spcl-noti{background-position: left 30px top 30px;}
    .spcl-noti .box-title{font-size: 18px; margin-bottom: 15px;}
    .spcl-noti li{font-size: 15px; padding-left: 10px; margin-bottom: 7px;}
    .spcl-noti li::before {top: 9px;}
}

.spclAgr-wrap {position: relative;}
.spclAgr-wrap .spcl-noti2 {background: #f3f5f7 url(../images/alert_icon.png) no-repeat left 70px top 40px; padding: 32px 20px 36px 170px; border-radius: 10px;}
.spclAgr-wrap .spcl-noti2 .box-title{font-size: 22px; font-family: "ppm"; color: #121212; margin-bottom: 26px;}
.spclAgr-wrap .spcl-noti2 p{font-size: 17px; line-height: 25px; color: #333333; font-family: "ppr";}
.spclAgr-wrap .noti-box{border: 1px solid #e1e1e1; border-radius: 10px; margin-top: 40px; overflow: hidden; padding: 38px 50px 0 50px;}
.spclAgr-wrap .noti-box > .box-title{font-size: 24px; color: #111111; font-family: "pps";}
.spclAgr-wrap .noti-box p{font-size: 17px; line-height: 25px; color: #333333; margin: 18px 0 33px;}
.spclAgr-wrap .noti-box li{font-size: 17px; font-family: "ppr"; color: #333333; margin-bottom: 10px;}
.spclAgr-wrap .noti-box em {font-family: 'ppm';}
.spclAgr-wrap .noti-box strong{display: block; font-size: 20px; color: #121212; margin: 56px 0 31px;}
.spclAgr-wrap .agr-box {background-color: #f7f7f7; text-align: center; padding: 39px 40px 34px; margin: 0 -50px 0 -50px;}
.spclAgr-wrap .agr-box .box-title{font-size: 20px; font-family: "ppm"; color: #121212; margin-bottom: 24px;}
.spclAgr-wrap .agr-box label{margin-right: 97px;}
.spclAgr-wrap .agr-box label:last-child{margin-right: 0;}
.spclAgr-wrap .agr-box label input[type=radio]{/* display: none; */margin: 0;opacity: 0;width: 0;height: 0;}
.spclAgr-wrap .agr-box label span{font-size: 18px; color: #333333; display: inline-block; padding-left: 35px; background-image: url(../images/radio_off.png); background-repeat: no-repeat; background-position: left center;}
.spclAgr-wrap .agr-box label input[type=radio]:checked ~ span{background-image: url(../images/radio_on.png);}
.spclAgr-wrap .agr-box label input[type=radio]:focus-visible ~ span {box-shadow: inset 0 0 0 1px #bb0000; border-radius: 5px;}

.spclAgr-wrap .agr-box .application-check-btn{margin-top: 61px; text-align: center;}


@media screen and (max-width: 1000px) {
    .spclAgr-wrap .spcl-noti2{padding: 25px 15px 30px 120px; background-position: left 40px top 20px; background-size: 30px;}
    .spclAgr-wrap .spcl-noti2 .application-check-btn{margin-top: 30px;}
}

@media screen and (max-width: 768px) {
    .spclAgr-wrap .spcl-noti2 {padding: 100px 30px 30px 30px; background-position: left 30px top 30px;}
    .spclAgr-wrap .spcl-noti2 .box-title{font-size: 18px; margin-bottom: 15px;}
    .spclAgr-wrap .spcl-noti2 p{font-size: 15px; line-height: 22px;}
    .spclAgr-wrap .noti-box{padding: 30px 20px 0;}
    .spclAgr-wrap .noti-box > .box-title{font-size: 18px;}
    .spclAgr-wrap .noti-box p{font-size: 15px; margin: 15px 0 25px; line-height: 22px;}
    .spclAgr-wrap .noti-box li{font-size: 15px;}
    .spclAgr-wrap .noti-box strong{font-size: 16px; margin: 30px 0 15px;}
    .spclAgr-wrap .agr-box{margin: 0 -20px; padding: 25px 20px 20px;}
    .spclAgr-wrap .agr-box .box-title{font-size:16px; margin-bottom: 15px;}
    .spclAgr-wrap .agr-box label{margin-right: 50px;}
    .spclAgr-wrap .agr-box label span{font-size: 14px; line-height: 35px;}
}

/* 인트로 */


/* 신청폼 */
.app-form {position: relative; border-top:2px solid #3176d0; margin-top: 10px;}
.app-form-box {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e1e1e1;}
.app-form-box.two-line > div {display: flex; width:50%;}
.app-form-box .app-label {width: 242px; position: relative; padding: 22px 0 22px 27px; font-family: 'ppm'; font-size: 17px;}
.app-form-box .app-title {width: 242px; position: relative; padding: 22px 0 22px 27px; font-family: 'ppm';}
.app-form-box .app-label::after{content:""; display: block; position: absolute; right: 0; top: 26px; width: 1px; height: 18px; background-color: #c4c4c4;}
.app-form-box .app-title::after{content:""; display: block; position: absolute; right: 0; top: 26px; width: 1px; height: 18px; background-color: #c4c4c4;}
.app-form-box .app-con{width: calc(100% - 242px); padding: 15px 42px 15px 17px; display: flex; flex-wrap: wrap; align-items: center;}
.app-form-box .app-form-input{border: 1px solid #cccccc; border-radius: 5px; font-size: 15px; font-family: "ppr"; color: #111111; width: 250px; padding: 8px 13px;}
.app-form-box .app-form-input.wa {width:auto;}
.app-form-box .app-form-input.long {width:100%;}
.app-form-box .app-form-input.middle {width:50%;}
.app-form-box .radio-box label {margin-right: 44px;}
.app-form-box .radio-box label input[type=radio]{display: none;}
.app-form-box .radio-box label span{font-size: 17px; line-height: 25px; color: #333333; display: inline-block; padding-left: 35px; background-image: url(../images/radio_off.png); background-repeat: no-repeat; background-position: left center;;}
.app-form-box .radio-box label input[type=radio]:checked ~ span{background-image: url(../images/radio_on.png);}
.app-form-box select{min-width:90px; border: 1px solid #cccccc; border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/selectbox_arrow.png) no-repeat right 12px center; color: #666666; font-size: 16px; font-family: "ppr"; padding: 7px 0 7px 10px; width: auto; margin-left: 5px;}
.app-form-box .app-con textarea {width: 100%; display: block; resize: none; border: 1px solid #cccccc; height: 160px; border-radius: 5px; font-family: "ppr"; color: #111111; padding: 8px 11px; font-size: 15px;}
.app-form-box .app-con p{font-size: 17px; font-family: "ppr"; color: #333333;}
@media screen and (max-width:1200px) {
    .app-form-box .app-label,
    .app-form-box .app-title {padding:10px 0 10px 15px; font-size: 16px;}
    .app-form-box .app-label::after,
    .app-form-box .app-title::after{top: 16px;}
    .app-form-box .app-con {padding:10px 20px 10px 15px;}
}
@media screen and (max-width:1024px) {
    .app-form-box.two-line > div {width:100%; border-bottom:1px solid #e1e1e1;}
    .app-form-box.two-line > div:last-child {border-bottom:0;}
    .app-form-box .app-form-input,
    .app-form-box select {font-size: 14px; padding:5px 10px;}
    .app-form-box .radio-box label {margin-right: 30px;}
    .app-form-box .radio-box label span {font-size: 14px;}
    .app-form-box .app-con p{font-size: 15px;}
}
@media screen and (max-width:768px) {
    .app-form-box .app-label,
    .app-form-box .app-title {width:100%;}
    .app-form-box .app-label::after,
    .app-form-box .app-title::after{right: auto; left: 15px; top: auto; bottom: 0; width: 18px; height: 1px;}
    .app-form-box .app-con {width:100%;}
    .app-form-box.two-line > div {width:100%; flex-wrap:wrap;}
    .app-form-box .app-con textarea {height:130px;}
    .app-form-box .app-form-input {width:100%;}
}
/* 신청폼 */

/* 신청내역보기 리스트 */
.app-table {position: relative; border-top:2px solid #02367C; border-bottom:1px solid #555; margin-top: 20px;}
.app-table::before {content:''; width:1px; height:100%; position: absolute; right:0; top:0; background:#fff;}
.app-table .thead {display: flex;}
.app-table .thead > div {background:#fff; font-family: 'ppr'; font-size: 17px; color:#222; font-weight: normal; padding:16px 0; border-bottom:1px solid #8B9099; text-align: center;}
.app-table .td-num {width:80px;}
.app-table .td-rqstDept {flex:1;}
.app-table .td-prsnChrgNm {width:6%;}
.app-table .td-tourTarget {flex:1;}
.app-table .td-tel {flex:1;}
.app-table .td-prsnNum {flex:1;}
.app-table .td-tourLang {flex:1;}
.app-table .td-tourDate {flex:1;}
.app-table .td-state {width:120px; font-family: 'ppm'; font-size: 18px;}

.app-table .tr {border-bottom:1px solid #E2E2E2;}
.app-table .tr > a {display: block; padding: 2px;}
.app-table .tr .box{display: flex; text-align: center; font-family: 'ppr'; color:#333; font-size: 16px;}
.app-table .tr .box > div {padding:16px 0;}
.app-table .tr:hover {background:#F1F6FA;}

.app-table .color1 {color:#083CA6;}
.app-table .color2 {color:#828282;}
.app-table .color3 {color:#079DAB;}

.app-table .no-data > div {padding: 80px 0; text-align: center;}

@media screen and (max-width:980px) {
    /* .app-table {overflow:auto;} */
    .app-table::after {content:''; position: absolute; right:0; top:0; z-index: 1; width:100%; height: 100%; background:rgba(31,59,101,0.1) url('../images/img_mobile_text.png') no-repeat center 20px;}
    .app-table.on::after {display: none;}
    .app-table > div {width:1400px;}
}
/* 신청내역보기 리스트 */