@charset "utf-8";
/**************
 공통
***************/

/* 간격 */
.mt-tit{margin-top:50px;} /* 타이틀 ~ 서브타이틀 */
.mt-tit2{margin-top:20px;} /* 서브타이틀 ~ 컨텐츠 */
.mt-tit3{margin-top: 50px;} /* 190328 타이틀 ~ 탭 */
.mt-page{margin-top:30px;} /* 컨텐츠 ~ 페이징 */
.mt-cnt{margin-top:60px;} /* 컨텐츠 ~ 컨텐츠 , 컨텐츠 ~ 하단버튼영역 , 탭 ~ 컨텐츠   */
.mt-cnt2{margin-top:40px;} /* 탭 ~ 컨텐츠(목록형) */
.mt-cnt3{margin-top:30px;} /* 타이틀 ~ 검색박스 */
.mt-srch{margin-top:60px;} /* 검색박스 ~ 탭 */
.mt-srch2{margin-top:40px;} /* 검색박스 ~ 컨텐츠(목록형) */

@media screen and (max-width:1279px){
	.mt-tit{margin-top:3rem;} /* 타이틀 ~ 서브타이틀 */
	.mt-tit2{margin-top:1rem;} /* 서브타이틀 ~ 컨텐츠 */
	.mt-tit3{margin-top:0;} /* 190328 타이틀 ~ 탭 */
	.mt-page{margin-top:2rem;} /* 컨텐츠 ~ 페이징 */
	.mt-cnt{margin-top:3rem;} /* 컨텐츠 ~ 컨텐츠 , 컨텐츠 ~ 하단버튼영역 , 탭 ~ 컨텐츠   */
	.mt-cnt2{margin-top:3rem;} /* 탭 ~ 컨텐츠(목록형) */
	.mt-cnt3{margin-top:0;} /* 타이틀 ~ 검색박스 */
	.mt-srch{margin-top:2rem;}  /* 검색박스 ~ 탭 */
	.mt-srch2{margin-top:2rem;} /* 검색박스 ~ 컨텐츠(목록형) */
}


/**************
 Text / Bullet
***************/
@media screen and (max-width:1279px){
	.category {font-size:13px;color:#fff;display:inline-block;height:44px;line-height:44px;padding:0 15px}
}


/**************
 Grid
***************/
/* col-md- */
@media screen and (max-width:1279px){
	.grid-area-table.col-md-push{display:block;}
	.grid-area-table.col-md-push:not(.mixed) > .colum,
	.grid-area.col-md-push:not(.mixed) > .colum{float:none; display:block; width:100%;}
	.grid-area.col-md-push.mixed .wp-25,
	.grid-area.col-md-push.mixed .col-3,
	.grid-area.col-md-push.mixed .col-4{width:50%;}
	.grid-area.col-md-push.mixed .col-6,
	.grid-area.col-md-push.mixed .full{width:100%;}
	.grid-area.col-md-pull .colum{min-width:inherit;}
}
/* col-sm- */
@media screen and (max-width:1279px){
	.grid-area-table.col-sm-push{display:block;}
	.grid-area-table.col-sm-push:not(.mixed) > .colum,
	.grid-area.col-sm-push:not(.mixed) > .colum{float:none; display:block; width:100%;}
	.grid-area.col-sm-push.mixed .wp-25,
	.grid-area.col-sm-push.mixed .col-3,
	.grid-area.col-sm-push.mixed .col-4{width:50%;}
	.grid-area.col-sm-push.mixed .col-6,
	.grid-area.col-sm-push.mixed .full{width:100%;}
	.grid-area.col-sm-pull .colum{min-width:inherit;}
	.grid-area[class*="gap-"]{width:auto; margin-left:-2.5rem; margin-right:-2.5rem;}
	.grid-area[class*="gap-"] .colum{padding:0 2.5rem;}
}


/**************
 Tab
***************/
@media (max-width:1279px){
	.inner-tab{padding:0 2.5rem;}
	.inner-tab > ul > li{height:3.9rem;}
	.inner-tab > ul > li > a{line-height:3.9rem; font-size:1.3rem; padding:0 1rem;}
	:lang(ja) .inner-tab > ul > li > a{line-height: 4.4rem;}
	.inner-tab.fix ul li{min-width:8.7rem;}
	.tab-menu{background:#f6f6f6; padding:0 .9rem;}
	.tab-menu ul{border:0; width:auto; padding-left:1rem;}
	.tab-menu ul > li{border-left:0; text-align:center;  border-bottom:0; padding:0 1.6rem;}
	.tab-menu ul > li > a{border-bottom:0; font-size:1.4rem; display:inline-block; width:auto; vertical-align:top; padding:.5rem 0;}
	.tab-menu ul > li > a > span{white-space:nowrap;}
	.tab-menu ul > li > h2 > a{border-bottom:0; font-size:1.4rem; display:inline-block; width:auto; vertical-align:top; padding:.5rem 0;}
	.tab-menu ul > li > h2 > a > span{white-space:nowrap;}
	.tab-menu ul > li.active:before{display:block; content:''; position:absolute; bottom:0; top:auto; left:1.6rem; width:calc(100% - 3.2rem); height:2px; background:#da291c;}
	.content .inner-tab{padding:0;}
}
.scroll-list li{float:none; width:100%;}
@media (max-width:1279px){
	/* 반응형 탭메뉴 swipe */
	/* iscroll */
	#scroll-wrapper {position: relative; z-index: 1; height: 40px; width: 100%; background: #ccc; overflow: hidden; -ms-touch-action: none; padding:0;}
	.scroller{position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); height: 40px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none;}
	#tab-scroll{position: relative; z-index: 1; height:53px; width: 100%; overflow: hidden; -ms-touch-action: none; padding:0;}
	.responsive-scroll{position: relative; z-index: 1; height:53px; width: 100%; overflow: hidden; -ms-touch-action: none; padding:0;}
	.tab-menu.responsive-scroll ul li{width:auto;}
	.tab-menu.responsive-scroll ul li a{white-space:nowrap;}
	/* swipe */
	.tab-menu.responsive-swipe{position: relative; z-index: 1; height:53px; width: 100%; overflow: hidden; -ms-touch-action: none; padding:0;}
	.tab-menu.responsive-swipe li{min-width:22rem;}
	.tab-menu.responsive-swipe li a{display:inline-block; width:auto;}
	.tab-menu.responsive-swipe .scroller{width:88.4rem;}
	/* swipe2 */
	.tab-content.responsive-scroll ul li{width:auto;}
	.tab-content.responsive-scroll ul li a{white-space:nowrap;}
	.tab-content.responsive-swipe{position: relative; z-index: 1; height:53px; width: 100%; overflow: hidden; -ms-touch-action: none; padding:0;}
	.tab-content.responsive-swipe li{min-width:22rem;}
	.tab-content.responsive-swipe li a{display:inline-block; width:auto;}
	.tab-content.responsive-swipe .scroller{width:88.4rem;}
	/* 탭 잘림현상 대응 */
	.tab-menu.responsive-scroll ul{padding-right:2.5rem;}
}


/**************
 Table
***************/
/* table - border 있는 경우 */
@media (max-width:1279px){
	.tb-wrap.td_style thead tr th,
	.tb-wrap.td_style thead tr td,
	.tb-wrap.td_style tbody tr th,
	.tb-wrap.td_style tbody tr td{padding: 1.9rem .4rem; font-size: 1.4rem; word-break: keep-all;word-wrap: break-word;}
}

/* 반응형 테이블 */
.tb-responsive{border-top:1px solid #aaa;}
.tb-responsive table {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;}
.tb-responsive th,.tb-responsive td{padding:30px 30px; border-bottom:1px solid #eee; font-size:16px; vertical-align:middle;color:#666}
.tb-responsive td {color:#333}
.tb-responsive th {background-color:#fbfbfb; text-align:left}
@media all and (max-width:1279px){
	.tb-responsive td,.tb-responsive th {padding:2.5rem 2rem; border-bottom:0; font-size:1.4rem; background:none}
	.tb-responsive .rwd-table,
	.tb-responsive .rwd-table thead,
	.tb-responsive .rwd-table tbody,
	.tb-responsive .rwd-table tr,
	.tb-responsive .rwd-table th,
	.tb-responsive .rwd-table td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	.tb-responsive{border-top:1px solid #666;}
	.tb-responsive .rwd-table thead tr {position:absolute;left:-9999px;top:-9999px}/* thead의 tr을 화면밖으로 날림 */
	.tb-responsive .rwd-table tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.tb-responsive .rwd-table td {position:relative; float:left; width:100%; padding:.9rem 1rem; box-sizing:border-box; border-bottom:0; font-size:1.3rem;}/* td내용 우측에 타이틀 들어갈 영역 만듬 */
	.tb-responsive .rwd-table td .title{display:inline-block; vertical-align:top; width:40%; max-width:40%; padding-right:1rem; word-break: keep-all; word-wrap: break-word;}
	.tb-responsive .rwd-table td .td-txt{display:inline-block; vertical-align:top; width:58% }
	.tb-responsive.list-type tr td:first-child{padding-top:1.9rem;}
	.tb-responsive.list-type tr td:last-child{padding-bottom:1.9rem; border-bottom:1px solid #ddd;}
	.tb-responsive.view-type .rwd-table tbody th{position:absolute;left:-9999px;top:-9999px}
	.tb-responsive.view-type{padding:1.1rem 0; border-bottom:1px solid #ddd;}
}


/**************
 Form
***************/
@media (max-width:1279px){
	.input-group-date .input-text{background-size:2.8rem 1.4rem}
	.txtbox textarea{font-size:1.4rem;}
	/* Radio */
	.custom-radio{position:relative; display:inline-block;}
	.custom-radio .radio{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.custom-radio .radio + label{display:inline-block; color:#666; position:relative; padding-left:2.4rem; height:1.8rem; cursor:pointer; font-size:1.4rem;}
	.custom-radio .radio + label:before{display:block; content:''; position:absolute; left:0; top:0; width:1.6rem; height:1.6rem; text-align:center; background:#fff; border:1px solid #b0b0b0; border-radius:100%;}
	.custom-radio .radio:checked + label{color:#666;}
	.custom-radio .radio[disabled] + label:before{opacity:.3;}
	/* Radio - Single type */
	.custom-radio.single{width:20px; height:20px; overflow:hidden;}
	.custom-radio.single .radio + label{padding-left:20px; text-indent:-9999px}
	.list-select{position:relative; display:inline-block; width:auto; box-sizing:border-box; background:transparent;}
	.list-select .select{-webkit-appearance:none; appearance:none; width:auto; border:0; padding:0 1.5rem 0 0; height:1.7rem; font-size:1.3rem; border:0; background: none;}
	.list-select:after{display:block; content:''; position:absolute; top:.7rem; right:0; width:0px; height:0px; border-left:.4rem solid transparent; border-right:.4rem solid transparent; border-top:.5rem solid #666;}
	/* 인풋 요소 Size */
	/* -lg */
	.input-text.input-lg,
	.custom-select.select-lg{height:4rem;}
	.input-group.input-lg .input-text,
	.input-group.input-lg .btn,
	.input-group.input-lg .custom-select{height:4.5rem; font-size:1.4rem;}
	.input-group.input-lg .custom-select,
	.custom-select.select-lg{background-position: right 1.8rem;}
	.input-group.input-lg .input-group-add.txt{font-size:1.4rem;}
	/* -md */
	.input-text.input-md,
	.custom-select.select-md{height:4rem;}
	.input-group.input-md .input-text,
	.input-group.input-md .btn,
	.input-group.input-md .custom-select{height:4rem;}
	.input-group.input-md .custom-select .select,
	.custom-select.select-md{background-position: right 1.5rem;}
	/* option color */
	.custom-select.opt-color > label{position:absolute; top:0; right:0; width:100%; height:100%; font-size:1.4rem; color:#999; border:1px solid transparent;}
	.custom-select.opt-color > label > span{padding-left:1.5rem; display:block; line-height:4.5rem; padding-right:1.5rem;}
	.custom-select.opt-color .select{opacity: 0; filter: alpha(opacity=0);}
	.custom-select.opt-color > label.selected{color:#666;}
	.search-box{padding:2rem 2.5rem;}
	.search-box > .input-group[class*="w-"]:only-child{width:100%;}
}

/* 2020-09-09 480px이하 사이즈 수정 */
@media (max-width:380px){
    .search-inner .input-group.input-lg .input-text {padding: .6rem 2.6rem .6rem 1.2rem;background-size: 2.5rem auto;}
}

/* 반응형 검색영역 */
.search-box.rwd{width:100%; max-width:1280px;}
.search-box.rwd .search-inner{position:relative; padding-right:157px;}
.search-box.rwd .search-inner .btn-search{position:absolute; top:0; right:0; width:118px; height:100%; color:#fff; background:#da291c; font-weight:700; font-size:18px; transition:none;max-height:110px}
.search-box.rwd .search-inner .input-group > .input-group-add:first-child{padding: 0 20px 0 0; width: 95px; white-space: normal;}
:lang(en) .search-box.rwd .search-inner .input-group > .input-group-add:first-child{width: 102px;}
.search-box.rwd .search-inner .input-group > .input-group-add:first-child:lang(ja){width:100px;}
.search-box.rwd .search-inner .input-group .checkbox-group{margin-right:-3rem;}
.search-box.rwd .search-inner .input-group .checkbox-group .custom-checkbox{padding:12px 0; margin-right:2.5rem;min-width:90px}
.search-box.rwd .search-inner .custom-checkbox + .custom-checkbox{margin-left:0}
.search-box.rwd .search-inner .grid-area .colum.col-12:not(:first-child){margin-top:22px;}
.search-box.rwd.rwd-type1 .search-inner{max-width:1040px; margin:0 auto;}
.search-box.rwd.rwd-type2 .search-inner{max-width:775px; margin:0 auto;}

/* 간격 */
.title-area ~ .search-box.rwd{margin-top:30px;}
.search-box.rwd + .content{margin-top:40px;}

@media (max-width:1279px){
	.search-box.rwd{width:100%;}
	.search-box.rwd .search-inner .input-group > .input-group-add:first-child{padding:0 1rem 0 0;}
	.search-inner .grid-area.gap-6 {margin:0;}
	.search-inner .grid-area.gap-6 .colum{padding:0 1.0rem;}
	.search-box.rwd .search-inner .grid-area.col-md-push .colum{margin-bottom:1rem; padding:0;}
	.search-box.rwd .search-inner .grid-area.col-md-push .colum:last-child{margin-bottom:0;}
	.search-box.rwd .search-inner .input-group .checkbox-group{margin-right:0rem;}
}

@media (max-width:1279px){
	.search-box.rwd .search-inner{padding-right:0;}
	.search-box.rwd,
	.search-box.rwd.rwd-type1,
	.search-box.rwd.rwd-type2{padding:2rem 2.5rem;}
	.search-box.rwd.rwd-type1 .search-inner,.search-box.rwd.rwd-type2 .search-inner{width:100%; max-width:100%;}
	.search-inner .grid-area{padding-bottom:2rem; margin:0;}
	.search-box.rwd .search-inner .grid-area.col-sm-push .colum{margin-bottom:1rem; padding:0;}
	.search-box.rwd .search-inner .grid-area.col-sm-push .colum:last-child{margin-bottom:0;}
	.search-box.rwd .search-inner .btn-search{position:static; width:100%; font-size:1.4rem;}
	.search-box.rwd .search-inner .custom-checkbox + .custom-checkbox{margin:0;}
	.search-box.rwd .search-inner .grid-area .colum.col-12:not(:first-child){margin-top:1rem;}
	.title-area ~ .search-box.rwd{margin-top:0;}
	.search-box.rwd + .content{margin-top:2rem;}
}

/* 2020-09-09 480px이하 사이즈 수정 */
@media (max-width:380px){
	.search-box.rwd .search-inner .input-group > .input-group-add:first-child {width: 20%;}
}

/**************
 Button
***************/
@media (max-width:1279px){
	.btn-xlg{height:5rem; line-height:5rem; padding:0; font-size:1.5rem;}
	.btn-lg{min-width:5rem; height:4.2rem; line-height:4.2rem; padding:0 1.2rem; font-size:1.4rem;}
	.btn-md{min-width:4rem; height:4.0rem; line-height:4.0rem; padding:0 1.2rem; font-size:1.3rem;}
	.btn-sm{min-width:3rem; height:3.3rem; line-height:3.3rem; padding:0 1.2rem; font-size:1.4rem;}
	.btn-xs{min-width:2rem; height:2.6rem; line-height:2.6rem; padding:0 1.2rem; font-size:1.3rem;}
	/* Button area */
	.btn-bottom-area .btn-xlg{min-width:auto;}
	.btn-bottom-area{display:table; width:100%; padding:0 2.5rem;}
	.btn-bottom-area > .btn-xlg{display:table-cell; width:calc(50% - .3rem);}
	.btn-bottom-area > .btn-xlg:only-child{width:100%; float:none; margin:0;}
	.btn-bottom-area > .btn-xlg:first-child{float:left;}
	.btn-bottom-area > .btn-xlg:last-child{float:right;}
	.btn-bottom-area > .btn.btn-xlg{margin:0; min-width:inherit;}
	.content .btn-bottom-area,.login-area .btn-bottom-area,
	.popup-content .btn-bottom-area,.login-area .btn-bottom-area{padding:0;}
	.popup-wrap .popup-content .btn-bottom-area .btn:only-child{min-width:100%; margin:0;}
	.content.full-img .btn-bottom-area .btn.btn-xlg {  display: inline-block;	width: 320px; float: none;	}
}

/**************
 Content
***************/
/* slide list */
.slider-list.room-list .list .img img{display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width:auto; height:100%;}

@media (max-width:1280px){
	.w-max{position:relative; max-width:100%;}
}

@media (max-width:1279px){
	/* title layout */
	.title-sub-area{padding:0 2.5rem; max-width:100%;}
	.content .title-sub-area{padding:0;}
	.content.food-slide .title-sub-area{padding:0 2.5rem;} /* 2019-07-22 푸드코트 슬라이드 수정 */
	.title-sub-area .right{position: static;text-align: right;/* right: 2.5rem; */}
	.title-sub-area .right .btn{margin-bottom: 1rem;}
	.slide-area .content .title-sub-area{padding: 0 2.5rem;}
	/* slide list */
	.slider-list.room-list .slick-list{width:100%; padding:0;}
	.slider-list.room-list .list{padding: 0 .5rem;}
	.slider-list.slide-array.room-list .list{padding:1rem;}
	/* content layout */
	.w-max{max-width:100%;}
	.breadcrumbs{display:none;}
	.content-wrap{padding:2.5rem 0 3rem; max-width:100%; margin:0 auto;}
	.title-area + .inner-tab{margin-top:1rem;}
	.title-area{padding:0 2.5rem;}
	.title-area .page-title{font-size:2.4rem; }
	.title-area .right{right:2.5rem;}
	.breadcrumbs + .title-area{margin-top:0;}
	.content-wrap.pt0 .breadcrumbs + .title-area.type2{margin-top:2rem;}
	.inner-tab ~ .tab-container{margin-top:2.4rem;}
	.openGnb-mode .title-area.rwd{z-index: 99;}
	.title-area.rwd + .tab-menu{margin-top:0;}
	.title-area.rwd .page-title{position:fixed; top:2rem; left:3.8rem; z-index: 10001; font-size:1.8rem;}
	.title-area.rwd .page-title{width: 55%; line-height: 1.65; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.openGnb-mode .title-area.rwd .page-title{z-index:1;}
	.title-area.rwd .page-desc{margin-top:0; font-size:1.4rem; line-height:2rem}
	.title-area.rwd .page-desc.mob-none {display:none}
	.sub-title{font-size:1.8rem;}
	.page-desc{margin-top: 8px; font-size: 1.2rem;}
	.title-area.type2 .page-desc{margin-top:.8rem;}
	.content{position:relative; padding:0 2.5rem;}
	.content.food-slide {position:relative; padding:0;} /* 2019-07-22 푸드코트 슬라이드 수정 */
	.title-area + .title-sub-area{margin-top:3rem;}
	.sub-title.type2{font-size:2rem;}
	.title-sub-area + .content{margin-top:1rem;}
	.title-sub-area.grid-area .right{position:static;}
	.title-sub-area.grid-area .sub-title.type2 + .right .custom-radio{margin-top:1.3rem;}
	.title-sub-area .right .custom-checkbox, .title-sub-area .right .txt {margin-top: .4rem;}
	/* 리스트 상단 */
	.list-top .right{position:absolute; top:0; right:0;}
	.list-top .total{font-size:1.3rem; color:#333;}
	/* result-box */
	.result-box.type2{background:none; padding:0; text-align:center; color:#333; font-size:15px;}
	.result-box.type2 > p:first-child{line-height:24px;}
	.result-box.type2 + .title-sub-area{margin-top:3rem;}
	.guide-box{font-size:1.3rem;}
	.agree-terms-box ~ .custom-checkbox,
	.title-sub-area + .agree-terms-box{margin-top:1rem;}
	.agree-terms-box + .title-sub-area,
	.agree-terms-box + .guide-box{margin-top:3rem;}
	.agree-terms-box .inner-box{padding:2.5rem; color:#666; line-height:21px; font-size:1.3rem;}
	.agree-terms-box.scroll.type2 .inner-box{height:12.5rem;}
}

/**************
 Layer Open
***************/
@media screen and (max-width:1279px){
	.layer-pop.type-full .dim, .layer-pop.responsive .dim,.dim.bg{background-color:#fff; opacity:1;}
}

/* Layer Popup */
/* 타이틀 */
.layer-pop.responsive .popup-wrap .popup-title.type2{padding: 3rem 7rem 3rem 4rem;}

@media screen and (max-width:1279px){
	.popup-content-tit2 {color:#333;font-size:16px;font-weight:normal}
	.popup-content-tit3 {color:#333;font-size:20px;font-weight:700;line-height:1.3em}
	.popup-content-tit4 {color:#333;font-size:15px;font-weight:normal;line-height:1.5em}
	.popup-content-tit5 {color:#333;font-size:22px;font-weight:700;line-height:1em}
	.popup-wrap .popup-title.type2 .tit{font-size:18px;}
	/* Layer Popup size */
	/* 팝업 반응형 */
	.layer-pop.responsive{position:fixed !important; top:0 !important; left:0; margin-left:0; margin-top:0 !important; width:100%; height:100%; background:#fff;}
	.layer-pop.responsive .popup-wrap{height:100%}
	.layer-pop.responsive .popup-content{min-height:100%; overflow-y:auto;}
	.layer-pop.responsive .popup-wrap .popup-title{border-bottom:1px solid #ebebeb;}
	.layer-pop.responsive .btn-icon.ico-close{position:fixed; top:1.8rem; right:2rem;}
	.layer-pop.responsive .popup-wrap{height:100%; background:#fff; padding:6rem 0 0; }
	.layer-pop.responsive.pos-center .popup-wrap{transform:none; -ms-transform:none;}
	.layer-pop.responsive .popup-wrap .popup-title{padding:1.8rem 2rem; position:fixed; top:0; left:0; width:100%; background:#fff; height:60px; overflow:hidden;}
	.layer-pop.responsive .popup-wrap .popup-content{font-size:1.4rem; height:100%; padding:2rem  2.5rem 0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
	.layer-pop.responsive .popup-wrap .popup-bottom{padding:4rem 2.5rem;}
	.layer-pop.responsive .popup-wrap.type-2 .popup-content{padding:0 2.5rem 0;}
	.layer-pop.responsive .popup-wrap .popup-title.type2{padding:0 5.5rem 0 2.5rem; display:table;}
	.popup-wrap .popup-title.type2 .tit{display:table-cell; vertical-align:middle; }
	.layer-pop.responsive .popup-wrap.type-01 .popup-title .tit {color: #000;}
}


/* 상단 띠 배너 */
.notice-ban-slide-wrap{position: relative; padding: 20px 0; width: 100%; background: #444; color: #fff; overflow:hidden}
.notice-ban-slide-wrap .notice-ban-inner{display: table; width: 1280px;}
.notice-ban-inner .notice-ban-slide, .notice-ban-inner .right{display: table-cell; vertical-align: middle;}
.notice-ban-inner .notice-ban-slide,
.notice-ban-inner .slider-list .slick-list{max-width: 943px; width: 943px; margin: 0;}
.notice-ban-inner .right{width: 30%; text-align: right;}
.notice-ban-slide .list{float: left;max-width: 100%;min-width: 100%;width: 100%;margin: 0;padding: 0;}
.notice-ban-slide .notice-txt{position: relative; padding:0 21px; font-size: 14px; color: #fff; line-height: normal; word-break: keep-all; word-wrap: break-word;}
.notice-ban-slide .notice-txt:before{position: absolute; top: 0.8rem; left: 0; width: 1.3rem; height: 1.3rem; background: url(../image/icon/ico_notice.png)0 0 no-repeat; background-size: 1.3rem; content: "";}
.notice-ban-slide .notice-txt .detail-view{margin-left: 5px; text-decoration: underline; font-size: 12px; color: #fff;}
.notice-ban-slide .slick-dots{position: absolute;bottom: 35%; display: block; width: auto; padding: 0;margin: 0;list-style: none;text-align: right;right: -150px;}
.notice-ban-slide .slick-dots li{width: 10px; height: 10px; margin: 0 5px;}
.notice-ban-slide .slick-dots li.slick-active{width: 14px;}
.notice-ban-slide .slick-dots li button:before,
.notice-ban-slide .slick-dots li button:before{width: 5px; height: 5px; border:solid 3px #fff;}
.notice-ban-slide .slick-dots li.slick-active button:before,
.notice-ban-slide .slick-dots li.slick-active button:before{margin-top: -3px;}
.notice-ban-inner .right .custom-checkbox,
.notice-ban-inner .right .ico-close{display: inline-block; vertical-align: middle;}
.notice-ban-inner .custom-checkbox .checkbox + label{font-size: 12px; line-height: normal;}
.notice-ban-inner .custom-checkbox .checkbox + label:before{border:1px solid #fff;}
.notice-ban-inner .right .ico-close{width: 14px; height: 14px;}
.notice-ban-inner .right .ico-close::before, .notice-ban-inner .right .ico-close::after{background: #fff;}
.notice-ban-inner .right .custom-checkbox + .ico-close{margin-left: 25px;}

@media screen and (max-width:1280px){
	.notice-ban-slide-wrap{padding: 1.5rem 2.2rem 5.4rem;}
	.notice-ban-slide-wrap .notice-ban-inner{width: 100%; display: block;}
	.notice-ban-inner .notice-ban-slide,
	.notice-ban-inner .slider-list .slick-list{max-width: 100%; width: 100%; display: inline-block;}
	.notice-ban-slide .slick-dots{left: 2.1rem; bottom: -3.5rem; right: auto; text-align: left;}
	.notice-ban-inner .right{position: absolute; right: 2rem; bottom: 1.5rem; width: auto;}
}

/**************
 My page
***************/
/* 인증코드 입력 박스 */
.input-box-rwd .search-box + .btn-bottom-area{margin-top:60px}
/* progress-guide */
.progress-guide{padding:35px 0; background:#f5f5f5;}
.progress-guide.no-bg{background: transparent;}
.progress-guide .txt{text-align:center; font-size:18px; color:#333;line-height: normal;}
.progress-guide .txt.type2{font-size:20px;}
.progress-guide .btn-bottom-area .btn{min-width:300px; height:46px; line-height:46px; font-size:16px;}
.progress-guide .grid-area{margin:40px auto 0;}
.progress-guide .grid-area .certi-select{padding:60px 0 60px 0; text-align: center;background:#f5f5f5}
.progress-guide .grid-area .certi-select .image{display: block;margin: 0 auto 15px; width: 56px; height: 64px;background: url(../image/icon/ico_mypage_idf.png)10px 0 no-repeat;background-size: 150px 65px;}
.progress-guide .grid-area .certi-select .image.type{background-position: right 0;}
.progress-guide .grid-area .certi-select .txt{font-size: 15px;color: #333;margin-bottom:15px;text-align:center}
/* 회원정보 불일치 layerpopup */
.popup-content-txt2 + .popup-content-txt2.text-point4{margin-top: 30px;}

@media screen and (max-width:1279px){
	.input-box-rwd{background:#fbfbfb; padding:1rem 0 3rem;}
	.input-box-rwd .search-box + .btn-bottom-area{margin-top:0}
	.progress-guide{background:none; padding:0;}
	.progress-guide .txt{text-align:left; font-size:1.4rem; color:#333; padding:0 2.5rem; line-height:2.2rem;}
	.progress-guide .txt.type2{text-align:center; font-size:1.5rem;}
	.progress-guide .btn-bottom-area .btn{min-width:auto; height:5rem; line-height:5rem; font-size:1.5rem;}
	:lang(en) .progress-guide .btn-bottom-area .btn{min-width:100%; height:5rem; line-height:5rem; font-size:1.5rem;margin-bottom:10px}
	.progress-guide .grid-area{width:100%;}
	.progress-guide .grid-area.gap-6 {width: auto;margin:3rem 1.5rem;}
	.progress-guide .grid-area.gap-6 .colum{padding:0 1rem;}
	.progress-guide .grid-area .certi-select{padding:33px 0 33px 0; text-align: center;}
	.progress-guide .grid-area .certi-select .image{margin-bottom:15px; width: 48px; height: 55px;background-position: 8px 0;background-size: cover;}
	.progress-guide .grid-area .certi-select .image.type{background-position: right 0;}
	.progress-guide .grid-area .certi-select .txt{font-size: 14px;}
	/* 회원정보 불일치 layerpopup */
	.popup-content-txt2 + .popup-content-txt2.text-point4{margin-top: 20px;}
	.progress-guide .grid-area[class*="gap-"] .colum {padding:0 5px}
}

/* 동의 스텝 리스트 */
.step-num-list{position:relative; text-align:center;}
.step-num-list ol{position:relative; display:inline-block; overflow:hidden;}
.step-num-list ol li{position: relative; float:left; font-size:18px; color:#b4b4b4; margin-right:55px;}
.step-num-list ol li:before{position:absolute; z-index:-1; top:16px; right: -55px; width:50%; display:block; content:''; vertical-align:middle; height:2px; background-color:#d6d6d6;}
.step-num-list ol li > p{padding:0 15px; background:#fff; display:inline-block;}
.step-num-list ol li:first-child,
.step-num-list ol li:first-child p{padding-left:0;}
.step-num-list ol li:last-child{margin-right:0}
.step-num-list ol li:last-child,
.step-num-list ol li:last-child p{padding-right:0;}
.step-num-list ol li:last-child p:after{content:none;}
.step-num-list ol li em{display:inline-block; vertical-align:middle;}
.step-num-list ol li .num{display:inline-block; vertical-align:middle; text-align:center; width:32px; height:32px; margin-right:10px; line-height:30px; border-radius:50%; font-family:'Lato',sans-serif; border: 1px solid #b4b4b4;}
.step-num-list ol li.current .num{color:#8a7862; font-weight:700;border:1px solid #8a7862;}
.step-num-list ol li.current em{font-weight: 900;color: #333;}
.step-num-list ol li.current .num{color:#fff; font-weight:900; background:#333; border-color:#333;}
.step-num-list ol li.before{color:#999; font-weight:400}
.step-num-list ol li.before .num{color:#fff; font-weight:900; background:#999; border-color:#999;}
.step-num-list ol li.before.type{color: #666;}
.step-num-list ol li.before.type .num{color:#fff; font-weight:900; background:#666; border-color:#666;}
.title-area + .step-num-list{margin-top:60px;}
.step-num-list .right{position:absolute; right:0; top:8px;}
.field-box.rwd-type{padding:0 40px 30px;}
.field-box.rwd-type .grid-area .colum{margin-top:30px;}

@media screen and (max-width:1279px){
	.title-area + .step-num-list{margin-top:0;}
	.step-num-list .right{position:static; text-align:left; margin-top:3rem; border-bottom:1px dashed #ececec; padding-bottom:2rem;}
	.title-area + .step-num-list{margin-top:0;}
	.step-num-list{padding: 0 25px;}
	.step-num-list ol li{font-size: 13px;}
	.step-num-list ol li:before{top:10px; right: -52px; width: 100%; content:'';}
	.step-num-list ol li > p{padding:0;}
	.step-num-list ol li .num{display:block; text-align:center; width:2rem; height:2rem; margin:0 auto 8px; font-size:12px; line-height:1.45; background:#ddd;color: #fff;border:0;}
	.step-num-list ol li em{font-size:1.3rem;}
	.title-sub-area + .field-box:not(.rwd-type){margin-top:0;}
	.step-content .title-sub-area + .field-box {margin-top: 1rem;}
	.field-box.rwd-type{background:none; padding:2rem 0 0; border-top:1px solid #666;}
	.field-box.rwd-type .grid-area .colum{margin-top:2rem;}
	.field-box.rwd-type .grid-area .colum:first-child{margin-top: 0;}
	.field-wrap-rwd ~ .field-wrap-rwd{margin-top:3rem;}
	.field-box.rwd-type .form-group label, .field-box.rwd-type .form-group .label-tit{font-size:1.6rem;}
	/* 파일 첨부 */
	.field-box.rwd-type .form-group .filebox label {padding:0 20px; line-height:45px; font-size:1.4rem;}
}

/* 예약현황 레이어팝업 */
.popup-radio-wrap {margin-top: 40px;}
.layer-pop .popup-wrap .btn-bottom-area.full .btn{width: 100%;font-size:16px}
.layer-pop.responsive .ico-exc2{position:relative; display:inline-block; vertical-align:middle; width:1.8rem; height:1.8rem; border:1px solid #d73f3f; border-radius:100%; margin-right:1rem;}
.layer-pop.responsive .ico-exc2:before{position:absolute; content:''; display:block; top:.4rem; left:.7rem; width:.2rem; height:.5rem; background:#d73f3f;}
.layer-pop.responsive .ico-exc2:after{position:absolute; content:''; display:block; bottom:.4rem; left:.7rem; width:.2rem; height:.2rem; background:#d73f3f;}

@media screen and (max-width:1279px){
	.layer-pop .popup-wrap .btn-bottom-area.full .btn{width: 100%;font-size:15px}
	.popup-content .tab-menu:first-child {margin: -2rem -2.5rem 0;}
}


/* 20220311 체험프로그램 추가 etb001 */
.title-sub-area.activity_n {
	margin-top: 60px;
	min-height: 44px;
}

.activity_n .calendar-area-m{position:relative; margin-top:1rem; padding:0 2.5rem;border-top:1px solid #ebebeb}
	.activity_n .calendar-wrap-m{margin-top:3rem;margin-bottom: 20px;border-bottom: 1px solid #ECECEC ;}
	.activity_n .calendar-wrap-m table{width:100%;}
	.activity_n .calendar-wrap-m.fix table{table-layout:fixed;}
	.activity_n .calendar-wrap-m table .gray .in-txt .date {color:#999999}
	.activity_n .calendar-wrap-m table thead th{background:#fff; padding:1.8rem 0; vertical-align:middle; font-size:1.3rem;}
	.activity_n .calendar-wrap-m table th,.calendar-wrap-m table td{vertical-align:middle;}
	.activity_n .calendar-wrap-m table .room-info{border-left:0; text-align:left; color:#333; font-size:1.3rem; }
	.activity_n .calendar-wrap-m table .room-info .in-txt strong{font-weight:700; }
	.activity_n .calendar-wrap-m table .room-info .in-txt .room-type li{padding:.9rem 0;}
	.activity_n .calendar-wrap-m table tbody td{vertical-align:middle;text-align:center;padding:.6rem 0px}
	.activity_n .calendar-wrap-m table tbody td .in-txt{position:relative; width:100%; padding:0;height:4rem;line-height:4rem;}
	.activity_n .calendar-wrap-m table .in-txt.before .date {color:#bdbdbd;}
	.activity_n .calendar-wrap-m table .in-txt.active .date {border-radius:50%;background:#da291c;color:#fff;display:inline-block;width:4rem;height:4rem}
	.activity_n .calendar-wrap-m table .in-txt.before.active .date {color:#bdbdbd;background:#fff}
	.activity_n .calendar-wrap-m table td.sunday .in-txt .date{color:#c82900; font-size:1.5rem;font-family: 'Lato','Noto Sans KR',sans-serif; font-weight:400;}
	.activity_n .calendar-wrap-m table td.sunday .in-txt.active .date {color:#fff}
	.activity_n .calendar-wrap-m table .in-txt .date{color:#666; font-size:1.5rem;font-family: 'Lato','Noto Sans KR',sans-serif; font-weight:400;}
	.activity_n .calendar-wrap-m table .in-txt .btn-cal-reser{display:block; width:100%; font-size:1.4rem; height:3.3rem;}
	.activity_n .calendar-wrap-m table .in-txt .btn-cal-reser + .btn-cal-reser{margin-top:4px;}
	.activity_n .calendar-wrap-m table tr.sep-line td,
	.activity_n .calendar-wrap-m table tr.sep-line th{height:1rem; background:#fbfbfb; border-top:1px solid #eee;}
	.activity_n .calendar-wrap-m.fix table .col-info{width:13.3rem;}
	.activity_n .calendar-wrap-m.fix table .col-week{width:14.5rem;}
	.activity_n .calendar-head-m:after {display:block;content:'';clear:both}
	.activity_n .calendar-head-m{position:relative; text-align:center;margin-top:2rem}
	.activity_n .calendar-head-m .date-ctrl{position:relative; padding:0 3.5rem;  height:4rem; margin:0 auto;}
	.activity_n .calendar-head-m .date-ctrl span{display:inline-block; color:#000; vertical-align:middle;font-size:1.5rem;}
	.activity_n .calendar-head-m .date-ctrl .month {font-size:2.6rem;font-family:'Noto Sans KR',sans-serif; margin-left:.5rem;margin-top:.5rem}
	.activity_n .calendar-head-m .date-ctrl span.resrve-num {font-family: 'Lato','Noto Sans KR',sans-serif; font-weight:900;font-size:2.6rem}
	.activity_n .calendar-head-m .date-ctrl .ico-cal{position:absolute; display:block; width:23px; height:18px; top:50%; transform:translateY(-50%); background:url(../image/btn/btn_datepicker_arrow.png) 0 0;}
	.activity_n .calendar-head-m .date-ctrl .ico-cal.prev{left:0; background-position:0 bottom ;}
	.activity_n .calendar-head-m .date-ctrl .ico-cal.next{right:0; background-position:0 0 ;}
	.activity_n table .gray {color:#666666}
	.activity_n .calendar-wrap-m table .in-txt.today .date:before {display: block;content: '';position: absolute;top: 30px;left: 50%;width: .6rem;height: .6rem;border-radius: 50%;background-color: #999;    margin-left: -2px;}

 /* text-list */
	.activity_n .text-list-m li,.text-list-m dd{position:relative; font-size:1.3rem; color:#666; margin-bottom:.2rem; padding-left:1rem; line-height:1.8rem;}
	.activity_n .text-list-m li:before,.text-list-m dd:before{display:block; content:''; position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:50%;  background-color:#7a7a7a;}
	.activity_n .text-list-m li:last-child,.text-list-m dd:last-child{margin-bottom:0;}
	.activity_n .text-list-m a.link {color:#666666;font-family:'Noto Sans KR',sans-serif; text-decoration:underline}
	.activity_n .calendar-head-m .custom-select{position:relative; display:inline-block; width:100px; box-sizing:border-box;}
	.activity_n .calendar-head-m .custom-select .select{-webkit-appearance:none; appearance:none; width:auto; padding:0 1.1rem 0 1.1rem; height:4rem; border:1px solid #ddd; font-size:1.4rem; background:url("../image/btn/btn_select_arrow.png") no-repeat right 1.7rem;}
	.activity_n .calendar-head-m .custom-select .select::-ms-expand{display:none;}
	.activity_n .calendar-head-m .custom-select .select:focus,.custom-select .select.focus{outline:0 none}
	.activity_n .calendar-head-m .input-group.input-md .input-text,
	.activity_n .calendar-head-m .input-group.input-md .btn,
	.activity_n .calendar-head-m .input-group.input-md .custom-select .select{height:2.8rem;}
	.activity_n .calendar-head-m .input-group.input-md .custom-select .select,
	.activity_n .custom-select.select-md .select{background-position: 8rem 1.1rem;width:10.3rem;font-family:'Lato',sans-serif; font-weight:400}
	.activity_n .calendar-head-m .btn-sm {min-width:3rem; height:2.8rem; padding:0px 1rem; font-size: 1.3rem;line-height:2.8rem;}
	.activity_n .calendar-head-m .date-select {text-align:left;margin-top:1.5rem}
	.activity_n .dot_orange:before {display:block; content:''; position:absolute; top:.4rem; left:0; width:.8rem; height:.8rem; border-radius:50%;  background-color:#da291c;}
	.activity_n .dot_orange {padding-left:1.5rem;font-size:1.3rem;color:#666666;text-align:left;position:relative;display:block}
	.activity_n .calendar-head-m h3 {font-size:1.7rem}
	.activity_n.a_date {display: flex;justify-content: space-between;width: 100%;}
	.btn-bottom-area.activity_n {display: flex;justify-content: space-between;margin:auto;}
	.btn-bottom-area.activity_n:after {display: none;}
	.btn-bottom-area.activity_n button  em{
		display: block;

	}

	.btn-bottom-area.activity_n button  {
		border-radius: 5px;
		height: auto;
		background-color: #F4F4F4;
		color: #111111;
	}

	.btn-bottom-area.activity_n button.active {
		color: #fff;
		background-color: #D8291C;
	}

	.btn-bottom-area.activity_n button:disabled  {
		color: #CDCDCD;
		background-color: #F4F4F4;
	}

	.actvity_area {max-width: 400px;margin: 0 auto;}
	.activity_n.a_date .a_ttl {
		font-size: 24px;
    color: #333;
    font-weight: normal;
	}

	.activity_n.a_date .a_date {
		font-size: 20px;
    color: #da291c;
    font-weight: normal;

	}

	.input-group.input-lg span.ntext {
		display: block;
		margin-bottom: 10px;
	}



	.package-complete.activity .bottom-left {
		width: 100%;
		padding-right: 40px;
	 }



	 .package-complete.activity  .bottom-left li.wd2.activity {
		width:940px
	}


	.content-wrap.activity_complete {
		padding-top: 0;
	}

  .content-wrap.activity_complete .breadcrumbs  {
		padding-top: 25px;
	}

	.content-wrap.activity_complete .breadcrumbs ol li.current span {
		color: #fff;
    display: block;
	}

	.content-wrap.activity_complete .title-txt1 {
		font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: 700;
	  padding : 0 20px
	}
	.content-wrap.activity_complete .title-txt2 {
		position: relative;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    line-height: 26px;
		padding : 0 20px
	}

	.package-complete.activity {
		padding-top: 50px;

	}

	.content-wrap.activity_complete .content.w-max.acty {
		background: url(../image/bg/img-artvillas.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 100px;
		max-width: 100%;
	}

	.package-complete .bottom {background:#fff;position:relative;max-width: 1280px;margin: 0 auto;}
	.package-complete .bottom:after {display:block;content:'';clear:both}
	.package-complete .bottom-left {width:793px;padding : 40px}
	.package-complete .bottom-right {width:450px;padding-right:45px;background:#f3f3f3;padding-left:45px;height:100%;position:absolute;right:0;top:0}
	.package-complete .bottom-left div:after {display:block;content:'';clear:both}
	.package-complete .bottom-left > div {border-bottom: 1px dashed #cdcdcd;}
	.package-complete .bottom-left > div:last-child{border-bottom : 0}
	.package-complete .bottom-left ul:after {display:block;content:'';clear:both}

	.package-complete .bottom-left li {float:left;margin: 30px 0 ;}
	.package-complete .bottom-left .st1 {font-size:13px;color:#666666}
	.package-complete .bottom-left strong {font-size:16px;color:#000000;margin-top:8px;display:block;font-weight:normal}
	.package-complete .bottom-left strong .txt1 {font-size:15px}
	.package-complete .bottom-left strong .txt2 {font-size:13px}
	.package-complete .bottom-left li.wd1 {width:240px}
	.package-complete .bottom-left li.wd2 {width:240px}
	.package-complete .bottom-left li.wd3 {width:240px}

	.activyty .img {max-height: 250px;overflow: hidden;margin: 25px 0;}
	.detail-img-wrap.activyty.dining + .content {
		margin: 25px auto;
	}
@media screen and (max-width:1279px){
	.field-box.activity_n{
		padding: 15px ;
	}
	.field-box.activity_n .colum.col-8 {
		width: 100%;
	}
	.field-box.activity_n .colum.col-8 .input-group  {
		padding-top: 52px;
		display: flex;
		justify-content: center; align-items: center;
	}
	.field-box.activity_n .input-group-cell.w-165 {
		width: 100%!important;
		display: block;
		position: absolute;
		padding: 0;
		top: 0;
	}
	.field-box.activity_n .input-text {width: 24%;padding: 0 10px}
	.field-box.activity_n .input-group-cell.w-165 .input-text {width: 100%;}
	.field-box.activity_n .input-group-add.txt {padding :0 10px; }

	.field-box.activity_n .colum.col-4 {
		width: 100%;
		margin-top: 15px;
	}

	.text-box.activity_n {
		padding: 15px;
	}

/* 	.detail-img-wrap.dining {display: none;} */
	/* 달력 */

	.content-wrap.activity_complete .content.w-max.acty {
    background-size: auto;
		padding-bottom: 20px;

	}

	.content-wrap.activity_complete .title-txt1 {
		font-size: 34px;
		word-break: keep-all;
	}

	.package-complete.activity .bottom-left {
		padding : 20px
	}
	.package-complete .bottom-left > div {
		border-bottom: 0px;
	}
	.package-complete .bottom-left li {
		margin: 15px  0 0 0 ;
		padding-bottom:15px;
		border-bottom: 1px dashed #cdcdcd;
		width: 100%!important;
	}

	.content-wrap.activity_complete .title-sub-area .sub-title.mt60 {margin-top: 20px!important;}
}

.notice-ban-slide-wrap{max-width:600px;margin:0;z-index:102;}
.notice-ban-slide-wrap.mo{display:none;}

@media (min-width:1280px){
.notice-ban-slide-wrap.pc{display:block; absolute;top: 11.5rem;left:50%;background:transparent;color:#fff;padding:0;z-index:102;transform:translateX(-50%);max-width:1920px;margin-left:4.5rem;}
}
/* .notice-ban-inner .notice-ban-slide{background:#fff;}
.notice-ban-inner .slider-list .slick-list{background:bisque;} */


.notice-ban-inner .notice-ban-slide,
.notice-ban-inner .slider-list .slick-list{width:100%;max-width:100%;}
.notice-ban-inner .slick-vertical .slick-slide .notice-txt{display:inline-block;max-width:300px;width:49%;}
.notice-ban-inner .slick-vertical .slick-slide .notice-txt a{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration-line: none; font-size: 1.4rem;}
.notice-ban-slide .notice-txt:before{position:absolute;top:0.85rem;}
.notice-ban-slide .notice-txt{display:inline-block;max-width:640px;width:49%;}
.notice-ban-slide .list{display:none;font-size:0;}
.notice-ban-slide .list:first-child{display:block;}
.notice-ban-slide.slick-vertical .slick-slide{font-size:0;border:none;}
.notice-ban-slide .list:last-child{display:none;}
.notice-ban-slide .list a.detail-view{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration-line: none; font-size: 1.4rem;}


@media screen and (max-width:1279px){
	.notice-ban-slide-wrap{padding:1.5rem 2.2rem 1.5rem}

	/* submain - header */
	/* .submain #header,
	.submain #header:not(.scroll){background:#fff;color:#000;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
	.submain #header .header-inner .head-title .util-menu-group.reserve {display:block;}
	.submain #header:not(.scroll) .btn-gnb-open:before,
	.submain #header:not(.scroll) .btn-gnb-open > .bar,
	.submain #header:not(.scroll) .btn-gnb-open:after {background:#000;} */
	.submain #container .title-area.rwd .page-title {font-size:1.8rem;}

    .notice-ban-slide-wrap.pc{display:none;}
    .notice-ban-slide-wrap.mo{display:block;}

    .notice-ban-inner .slick-vertical .slick-slide .notice-txt{display:inline-block;max-width:100%;width:100%;}
    .notice-ban-inner .slick-vertical .slick-slide .notice-txt a{font-size:1.3rem;}
    .notice-ban-slide .notice-txt:before{position: absolute; }

	.notice-ban-slide .notice-txt{max-width:100%;width:100%;}
	.notice-ban-slide .list:first-child{display:block;}
	.notice-ban-slide .list{display:none;}
	.notice-ban-slide .list a.detail-view{display:block;text-decoration-line: none; font-size:1.3rem;}
	/* 이용안내 페이지 */
	.mo-noLpd{padding-left:0!important;}
}

/* Mobile */
@media (max-width:1279px) {
	/* 띠배너 */
	.notice-ban-slide-wrap {position:absolute; top:7.3rem;left:2rem; background:transparent; color:#fff;padding:0;z-index:102;}
}

/* Desktop */
@media (min-width:1280px) {
	/* 띠배너 */
    .notice-ban-slide-wrap {position:absolute; top:11.5rem;left:3.5%; background:transparent; color:#fff;padding:0;z-index:102;}
}
