.h3-title{font-size: 48px;border-bottom: 1px solid #999;padding-bottom: 20px;position: relative;}
.h3-title i{display: block;font-size: 40px;color: #6a86eb;display: block;margin-bottom: 5px;;}
.h3-title span{float: right;}
.h3-title span a{border: 1px solid #999;padding: 5px 10px;font-weight: normal;font-size: 18px;box-shadow: 3px 3px 5px #999;width: 138px;text-align: center;}
.h4-title{font-size: 36px;margin-top: 50px;color: #6a86eb;}
.h4-title i{display: block;color: #333;font-size: 30px;margin: 10px 0;}
.h4-title label{font-size: 20px;color: #333;display: inline-block;margin-right: 20px;}
.h4-title span{font-size: 20px;color: #333;font-weight: normal;display: inline-block;vertical-align: bottom;}
.h4-title span.radio{font-size: 20px;margin-top: 5px;}

.h4-title br{display: none;}
.h3-blue{font-size: 48px;color: #6a86eb;border-bottom: 1px solid #999;padding-bottom: 20px;}
.h3-blue span{font-size: 40px;color: #333;display: block;margin-bottom: 5px;}
.border-gray{border: 1px solid #999;padding: 50px;margin-top: 20px;}
.border-table{border-top: 1px solid #999;margin-bottom: 30px;}
.border-table th, .border-table td{border-bottom: 1px solid #999;padding: 15px;text-align: center;}
.border-table thead tr:first-child th:first-child{text-align: left;}
.border-table tbody tr td:first-child{text-align: left;}
.border-gray .count{display: table;width: 100%;}
.border-gray .count li{display: table-cell;font-family: 'NanumSquareRoundB';font-size: 48px;}
.border-gray .count li.th{width: 300px;}
.border-gray .count li.td{text-align: right;}
.recruit-bor{border: 1px solid #999;padding: 20px;margin-top: 10px;}
.recruit-bor > li{position: relative;padding: 5px 0;padding-left: 90px;}
.recruit-bor > li > span{position: absolute;top: 5px;left: 0;}

.border-gray > .coupon{display: table;width: 100%;margin-top: 43px;}
.border-gray > .coupon > li{display: table-cell;font-family: 'NanumSquareRoundB';}
.border-gray > .coupon li.th{width: 120px;font-size: 30px;}
.border-gray > .coupon li.td .input{position: relative;padding-right: 166px;margin-top: 20px;}
.border-gray > .coupon li.td .input:first-child{margin-top: 0;}
.border-gray > .coupon li.td .input input[type="text"]{font-size: 24px;padding: 10px;width: calc(100% - 20px);height: 41px;}
.border-gray > .coupon li.td .input input[type="tel"]{font-size: 24px;padding: 10px;width: calc(100% - 20px);height: 41px;}
.border-gray > .coupon li.td .input select{font-size: 24px;width: 100%;height: 61px;padding: 10px;}
.border-gray > .coupon li.td .input a{width: 150px;text-align: center;line-height: 63px;color: #fff;font-size: 24px;position: absolute;top: 0;right: 0;}
.btn-sky{background: #6a86eb;color: #fff;}
.btn-blue{background: #1e3484;color: #fff;}
.color-red{color: #ff0000;}
.color-green{color: #8d9f50;}
.color-sky{color: #6a86eb !important;}
a.pop-white-blue{border: 5px solid #6a86eb;color: #6a86eb !important;box-shadow: 3px 3px 5px #999;line-height: 80px !important;}
.font-size48{font-size: 48px;}
.input-radio label{margin-right: 20px;display: inline-block;}
.no-style th, .no-style td{text-align: left;font-size: 30px;}
.no-style input[type="text"]{padding: 10px;}
.no-style input[type="tel"]{padding: 10px;}
.no-style select{padding: 10px 10px;width:150px;}
.no-style .ipt150{width:150px;}
.no-style .ipt300{width:300px;}
.ul-no-style{margin-top: 20px;}
.ul-no-style > li{color: #000;}
.ul-no-style > li > ul{padding-left: 14px;margin-top: 5px;}
.ul-no-style > li > ul > li{margin-bottom: 20px;color: #444;line-height: 30px;}
.button-box{margin-top: 50px;text-align: center;}
.button-box a{min-width: 248px;line-height: 90px;color: #fff;font-size: 30px;box-shadow: 2px 2px 5px #6a86eb;padding: 0 50px;margin: 4px 5px;}

#wrap-popup{max-width: 500px;margin: 0 auto;width: 100%;position: fixed;top: 50%;left: 50%;margin-left: -300px;margin-top: -199px;padding: 60px 50px;}
#wrap-popup h3{font-size: 32px;color: #6a86eb;margin-bottom: 20px;}
.h3-pop{font-size: 32px;color: #6a86eb;margin-bottom: 20px;}
.date-number{border-top: 1px solid #999;border-left: 1px solid #999;}
.date-number th, .date-number td{padding: 20px;border-right: 1px solid #999;border-bottom: 1px solid #999;text-align: left;}
.pop-btn{margin-top: 50px;text-align: center;}
.pop-btn a{width: 140px;line-height: 67px !important;font-size: 24px;margin: 0 5px;}

.table-style{border-top: 1px solid #999;border-left: 1px solid #999;margin-bottom: 20px;}
.table-style th, .table-style td{border-bottom: 1px solid #999;border-right: 1px solid #999;text-align: left;padding: 20px;font-size: 18px;}
a.t-sky-btn{min-width: 63px;line-height: 30px;color: #fff;text-align: center;background: #6a86eb;margin-bottom: 5px;padding: 0 10px;}
a.t-gray-btn{min-width: 63px;line-height: 30px;color: #fff;text-align: center;background: #999;margin-bottom: 5px;padding: 0 10px;}
.table-style td p{margin: 3px 0;}
.table-style td input[type="text"]{padding: 10px;width: calc(100% - 22px);height: 25px;}
.table-style td input[type="tel"]{padding: 10px;width: calc(100% - 22px);height: 25px;}
.table-style td select.n3{width: calc(100% / 3 - 13px) !important;}
.table-style td select.n3.long{width: 100px !important;margin: 1px 0;}
.table-style td input[type="text"].n3{width: calc(100% / 3 - 35px) !important;margin: 1px 0;}
.table-style td input[type="tel"].n3{width: calc(100% / 3 - 35px) !important;margin: 1px 0;}
.table-style td select{padding: 10px;width: 100%;height: 47px;margin: 1px 0;}
.table-no-line{margin-top: 35px;}
.table-no-line td{padding: 10px 0;}
.table-no-line td.one{padding: 10px 0 !important;}
.table-no-line td:nth-child(2n-1){padding: 10px 10px 10px 0;}
.table-no-line td:nth-child(2n){padding: 10px 0 10px 10px;}
.table-no-line td input[type="text"]{padding: 10px;width: calc(100% - 22px);height: 25px;}
.table-no-line td input[type="tel"]{padding: 10px;width: calc(100% - 22px);height: 25px;}
.table-no-line td select{padding: 10px;width: 100%;height: 47px;}
.textarea{padding: 10px;width: calc(100% - 22px);height: 100px}
.table-no-line td select, .textarea, .table-no-line td input[type="text"]{border: 1px solid #999;color: #9b9b9b;}
.table-no-line td select, .textarea, .table-no-line td input[type="tel"]{border: 1px solid #999;color: #9b9b9b;}
.table-no-line td .w50{display: inline-block;width: calc(50% - 5px);}
.table-no-line td .w50:last-child{float: right;}
.mgt20{margin-top: 20px;}
.mgt50{margin-top: 50px;}
.tab-box h2{background: #6a86eb;padding: 2px;}
.tab-box h2 span{display: block;font-size: 30px;color: #fff;border: 1px solid #fff;padding: 18px;}
.tab-box.bbtn-gary h2{background: #d8d8d8;}
.tab-box.bbtn-gary h2.on{background: #6a86eb;}
.tab-box > div{float: none;width: 100%;}
.tab-con{display: none;}
.tab-box li{font-size: 18px;}
.tab-box .num{padding: 30px 0;}
.tab-box .tab-con > ul{display: table;width: 100%;border-bottom: 1px solid #c7c7c7;}
.tab-box .tab-con > ul:last-child{border-bottom: 0;}
.tab-box .tab-con > ul li.th{display:table-cell;width: 104px;padding: 18px 15px;}
.tab-box .tab-con > ul li.td{display:table-cell;padding: 15px;}
.ul-txt > li{background: url(../images/sub/ul_icon.gif) no-repeat left 14px;padding: 3px 0;padding-left: 10px;line-height: 26px;}
.no-bg{background: none !important;padding-left: 0 !important;}
.tour-box .img img{width: 100%;}
.tour-box .ul-table{display: table;width: 100%;overflow: hidden;}
.tour-box .ul-table li{display: table-cell;}
.tour-box .ul-table.buy-title li{padding: 30px 0 30px;}
.width-auto{margin: 0 auto;max-width: 1000px;width: 98%;}
.tour-box select{height: 80px;width: 100%;padding: 10px 30px;font-size: 38px;font-weight: bold;}
.tour-box .btn1{margin-top: 50px;}
.tour-box .btn1 li:last-child{text-align: right;}
.tour-box .btn1 li{width: 50%;}
.tour-box .btn1 li a{width: calc(100% - 10px);line-height: 122px;text-align: center;color: #fff;font-size: 48px;display: block;}
.tour-box .txt{margin-top: 40px;line-height: 40px;color: #666;font-size: 30px;}
.btn-tab{margin-top: 70px;}
.btn-tab li{text-align: center;}
.btn-tab a{width: 98%;text-align:center;font-weight: bold;font-size: 40px;background: #eee;line-height: 97px;}
.btn-tab a.on{color: #304cb3;background: #e0e6fc;}
.tab-cc{padding: 40px 0;}

.accept-1{display: table;width: 100%;}
.accept-1 li{display: table-cell;}
.accept-1 li:last-child{text-align: right;}
.accept-2{border: 1px solid #999;padding: 20px 25px;margin-top: 50px;position: relative;}
.accept-2 .hit{color: #222;font-weight: bold;}
.accept-2 .title{font-size: 24px;font-family: 'NanumGothic-ExtraBold';margin: 20px 0 10px;}
.accept-2 .date{position: absolute;top: 20px;right: 25px;color: #6a86eb;font-weight: bold;}
.accept-3{margin-top: 80px;text-align: center;}
.accept-3 a{margin: 2px;}
.gray-bor{border: 1px solid #999;padding: 20px;margin-top: 20px;line-height: 28px;}
.destination-img{text-align: center;}
.destination-img img{max-width: 826px;width: 98%;}
.h3-destination{margin-top: 120px;}
.h3-destination strong{background: #6a86eb;border-radius: 50px;width: 216px;line-height: 64px;color: #fff;text-align: center;display: inline-block;font-size: 36px;}
.destination-con li{margin-top: 35px;margin-left: 30px;float: left;border-radius: 200%;overflow: hidden;background: #000;}
.destination-con li img{max-width: 291px;max-height: 291px;}
.date-write-1 .img{float: left;width: 381px;position: relative;}
.date-write-1 .img img{width: 100%;}
.date-write-1 .txt{float: right;width: 524px;}
.date-write-1{margin-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #999;}
td.pay{text-align: right;}
.date-write-1 .check-box{float: left;margin-top: 48%;position: absolute;top: 0;left: -40px;}
.table-txt{line-height: 26px;}
.dw1{margin-top: 20px;}
.dw1 > ul{float: left;margin-right: 10px;display: table;width: 320px;border: 1px solid #999;}
.dw1 > ul li{display: table-cell;padding: 10px;height: 67px;box-sizing: border-box;vertical-align: middle;font-size: 18px;}
.dw1 > ul li.th{width: 110px;color: #000;border-right: 1px solid #999;font-size: 18px;}
.dw2{display: table;width: 100%;margin-top: 20px;border-top: 1px solid #999;border-left: 1px solid #999;}
.dw2 > ul{border-right: 1px solid #999;border-bottom: 1px solid #999;padding: 20px;display: table-cell;width: 50%;}
.dw2 > ul > li{margin-top: 20px;height: 32px;line-height: 32px;}
.dw2 > ul > li:first-child{margin-top: 0;}
.dw2 > ul > li span{float: right;}
.checkbox{display: inline-block;overflow: hidden;}
.checkbox label{content:"";background: url(../images/sub/checkbox-n.gif) no-repeat left top;display: inline-block;padding-left: 40px;position: relative;height: 32px;line-height: 32px;font-size: 20px;}
.checkbox input{opacity: 0;position: absolute;}
.checkbox input:checked +label::before{content: "\2714";display: block;text-align: center;color: #6a86eb;position: absolute;left: 0;top: 0;width: 32px;height: 32px;}

.radio{display: inline-block;overflow: hidden;}
.radio label{content:"";background: url(../images/sub/radio-n.gif) no-repeat left top;display: inline-block;padding-left: 40px;position: relative;height: 30px;line-height: 30px;margin-right: 10px;}
.radio input{opacity: 0;position: absolute;}
.radio input:checked +label::before{content: "";background: url(../images/sub/radio-y.gif) no-repeat left top;display: block;text-align: center;color: #6a86eb;position: absolute;left: 0;top: 0;width: 30px;height: 30px;}

.dw3{margin-top: 20px;width: 50%;}
.gray-box{padding: 20px;background: #e1e1e1;}
.date-write-1 .img .tit{position: absolute;font-family: 'nanumMyeongjoBold';}
.date-write-1 .img .tit a{font-family: 'nanumMyeongjoBold';font-size: 14px;}
.date-write-1 .img .tit1{top: 5%;left: 5%;color: #0b2a4f;font-size: 14px;}
.date-write-1 .img .tit1 span{font-size: 24px;display: block;margin-top: 10px;}
.date-write-1 .img .tit2{top: 5%;right: 5%;color: #0b2a4f;font-weight: bold;font-family: 'NanumSquare_acR';font-size: 15px;}
.date-write-1 .img .tit3{bottom: 19px;right: 20px;}
.date-write-1 .img .tit3 a{color: #000;padding: 10px 0;width: 138px;text-align: center;border-radius: 40px;background: rgba(170, 189, 155, 0.8);}
.pay-table{margin-bottom: 25px;}
.pay-table input[type="text"]{width: calc(100% - 30px);padding: 10px 15px;}
.pay-table input[type="tel"]{width: calc(100% - 30px);padding: 10px 15px;}
.pay-table li{padding: 5px 0;}
.input-position{position: relative;padding-right: 122px;}
.input-position a{position: absolute;top: 0;right: 0;background: #7d7d7d;font-size: 18px;color: #fff;width: 112px;line-height: 44px;text-align: center;}
.p-txt{margin-top: 50px;line-height: 30px;font-size: 18px;}

.f-right{float: right;}
.table-style a{padding: 5px 10px;font-size: 18px;color: #fff;}
.table-style a.color-sky{padding-left: 0;}
.table-style a.gray{background: #808080;}
.table-style a.blue{background: #6a86eb;}
.tab-box.float-no > div{float: none;width: auto;}

#layout-popup{display: none;position: fixed;top: 10%;left: 50%;margin-left: -300px;max-width: 500px;padding: 60px 50px;background: #fff;z-index: 99;width: 100%;overflow-y: auto;}
.pop-bg{background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 66;display: none;}

.options{border: 1px solid #999;border-bottom: 0;}
.options h3, .options h4{padding: 22px 3%;background: url(../images/sub/down.png) no-repeat 97% center;border-bottom: 1px solid #999;font-size: 20px;}
.options h4.on{background: #f6f6f6 url(../images/sub/down.png) no-repeat 97% center;color: #304cb3;}
.options-depth2{display: none;}
/*.options-depth2 > li{border-top: 1px solid #999;}
.options-depth2 > li:first-child{border-top: 0;}*/
.options-depth2 > li:last-child .options-depth3{border-bottom: 1px solid #999;}
.options-depth3{display: none;border-bottom: 1px solid #999;}
.options-depth3 > li{padding: 22px 3%;display: table;width: 94%;border-top: 1px solid #999;}
.options-depth3 > li:first-child{border-top: 0;}
.options-depth3 > li > div{min-height: 44px;}
.options-depth3 > li .th{display: table-cell;width: auto;vertical-align: middle;}
.options-depth3 > li .th > span{display: inline-block;margin-left: 20px;font-size: 20px;width: 175px;}
.options-depth3 > li .th > span:first-child{margin-left: 0;}
.options-depth3 > li .td{display: table-cell;text-align: right;width: 130px;}
.options-depth3 > li i{display: inline-block;border: 1px solid #666;height: 43px;position: relative;width: 133px}
.options-depth3 > li i a{background: #666666;color: #fff;width: 43px;height: 43px;text-align: center;line-height: 43px;vertical-align: top;}
.options-depth3 > li i .num{display:block;text-align: center;line-height: 43px;}
.options-depth3 > li i .ibxnum{display:block;text-align: center;line-height: 43px; border:0;}
.reduce{position: absolute;left: 0;top: 0;}
.plus{position: absolute;right: 0;top: 0;}
.scroll{height: 245px;overflow-y: auto;}
.tab1-cons{margin: 0 auto;width: 805px;}
.tab1-cons ul{display: table;width: 100%;margin-top: 60px;}
.tab1-cons ul > li{display: table-cell;vertical-align: top;}
.tab1-cons .th{width: 350px;}
.tab1-cons .td{padding-left: 30px;padding-top: 5px;line-height: 26px;}
.tab1-cons .td h3{color: #8d9f50;font-size: 30px;margin-bottom: 20px;line-height: 40px;margin-bottom: 5px;}
.tab1-cons .td p{font-size: 30px;line-height: 40px;}
.bbtn-gary .num{padding: 10px 0;}
.sub-01 .tab-con{display: none;}
.sub-01 > ul{display: table;width: 100%;margin-bottom: 20px;}
.sub-01 > ul > li{display: table-cell;width: calc(25% - 10px);background: #d8d8d8;padding: 5px;border-left: 2px solid #fff;}
.sub-01 > ul > li:first-child{border-left: 0;}
.sub-01 > ul > li > a{border: 1px solid #fff;text-align: center;display: block;padding: 10px 0;color: #fff;}
.sub-01 > ul > li.on{background: #6a86eb;}
.sub-01 .tab-con > ul{display: table;width: 100%;border-bottom: 1px solid #c7c7c7;}
.sub-01 .tab-con > ul:last-child{border-bottom: 0;}
.sub-01 .tab-con > ul li.th{display:table-cell;width: 104px;padding: 18px 15px;}
.sub-01 .tab-con > ul li.td{display:table-cell;padding: 15px;}

.mb-con{display: none;}

h4.h4-title .checkbox label{background-position: calc(100% - 1px) center;padding-left:0;padding-right: 40px;}
h4.h4-title .checkbox label::before{left:auto;right:0;}
.mptit-ver span{vertical-align: 0;}
.mptit-ver span.radio{vertical-align: -8px;}
.f-right.gray{position: absolute;right: 10px;margin-top: -10px;}
.f-right.blue{position: absolute;right: 10px;margin-top: -10px;}

.mp-v3 td .m-disn{display:block;}
.mp-v3 td .m-disb{display:none;}
.mp-sp1{padding-left: 40px;display: block;line-height: 24px;}

.tour-box .img670 img{width:auto;height:670px;position: relative;left: calc(50% - 600px);top: 0;}
.checkbox label br{display:none;}
.tab2 .cont{width:800px;margin: 35px auto 0;}
.tab2 .cont > ul > li{background:url(../images/sub/list_bg.jpg) no-repeat;background-size:100% 100%;padding:15px;margin-top:30px;overflow:hidden;box-sizing:border-box;}
.tab2 .cont > ul > li:first-child{margin-top:0px;}
.tab2 .cont > ul > li span{float:left;font-size: 27px;font-weight: 800;padding-left:4%;box-sizing:border-box;letter-spacing: -1px;}
.tab2 .cont > ul > li span.sp-tit{width:40%;color:#3d5ed5;}
.tab2 .cont > ul > li span.sp-cont{width:60%;color:#333333;}

.owl-carousel .owl-item {
    float: left;
    position: relative;
    min-height: 1px;
    float: left;
}
#owl-demo{padding-bottom: 70px;}
.owl-prev{position: absolute;left: 0;top: 7%;width: 47px;height: 116px;}
.owl-next{position: absolute;right: 0;top: 7%;width: 47px;height: 116px;}
.owl-nav button{background: none;border: 0;color: #6a86eb;font-size: 150px;outline: none;}
.owl-dots{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;}
.owl-dots button{display: inline-block;background: #ccc;width: 15px;height: 15px;margin: 0 3px;border-radius: 15px;outline: none;border: 1px solid #fff;}
.owl-dots button.active{background: #6a86eb;}
.mobile{display: none;}
.pc{display: inline-block;}
.fa{display: block;width: 46px;height: 42px;}
.m-h-bt{display: none;}
a.layout-popup-close{font-size: 30px;font-weight: bold;color: #6a86eb;position: absolute;right: 50px;top: 60px;}


/* 19.11 28 수정 나의 페이지*/
table.m-session{width: 100%;table-layout: fixed;}

table.m-session th { border-bottom: 1px solid #999; border-right: 1px solid #999; text-align: center; padding: 20px; font-size: 22px; color: #333;}
table.m-session th.adver{width: 20%;}
table.m-session th.name{width: 30%;}
table.m-session th.date{width: 23%;}
table.m-session th.use{width: 27%;}

table.m-session td { border-bottom: 1px solid #999; border-right: 1px solid #999; text-align: left; padding: 20px; font-size: 20px; color: #333; box-sizing: border-box; }
table.m-session td.money{ text-align: center; }
table.m-session td span{ display: block; font-size: 20px;  }

@media (max-width: 767px) {
    .m_sessionWrap{ border: none !important; }
    table.m-session {width: 100%!important;border:none;min-width: 320px;} 
	table.m-session [data-cell-header]:before {content: attr(data-cell-header);display: block;position: absolute;top: 0;left: 0;width: 120px;text-align: center;color: #6a86eb;; background: #e0e5f9; line-height:20px;font-weight:bold;font-size: 20px;box-sizing: border-box; padding: 21px 0; } 
	table.m-session thead {display: none;} 
    table td, table th{border:none;}
	table.m-session td {position:relative;display: block;text-align: left;padding: 20px 0 20px 130px; border-left: 1px solid #999; }
    table.m-session td.money{font-size: 20px; text-align: left; font-weight: 400; }
    table.m-session td span{ display: inline;  }

	table.m-session td:first-of-type {margin-top:10px;border-top:1px solid #999;}
}
@media (max-width: 530px) {
    table.m-session td.use span{ display: block; } 
    table.m-session td.use[data-cell-header]:before { padding: 32px 0;}

}

@media (max-width: 430px) {
    table.m-session [data-cell-header]:before { font-size: 17px; width: 75px;padding: 19.2px 0; font-weight: 400;}
    table.m-session td {padding: 20px 0 20px 85px; }
    table.m-session td {font-size: 17px;  }
    table.m-session td.money{font-size: 17px; }
    table.m-session td span{ font-size: 17px;  }
     table.m-session td.use[data-cell-header]:before { padding: 28px 0;}
}

.blue_box{ position: absolute; bottom: 20px; right:0;}
.blue_box a{ display: inline-block; width: 130px; color: #fff; font-size: 20px; background-color: #6a86eb; line-height: 45px; height: 45px; text-align: center; }
.bluex_box{ position: absolute; bottom: 20px; right:0;}
.bluex_box a{ display: inline-block; width: 130px; color: #fff; font-size: 20px; background-color: #6a86eb; line-height: 45px; height: 45px; text-align: center; }
.titleArea{ position: relative; }

/* 모달창 */
.modal { display: none; position: fixed; z-index: 1000000; left: 0; top: 0; width: 100%; height: 100vh; background-color:rgba(0,0,0,0.25); }
.modal .modal_bg{position: absolute;left:0;right:0;bottom:0;top:0;}
.modal .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; top:50%; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.8); box-sizing: border-box; }
.closeBtn{ position: absolute; top:30px; right: 30px; cursor: pointer; }

#myModal01 .modal-content{ width: 600px; height: 600px;  }
#myModal02 .modal-content{ width: 450px; height: 518px;  }
.white_box{ text-align: center; line-height: 65px; height: 65px; font-size: 24px; }
.white_box a{ display: inline-block; padding: 0 30px; color: #6a86eb !important; background-color: #fff; border: 5px solid #6a86eb;   text-align: center;  font-weight: 700;  box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.21); box-sizing: border-box; }

.modal .modal-content {  padding: 50px; }
.modal .modal-content h4{ font-size: 32px; color: #6a86eb; line-height: 55px; letter-spacing: -0.025em; padding-bottom: 10px; }
.modal .modal-content input{ border: 1px solid #999; box-sizing: border-box; font-size: 20px; height: 44px; line-height: 44px; padding-left: 10px; }
.modal .modal-content .list04 input{ display: inline-block;width: calc((100% - 24px) / 3); margin-right: 8px; }
.modal .modal-content .list04 select{ display: inline-block; height: 44px; line-height: 44px; font-size: 20px; width: calc((100% - 24px) / 3); margin-right: 8px; background: url(../images/sub/event_arr.png) no-repeat 74% center; background-size: 14px auto; padding-left: 10px; border: 1px solid #999; }
.modal .modal-content .list04 input:nth-child(3){ margin-right: 0 !important; }
.modal .modal-content .list05 input{ width: 100%; }
#myModal01 .modal-content ul { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 18px 0; font-size: 0; margin-bottom: 50px; }
#myModal01 .modal-content ul li{ height: 44px; line-height: 44px; font-size: 0; margin-bottom: 10px; box-sizing: border-box; }
#myModal01 .modal-content ul li:last-child{ margin-bottom: 0; }
#myModal01 .modal-content ul li span{ display: inline-block; }
#myModal01 .modal-content ul li span.title{ font-weight: 700; width: 36.6%; font-size: 20px; }
#myModal01 .modal-content ul li span.desc{ width: 63.4%; font-size: 20px; }


#myModal02 div.desc{ font-size: 32px; font-weight: 700; padding: 10px 0 20px 0; }
#myModal02 .white_box{ position: absolute; bottom: 105px; width: 100%; left: 50%; -ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
#myModal02 input{width: calc(100% - 75px); margin-right: 7px; }
#myModal02 input::placeholder{ font-size: 20px; color: #333;  }
.gray_box{ display: inline-block; width: 64px; height: 44px; line-height: 44px; text-align: center; background-color: #7d7d7d; color: #fff;  }
.warn{ color: #ff3333; font-size: 18px;  margin-top: 25px; font-weight: 700; line-height: 28px; display: none; }
.warn span{ margin-left: 10px; display: block; }

@media (max-width: 767px) {
    .h4-titleArea{ padding-top: 50px; }
    .h4-titleArea .blue_box{ margin-bottom: 20px; }
}

@media (max-width: 600px) {
    .closeBtn img{width: 30px; height: auto; }
    .white_box{ font-size: 20px; height: 50px; line-height: 50px; }
    .gray_box{ font-size: 18px; }
    .gray_box:link{ font-size: 18px; }
    
    .modal .modal-content {  padding: 50px 20px; }
    .modal .modal-content h4{ font-size: 28px; }    
    
    #myModal01{ width: 100%; padding: 0 10px; box-sizing: border-box; }
    #myModal01 .modal-content{ width: 100%; }    

    #myModal01 .modal-content ul li span.title{ font-size: 18px; width: 30%; }
    #myModal01 .modal-content ul li span.desc{ font-size: 18px; width: 70%; }
    .modal .modal-content input{ font-size: 18px; }
    .modal .modal-content .list04 select{ background-position: 95% center; background-size: 10px auto; font-size: 18px; margin-right: 2px;width: calc((100% - 12px) / 3); }
    .modal .modal-content .list04 input{ margin-right: 2px; width: calc((100% - 12px) / 3);}

    #myModal02 div.desc{ font-size: 28px; }
    #myModal02 input::placeholder{ font-size: 18px;  }
}

@media (max-width: 450px) {
    #myModal02{ width: 100%; padding: 0 10px; box-sizing: border-box; }
    #myModal02 .modal-content{ width: 100%; }  
    .warn{ font-size: 16px; line-height: 24px; }
    .warn span{ font-size: 16px; }
    
}

/* 19.12.02 예약하기 수정 */
.dw3{ width: 100%; }
.dw3 .table-style td select.n3 { width: calc((100% - 7px) / 3)!important; box-sizing: border-box;}
.dw3 .table-style td input[type="text"].n3{ width: calc((100% - 7px) / 3)!important; box-sizing: border-box; height: 47px; line-height: 47px; }
.dw3 .table-style td input[type="tel"].n3{ width: calc((100% - 7px) / 3)!important; box-sizing: border-box; height: 47px; line-height: 47px; }

@media (max-width: 767px) {
    .dw3 table{ border: 1px solid #999; }
    .dw3 .table-style{ border: none; }
    .dw3 table th{ display: inline-block; width: 27%; box-sizing: border-box; border-right: none; height: 67px; line-height: 67px; border-bottom: 1px solid #999; border-right: 1px solid #999;  padding: 0px 5px;}
    .dw3 table td{ display: inline-block; width: 73%; box-sizing: border-box; border: none;  border-bottom: 1px solid #999; height: 67px; line-height: 67px; padding: 0 5px !important;}
    .dw3 table tr{ border: none; }
    .dw3 table tr:last-child td:last-child, .dw3 table tr:last-child th:nth-last-child(2){ border-bottom: none; }
    
}