@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; line-height: 50px; padding: 0 20px; 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%;}

a.confirm-down-1{border: 1px solid #1473e6; border-radius: 3px; font-size: 14px; font-family: 'ppr'; color: #1473e6 !important; background: url(../images/file_arrow.png) no-repeat right 14px center; display: inline-block; padding: 3.5px 30px 3.5px 14px; margin-left: 10px; transition:all .3s;}
a.confirm-down-1:hover {color:#fff !important;background:#1473e6 url(../images/file_arrow_w.png) no-repeat right 14px center;}
a.confirm-down-2{color: #111111; font-size: 15px; font-family: 'ppr'; display: inline-block; margin-left: 5px;}

.form-button {margin-top: 60px; text-align: center;}
@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;}
}
/* 공통 */

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

.tour-noti2 {border: 1px solid #cccccc; background-color: #f7f7f7; padding: 36px 48px 40px; border-radius:10px; margin-top: 40px;}
.tour-noti2 .inner > div {margin-bottom: 30px;}
.tour-noti2 .inner > div:last-child {margin-bottom: 0;}
.tour-noti2 .box-title{font-size: 22px; font-family: 'ppm'; color: #111111; margin-bottom: 20px;}
.tour-noti2 p{font-size: 17px; line-height: 25px; color: #000000; font-family: 'ppr'; margin: 20px 0 21px;}

.tour-noti3 {background: #f3f5f7 url(../images/alert_icon.png) no-repeat left 70px top 40px; padding: 32px 20px 36px 170px; border-radius: 10px;}
.tour-noti3 .box-title{font-size: 22px; font-family: 'ppm'; color: #121212; margin-bottom: 26px;}
.tour-noti3 p{font-size: 17px; line-height: 25px; color: #333333; font-family: 'ppr';}

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

    .tour-noti2{padding: 25px 15px 30px 120px; background-position: left 40px top 20px; background-size: 30px;}
    .tour-noti3{padding: 25px 15px 30px 120px; background-position: left 40px top 20px; background-size: 30px;}

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

    .tour-noti2 {padding: 30px 30px 30px 30px; background-position: center top 30px;}
    .tour-noti2 .box-title{font-size: 18px; margin-bottom: 15px;}
    .tour-noti2 p{font-size: 17px; line-height: 22px;}

    .tour-noti3 {padding: 100px 30px 30px 30px; background-position: center top 30px;}
    .tour-noti3 .box-title{font-size: 18px; margin-bottom: 15px;}
    .tour-noti3 p{font-size: 17px; line-height: 22px;}
}

.noti-box{border: 1px solid #e1e1e1; border-radius: 10px; margin-top: 40px; overflow: hidden; padding: 38px 70px 0 40px;}
.noti-box > .box-title{font-size: 24px; color: #111111; font-family: 'pps';}
.noti-box p{font-size: 17px; line-height: 25px; color: #333333; margin: 18px 0 33px;}
.noti-box li{font-size: 17px; font-family: 'ppr'; color: #333333; margin-bottom: 10px;}
.noti-box em {font-family: 'ppm';}
.noti-box strong{display: block; font-size: 20px; color: #121212; margin: 56px 0 31px;}
.agr-box {background-color: #f7f7f7; text-align: center; padding: 39px 40px 34px; margin: 0 -70px 0 -40px;}
.agr-box .box-title{font-size: 24px; font-family: 'ppm'; color: #121212; margin-bottom: 24px;}
.agr-box label{margin-right: 97px;}
.agr-box label:last-child{margin-right: 0;}
.agr-box label input[type=radio]{/* display: none; */margin: 0;opacity: 0;width: 0;height: 0;}
.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;}
.agr-box label input[type=radio]:checked ~ span{background-image: url(../images/radio_on.png);}
.agr-box label input[type=radio]:focus-visible ~ span {box-shadow: inset 0 0 0 1px #bb0000; border-radius: 5px;}

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

    .noti-box{padding: 30px 20px 0;}
    .noti-box > .box-title{font-size: 18px;}
    .noti-box p{font-size: 17px; margin: 15px 0 25px; line-height: 22px;}
    .noti-box li{font-size: 17px;}
    .noti-box strong{font-size: 17px; margin: 30px 0 15px;}
    .agr-box{margin: 0 -20px; padding: 25px 20px 20px;}
    .agr-box .box-title{font-size:17px; margin-bottom: 15px;}
    .agr-box label{margin-right: 50px;}
    .agr-box label span{font-size: 17px; line-height: 35px;}
}


/* 신청내역확인 */
/* 신청내역 정보확인 */
.application-check-step-wrap {margin-top: 20px;}
.application-check-step-wrap .application-check-step-info{background: #f3f5f7 url(../images/info_icon.png) no-repeat left 65px top 37px; padding: 33px 20px 37px 170px; margin-bottom: 50px;}
.application-check-step-wrap .application-check-step-info .box-title{font-family: 'ppm'; font-size: 22px; color: #121212; margin-bottom: 20px;}
.application-check-step-wrap .application-check-step-info li{font-size: 17px; font-family: 'ppr'; color: #333333; padding-left: 20px; position: relative; margin-bottom: 10px;}
.application-check-step-wrap .application-check-step-info li::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #1174ff;}
.application-check-step-wrap .application-check-step-info li:last-child{margin-bottom: 0;}
.application-check-step-wrap .application-check-step-info li strong{font-family: 'ppr'; color: #000000;}
.application-check-form-inner{border-top: 2px solid #3176d0; border-bottom: 1px solid #555555;}
.application-check-form-inner .application-check-form-box{display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e1e1e1;}
.application-check-form-inner .application-check-form-box:last-child{border-bottom: 0;}
.application-check-form-box .application-check-form-title{width: 242px; position: relative; padding: 22px 0 22px 27px;}
.application-check-form-box .application-check-form-title::after{content:""; display: block; position: absolute; right: 0; top: 26px; width: 1px; height: 18px; background-color: #c4c4c4;}
.application-check-form-box .application-check-form-title label{font-size: 17px; color: #050505; font-family: 'ppm';}
.application-check-form-box .application-check-form-content{width: calc(100% - 242px); padding: 15px 42px 15px 17px; display: flex; flex-wrap: wrap; align-items: center;}
.application-check-form-box .application-check-form-content > div{display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.application-check-form-box .application-check-input{border: 1px solid #cccccc; border-radius: 5px; font-size: 15px; font-family: 'ppr'; color: #111111; width: 155px; padding: 8px 13px;}
.application-check-form-box .application-check-input::-webkit-input-placeholder{color: #aaaaaa; font-family: 'ppr'; font-size: 15px;}
.application-check-form-box label{margin-right: 44px;}
.application-check-form-box label:last-child{margin-right: 0;}
.application-check-form-box label input[type=radio]{display: none;}
.application-check-form-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;;}
.application-check-form-box label input[type=radio]:checked ~ span{background-image: url(../images/radio_on.png);}
.application-check-form-box #checkName,
.application-check-form-box #checkPhone,
.application-check-form-box #checkPassword{width: 365px;}
.application-check-form form > p{color: #333333; font-size: 18px; font-family: 'ppr'; margin: 64px 0 14px;}

/* 신청내역 정보확인 */

/* 이메일 주소 */
.application-check-form-box .application-check-email #infoMl1,
.application-check-form-box .application-check-email #infoMl2,
.application-check-form-box .application-check-email #infoMl3,
.application-check-form-box .application-check-email #email_4{width: 260px;}
.application-check-form-box .application-check-email #infoMl1,
.application-check-form-box .application-check-email #infoMl3{margin: 0 10px 0 0}
.application-check-form-box .application-check-email #infoMl2,
.application-check-form-box .application-check-email #email_4{margin: 0 0 0 10px;}
.application-check-form-box .application-check-email #infoMl3,
.application-check-form-box .application-check-email #emailDomain2{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: 18px; font-family: 'ppr'; padding: 5.5px 0 5.5px 10px; width: 260px; margin-left: 5px;}
/* 이메일 주소 */

@media screen and (max-width:1200px) {
    .application-check-form-box .application-check-email #infoMl1,
    .application-check-form-box .application-check-email #infoMl2, 
    .application-check-form-box .application-check-email #email_4,
    .application-check-form-box .application-check-email #infoMl3 {font-size: 14px; padding:5px 10px;}
    .application-check-form-box .application-check-email #infoMl1, 
    .application-check-form-box .application-check-email #infoMl2, 
    .application-check-form-box .application-check-email #infoMl3, 
    .application-check-form-box .application-check-email #email_4 {width:30%}
}
@media screen and (max-width:1024px) {
    .application-check-form-box .application-check-email #infoMl1, 
    .application-check-form-box .application-check-email #infoMl2, 
    .application-check-form-box .application-check-email #infoMl3, 
    .application-check-form-box .application-check-email #email_4 {width:125px;}
}
@media screen and (max-width:768px) {
    .application-check-form-box .application-check-form-title {padding:10px 0 10px 15px; width:100%;}
    .application-check-form-box .application-check-form-title::after{right: auto; left: 15px; top: auto; bottom: 0; width: 18px; height: 1px;}
    .application-check-form-box .application-check-form-title label {font-size: 16px;}
    .application-check-form-inner .application-check-form-box {flex-direction: column;}
    .application-check-form-box .application-check-form-content {width:100%; padding: 15px 17px;}
    .application-check-form-box .application-check-input {width:100%; padding:5px 10px; font-size: 14px;}
    .application-check-form-box .application-check-email #infoMl1, 
    .application-check-form-box .application-check-email #infoMl2, 
    .application-check-form-box .application-check-email #infoMl3, 
    .application-check-form-box .application-check-email #email_4 {width:30%;}
}
@media screen and (max-width:600px) {
    .application-check-form-box .application-check-email #infoMl1, 
    .application-check-form-box .application-check-email #infoMl2, 
    .application-check-form-box .application-check-email #infoMl3, 
    .application-check-form-box .application-check-email #email_4 {width:auto; flex:1;}
    .application-check-form-box .application-check-email #infoMl3 {margin:0; margin-top: 5px; width:100%; flex-basis:100%;}
}
/* 버튼 */
.application-check-form-button{margin-top: 60px; text-align: center;}
/* 버튼 */


/* 신청내역 */
.app-table {overflow: hidden; 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: 18px; color:#222; font-weight: normal; padding:16px 0; border-bottom:1px solid #8B9099; text-align: center;}
.app-table .td-num {width:70px;}
.app-table .td-div {flex:1;}
.app-table .td-name {width:6%;}
.app-table .td-act {flex:1;}
.app-table .td-comp {flex:1;}
.app-table .td-email {width: 13%;}
.app-table .td-ph {width: 13%;}
.app-table .td-actDate {width: 18%;}
.app-table .td-date {width: 9%;}
.app-table .td-state {width:100px; font-family: 'ppm'; font-size: 18px;}

.app-table .tr {border-bottom:1px solid #E2E2E2;}
.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;}

@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;}
}
/* 신청내역 */
/* 신청내역확인 */

/* 신청폼 step1 */
.application-wrap .application-step-header{margin-bottom: 50px;}
.application-wrap .application-step-header ul{display: flex; flex-wrap: wrap; position: relative;}
.application-wrap .application-step-header ul::before{content:""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background-color: #a5a5a5; z-index: 1;}
.application-wrap .application-step-header li{width: 206px; position: relative; z-index: 2; margin-right: 10px;}
.application-wrap .application-step-header li:last-child{margin-right: 0;}
.application-wrap .application-step-header li button{width: 100%; height: 100%; display: block; color: white; font-family: 'ppm'; font-size: 18px; text-align: center; background-color: #3e454d; border-radius: 50px; padding: 11.5px 0;}
.application-wrap .application-step-header li.active button{background-color: #1473e6;;}
.application-wrap .application-step-content{display: none;}
.application-wrap .application-step-content.active{display: block;}
.application-wrap .application-step-content > div{margin-bottom: 40px; border-radius: 10px;}
.application-wrap .application-step-content > div:last-child{margin-bottom: 0;}
.application-wrap .application-step-content .application-step-info{background: #f3f5f7 url(../images/info_icon.png) no-repeat left 65px top 37px; padding: 33px 20px 37px 170px;}
.application-wrap .application-step-content .application-step-info .box-title{font-family: 'ppm'; font-size: 22px; color: #121212; margin-bottom: 20px;}
.application-wrap .application-step-content .application-step-info li{font-size: 17px; font-family: 'ppr'; color: #333333; padding-left: 30px; position: relative; margin-bottom: 10px;}
.application-wrap .application-step-content .application-step-info li::before{display: none; content:""; display: block; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #1174ff;}
.application-wrap .application-step-content .application-step-info li:last-child{margin-bottom: 0;}
.application-wrap .application-step-content .application-step-info li strong{font-family: 'ppr'; color: #000000;}
.application-wrap .application-step-content .application-step-people{border: 1px solid #cccccc; background-color: #f7f7f7; padding: 36px 48px 40px;}
.application-wrap .application-step-content .application-step-people .box-title{font-size: 22px; font-family: 'ppm'; color: #111111;}
.application-wrap .application-step-content .application-step-people p{font-size: 17px; line-height: 25px; color: #000000; font-family: 'ppr'; margin: 20px 0 21px;}
.application-wrap .application-step-content .application-step-people li{font-size: 17px; font-family: 'ppr'; color: #333333; padding-left: 20px; position: relative; margin-bottom: 10px;}
.application-wrap .application-step-content .application-step-people li::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #1174ff;}
.application-wrap .application-step-content .application-step-people li:last-child{margin-bottom: 0;}
.application-wrap .application-button{display: flex; align-items: center; justify-content: center; margin-top: 60px;}

@media screen and (max-width: 1000px) {
    .application-wrap .application-step-header li{width: 170px;}
    .application-wrap .application-step-content .application-step-info{padding: 25px 15px 30px 120px; background-position: center top 29px; background-size: 30px;}
    .application-wrap .application-step-content .application-step-people{padding: 25px 40px 30px;}
    .application-wrap .application-button{margin-top: 35px;}
    .application-wrap .application-button a{width: 100px; font-size: 14px; line-height: 40px; margin-right: 10px;}
}

@media screen and (max-width: 768px) {
    .application-wrap .application-step-content .application-step-info{padding: 100px 30px 30px 30px; background-position: center top 30px;}
    .application-wrap .application-step-content .application-step-info .box-title{font-size: 18px; margin-bottom: 15px;}
    .application-wrap .application-step-content .application-step-info li,
    .application-wrap .application-step-content .application-step-people li{font-size: 15px; padding-left: 25px; margin-bottom: 7px;}
    .application-wrap .application-step-content .application-step-info li::before,
    .application-wrap .application-step-content .application-step-people li::before{display: none; top: 9px;}
    .application-wrap .application-step-content .application-step-people{padding: 30px;}
    .application-wrap .application-step-content .application-step-people .box-title{font-size: 18px;}
    .application-wrap .application-step-content .application-step-people p{font-size: 15px; line-height: 22px; margin: 15px 0 16px;}
}
/* 신청폼 step1 */




/* 신청폼 step4 */
.application-form-inner{border-top: 2px solid #3176d0; border-bottom: 1px solid #555555;}
.application-form-box{display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e1e1e1;}

.application-form-box.two-line > div {width:50%; display: flex;}

.application-form-box:last-child{border-bottom: 0;}
.application-form-box .app-label{width: 242px; position: relative; padding: 18px 0 18px 27px;}
.application-form-box .app-label::after{content:""; display: block; position: absolute; right: 0; top: 26px; width: 1px; height: 18px; background-color: #c4c4c4;}
.application-form-box .app-label label{font-size: 17px; color: #050505; font-family: 'ppm';}
.application-form-box .app-label .must{position: absolute; font-size: 0; width: 8px; height: 8px; background: url(../images/must.png) no-repeat center center / cover; margin-left: 10px;}
.application-form-box .btn-cam {position: relative; top: 6px; display: inline-block; width: 13px; height: 16px; margin-left: 20px; background: url(../images/location_icon.png) no-repeat right center; text-indent: -99999px;}
.application-form-box .btn-cam:hover {background: url('../images/location_icon_hover.png') no-repeat right center;}
.application-form-box .app-form-content{width: calc(100% - 242px); padding: 15px 42px 15px 17px; display: flex; flex-wrap: wrap; align-items: center;}
.application-form-box .app-form-content.gap {gap: 10px;}
.application-form-box .app-form-content > div{display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.application-form-box .app-form-input{border: 1px solid #cccccc; border-radius: 5px; font-size: 15px; font-family: 'ppr'; color: #111111; width: 155px; padding: 8px 13px;}
.application-form-box .app-form-input::-webkit-input-placeholder{color: #aaaaaa; font-family: 'ppr'; font-size: 15px;}
/* input */
.application-form-box input.long {width:100%;}
.application-form-box input.middle {width:50%;}
.application-form-box input.w80 {width:80px;}

/* 촬영 일시 및 장소 */
.application-form-box .dtItmList {display: flex; align-items: center;}
.application-form-box.loc input {margin-right: 15px;}
.application-form-box.loc .dtItmList {margin-bottom: 10px;}
.application-form-box.loc .dtItmList > div:nth-child(1) {display: flex;}
/* 촬영 일시 및 장소 */

/* 촬영인원 */
.application-form-box .df > div {width:auto;}
.application-form-box .df .con {margin-right: 40px;}
.application-form-box .df .con label {margin-right: 20px;}
/* 촬영인원 */

/* 촬영장비 */
.application-form-box .item-list {margin-bottom: 10px;}
.application-form-box .text-box {margin-bottom: 30px;}
.application-form-box 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: 17px;}
/* 촬영장비 */

/* 첨부파일 */
.application-form-box .app-form-file{width: 100%;}
.application-form-box .app-form-file ul{width: 100%;}
.application-form-box .app-form-file li{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.application-form-box .app-form-file li:last-child{margin-bottom: 0;}
.application-form-box .app-form-content .file-input {width: calc(100% - 286px);}
.application-form-box .file-upload{border-radius: 5px; color: white; background-color: #0067f0; padding: 9px 26.5px; font-size: 15px; font-family: 'ppm'; margin: 0 10px 0 4px;}
.application-form-box .file-control .file-btn{font-size: 15px; font-family: 'ppm'; border-radius: 5px; padding: 8px 24px;}
.application-form-box .file-control .file-add{border: 1px solid #0067f0; color: #0067f0; margin-right: 5px; background: #fff;}
.application-form-box .file-control .file-remove{border: 1px solid #262626; color: #262626; background: #fff;}
/* .application-form-box .atchList {margin-bottom: 10px;} */
/* 첨부파일 */

/* 견학일자 */
.application-form-box .app-form-date-box p{font-size: 17px; color: #333333; font-family: 'ppr';}
.application-form-box .app-form-date-box .app-form-date-button{background: #0067f0 url(../images/date_icon.png) no-repeat left 15px center; color: white; font-family: 'ppm'; font-size: 15px; padding: 9px 15px 9px 50px; border-radius: 5px;}
.application-form-box .app-form-date-box #app-datepicker{margin: 0 5px 0 30px;}
/* 견학일자 */

/* 투어구분 */
.application-form-box label{margin-right: 44px;}
.application-form-box .app-form-tour label:last-child{margin-right: 0;}
.application-form-box label input[type=radio]{/* display: none; */margin: 0;opacity: 0;width: 0;height: 0;}
.application-form-box label span:not(.must){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;;}
.application-form-box label input[type=radio]:checked ~ span{background-image: url(../images/radio_on.png);}
.application-form-box label input[type=radio]:focus-visible ~ span {box-shadow: inset 0 0 0 1px #bb0000; border-radius: 5px;}
/* 투어구분 */

/* 단체명 */
.application-form-box #tourCrew{width: 100%;}
/* 단체명 */

/* 견학인원 */
.application-form-box .app-form-content.person-content{padding-bottom: 5px;}
.application-form-box .app-form-person .person_list{font-size: 17px; color: #333333; font-family: 'ppr'; margin-right: 48px; margin-bottom: 10px;}
.application-form-box .app-form-person .person_list:last-child{margin-right: 0;}
.application-form-box .app-form-person .person_list .app-form-input{min-width: auto; width: 80px; margin: 0 8px 0 4px;}
/* 견학인원 */

/* 견학시간 */
.application-form-box .app-form-time label input[type=radio]{display: none;}
.application-form-box .app-form-time 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;;}
.application-form-box .app-form-time label input[type=radio]:checked ~ span{background-image: url(../images/radio_on.png);}
/* 견학시간 */

/* 주소 */
.application-form-box .app-form-address #address_1{width: 230px;}
.application-form-box .app-form-address .app-form-find-address{background-color: #262626; border-radius: 5px; color: white; font-size: 15px; font-family: 'ppm'; padding: 9px 22px; margin-left: 5px;}
.application-form-box .app-form-address #address_2,
.application-form-box .app-form-address #address_3{width: 43.9%; margin-top: 10px;}
.application-form-box .app-form-address #address_2{margin-right: 10px;}
/* 주소 */

/* 전화번호 */
.application-form-box #tourPhone{width: 365px;}
.application-form-box .higp {margin:0 10px;}
/* 전화번호 */

/* 이메일 */
.application-form-box .app-form-email #mlFst,
.application-form-box .app-form-email #mlAdr{width: 260px;}
.application-form-box .app-form-email #mlFst{margin: 0 10px 0 0}
.application-form-box .app-form-email #mlAdr{margin: 0 0 0 10px;}
.application-form-box .app-form-email #mlSel{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: 18px; font-family: 'ppr'; padding: 5.5px 0 5.5px 10px; width: 260px; margin-left: 5px;}
.application-form-box .app-form-text{font-size: 16px; font-family: 'ppr'; color: #121212; margin-top: 5px;}
/* 이메일 */

/* 버튼 */
.application-form-wrap .application-form-button{margin-top: 60px; text-align: center;}
/* 버튼 */

@media screen and (max-width: 1400px) {
    .application-form-box .app-form-date-box #app-datepicker{margin: 0 5px 0 15px;}

    .application-form-box .app-form-person .person_list{margin-right: 25px;}

    .application-form-box .app-form-email #email_1,
    .application-form-box .app-form-email #email_2,
    .application-form-box .app-form-email #emailDomain{width: 180px; font-size: 16px;}
}

@media screen and (max-width: 1200px) {
    .application-form-box .app-label{padding: 10px 0 10px 15px;}
    .application-form-box .app-label::after{top: 16px;}
    .application-form-box .app-label label{font-size: 17px;}
    .application-form-box .app-form-content{padding: 10px 20px 10px 15px;}
    .application-form-box .app-form-input{padding: 5px 10px; font-size: 14px;}

    .application-form-box .app-form-date-box p{width: 100%; margin-bottom: 10px;}
    .application-form-box .app-form-date-box #app-datepicker{margin-left: 0;}
    .application-form-box .app-form-date-box .app-form-date-button{font-size: 14px; padding: 5.5px 10px 5.5px 35px; background-size: 16px; background-position: left 10px center;}

    .application-form-box.two-line > div {width:100%; border-bottom: 1px solid #e1e1e1;}
    .application-form-box.two-line > div:last-child {border-bottom:0;}
    
    .application-form-box .app-form-email #mlSel {font-size: 14px; padding:5px 10px; width:30%;}
    .application-form-box .app-form-email #mlFst, 
    .application-form-box .app-form-email #mlAdr {width:30%;}

    .application-form-box .app-form-tour label{margin-right: 20px;}
    .application-form-box .app-form-tour label span{font-size: 14px;}

    .application-form-box .app-form-person .person_list{font-size: 15px;}
    .application-form-box .app-form-person .person_list .app-form-input{width: 70px;}

    .application-form-box .app-form-time label span{font-size: 14px;}

    .application-form-box .app-form-address .app-form-find-address{font-size: 14px; padding: 5.5px 15px;}

    .application-form-box .file-upload{font-size: 14px; padding: 4px 20px;}
    .application-form-box .file-control .file-btn{font-size: 15px; padding: 4px 15px;}

    .application-form-box .app-form-email #email_1,
    .application-form-box .app-form-email #email_2,
    .application-form-box .app-form-email #emailDomain{width: 125px;}

    .application-form-box .textarea-text{font-size: 14px; margin-top: 4px;}

    .application-form-box #tourMotive,
    .application-form-box #tourRequest{height: 130px; padding: 5px 7px;}
}

@media screen and (max-width: 1000px) {
    .application-form-wrap .application-form-button{margin-top: 30px;}

    .application-form-box.loc .dtItmList {flex-wrap:wrap;}
    .application-form-box.loc .dtItmList > div {flex-shrink: 0; display: flex; align-items: center;}
}

@media screen and (max-width: 768px) {
    .application-form-box{flex-direction: column;}
    .application-form-box .app-label{width: 100%;}
    .application-form-box .app-label::after{right: auto; left: 15px; top: auto; bottom: 0; width: 18px; height: 1px;}
    .application-form-box .app-form-content{width: 100%;}
    .application-form-box .app-form-content.df {gap: 10px;}

    .application-form-box .app-form-email #mlSel {width:100%; margin-top: 5px; margin-left: 0;}
    .application-form-box .app-form-email #mlFst, 
    .application-form-box .app-form-email #mlAdr {width:43%;}

    .application-form-box.phone .app-form-input {width:20%; max-width:155px;}
    .application-form-box.loc .dtItmList {margin-bottom: 20px;}
    .application-form-box.loc .dtItmList > div {margin-bottom: 10px;}
    .application-form-box.loc .dtItmList > div:nth-child(1) {display: flex; flex-direction: column; align-items: flex-start;}
    .application-form-box.loc .dtItmList > div:nth-child(1) p:nth-child(1) {margin-bottom: 10px;}

    .application-form-box.two-line > div {flex-direction: column;}

    .application-form-box input.middle {width:100%;}

    .application-form-box #tourPhone{width: 100%;}

    .application-form-box .df .con label {font-size: 17px;}
    .application-form-box label {font-size: 17px;}

    .application-form-box .app-form-content #appFile{width: calc(100% - 96px); margin-bottom: 5px;}
    .application-form-box .file-upload{margin: 0 4px 0 4px; height: 32px;}

    .application-form-box .app-form-email #email_1,
    .application-form-box .app-form-email #email_2,
    .application-form-box .app-form-email #emailDomain{width: 122px;}
    .application-form-box .app-form-email #emailDomain{font-size: 14px;}

    .application-form-box #appManager,
    .application-form-box #appManagerPhone{width: 100%;}

    .application-form-box textarea {height:130px; font-size: 17px;}

    .application-form-box .app-form-content .file-input {width:calc(100% - 226px);}
}
/* 신청폼 step4 */


/* 신청폼 step5 */
.application-confirm-wrap {margin-top: 20px;}
.application-confirm-inner{border-top: 2px solid #3176d0; border-bottom: 1px solid #555555;}
.application-confirm-box{display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e1e1e1;}
.application-confirm-box:last-child{border-bottom: 0;}
.application-confirm-box .application-confirm-title{width: 242px; padding: 22px 0 22px 27px; position: relative; font-size: 17px;}
.application-confirm-box .application-confirm-title::after{content:""; display: block; position: absolute; right: 0; top: 26px; width: 1px; height: 18px; background-color: #c4c4c4;}
.application-confirm-box .application-confirm-title .box-title{font-size: 17px; color: #050505; font-family: 'ppm';}
.application-confirm-box .application-confirm-title .btn-cam {position: relative; top: 6px; display: inline-block; width: 13px; height: 16px; margin-left: 10px; background: url(../images/location_icon.png) no-repeat right center; text-indent: -99999px;}
.application-confirm-box .application-confirm-title .btn-cam:hover {background: url('../images/location_icon_hover.png') no-repeat right center;}
.application-confirm-box .application-confirm-content{width: calc(100% - 242px); padding: 15px 42px 15px 17px; display: flex; align-items: center;}
.application-confirm-box .application-confirm-content p{font-size: 17px; font-family: 'ppr'; color: #333333;}
.application-confirm-box .application-confirm-content .app-form-input {border: 1px solid #cccccc; border-radius: 5px; font-size: 15px; font-family: 'ppr'; color: #111111; width: 300px; padding: 8px 13px;}
.application-confirm-button{margin-top: 60px; text-align: center;}

@media screen and (max-width: 1200px) {
    .application-confirm-box .application-confirm-title{padding: 10px 0 10px 15px;}
    .application-confirm-box .application-confirm-title::after{top: 16px;}
    .application-confirm-box .application-confirm-title .box-title{font-size: 16px;}   
    .application-confirm-box .application-confirm-content{padding: 10px 20px 10px 15px;}
    .application-confirm-box .application-confirm-content p{font-size: 15px;}
}

@media screen and (max-width: 1000px) {
    .application-confirm-button{margin-top: 30px;}
}

@media screen and (max-width: 768px) {
    .application-confirm-box{flex-direction: column;}
    .application-confirm-box .application-confirm-title{width: 100%;}
    .application-confirm-box .application-confirm-title::after{right: auto; left: 15px; top: auto; bottom: 0; width: 18px; height: 1px;}
    .application-confirm-box .application-confirm-content{width: 100%;}
    .application-confirm-box .application-confirm-content .confirm-down-1{margin-left: 0; margin-top: 10px;}
}
/* 신청폼 step5 */

/* 웹 접근성 */
/* 1. 제목과 안내 문구를 한 줄로 정렬하는 래퍼(Wrapper) */
.title-guide-wrap { display: flex; justify-content: space-between; align-items: baseline; margin-top: 30px; margin-bottom: 10px;}
/* 2. Flex 컨테이너 안에서 제목의 상단 여백 제거 (레이아웃 틀어짐 방지) */
.title-guide-wrap .objHeading_h3 { margin: 0; }
/* 3. 필수 입력 안내 텍스트 스타일 */
.must-guide-text { font-size: 14px; color: #666; }
.must-guide { display: inline-block; width: 8px; height: 8px; background: url('../images/must.png') no-repeat center center / cover; vertical-align: middle; margin-right: 4px; }