.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: 40px;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 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 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;}
a.t-graysmall-btn{min-width: 48px;line-height: 30px;color: #fff;text-align: center;background: #999;margin: 0;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 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 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 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 .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 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;}
.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;}

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

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

/* 20.07.31 나의 구매  */

.main-tab{border-bottom: 1px solid #d1d1d1;}
.width-auto{ width: 1000px; margin: 0 auto; }
.main-tab > ul > li{float: left;}

.main-tab2{border-bottom: 1px solid #d1d1d1;}
.main-tab2 > ul > li{float: left;}

.t2-menu > li.td a br{display: none;}

.t2-menu{display: table; padding: 12px 0;}
.t2-menu > li{display: table-cell;}
.t2-menu > li.th{padding: 13px 20px 13px 0;height: 40px;vertical-align: middle;}
.t2-menu > li.td{border-left: 1px solid #d1d1d1;padding: 8px 0 0;}
.t2-menu > li.td a{font-weight: bold;margin-left: 40px;vertical-align: top;}
.t2-menu > li.td span{display: inline-block;position: relative;}
.t2-menu > li.td span ul{position: absolute;left: 0;top: 35px;width: 400px;}
.t2-menu > li.td span ul li{float: left;position: relative;}
.t2-menu > li.td span ul li a{font-size: 18px;font-weight: normal;}
.t2-menu > li.td span ul li a.on2{font-weight: bold;color: #1d399f;}
.t2-menu > li.td span ul li:before{content: "";position: absolute;left: 20px;top: 0;height: 18px;width: 1px;background: #d1d1d1;}
.t2-menu > li.td span ul li:first-child:before{display: none;}
.t2-banner{background: #46276d;padding: 200px 0;text-align: center;}
.t2-banner h2{text-align: center;}
.t2-banner h2 img{max-width: 737px;width: 100%;}
._video{margin-top: 100px;}
.t2-menu > li.td a.on{color: #8fa4f0;}

.bb{ border-bottom: 1px solid #d1d1d1; }


@media (max-width: 1024px) {
    .main-tab{ margin-top: 70px; }    
    
}
@media (max-width: 1000px) {
    .width-auto{ width: 100%; }
    
    .main-tab > ul > li img { width: 100%; }
    .main-tab > ul { width: 90%; margin: 0; margin-left: 5%; }
}
@media screen and (max-width: 980px) {
    .t2-menu > li.td{border: 0;text-align: center;}
	.t2-menu > li.td span{vertical-align: middle;}
	.t2-menu > li.td span:last-child a{margin-top: 0;}
    .t2-menu > li.th { display: none; }
    .t2-menu > li.td a{ margin: 0 20px; }
    
}
@media screen and (max-width: 960px) {
    .main-tab > ul > li:first-child { width: 51.32%; }
    .main-tab > ul > li { width: 48.68%; }
}
@media screen and (max-width: 767px) {
	.t2-menu{padding: 0;width: 100%;}
	.t2-menu > li.td span ul li{padding: 0 3%;display: inline-block;float: none;}
	.t2-menu > li.td a{margin: 0;font-size: 13px;vertical-align: middle;white-space:nowrap;}
	.t2-menu > li.td{padding: 0 0;border-bottom: 1px solid #d1d1d1;display: table;width: 100%;position:relative;}
	.t2-menu > li.td span{display: table-cell;text-align: center;padding: 10px 2%;position: static;vertical-align: middle;height: 28px;	}
	.t2-menu > li.td span ul li a{font-size: 13px;}
	.t2-menu > li.td span ul{width: 100%;top: 53px;text-align: center;}
	/*.t2-menu > li.td span:first-child ul{width: 240px;}*/
	.t2-menu > li.td span ul li:before{top: 7px;height: 10px;left: 0px;}
	#header h1 img{width: 40%;}
	.t2-menu > li.td a i{display: none;}
	.t2-menu > li.td a br{display: block;}
}
@media screen and (max-width: 550px) {
	.t2-menu > li.td span{padding: 10px 1%;}
}

.myPurchase .h3-title{ color: #6a86eb; }
.myPurchase .h4-title{ color: #333; margin-bottom: 1rem; }
.myPurchase .h4-title span{ display: inline; font-size: 30px; padding-left: 10px; }
.myPurchase .blue_box{ bottom: 0; }

.mypage-purchase .h4-title{ color: #333;position: relative;padding-left: 20px;border-bottom: 1px solid #999;padding-bottom: 21px;font-size: 30px;}
.mypage-purchase .h4-title::before{content: "";width: 4px;height: 33px;position: absolute;left: 10px;top: 0;background: #6a86eb;}
.mypage-purchase .h4-title .f_blue{ display: inline-block;font-size: 30px;color: #6a86eb;}
.sky-box{position: absolute;bottom: 11px;right: 0;}
.myP-button{display: table;width: 100%;margin-top: 30px;}
.myP-button li{display: table-cell;width: 50%;text-align: center;position: relative;}
.myP-button li:first-child::after{position: absolute;right: -1px;top: calc(50% - 30px);content: "";width: 2px;height: 60px;background: #d4d4d4;}
.myP-button li a{max-width: 289px;}
.myP-button li a img{width: 100%;}
.myP-title{font-size: 30px;color: #c39d05;border-bottom: 2px solid #c39d05;padding-bottom: 6px;margin-top: 40px;font-weight: normal;padding-left: 10px;}/*201203*/
.myP-title i{font-weight: normal;}
.myP-title span{font-size: 22px;font-weight: normal;}
.myP-title.blue{color: #6a86eb;border-bottom: 2px solid #6a86eb;margin-top: 50px;}
.myP-con{padding: 0 44px;}
.myP-con > li{border-bottom: 1px solid #adadad;padding: 18px 0;position: relative;}
.myP-con > li > div{padding: 10px 0;font-size: 22px;width: 100%;color: #666;}
.myP-con > li > div.date span{color: #666;}
.myP-con > li > div.title{font-weight: bold;color: #333;line-height: 130%;}
.myP-con-btn{position: absolute;right: 50px;bottom: 64px;height: 38px;line-height: 38px;font-size: 22px;color: #fff;text-align: center;width: 158px;}
.myP-con-btn.white{height: 57px;line-height: 57px;font-size: 20px;border: 1px solid #ff0000;text-align: center;border-radius: 20px;color: #333;background:#fff;}
.myP-con-btn.red{background: #e8777b;bottom: 26px;color:#fff !important;}
.myP-con-btn.blue{background: #73a0ff;bottom: 26px;color:#fff !important;}
.myP-con-btn.gray{background: #999999;bottom: 26px;color:#fff !important;}
.myP-con-btn.black{border: 1px solid #5c5c5c;height: 56px;line-height: 56px;font-size: 22px;text-align: center;border-radius: 20px;color: #333;background:#fff;}

@media screen and (max-width: 800px) {
	.myPurchase .h4-title span{ font-size: 20px; }
}
@media (max-width: 767px){
    .h4-titleArea .blue_box { margin-bottom: 0; }
}
@media (max-width: 530px){
    .myPurchase .h4-title span{ display:  block; padding-left: 0; }
}

#myModal01.myPurchasePop{ overflow-y: auto; z-index: 1;}
#myModal01.myPurchasePop .modal-content { width: 1000px; height: auto; padding-bottom: 50px;}
#myModal01.myPurchasePop .modal-content h4{ border-bottom: 1px solid #999; }
#myModal01.myPurchasePop .modal-content > ul{ border: none; margin-bottom: 0; }
#myModal01.myPurchasePop .modal-content > ul > li{ display: inline-block; width: 50%;  padding: 0 2%; margin: 50px 0 0; vertical-align: top; height: auto; position: relative; }
#myModal01.myPurchasePop .passwordArea ul{ margin-bottom: 20px; padding-bottom: 0; }
#myModal01.myPurchasePop .passwordArea input{ width: 100%; }
#myModal01.myPurchasePop .passwordArea ul li:last-child{ height: auto;padding-bottom: 18px; }
.pwAreaWarn{ font-size: 20px; line-height: 25px !important; padding-top: 23px; word-break: keep-all; }
.pwAreaWarn span{ display: block; }
.f_weight{font-weight: 700!important; }
.leave{ position: absolute; top: 10px; right: 2%; }
a.blank{ border: 1px solid #999; background-color: #fff; color: #333; }
@media (max-width: 1000px){
    #myModal01.myPurchasePop .modal-content{ width: 100%; }
    .pwAreaWarn{ font-size: 18px; line-height: 25px !important;}
}

@media (max-width: 923px){
    .pwAreaWarn{  padding-top: 0 }
}

@media (max-width: 767px){
    #myModal01.myPurchasePop .modal-content{ top: 0; transform: translateY(0); overflow-y: auto; margin: 0 auto; }
    #myModal01.myPurchasePop .modal-content > ul > li{ width: 100%; padding: 0; }
    #myModal01 .modal-content ul{ margin-bottom: 0; }
    .pwAreaWarn{ font-size: 18px; line-height: 25px !important; }
}
@media (max-width: 600px){
    #myModal01.myPurchasePop{ padding: 0; }
}

.withdrawalDesc{ width: 600px; margin: 50px auto 0; }
.withdrawalDesc p{ line-height: 32px; word-break: keep-all; }
.withdrawal table{ border: 1px solid #999; margin-top: 20px; }
.withdrawal table th{ border-right: 1px solid #999;  border-bottom: 1px solid #999;padding: 1rem 10px; text-align: center;width: 25%; }
.withdrawal table td{ padding: 1rem 10px; text-align: left; width: 75%; border-bottom: 1px solid #999; }
@media (max-width: 800px){
   .withdrawalDesc p{ line-height: 26px; }    
}
@media (max-width: 600px){
    .withdrawalDesc{ width: 100%; padding: 0 2%; box-sizing: border-box; }
    .withdrawal label{ word-break: keep-all; }
}


.individual .myPurchasePop{ position: relative; background-color: #fff; height: auto; }
.individual .myPurchasePop .modal-content{ box-shadow: none; top: 0; transform: translateY(0); padding-top: 0; } 
.individual .myPurchasePop .modal-content > ul { padding: 0!important; }


/* 20.09.13 */
.border-table table.m_optionTable{ display: none; }
@media screen and (max-width: 800px){
    .count .th, .border-gray > .coupon li.th{ font-weight: 700; }
    .payment04 .m_br{ display: block; }
    .payment04 .ul-no-style > li > ul > li > span{ font-size: 16px;line-height: 20px; }
   
    .payment04 .mp-v1 img{ width: 70px!important; }
    .border-table table.m_optionTable{ display: block; table-layout: fixed; width: 100%!important; border-bottom: 1px solid #999;}
    .border-table table.m_optionTable tbody{width: 100%!important;}
    .border-table table.m_optionTable tbody th{ display: table-cell!important; box-sizing: border-box; border-bottom: none; }
    .border-table table.m_optionTable tbody td{ display: table-cell!important; float: none; width: 90% !important;  box-sizing: border-box; text-align: right; padding-right: 15px; position: absolute; top: 0;right: 0; line-height: 50px; }
    .border-table table.m_optionTable tbody tr { display: table-row; border-bottom: none; padding: 0; width: 100%;
        box-sizing: border-box; position: relative; }
    .border-table table.optionTable{ display: none; }
}

.addInfo{ margin: 30px 0 30px; }
 
.deliveryInfo{ margin-top: 20px; }
.deliveryInfo table tr{ box-sizing: border-box; min-height: 52px; }
.deliveryInfo table th{ box-sizing: border-box; border-left: 1px solid #999;}

.deliveryInfo table td{ text-align: left; box-sizing: border-box; min-height: 70px; border-right: 1px solid #999; border-left: 1px solid #999;}
.deliveryInfo input, .deliveryInfo select{ width: 100%; height: 40px; padding-left: 10px; background-color: #fff; outline: none; box-sizing: border-box;}
.deliveryInfo .deTell input{ width: 70px; }
.deliveryInfo  table:last-child { border-top: 1px solid #999; }

.addNum button{ height: 40px; display: inline-block; padding: 0 10px; background-color: #6a86eb; color: #fff; border: none; }
.border-table.deliveryInfo table td .dDesc{ margin-top: 10px; display: none; }

.payment04 .radio label{ margin-right: 20px; }

@media screen and (max-width: 800px){
    .border-table.deliveryInfo table th{ width: 100%!important; display: block; text-align: left; line-height: 52px; height: 52px; padding: 0 15px; border-right: 1px solid #999;}
    .border-table.deliveryInfo table td{ width: 100%!important; display: block; text-align: left; line-height: 70px; padding: 0 15px;}
    .border-table.deliveryInfo table td.deliDesc{ padding-top: 10px; line-height: 52px; }
    .border-table.deliveryInfo table td .dDesc{ margin-top: 0;margin-bottom: 15px;}
    .border-table.deliveryInfo table tr{ padding: 0; }
    .deliveryInfo table.deliveryInfo01 tr:first-child{ position: relative; line-height: 52px; height: 52px; border: none!important; }  
    .deliveryInfo table.deliveryInfo01 tr:first-child th{line-height: 52px; height: 52px; border-bottom: none; }
    .border-table.deliveryInfo table td.payName{ position: absolute; top: 0; right: 0;  line-height: 52px; height: 52px; width: 60%!important; box-sizing: border-box; min-height: 52px; }
    .border-table.deliveryInfo table tr.payLine01{ border-bottom: none; }
    .border-table.deliveryInfo table tr.payLine02{ position: relative; }
    .addNum{ position: absolute; top: -10px; right: 0; text-align: right !important; }
    .payradio01 label{ margin-right: 34px!important}
    
}
@media screen and (max-width: 560px){
    .payradio01 label{ margin-right: 31px!important}
}
.payPrice{ vertical-align: top; }
.payDesc li{ margin-bottom: 8px; }

@media screen and (max-width: 980px){
    .payment04 .checkbox label { height: 32px; line-height: 32px; background-size: 30px 30px; }
    .payment04 .checkbox input:checked +label::before{ width: 32px;height: 32px; }
}
@media screen and (max-width: 374px){
    .mp-v1 .radio label { padding-left: 31px; margin-right: 5px; }
    .payradio01 label{ margin-right: 15px!important}
}

/*201130*/
.vocher-search{width: 696px;margin: 37px auto 0;position: relative;padding-right: 170px;box-sizing: border-box;}
.vocher-search a{background: #98acd8;color: #fff;font-size: 22px;text-align: center;width: 146px;height: 58px;line-height: 58px;position: absolute;right: 0;top: 0;box-shadow: 0 3px 10px #ccc;border-radius: 8px;}
.vocher-search input[type="text"]{width: 100%;box-shadow: 0 3px 10px #ccc;border-radius: 8px;height: 56px;box-sizing: border-box;padding: 5px 10px;font-size: 22px;}
.vocher-search input[type="text"]:placeholder{font-size: 22px;color: #949292;}
.vocher-box{margin: 0 auto;border: 1px solid #e7e6e6;border-radius: 8px;margin-top: 26px;width: 870px;padding: 28px 54px;box-sizing: border-box;position: relative;}
.use-bg{position: absolute;right: -1px;top: calc(50% - 24px);}
.vocher-box .num{font-size: 20px;}
.vocher-box .title{font-size: 22px;font-weight: bold;margin-top: 14px;}
.vocher-box .date{font-size: 20px;margin-top: 28px;}
.vocher-box > div{width: 100%;}
.vocher-box .myP-con-btn{right: 82px;bottom: auto;top: 45px;}
.vocher-box .date i{margin: 0 10px;display: inline-block;}
.coupon-box{margin: 0 auto;margin-top: 26px;background: url(../images/coupon_bg.jpg) no-repeat left top;height: 177px;width: 100%;max-width: 865px;padding: 33px 52px 0;box-sizing: border-box;}
.coupon-box .money{font-size: 24px;color: #6a86eb;font-weight: bold;}
.coupon-box .title{font-size: 22px;margin-top: 10px;font-weight: bold;}
.coupon-box .date{font-size: 18px;margin-top: 20px;}
.coupon-box .date i{margin: 0 10px;display: inline-block;}
.mt56{margin-top: 56px;}
.event-box{margin: 0 auto;margin-bottom: 40px;display: table;width: 100%;max-width: 868px;position: relative;}
.event-box.t0{margin-top: 0;}
.event-box > div{display: table-cell;vertical-align: top;}
.event-box > div.img{width: 170px;padding: 13px 0;}  
.event-box > div.img img{width: 100%;}  
.event-box > div.con{padding: 30px 32px 0;border-bottom: 1px solid #c6c5c5;position: relative;}
.event-box > div.con > div{width: calc(100% - 132px);}
.event-box > div.con .title{font-weight: bold;margin-bottom: 34px;font-size: 22px;}
.event-box > div.con .date{font-size: 20px;color: #666;}
.event-box > div .mode{font-size: 20px;margin-top: 3px;color: #666;}
.event-box > div .more{position: absolute;right: 17px;top: calc(50% - 20px);width: 116px;border: 3px solid #d3dbf9;font-size: 20px;text-align: center;height: 34px;line-height: 34px;background: #fff;z-index: 1;}