@charset "UTF-8";

/* 캘린더 */

.application-cal-header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 30px; margin-bottom: 20px;}
.application-cal-header > div,
.application-cal-header > div > ul{display: flex; flex-wrap: wrap; align-items: center;}
.application-cal-header .application-cal-left h1{font-size: 35px; color: #121212; font-family: "pps"; margin-right: 30px;}
.application-cal-header .application-cal-remote button{display: inline-block; border: 1px solid #cccccc; border-radius: 3px; margin-right: 9px; width: 37px; height: 37px; font-size: 0; background-repeat: no-repeat; background-position: center center;}
.application-cal-header .application-cal-remote button:last-child{margin-right: 0;}
.application-cal-header .application-cal-remote .application-cal-prev{background-image: url(../images/prev_arrow.png)}
.application-cal-header .application-cal-remote .application-cal-next{background-image: url(../images/next_arrow.png)}
.application-cal-header .application-cal-remote .application-cal-prev:hover{background-image: url(../images/prev_arrow_hover.png)}
.application-cal-header .application-cal-remote .application-cal-next:hover{background-image: url(../images/next_arrow_hover.png)}
.application-cal-header .application-cal-right li{display: flex; flex-wrap: wrap; align-items: center; margin-right: 38px;}
.application-cal-header .application-cal-right li:last-child{margin-right: 0;}
.application-cal-wrap .calendar-icon1{width: 15px; height: 15px; display: inline-block; margin-right: 10px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.application-cal-wrap ._hldy-txt {background-image: url(../images/ic-circle.png);}
.application-cal-wrap ._avail {background-image: url(../images/ic-square.png);}
.application-cal-wrap ._confirm {background-image: url(../images/ic-triangle.png);}
.application-cal-wrap ._wait {width: 19px;height: 19px;background-image: url(../images/ic-star.png);}
.application-cal-header .application-cal-right li p{font-size: 16px; font-family: "ppm"; color: #333333;}

.application-cal-calender .application-cal-box table {position: relative;}
.application-cal-calender .application-cal-box table::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #aebbc2;}
.application-cal-calender .application-cal-box thead {background-color: #1265d3; border-radius: 10px;}
.application-cal-calender .application-cal-box thead th{color: white; text-align: center; font-size: 18px; font-family: "ppm"; padding: 10px 0; font-weight: normal;}
.application-cal-calender .application-cal-box tbody{border: 1px solid #aebbc2; border-top: 0;}
.application-cal-calender .application-cal-box tbody td{position: relative; border-right: 1px solid #aebbc2; border-top: 1px solid #aebbc2;}
.application-cal-calender .application-cal-box tbody td > div{min-height: 180px; padding: 50px 0 20px 23px;}
.application-cal-calender .application-cal-box tbody td:last-child{border-right: 0;}
.application-cal-calender .application-cal-box tbody td > div > span{position: absolute; left: 21px; top: 11px; font-size: 18px; font-family: "pr"; color: #000000;}
.application-cal-calender .application-cal-box tbody td > div > span._sat{color: #1265d3;}
.application-cal-calender .application-cal-box tbody td > div > span._sun{color: #ff3a3a;}
.application-cal-calender .application-cal-box tbody td li{display: flex; flex-wrap: wrap; align-items: start; margin-bottom: 14px; width: 100%;}
.application-cal-calender .application-cal-box tbody td li:last-child{margin-bottom: 0;}
.application-cal-calender .application-cal-box tbody td li span{width: 10px; height: 10px; display: inline-block; margin-right: 10px; margin-top: 5px;}
.application-cal-calender .application-cal-box tbody td li.type1 span{background-image: url(../images/ic-square.png);}
.application-cal-calender .application-cal-box tbody td li.type2 span{background-image: url(../images/ic-circle.png);}
.application-cal-calender .application-cal-box tbody td li.type3 span{width: 12px; height: 12px;background-image: url(../images/ic-star.png);}
.application-cal-calender .application-cal-box tbody td li.type4 span{background-image: url(../images/ic-triangle.png);}
.application-cal-calender .application-cal-box tbody td li dl{display: flex; flex-wrap: wrap; align-items: start; width: 100%;}
.application-cal-calender .application-cal-box tbody td li dt{font-size: 14px; font-family: "ppm"; color: #555555; margin-right: 11px;}
.application-cal-calender .application-cal-box tbody td li > a{display: block; width: calc(100% - 20px);}
.application-cal-calender .application-cal-box tbody td li > dl{width: calc(100% - 20px);}
.application-cal-calender .application-cal-box tbody td li dd,
.application-cal-calender .application-cal-box tbody td li p{font-size: 14px; font-family: "ppm"; color: #aaaaaa; word-break: break-all; width: calc(100% - 50px); text-align: left; word-break: keep-all; letter-spacing: -.05em;}
.application-cal-calender .application-cal-box tbody td li a dd,
.application-cal-calender .application-cal-box tbody td li a p{color: #000000;}
.application-cal-calender .application-cal-box tbody td li a dd.impossible{color: #aaaaaa;}

@media screen and (max-width: 1400px) {
    .application-cal-calender .application-cal-box tbody td > div{padding: 50px 0 20px 10px;}
    .application-cal-calender .application-cal-box tbody td li{display: block; margin-bottom: 5px; text-align: left;}
    .application-cal-calender .application-cal-box tbody td > div > span{left: 10px;}
}

@media screen and (max-width: 1000px) {
    .application-cal-header .application-cal-left h1{font-size: 30px; margin-right: 15px;}
    .application-cal-header .application-cal-remote button{width: 30px; height: 30px; background-size: 7px;}
    .application-cal-header .application-cal-right li{margin-right: 20px;}
    .application-cal-header .application-cal-right li p{font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .application-cal-header{flex-direction: column; align-items: flex-start; margin-bottom: 25px;}
    .application-cal-header .application-cal-left{margin-bottom: 20px;}
    .application-cal-wrap .application-cal-calender{overflow: auto;}
    .application-cal-wrap .application-cal-box{width: 1200px;}
    .application-cal-calender .application-cal-box tbody td > div{padding: 35px 10px 20px 10px;}
    .application-cal-calender .application-cal-box tbody td > div > span{font-size: 14px;}
}

#showImprtyResnArea.show {position: fixed; left: 0; top: 0; display: flex; z-index: 110; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 30px; background: rgba(0,0,0,0.5);}
#showImprtyResnArea .templateImprtyLayer {position: relative; max-width: 650px; padding: 30px; padding-top: 60px; background: #fff; border-radius: 10px;}
#showImprtyResnArea input[type="button"] {position: absolute; right: 30px; top: 16px; width: 25px; height: 25px; background: url('../images/btn-pop-close.png') no-repeat center;text-indent: -9999px;}
/* 캘린더 */


/* 공통 */
.btn-box {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.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.blank::after {content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 10px; background: url('../images/new-win.png') no-repeat center;}
.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) {
.button-common{width: 100%; margin-bottom: 10px; font-size: 20px; line-height: 50px; margin-right: 10px; padding: 0 20px;}
}

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

/* #showImprtyResnArea{position: fixed; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.6); display: table;}
#showImprtyResnArea.show{opacity: 1; visibility: visible;}
#showImprtyResnArea .templateImprtyLayer{display: table-cell; vertical-align: middle;}
#showImprtyResnArea .templateImprtyLayer .con-table{max-width: 1440px; margin: 0 auto; position: relative; padding-top: 40px;}
#showImprtyResnArea .templateImprtyLayer .con-table > input[type=button]{position: absolute; right: 0; top: 0; width: 16px; height: 16px; background: url(../images/popup-x.png) no-repeat center center;}
#showImprtyResnArea .templateImprtyLayer .con-table::after{display: none;}

@media screen and (max-width: 768px) {
    #showImprtyResnArea .templateImprtyLayer .con-table > input[type=button]{right: 20px;}
    #showImprtyResnArea .templateImprtyLayer .con-table table{width: calc(100% - 40px); margin: 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 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;}

.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 h2{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 h1{font-size: 22px; font-family: "ppm"; color: #121212; margin-bottom: 26px;}
.tour-noti3 h2{font-size: 20px; font-family: "ppm"; color: #121212;}
.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;}

}
@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 {padding: 30px 30px 30px 30px; background-position: center top 30px;}
    .tour-noti2 h2{font-size: 20; 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 h1{font-size: 20; 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 50px 0 50px;}
.noti-box > h1{font-size: 25px; 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: 18px; color: #121212; margin: 56px 0 31px;}
.agr-box {background-color: #f7f7f7; text-align: center; padding: 39px 40px 34px; margin: 0 -50px 0 -50px;}
.agr-box h1{font-size: 20px; 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]{margin: 0;opacity: 0;width: 0;height: 0;}
.agr-box label input[type=radio]:focus-visible ~ span {box-shadow: inset 0 0 0 1px #bb0000; border-radius: 5px;}
.agr-box label span{font-size: 17px; 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);}

@media screen and (max-width: 768px) {
    .noti-box{padding: 30px 20px 0;}
    .noti-box > h1{font-size: 20px;}
    .noti-box p{font-size: 17px; margin: 15px 0 25px; line-height: 22px;}
    .noti-box li{font-size: 17px;}
    .noti-box strong{font-size: 16px; margin: 30px 0 15px;}
    .agr-box{margin: 0 -20px; padding: 25px 20px 20px;}
    .agr-box h1{font-size:16px; margin-bottom: 15px;}
    .agr-box label{margin-right: 50px;}
    .agr-box label span{font-size: 16px; 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'; 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; font-size: 17px;}
.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:82px;}
.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 #selEmailHost{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: 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 #zip{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 #adresBass,
.app-address #adresDetail{width: 43.9%; margin-top: 10px;}
.app-address #adresBass{margin-right: 10px;}


/* 전화번호 */
.higp {display: inline-block; margin:0 5px;}

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

    
    .app-form-box #email1,
    .app-form-box #email2,
    .app-form-box #selEmailHost{width: 125px;}
    .app-address .app-form-find-address{font-size: 14px; padding: 5.5px 15px;}

    .app-form-box.app-ph .app-form-input {width:125px;}
}
@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 #selEmailHost {font-size: 16px; padding:5px 10px;}
    .app-form-box .radio-box label {margin-right: 30px;}
    .app-form-box .radio-box label span {font-size: 17px;}
    .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%; font-size: 17px;}
    .app-form-box .app-label::after,
    .app-form-box .app-title::after{right: auto; left: 15px; top: auto; bottom: 0; width: 18px; height: 1px; font-size: 17px;}
    .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-form > * { align-self: start;}
    .app-form-box.app-ph .app-form-input {width:100px;}
    .person_list {margin-right: 30px; font-size: 15px;}
    .app-form-box #selEmailHost {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-grpnm {flex:1;}
.app-table .td-tourDate {width:18%;}
.app-table .td-length {width:7%;}
.app-table .td-bus {width:7%;}
.app-table .td-ph {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 .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 {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;}
}




/***** Paging *****/
._fnctWrap ._paging{text-align: center; margin-top: 40px;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 35px;height: 35px;line-height: 32px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 2px;}
._fnctWrap ._paging ._inner ul li a{background-color: #F5F5F5 !important;border:none !important; color: #fff;border-radius:5px; color:#555; font-family: 'ppr'; position: relative;}
._fnctWrap ._paging ._inner ul li a:hover {background:#e2e2e2 !important;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/first-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/prev-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/next-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/last-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner li strong{border:none !important; border-radius:5px; background:#083CA6; color:#fff; font-family: 'ppm';}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){
._fnctWrap ._paging{padding-bottom:50px;}
}

@media screen and (max-width:767px){
	._fnctWrap ._paging ._inner ._pageState {display: block; font-size: 18px; font-family: 'ppr'; color:#121212; line-height: 35px;}
	._fnctWrap ._paging ._inner ._curPage {position: relative; color:#1265d3;}
	._fnctWrap ._paging ._inner ._curPage::after {content:'/'; display:inline-block; margin:0 5px; color:#121212; font-family: 'ppr'; }
	._fnctWrap ._paging ._inner ul {display: none;}
	._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}