@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; width: 130px; 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 all and (max-width: 768px) {
    .btn-box {margin-top: 40px;}
    .button-common{width: 100%; margin-bottom: 10px; font-size: 20px; line-height: 50px; margin-right: 10px; padding: 0 20px;}
}

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

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

/* 인트로 */
.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 h1{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;}

@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;}
}

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

.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 h1{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;}
@media screen and (max-width:1000px) {
}
@media screen and (max-width:768px) {
    .tour-noti2 {padding:30px;}
    .tour-noti2 h1{font-size: 22px; margin-bottom: 15px;}
}

.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 h1{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";}

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


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

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

/* 신청폼 */
.app-form {position: relative; border-top:2px solid #3176d0;}
.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';}
.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.small {width:80px;}
.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: 18px; font-family: "ppr"; padding: 5.5px 0 5.5px 10px; width: auto; margin-left: 5px;}
.app-form-box .selDomain{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;}
.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;}

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

/* 주소 */
.app-address {display: flex; flex-wrap:wrap; width:100%; align-items: center;}
.app-address #addrPost{width: 230px;}
.app-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;}
.app-address #addr,
.app-address #addrDetail{width: 43.9%; margin-top: 10px;}
.app-address #addr{margin-right: 10px;}

@media screen and (max-width:1200px) {
    .app-form-box .app-label,
    .app-form-box .app-title {padding:10px 0 10px 15px; font-size: 17px;}
    .app-form-box .app-label::after,
    .app-form-box .app-title::after{top: 16px;}
    .app-form-box .app-con {padding:10px 20px 10px 15px;}

    
    .app-form-box #email1,
    .app-form-box #email2,
    .app-form-box .selDomain{width: 125px;}
    .app-address .app-form-find-address{font-size: 14px; padding: 5.5px 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,
    .app-form-box .selDomain {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-form-box .app-form-input.middle {width:100%;}
    .person-form {flex-direction: column;}
    .person_list {margin-right: 30px; font-size: 15px;}
    .app-form-box .selDomain {width:100%; margin-top: 5px; margin-left: 0;}
}

/* 신청내역확인 */
.app-check-wrap form > p{color: #333333; font-size: 17px; font-family: "ppr"; margin: 0 0 14px;}

/* 신청내역보기 리스트 */
.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: 18px; 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-name {flex:1;}
.app-table .td-tourDate {width:20%;}
.app-table .td-length {flex:1;}
.app-table .td-schNm {flex:1;}
.app-table .td-ph {flex:1;}
.app-table .td-tourLang {flex:1;}
.app-table .td-receipt {flex:1;}
.app-table .td-approval {width:120px; 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: 'ppl'; 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;}
}