/* 怨듯넻 */

.ic-down {display: inline-block; width: 15px; height: 9px; margin-left: 4px; background: url(/UtopUblessNew_common/images/homepage/common/arrow_d_02.png) no-repeat;}
.ic-up {display: inline-block; width: 15px; height: 9px; margin-left: 4px; background: url(/UtopUblessNew_common/images/homepage/common/arrow_u_02.png) no-repeat;}
.ic-refresh {display: inline-block; width: 13px; height: 14px; background: url(/UtopUblessNew_common/images/homepage/common/ic-refresh.png) no-repeat; vertical-align: -2px; margin-right: 3px;}

.bt-wrap.left {text-align: left;}
.bt.bt-01 {background: #69bbb4; color: #fff;}
.bt.bt-02 {background: #7d7d7d; color: #fff;}
.bt.bt-03 {background: #fff; color: #555; border: 1px solid #cbcbcb;}
.bt.bt-04 {background: #f5f5f5; color: #333; border: 1px solid #7d7d7d; font-weight: 500;}


.board-wrap {width: 100%; margin: 0 auto; padding: 60px 0 20px; overflow: hidden; text-align: center; position: relative;}

.board-wrap .board-title {font-size: 38px; font-weight: bold; margin-bottom: 10px;}

.board-wrap .not-check {margin-top: 13px;}
.board-wrap .not-check li {margin-bottom: 5px; background: url(/UtopUblessNew_common/images/homepage/board/ico_check.png) left 5px no-repeat; text-align: left; font-size: 14px; padding-left: 21px; color: #69bbb4; letter-spacing: -0.5px;}
.board-wrap .not-check li.bk {color: #444;}

.board-wrap .search-box {display: inline-block; margin-top: 40px; margin-bottom: 35px;}
.board-wrap .search-box select {border: 1px solid #cccccc; width: 123px; height: 42px; line-height: 42px; font-size: 15px; color: #666666;
			-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 10px; float: left; margin-right:5px;
			background: url(/UtopUblessNew_common/images/homepage/board/search-box-select.png) 95px center no-repeat;}
.board-wrap .search-box input {border: 1px solid #cccccc; width: 273px; height: 42px; line-height: 42px; color: #666666; font-size: 15px;
			padding: 0 10px; float: left; margin-right:5px;}
.board-wrap .search-box .btn_search {outline: none; width: 50px; height: 42px; background: #3d3d3d; float: left;}
.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 50px; height: 42px; background: url(/UtopUblessNew_common/images/homepage/board/search-box-search.png) center center no-repeat;}

.board-wrap .table-wrap {position: relative;}
.board-wrap .table-wrap.mgb {margin-bottom: 50px;}
.board-wrap .table-wrap .top {position: relative; letter-spacing: -0.5px;}
.board-wrap .table-wrap .top .total {position: absolute; right: 0; bottom: 0; color: #666; font-size: 14px;}
.board-wrap .table-wrap .top .total em {color: #ce052b;}
.board-wrap .table-wrap .bt-wrap.abs {position: absolute; right: 0; bottom: 5px;}
.board-wrap .table-wrap .bt-wrap.abs .bt {font-size: 15px; margin: 0; width: 120px; height: 46px; line-height: 46px; text-align: center;}

.board-wrap .table-wrap .withdrawal {position: absolute; right: 0; bottom: 20px;}
.board-wrap .table-wrap .withdrawal a {font-size: 16px; color: #666;}

.board-wrap .page_Num {display: inline-block; margin-top: 45px;}
.board-wrap .page_Num strong {float: left; margin: 0 3px; width: 36px; height: 35px; display: inline-block; text-indent: -9999px;}
.board-wrap .page_Num strong.first {background: url(/UtopUblessNew_common/images/homepage/board/paging_first.png) no-repeat;}
.board-wrap .page_Num strong.prev {background: url(/UtopUblessNew_common/images/homepage/board/paging_prev.png) no-repeat; margin-right: 20px;}
.board-wrap .page_Num strong.next {background: url(/UtopUblessNew_common/images/homepage/board/paging_next.png) no-repeat; margin-left: 20px;}
.board-wrap .page_Num strong.last {background: url(/UtopUblessNew_common/images/homepage/board/paging_last.png) no-repeat;}
.board-wrap .page_Num a {float: left; width: 36px; height: 35px; display: inline-block; line-height: 32px;}
.board-wrap .page_Num a.thisPage {border: 1px solid #989898; font-weight: bold;}

.board-wrap .toggle-wrap {background: #fbfbfb; border: 1px solid #eaeaea; text-align: left; margin-top: 25px;}
.board-wrap .toggle-wrap.bd {border: 1px solid #d4d4d4;}
.board-wrap .toggle-wrap.nmgt {margin-top: 0;}
.board-wrap .toggle-wrap.mgb {margin-bottom: 40px;}
.board-wrap .toggle-wrap .toggle-bt {font-size: 16px; padding: 18px 25px; color: #323232; font-weight: 500; background: url(/UtopUblessNew_common/images/homepage/board/ico_arrow_close2.png) no-repeat; background-position: right 25px center;}
.board-wrap .toggle-wrap .toggle-bt.on {background-image: url(/UtopUblessNew_common/images/homepage/board/ico_arrow_open2.png);}
.board-wrap .toggle-wrap .toggle-bt.complete {color: #69bbb4;}
.board-wrap .toggle-wrap .toggle-bt.complete .ico_check {margin-left: 5px; vertical-align: middle; width: 15px; height: 15px; background: url(/UtopUblessNew_common/images/homepage/board/ico_check.png) center center no-repeat;}
.board-wrap .toggle-wrap .toggle-box {/* display: none; */ border-top: 1px solid #eaeaea; padding: 20px 25px;}
.board-wrap .toggle-wrap .toggle-box h5 {color: #666; font-size: 14px; font-weight: 500; line-height: 1.7em; margin-bottom: 2px;}
.board-wrap .toggle-wrap .toggle-box p {color: #666; font-size: 14px; line-height: 1.7em;}
.board-wrap .toggle-wrap .toggle-box .textarea textarea {height: 88px;}
.board-wrap .toggle-wrap .toggle-box .mgt {margin-top: 20px;}
.board-wrap .toggle-wrap .toggle-box .rsvn-wrap {border: 0; padding-top: 0;}
.board-wrap .toggle-wrap .toggle-box .rsvn-wrap .rsvn-list {padding-top: 0;}
.board-wrap .toggle-wrap .toggle-box .rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write {margin-top: 0;}

@media screen and (max-width:1024px){
	.board-wrap .toggle-wrap {background: #fff;}
}

@media screen and (max-width:640px){
	.board-wrap .toggle-wrap.mgb {margin-bottom: 30px;}
}

@media screen and (max-width:970px){
	/* .board-wrap {width: 90%;} */
	.board-wrap .board-title {font-size: 28px;}
	
	.board-wrap .table-wrap .bt-wrap.abs {position: relative; margin-top: 25px; text-align: right;}
	.board-wrap .table-wrap .bt-wrap.abs .bt {width: 100px; height: 40px; line-height: 40px; font-size: 14px;}
	.board-wrap .table-wrap .withdrawal {position: relative; margin-top: 25px; text-align: right; bottom: 5px;}
	.board-wrap .table-wrap .withdrawal a {font-size: 13px;}
		
	.board-wrap .page_Num {margin-top: 30px;}
	.board-wrap .page_Num strong {width: 25px; height: 24px; margin: 0 1px; background-size: cover !important;}
	.board-wrap .page_Num strong.prev {margin-right: 5px;}
	.board-wrap .page_Num strong.next {margin-left: 5px;}
	.board-wrap .page_Num a {width: 25px; height: 24px; font-size: 12px; line-height: 24px;}
}

@media screen and (max-width:640px){
	.board-wrap .toggle-wrap.mgb {margin-bottom: 30px;}
}

@media screen and (max-width:470px){
	.board-wrap .not-check {font-size: 13px;}
	.board-wrap .toggle-wrap {margin-top: 20px;}
	.board-wrap .toggle-wrap .toggle-bt {padding: 15px; font-size: 15px; background-position: right 15px center;}
	.board-wrap .toggle-wrap .toggle-box {padding: 15px;}
	.board-wrap .toggle-wrap .toggle-box .mgt {margin-top: 15px;}
	.board-wrap .toggle-wrap .toggle-box p {font-size: 13px; line-height: 1.6em;}
}
	

/* 怨듭��ы빆 由ъ뒪��*/

.board-wrap .notice-list {width: 100%;}
.board-wrap .notice-list thead {border-top: 3px solid #26252b; border-bottom: 1px solid #bdbdbf;}
.board-wrap .notice-list thead th, .board-wrap .notice-list thead td {height: 55px; /* line-height: 55px; */ font-size: 17px; letter-spacing: -0.4px; color: #333333; font-weight: 500;}
.board-wrap .notice-list tbody th, .board-wrap .notice-list tbody td {height: 65px; /* line-height: 65px; */ border-bottom: 1px solid #bdbdbf; color: #666666;}
.board-wrap .notice-list tbody td {padding: 0 10px; font-size: 16px;}
.board-wrap .notice-list tbody td.number {width: 12%;}
.board-wrap .notice-list tbody td.title {text-align: left; width: 68%; padding-left: 10px;}
.board-wrap .notice-list tbody td.l {text-align: left;}
.board-wrap .notice-list tbody td.day {width: 20%;}
.board-wrap .notice-list tbody td.state {font-weight: 500;}
.board-wrap .notice-list tbody td .state1 {color: #ce052b;}
.board-wrap .notice-list tbody td .state2 {color: #999;}
.board-wrap .notice-list tbody td span.notice{display:inline-block;height:34px;line-height:33px;margin:-10px 0;padding:0 20px;background-color:#e56e00;font-size:15px;color:#fff;vertical-align:middle}
tbody td.nodata {padding:60px 0;}
tbody td.nodata p {margin-top: 10px;}


/* 湲�낫湲�*/

.board-wrap .board-view {width: 100%; margin-top: 50px;}
.board-wrap .board-view thead tr:first-child td {border-top: 1px solid #26252b; border-bottom: 1px solid #e0e0e0; padding: 26px 30px; font-size: 22px; color: #000;}
.board-wrap .board-view thead tr td {text-align: left; border-bottom: 1px solid #e0e0e0; padding: 20px 30px; color: #525252;}
.board-wrap .board-view thead tr .day {font-size: 18px; font-weight: lighter; display: table-cell; width: inherit; min-width: 118px; padding-right: 28px;}
.board-wrap .board-view thead tr .download {font-size: 16px; font-weight: lighter; display: table-cell; /* margin-left: 25px; */ padding-left: 30px; border-left: 1px solid #d4d3d5;}
.board-wrap .board-view thead tr .download > a {margin-right: 20px;}
.board-wrap .board-view thead tr .download a:hover span {text-decoration: underline;}
.board-wrap .board-view thead tr .download strong {margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; display: inline-block; background: url(/UtopUblessNew_common/images/homepage/board/download.png) no-repeat;}

.board-wrap .board-view tbody {text-align: left;}
.board-wrap .board-view tbody tr td {padding: 20px 30px; border-bottom: 1px solid #e0e0e0;}
.board-wrap .board-view tbody tr td.content {padding: 70px 30px;}
.board-wrap .board-view tbody tr td.content.event {text-align: center;}
.board-wrap .board-view tbody tr td.content img {max-width: 100%;}
.board-wrap .board-view tbody tr td strong {display: inline-block; padding-right: 15px;}
.board-wrap .board-view tbody tr td strong:after {content: ''; width: 1px; height: 12px; background: #e0e0e0; display: inline-block; margin-left: 20px; }
.board-wrap .board-view tbody tr td a {color: #525252}
.board-wrap .board-view tbody tr td a:hover {text-decoration: underline;}

.board-wrap .list-bt {display: inline-block; float: right; margin-top: 40px;}
.board-wrap .list-bt.nfr {float: none;}
.board-wrap .list-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 18px; text-align: center; margin-left: 10px;}
.board-wrap .write-bt {position: absolute; right: 0; bottom: 20px;}
.board-wrap .write-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; background: #3d3d3d; color: #fff; font-size: 18px; text-align: center;}

.board-wrap .send-bt {display: inline-block; margin-top: 40px;}
.board-wrap .send-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #3d3d3d; background: #3d3d3d; color: #fff; font-size: 18px;}

@media screen and (max-width:970px){
	.hidden970 {display: none;}
	
	.board-wrap .search-box {margin-top: 30px; display: block;}
	.board-wrap .search-box select {width: 60px; height: 35px; line-height: 32px; background-position: 37px center; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box input {width: 50%; height: 35px; line-height: 32px; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box .btn_search {outline: none; width: 35px; height: 35px; background: #3d3d3d; float: left;}
	.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 35px; height: 35px; background: url(/UtopUblessNew_common/images/homepage/board/search-box-search.png) center center no-repeat;}

	
	.board-wrap .notice-list.m-fixed {table-layout: fixed;}
	.board-wrap .notice-list colgroup, .board-wrap .notice-list thead {display: none;}
	.board-wrap .notice-list tbody {border-top: 1px solid #26252b;}
	.board-wrap .notice-list thead th, .board-wrap .notice-list tbody td {line-height: 21px; height: 60px; font-size: 15px;}
	.board-wrap .notice-list tbody td {padding: 0;}
	.board-wrap .notice-list tbody td.title {padding-left: 7px;}
	.board-wrap .notice-list tbody td.title span {display: block;}
	.board-wrap .notice-list tbody td.number {width: 10%;}
	.board-wrap .notice-list tbody td.day {display: none;}
	.board-wrap .notice-list tbody td.state {width: 90px;}
	.board-wrap .notice-list tbody td span.notice {font-size: 13px; padding: 0 15px; height: 30px; line-height: 29px;}
	.board-wrap .notice-list tbody td .tit {max-width: 100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; vertical-align: -4px;}

	.board-wrap .board-view {margin-top: 30px;}	
	.board-wrap .board-view thead tr:first-child td {padding: 20px 10px; font-size: 18px;}
	.board-wrap .board-view thead tr td {padding: 15px 10px;}
	.board-wrap .board-view thead tr .day {font-size: 15px; min-width: 92px; padding-right: 15px;}
	.board-wrap .board-view thead tr .download {font-size: 14px; padding-left: 18px;}
	.board-wrap .board-view tbody tr td {font-size: 13px; padding: 20px 10px;}
	.board-wrap .board-view tbody tr td.content {padding: 30px 10px;}
	.board-wrap .board-view tbody tr td strong {padding-right:2px;}
	.board-wrap .board-view tbody tr td strong:after {margin-left:5px;}
	.board-wrap .list-bt, .board-wrap .send-bt {margin-top: 30px;}
	.board-wrap .list-bt a, .board-wrap .send-bt a {width: 130px; height: 45px; line-height: 45px; font-size: 15px;}
}

@media screen and (max-width:470px){
	
	.board-wrap .notice-list tbody td span.notice {font-size: 12px; padding: 0 10px; height: 24px; line-height: 23px;}
	
	.board-wrap .board-view {table-layout: fixed;}
	.board-wrap .board-view thead tr .day {display: block; padding-right: 0;}
	.board-wrap .board-view thead tr .download {display: block; margin-left: 0; padding-left: 0; border-left: 0; margin-top: 8px;}
	.board-wrap .board-view thead tr .download > a {width: 100%; margin-right: 0;}
	.board-wrap .board-view thead tr .download > a > span {width: calc(100% - 30px); overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow:ellipsis; vertical-align: middle;}

	.board-wrap .notice-list thead th, .board-wrap .notice-list tbody td {font-size: 13px;}
}


.board-wrap .checkIn-list{padding:45px;}
.board-wrap .checkIn-list .ins{border:5px solid #69bbb4; padding:50px 0 50px;}
.board-wrap .checkIn-list h1{font-size:32px; color:#323232; font-weight:500; margin-bottom:60px;}
.board-wrap .checkIn-list h1:before{display:block; content:'';  width:48px; height:47px; background:url(/UtopUblessNew_common/images/homepage/common/ico-tit-check.png) no-repeat; margin:0 auto 13px;}
.board-wrap .checkIn-list dl{text-align:center;}
.board-wrap .checkIn-list dl dt{font-weight:500; font-size:16px; color:#999999; margin-bottom:5px;}
.board-wrap .checkIn-list dl dd{font-size:18px; font-weight:500; color:#333333;}
.board-wrap .checkIn-list ul:after{content:''; display:block; clear:both;}
.board-wrap .checkIn-list ul li{width:20%; float:left; border-left:1px solid #dfdfdf; box-sizing:border-box;}
.board-wrap .checkIn-list ul li:first-child{border-left:none;}
.board-wrap .checkIn-list ul li.num01{width:17%}
.board-wrap .checkIn-list ul li.num02{width:27%}
.board-wrap .checkIn-list ul li.num03{width:17%}
.board-wrap .checkIn-list ul li.num04{width:22%}
.board-wrap .checkIn-list ul li.num05{width:17%}
.board-wrap .checkIn-list .txt-info{margin:22px 0 0;}
.board-wrap .checkIn-list .txt-info p{text-align:left; position:relative; padding-left:23px; line-height:1.6;}
.board-wrap .checkIn-list .txt-info p:before{content:url(/UtopUblessNew_common/images/homepage/common/list-style-check.png); position:absolute; top:0; left:0;}
.board-wrap .checkIn-list .btn-href{margin:30px 0 0;}
.board-wrap .checkIn-list .btn-href .bt{width:178px; height:59px; line-height:59px; font-weight:700;}

.board-wrap .regist {text-align:left;}
.board-wrap .regist {width:  100%; background: #fff; padding: 4% 3%; font-size: 16px; color: #333; text-align:left;}
.board-wrap .regist .header .title{text-align:center; font-size:40px; font-weight:bold; margin-bottom:30px;font-family: 'BaskervilleOldFace'; margin:60px 0 45px;}
.board-wrap .regist .header .logo{text-align:center;}
.board-wrap .regist .header .logo img{width:280px;}

.board-wrap .regist .btn-href{margin:30px 0 0; }
.board-wrap .regist .btn-href .bt{width:178px; height:59px; line-height:59px; font-weight:700; text-align:center; display:block; margin:0 auto;}


.board-wrap .regist .hotel-info:after{content:''; clear:both; display:block}
.board-wrap .regist .hotel-info{position:relative;}
.board-wrap .regist .hotel-info .info{margin-top:10px; }
.board-wrap .regist .hotel-info .tb-num{position:absolute; bottom:0; right:0;}

.board-wrap .regist .tb-num {overflow: hidden; color: #666; font-size: 16px;}
.board-wrap .regist .tb-num b{display:inline-block; width:150px; text-align:center;}
.board-wrap .regist .tb-num b:after{content:''; width:100%; height:1px; background:#666; display:block; position:relative; margin-top:5px;}
.board-wrap .regist .tb-num .fr {display: inline-block; float: right;}

.board-wrap .regist .reg-table {margin-bottom: 20px;}
.board-wrap .regist .reg-table table {width:100%; margin-top: 15px; border-left: 1px solid #ccc; border-top: 3px solid #b7b7b7; table-layout: fixed; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.board-wrap .regist .reg-table table td {padding: 45px 15px 10px; text-align: center; position: relative; border: 1px solid #ccc; border-right: 0; border-bottom: 0;}
.board-wrap .regist .reg-table table td.red {border: 1px solid red; border-right: 0;}
.board-wrap .regist .reg-table table td.red.bdl2 {border-left: 2px solid red;}
.board-wrap .regist .reg-table table td.red.bdr2 {border-right: 2px solid red !important;}
.board-wrap .regist .reg-table table td.red.tx {border-right: 1px solid red;}
.board-wrap .regist .reg-table table td.bdl {border-left: 1px solid #ccc;}
.board-wrap .regist .reg-table table td.bdr {border-right: 1px solid #ccc;}
.board-wrap .regist .reg-table table td.nbdl {border-left: 0;}
.board-wrap .regist .reg-table table td.nbdr {border-right: 0;}
.board-wrap .regist .reg-table table td.nbdt {border-top: 0;}
.board-wrap .regist .reg-table table td.nbdb {border-bottom: 0;}
.board-wrap .regist .reg-table table td.tx {border-left: 0; text-align: center; font-size: 18px; font-weight: bold;}
.board-wrap .regist .reg-table table td.c {text-align: center;}
.board-wrap .regist .reg-table table td.r {text-align: right;}
.board-wrap .regist .reg-table table td.l {text-align: left;}
.board-wrap .regist .reg-table table td .tit {display: block; text-align: left; margin-bottom:10px; position:absolute; top:10px; left:15px;}
.board-wrap .regist .reg-table table td p {text-align: center; color: #333; font-size: 18px; margin-top: 13px; min-height: 30px;}
.board-wrap .regist .reg-table table td b{font-size:17px;}
.board-wrap .regist .reg-table table td p.txl {text-align: left; padding-left: 25px;}

.board-wrap .regist .notice.mt20{margin-top:20px}
.board-wrap .regist .notice h4 {font-weight: 300; margin-top: 10px; margin: 20px 0 15px;}
.board-wrap .regist .notice ul.txt-list li{position:relative; padding-left:15px; margin:5px 0; color: #666; font-size:15px;}
.board-wrap .regist .notice ul.txt-list li:before{content:"-"; position:absolute; left:0; top:0}

.board-wrap .regist .agree-area{display:inline-block}
.board-wrap .regist .agree-area .checkbox{margin-right:20px;}
.board-wrap .regist .agree-area.ml20{margin-left:15px}

.board-wrap .regist .signature {}
.board-wrap .regist .signature.mt50{margin-top:50px;}
.board-wrap .regist .signature ul {overflow: hidden; width: 100%;}
.board-wrap .regist .signature ul li {float: right;}
.board-wrap .regist .signature ul li .tx {/*width: 200px; */margin-right: 20px; color: #666; padding-bottom:2px;}
.board-wrap .regist .signature ul li .line {display: inline-block; border-bottom: 1px solid #ccc; width: 230px; height: 40px;}

@media screen and (max-width: 1200px){
	.board-wrap .regist .tb-num {font-size: 15px;}
    .board-wrap .regist .reg-table table td.tx {font-size: 16px;}
}

@media screen and (max-width: 1024px){
	 .board-wrap .regist .header .title{font-size:32px; margin:45px 0 20px}
	 .board-wrap .regist {font-size: 14px;}
	 
	 .board-wrap .regist .tb-num {font-size: 14px;}
    .board-wrap .regist .reg-table table {margin-top: 12px;}
    .board-wrap .regist .reg-table table td {font-size: 12px; padding: 35px 10px 10px;}
    .board-wrap .regist .reg-table table td .tit {top: 10px; margin-bottom:5px;}
    .board-wrap .regist .reg-table table td p {font-size: 15px; margin-top: 10px;}
    .board-wrap .regist .reg-table table td.tx {font-size: 14px;}
    .board-wrap .regist .reg-table table td b{font-size:14px;}
    
    .board-wrap .regist .notice ul.txt-list li{font-size:14px}
    
    .board-wrap .regist .signature {margin-top: 30px;}
   /*  .board-wrap .regist .signature ul li {width: 430px;} */
    .board-wrap .regist .signature ul li .line {width: 180px;}
}

@media screen and (max-width: 880px){
	
}

@media screen and (max-width: 768px){
    .hidden_768{display:none;} 
    .board-wrap .regist .reg-table table td{float:left; width:100%;}
    .board-wrap .regist .hotel-info .tb-num{position:relative; margin-top:15px;}
}

@media screen and (max-width: 640px){
    .board-wrap .regist .notice .agree-area{display:block; margin:5px 0;}
}   


/* Rsvn List */

.board-wrap .rsvn-list {}
.board-wrap .rsvn-list .row {display: table; width: 100%;}
.board-wrap .rsvn-list .row .col {display: table-cell; border-bottom: 1px solid #e0e0e0; /* min-height: 62px; */vertical-align:middle}
.board-wrap .rsvn-list .row .col .th {display: none; padding: 13px 30px;  border-top: 3px solid #26252b; border-bottom: 1px solid #bdbdbf; font-size: 17px; letter-spacing: -0.4px; color: #323232; font-weight: 500;}
/* .board-wrap .rsvn-list .row .col .th .middle{display:table-cell; vertical-align:middle;} */
.board-wrap .rsvn-list .row:first-child .col .th {display: block;}
.board-wrap .rsvn-list .row.first .th {border-bottom: 0;}
.board-wrap .rsvn-list .row:first-child .col{position:relative; padding-top:56px;}
.board-wrap .rsvn-list .row:first-child .col .th{position:absolute; top:0; left:0; width:100%;}
.board-wrap .rsvn-list .row .col .td {display: block; padding: 20px 30px;}

.board-wrap .rsvn-list .row .col .td.button {padding: 11px 30px;}
.board-wrap .rsvn-list .row .col .td .bt {width: 90px; height: 40px; font-size: 14px; line-height:40px;}
.board-wrap .rsvn-list .row .col .td .bt.btn_check{width:100px;}
.board-wrap .rsvn-list .row .col .td .state {font-size: 16px; font-weight: 500;}
.board-wrap .rsvn-list .row .col .td .state.state1 {color: #ce052b;}
.board-wrap .rsvn-list .noData_tx {padding: 40px 0; border-bottom: 1px solid #e0e0e0; font-size: 16px; color: #999;}
.board-wrap .rsvn-list a.btn_cancel {display:inline-block;width:90px;height:28px;line-height:26px;background:#69bbb4;font-size:13px;font-weight:bold;color:#f9f9f9;text-align:center}

@media screen and (min-width: 971px){
	.board-wrap .rsvn-list .row .col.count {width: 7%;}
	.board-wrap .rsvn-list .row .col.rsvnNum {width: 7%;}
	.board-wrap .rsvn-list .row .col.room {width: 17%;}
	.board-wrap .rsvn-list .row .col.date {width: 26%;}
	.board-wrap .rsvn-list .row .col.name {width: 15%;}
	.board-wrap .rsvn-list .row .col.state {width: 14%;}
	.board-wrap .rsvn-list .row .col.checkIn {width: 14%;}
	.board-wrap .rsvn-list .row .col.cpName {width: 40%;}
	.board-wrap .rsvn-list .row .col.barcode {width: 27%;}
}

@media screen and (max-width: 1024px){
	.board-wrap .checkIn-list dl dt{font-size:15px;}
	.board-wrap .checkIn-list dl dd{font-size:16px;}
}

@media screen and (max-width: 970px){
	.board-wrap .rsvn-list .row {display: block; border-top: 1px solid #26252b; margin-bottom: 20px;}
	.board-wrap .rsvn-list .row.first {display: none;}
	.board-wrap .rsvn-list .row.noData {display: none;}
	.board-wrap .rsvn-list .row .col {overflow: hidden; width: 100%; display: table; /* table-layout: fixed; */}
	.board-wrap .rsvn-list .row .col .th, .board-wrap .rsvn-list .row .col .td {display: table-cell!important; font-size: 15px;}
	.board-wrap .rsvn-list .row .col .th {width: 25%; min-width: 85px; border-top: 0; border-bottom: 1px solid #e0e0e0; background: #f7f7f7; padding: 14px 0;}
	.board-wrap .rsvn-list .row.first .col .th {display: table-cell;}
	.board-wrap .rsvn-list .row .col .td {text-align: left; padding: 14px 20px;}
	.board-wrap .rsvn-list .row .col .td.button {padding: 11px 20px;}
	
	.board-wrap .rsvn-list.coupon-list .row:first-child .col {position: unset; padding-top: 0;}
	.board-wrap .rsvn-list.coupon-list .row:first-child .col .th {width: 25%; position: unset;}
	.board-wrap .rsvn-list.coupon-list .row:first-child .col .th,
	.board-wrap .rsvn-list.coupon-list .row:first-child .col .td {display: table-cell!important; font-size: 15px;}
	
	.board-wrap .rsvn-list.coupon-list .row .col .td .bt.btn_check {width: 100%; text-align: center;}
	
	.board-wrap .rsvn-list .noData_tx {border: 1px solid #e0e0e0; font-size: 14px;}
	
	.board-wrap .checkIn-list ul li{float:none; width:calc(100% - 20px) !important; border-left:none; border-bottom:1px solid #dfdfdf; margin:0 auto 20px; padding-bottom:20px;}
	
}

@media screen and (max-width:470px){
	.board-wrap .rsvn-list .row .col .th, 
	.board-wrap .rsvn-list .row .col .td,
	.board-wrap .rsvn-list.coupon-list .row:first-child .col .th, 
	.board-wrap .rsvn-list.coupon-list .row:first-child .col .td {font-size: 13px;}
	
	.board-wrap .rsvn-list .row .col .td,
	.board-wrap .rsvn-list.coupon-list .row:first-child .col .td {padding: 14px 12px;}
	.board-wrap .rsvn-list .row .col .td .state {font-size: 13px;}
	
	.board-wrap .rsvn-list .noData_tx {padding: 25px 0;}
	
	.board-wrap .checkIn-list h1{font-size:28px; margin-bottom:40px;}
	.board-wrap .checkIn-list{padding:20px;}
}


/* FAQ */

.board-wrap .faqList {border-top: 3px solid #26252b;}
.board-wrap .faqList ul li {font-size: 16px; width: 100%; overflow: hidden; line-height: 75px; border-bottom: 1px solid #dfdfdf; cursor: pointer; text-align: left; color: #323232;}
.board-wrap .faqList ul li .tit {margin: 0 30px; display: block; background: url(/UtopUblessNew_common/images/homepage/board/faq_open.png) right center no-repeat;}
.board-wrap .faqList ul li .tit:before {content: 'Q'; width: 30px; height: 30px; border-radius: 15px; background: #9c9c9c; color: #fff; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px;}
.board-wrap .faqList ul li.open span.tit {font-weight: bold; background: url(/UtopUblessNew_common/images/homepage/board/faq_close.png) right center no-repeat;}
.board-wrap .faqList ul li.open span.tit:before {background: #26252b;}
.board-wrap .faqList .answer {border-top: 1px solid #dfdfdf; display: none; line-height: 25px; font-size: 15px; background: #f5f5f5; color: #777; padding: 30px 70px 30px 130px; position: relative;}
.board-wrap .faqList .answer:before {content: 'A'; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #26252b; color: #26252b; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px; position: absolute; left: 80px;}


@media screen and (max-width: 768px){ 
	.board-wrap .faqList ul li {line-height: 60px; font-size: 15px;}
	.board-wrap .faqList ul li .tit {margin: 0 10px; background-size: 3%;}
	.board-wrap .faqList ul li.open .tit {background-size: 3%;}
	.board-wrap .faqList ul li .tit:before {margin-right: 10px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	.board-wrap .faqList .answer {padding: 20px 40px 20px 60px; font-size: 13px;}
	.board-wrap .faqList .answer:before {left: 20px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	
}


/*�꾨줈紐⑥뀡&�대깽*� */

.event-list {margin-top: 50px; width: 100%; overflow: hidden; text-align: left; letter-spacing: -0.5px;}
.event-list ul li {position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 2.5%; float: left; overflow: hidden; border: 1px solid #eaeaea;}
ul li.nodata_g {width: 100% !important; text-align: center !important; padding: 60px 0 !important; cursor: auto !important;}
ul li.nodata_g p {margin-top: 10px; color: #525252;}
.event-list ul li:nth-child(4n) {margin-right: 0;}
.event-list ul li a {width: 100%;}
.event-list ul li span.state {z-index: 9; position: absolute; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #a60017; font-size: 13px; color: #fff;}
.event-list ul li.end img, .event-list ul li.end strong, .event-list ul li.end span.day {filter: gray; -webkit-filter: grayscale(.5); filter: grayscale(.5);
opacity: 0.3;}

.event-list ul li.end span.state {background: #454545; z-index: 9;}
.event-list ul li .event-image {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}
.event-list ul li .event-image img {width: auto; height: 100%; position: absolute; top: 0; left: -50%; margin-left: 50%;}
.event-list ul li .event-image span {z-index: 10; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .5; display: none;
		background: url(/UtopUblessNew_common/images/homepage/board/image-view.png) center center no-repeat;}
.event-list ul li .event-image:hover span {display: block;}
.event-list ul li.end .event-image:hover span {display: none;}
.event-list ul li strong {padding: 25px 0; margin: 0 20px; display: block; border-bottom: 1px solid #eaeaea; color: #323232; font-size: 16.5px; height: 6em;}
.event-list ul li span.day {padding: 18px 0; margin: 0 20px; color: #666; font-size: 14.5px;}


/*gallery*/


.event-list.gal ul li .event-image {position: relative; width: 100%; height: 0; padding-bottom: 74.91%; overflow: hidden;}
.event-list.gal ul li strong {border-bottom: 0;}


@media screen and (max-width: 1200px){
	.event-list ul li strong {padding: 20px 0; font-size: 15px;}
	.event-list ul li span.day {padding: 15px 0; font-size: 14px;}
}

@media screen and (max-width: 1024px){
	.event-list ul li {width: 24.25%; margin-right: 1%;}
}

@media screen and (max-width: 970px){
	.event-list ul li strong {padding: 15px 0; margin: 0 12px; font-size: 14px;}
	.event-list ul li span.day {padding: 12px 0; margin: 0 12px; font-size: 13px;}
}

@media screen and (max-width: 768px){
	.event-list ul li {width: 48.5%; margin-right: 3%; margin-bottom: 3.5%;}
	.event-list ul li:nth-child(2n) {margin-right: 0;}	
}

@media screen and (max-width: 400px){
	.event-list ul li {width: 100%; margin-right: 0;  margin-bottom: 5%;}
	.event-list ul li strong {padding: 20px 0; margin: 0 20px; font-size: 15px;}
	.event-list ul li span.day {padding: 15px 0; margin: 0 20px; font-size: 14px;}
}


/* QNA */

.board-privacy {margin-top: 50px; color: #555555;}
.board-privacy-box {width: 100%; height: 230px; border: 1px solid #ccc; background: #f5f5f5; padding: 40px 50px; overflow-x: hidden; overflow-y: scroll;
					font-size: 14.5px; text-align: left; margin-bottom: 25px;}
.board-privacy-agree {width: 100%; position: relative;}
.board-privacy input[type="checkbox"] {display:none;}
.board-privacy input[type="checkbox"] + label {font-size: 16px;}
.board-privacy input[type="checkbox"] + label strong {margin-right: 10px; display:inline-block; width: 25px; height: 25px; vertical-align:middle;
						border: 1px solid #ccc; cursor:pointer;}
.board-privacy input[type="checkbox"]:checked + label strong {
						background:url(/UtopUblessNew_common/images/homepage/board/checked.png) center center no-repeat;}
.board-privacy span {position: absolute; right: 0; color: #c5927e; font-size: 14px; letter-spacing: -1px;}

.qna-write {border-top: 3px solid #26252b; border-bottom: 1px solid #cccccc; margin-top: 50px; padding: 17px 0; color: #323232; font-size: 16px;}
.qna-write.npd {padding: 0;}
.qna-write li {text-align: left; padding: 10px 2.5%; width: 100%; overflow: hidden;}
.qna-write li .radio {margin-right: 70px;}
.qna-write li .tit {float: left; display: inline-block; width: 10%; font-size: 17px; letter-spacing: -1px; line-height: 40px;}
.qna-write li .tit em {color: #ea072d; font-size: 25px; vertical-align: -9px; margin-left: 2px; height: 10px; display: inline-block;}
.qna-write li .con {float: left;}
.qna-write li .con p {font-size: 14px; color: #666;}
.qna-write li .con p.mgb {margin-bottom: 12px;}
.qna-write li .con .text {line-height: 40px; color: #666;}
.qna-write li .con .bt {min-width: 90px; text-align: center; line-height: 38px; height: 40px; font-size: 15px;}
.qna-write li .con .mgl {margin-left: 8px;}
.qna-write li .con .input-bt {overflow: hidden; width: 100%;}
.qna-write li .con .input-bt input, .qna-write li .con .input-bt .bt {float: left;}
.qna-write li .con .input-bt input {width: calc(100% - 75px)!important; margin-right: 5px;}
.qna-write li .con .input-bt .bt {width: 70px; min-width: 70px;}
.qna-write.join li .tit {width: 17%;}
.qna-write.join li .con {width: 83%;}
.qna-write.join li .not {color: #989797; font-size: 14px; margin-left: 15px;}
.qna-write li input, .qna-write li select {font-size: 15px; border: 1px solid #cccccc; height: 40px; padding: 0 10px;}
.qna-write li input {width: 270px;}
.qna-write li input.mgr {margin-right: 10px;}
.qna-write li .input-wrap label {margin-right: 10px; color: #666;}
.qna-write li .input-wrap.i2 input:first-child {margin-right: 5px;}
.qna-write li .mgt {margin-top: 5px;}
.qna-write li .email01 {width: 190px; margin-right: 5px;}
.qna-write li .at {text-align: center;}
.qna-write li .email02 {width: 220px;margin-left: 8px;}
.qna-write li .email03 {margin-left: 8px;}
.qna-write li select {width: 160px; background: url(/UtopUblessNew_common/images/homepage/board/faq_open.png) right 10px center no-repeat;}
.qna-write li.birth select {width: 130px; margin-right: 5px; background-position: right 10px center;}
.qna-write li textarea {width: 89%; border: 1px solid #cccccc; vertical-align: top; padding: 10px;}
.qna-write li input.title {width: 89%;}
.qna-write li .radio-wrap {}
.qna-write li .radio-wrap.block {display: block;}
.qna-write li .radio-wrap.mgl {margin-left: 30px;}
.qna-write li .radio-wrap .radio {margin-right: 30px;}
.qna-write li .radio-wrap .radio:last-child {margin-right: 0;}

@media screen and (max-width: 1200px){
	.qna-write.join li .not {display: block; margin-top: 8px; margin-left: 0;}
}

@media screen and (max-width: 970px){
	.board-privacy-box {padding: 25px 30px; font-size: 14px;}
	.board-privacy span {position: relative; display: block; text-align: right;}
	.qna-write li .tit {width: 14%; font-size: 15px;}
	.qna-write li .tit em {font-size: 22px; vertical-align: -7px;}
	.qna-write li .con {width: 86%;}
	.qna-write.join li .con {width: 83%;}
	.qna-write li .con .text {font-size: 15px;}
	.qna-write li input {width: 38%;}
	.qna-write li .email-wrap {overflow: hidden; width: 70%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left; margin: 0;}
	.qna-write li .email-wrap .email01 {width: 38%;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px;}
	.qna-write li .email-wrap .email02 {width: 54%; margin-left: 0;}
	.qna-write li .email03 {width: 70%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 85%;}
	.qna-write li .con textarea {width: 100%;}
	.qna-write li input.title {width: 85%;}	
	.qna-write li .con input.title {width: 100%;}
	.qna-write li .radio-wrap {display: block; margin-top: 8px;}
	.qna-write li .radio-wrap.nmgt {margin-top: 0;}
	.qna-write li .radio-wrap.mgl {margin-left: 0;}
}

@media screen and (max-width: 768px){
	.qna-write.join li .tit {width: 24%;}
	.qna-write.join li .con {width: 76%;}
	.qna-write.join li .con input {width: 45%;}
	.qna-write.join li .not {font-size: 13px;}
	.qna-write li .input-wrap {overflow: hidden; width: 100%;}
	.qna-write li .input-wrap input {float: left;}
	.qna-write li .input-wrap input:last-child {margin-right: 0!important;}
	.qna-write li .input-wrap.i2 input {float: left; width: 49%; margin-right: 2%;}
	.qna-write li .select-wrap {overflow: hidden; width: 100%;}
	.qna-write li .select-wrap select {float: left;}
	.qna-write li .select-wrap select:last-child {margin-right: 0!important;}
	.qna-write li .select-wrap.s3 select {width: 32%; margin-right: 2%;}
}

@media screen and (max-width: 640px){
	.board-privacy-box {margin-bottom: 15px; padding: 18px 22px; font-size: 13px;}
	.board-privacy input[type="checkbox"] + label {font-size: 14px;}
	.board-privacy input[type="checkbox"] + label strong {width: 20px; height: 20px;}
	.board-privacy span {font-size: 12px; display: block; margin-top: 10px;}
	
	.qna-write {font-size: 14px; margin-top: 30px;}
	.qna-write li {padding: 10px 0;}
	.qna-write li input, .qna-write li select {height: 35px; font-size: 13px; padding: 0 6px;}
	.qna-write li .tit {font-size: 14px; line-height: 35px;}
	.qna-write li .tit.email {height: 65px;}
	.qna-write li .tit em {margin-left: 0;}
	.qna-write li .con .text {font-size: 14px; line-height: 35px;}
	.qna-write li .con .bt {height: 35px; line-height: 35px; font-size: 13px; min-width: 80px;}
	.qna-write li select {width: 100px; display: block; width: 160px; background-size: 12px 7px;}
	.qna-write li.birth select {display: inline-block;}
	.qna-write li input.email01 {margin-right: 0px; width: 30%;}
	.qna-write li input.email02 {margin-left: 3px;  width: 40%;}
	.qna-write li #selectEmail {margin-top: 2.5%;}
	.qna-write li .email-wrap {overflow: hidden; width: 100%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left;}
	.qna-write li .email-wrap .email01 {width: 35%!important;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px; font-size: 12px;}
	.qna-write li .email-wrap .email02 {width: 57%!important; margin-left: 0;}
	.qna-write li .email03 {width: 100%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 83%;}
	.qna-write li input.title {width: 83%;}
}

@media screen and (max-width: 470px){
	.qna-write li .tit em {font-size: 18px; vertical-align: -5px;}
	.qna-write li .con p {font-size: 13px;}
	.qna-write.join li .tit {width: 32%;}
	.qna-write.join li .con {width: 68%;}
	.qna-write li .con .mgl {margin-left: 0;}
	.qna-write li .con #btnDup {margin-top: 8px;}
	.qna-write li .con input, .qna-write li .con select {width: 100%;}
	.qna-write.join li .con input, .qna-write.join li .con select {width: 100%;}
	.qna-write li .input-wrap.i2 input:first-child {margin-top: 0;}
	.qna-write li .input-wrap.i2 input {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .select-wrap.s3 select {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .radio-wrap .radio {margin-right: 15px;}
	
}

@media screen and (max-width: 400px){
	.qna-write li .tit {width: 21%;}
	.qna-write li .con {width: 79%;}
	.qna-write li input.email01 {width: 35%;}
	.qna-write li input.email02 {width: 40%;}
	.qna-write li textarea {width: 78%;}
	.qna-write li input.title {width: 78%;}
}




/* Mypage */

.mypage-form {background: #fff; padding: 70px;}
.mypage-form.nopd{padding:0;}
.mypage-form.mgt {margin-top: 60px;}
.mypage-form.pd {padding: 40px;}
.mypage-form.pd2 {padding: 40px;}
.mypage-form h4 {font-size: 20px; color: #323232; text-align: left; font-weight: 500; margin-bottom: 12px;}
.mypage-form .title {overflow: hidden;}
.mypage-form .title.w80 {min-width: 80px; vertical-align: middle;}
.mypage-form .title h4 {float: left;}
.mypage-form .title .text {float: right; padding-top: 8px; color: #989797; font-size: 14px; letter-spacing: -0.3px;}
.mypage-form .title .text.npdt {padding-top: 0;}
.mypage-form .title .text .imp {color: #ea072d; font-size: 25px; vertical-align: -10px; margin-left: 2px; height: 10px; display: inline-block;}
.mypage-form .title .text .bt {padding: 7px 20px; margin-left: 10px; vertical-align: middle;}
.mypage-form .head {text-align: center; margin-bottom: 80px;}
.mypage-form .head.mgb {margin-bottom: 45px;}
.mypage-form .head h2 {color: #323232; font-size: 30px; font-weight: 500; margin-bottom: 10px;}
.mypage-form .head p {font-size: 16px; color: #666; line-height: 1.7em;}
.mypage-form .login-form {}
.mypage-form .login-form.l2 {overflow: hidden;}
.mypage-form .login-form.l2 .form-wrap {float: left; width: 50%; padding-right: 10%}
.mypage-form .login-form.l2 .form-wrap:last-child {position: relative; padding-right: 0; padding-left: 10%;}
.mypage-form .login-form.l2 .form-wrap:last-child:after {content: ''; position: absolute; width: 1px; height: 94%; left: 0; top: 3%; background: #e4e4e4;}
.mypage-form .login-form .form-wrap.mw400 {max-width: 400px; margin: 0 auto;}
.mypage-form .login-form .form-wrap .tit {margin-bottom: 40px;}
.mypage-form .login-form .form-wrap .tit h3 {color: #323232; font-size: 24px; font-weight: 500; margin-bottom: 10px;}
.mypage-form .login-form .form-wrap .tit p {font-size: 15px; color: #666; line-height: 1.7em;}
.mypage-form .login-form .form-wrap .form {}
.mypage-form .login-form .form-wrap .form ul li {width: 100%; margin-bottom: 12px;}
.mypage-form .login-form .form-wrap .form ul li input {width: 100%; height: 46px; border: 1px solid #ccc; font-size: 15px; padding: 0 15px; letter-spacing: -1px;}
.mypage-form .login-form .form-wrap .form ul li input::-webkit-input-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul li input::-moz-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul li input:-ms-input-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul li input:-moz-placeholder {color: #999;}
.mypage-form .login-form .form-wrap .form ul.float-form {margin-bottom: 20px;}
.mypage-form .login-form .form-wrap .form ul.float-form li {overflow: hidden;}
.mypage-form .login-form .form-wrap .form ul.float-form li .label {float: left; width: 25%; text-align: left; line-height: 46px; font-size: 17px; color: #333; font-weight: 500;}
.mypage-form .login-form .form-wrap .form ul.float-form li .con {float: left; width: 75%; text-align: left; line-height: 46px; font-size: 17px; color: #333; font-weight: 500;}
.mypage-form .login-form .form-wrap .form.form2 ul li {overflow: hidden;}
.mypage-form .login-form .form-wrap .form.form2 ul li input {float: left; width: 70%; margin-right: 2%;}
.mypage-form .login-form .form-wrap .form.form2 ul li .bt {float: left; width: 28%; height: 46px; font-size: 15px; font-weight: 500;}
.mypage-form .bt {}
.mypage-form .login-form .form-wrap .bt {width: 100%; height: 60px; font-size: 18px; font-weight: 700;}
.mypage-form .login-form .form-wrap .bt.mg {margin-top: 20px;}
.mypage-form .bt-wrap {margin-top: 40px;}
.mypage-form .bt-wrap .bt {width: 180px; height: 60px; line-height: 58px; margin: 0 5px; font-size: 18px; font-weight: 700; padding-bottom: 2px; vertical-align: middle;}
.mypage-form .bt-wrap .bt.bt-03 {font-weight: 300;}
.mypage-form .mypage-box {display: table; width: 100%; margin-top: 80px; background: #fbfbfb; border: 1px solid #eaeaea; overflow: hidden;}
.mypage-form .mypage-box .menu {display: table-cell; width: 50%; padding: 30px 45px; text-align: left;}
.mypage-form .mypage-box .menu:last-child {border-left: 1px solid #eaeaea;}
.mypage-form .mypage-box .menu p {font-size: 15px; color: #666; margin-bottom: 10px;}
.mypage-form .mypage-box .menu .bt {font-size: 13px; color: #666; background: #fff; border: 1px solid #bdbdbd; padding: 5px 30px;}

.mypage-form .qna-write {margin-top: 0;}

.mypage-form .text-wrap {padding: 40px 0;}
.mypage-form .text-wrap .ic-complete {width: 48px; height: 47px; background: url(/UtopUblessNew_common/images/homepage/board/completed.png) no-repeat;}
.mypage-form .text-wrap h2 {font-size: 30px; color: #323232; font-weight: 500; letter-spacing: -0.5px; margin-bottom: 22px;}
.mypage-form .text-wrap h2.mgt {margin-top: 17px;}
.mypage-form .text-wrap p {font-size: 16px; color: #666; letter-spacing: -0.5px; line-height: 1.8em;}

.mypage-form .grade_card {max-width: 400px; margin: 0 auto;}
.mypage-form .grade_card .card_wrap {width: 100%; padding: 20px 30px; border-radius: 10px; background: #f67c1b; color: #fff; }
.mypage-form .grade_card .card_wrap p {overflow: hidden; text-align: left; font-size: 16px; font-weight: 700;}
.mypage-form .grade_card .card_wrap p span {float: right; font-weight: 300; letter-spacing: 0.5px; font-size: 13px;}
.mypage-form .grade_card .card_wrap .barcord {height: 80px; width: 80%; background: #999; margin: 30px auto;}
.mypage-form .grade_card .card_wrap .grade_num {text-align: left; font-size: 14px;}
.mypage-form .grade_card .card_wrap:after{content: ""; display:block; clear:both;}
.mypage-form .grade_card .card_wrap .grade_left {float: left;}
.mypage-form .grade_card .card_wrap .grade_right {float: right;}
.mypage-form .grade_card .card_wrap .grade_num .name {font-weight: 700; font-size: 16px;}

.process-bar {width: 100%; height: 63px; margin: 60px 0 30px; background-size: cover!important;}
.process-bar.step1 {background: url(/UtopUblessNew_common/images/homepage/board/process_step1.jpg) center center no-repeat;}
.process-bar.step2 {background: url(/UtopUblessNew_common/images/homepage/board/process_step2.jpg) center center no-repeat;}
.process-bar.step3 {background: url(/UtopUblessNew_common/images/homepage/board/process_step3.jpg) center center no-repeat;}
.process-bar.step4 {background: url(/UtopUblessNew_common/images/homepage/board/process_step4.jpg) center center no-repeat;}
.process-bar ul {overflow: hidden;}
.process-bar ul li {position: relative; float: left; width: 25%; padding-top: 18px;}
.process-bar ul li .step {color: #c6c6c6; font-weight: 700; font-size: 17px;}
.process-bar ul li .tit {color: #666; font-weight: 500; font-size: 17px;}
.process-bar ul li.active .step, .process-bar ul li.active .tit {color: #fff;}

.privacy-wrap {margin-bottom: 15px;}
.privacy-wrap .privacy-box {height: 260px; border: 1px solid #ccc; padding: 0 30px; overflow-y: auto;}
.privacy-wrap .privacy-box .privacy {padding: 0;}
.privacy-wrap .privacy-box .privacy .privacy_header {display: none;}
.privacy-wrap .privacy-box .privacy .privacy_content {margin-top: 0; border-top: 0;}
.privacy-wrap .agreement {text-align: right; margin-top: 15px;}
.privacy-wrap .agreement.box {text-align: center; margin-top: 25px; background: #fbfbfb; border: 1px solid #eaeaea; padding: 20px 0;}
.privacy-wrap .agreement.box .checkbox strong {color: #333; font-size: 16px;}

.privacy-wrap .agreement .radio {margin-right: 30px;}

@media screen and (max-width: 1200px){
	.mypage-form {padding: 70px 40px;}
	.mypage-form .login-form.l2 .form-wrap {padding-right: 6%;}
	.mypage-form .login-form.l2 .form-wrap:last-child {padding-left: 6%;}
	.mypage-form .mypage-box .menu {padding: 20px 30px;}
	
	.process-bar {height: 0; padding-bottom: 5.21%;}
	.process-bar ul li {padding-top: 1.6%;}
	.process-bar ul li .step, .process-bar ul li .tit {font-size: 15px;}
}

@media screen and (max-width: 1024px) {
	.board-wrap #tabMenu {margin-top: 40px;}
	
	.process-bar {display: none;}
	
	.mypage-form {padding: 50px 30px;}
	.mypage-form.mgt, .mypage-form.m-mgt {margin-top: 40px;}
	.mypage-form.pd {padding: 30px;}
	.mypage-form.pd2 {padding: 0; background: transparent; margin-top: 20px;}
	.mypage-form .bt-wrap .bt {font-size: 16px; width: 150px; height: 50px; line-height: 48px;}
	
	.mypage-form .head {margin-bottom: 60px;}
	.mypage-form .head h2 {font-size: 23px;}
	.mypage-form .head p {font-size: 15px;}
	.mypage-form .login-form .form-wrap .tit {margin-bottom: 30px;}
	.mypage-form .login-form .form-wrap .tit h3 {font-size: 22px;}
	.mypage-form .login-form .form-wrap .tit p {font-size: 14px;}
	.mypage-form .login-form .form-wrap .form ul li input {font-size: 14px;}
	.mypage-form .login-form .form-wrap .bt {font-size: 16px; height: 50px;}
	.mypage-form .login-form .form-wrap .form.form2 ul li .bt {font-size: 14px;}
	.mypage-form .login-form .form-wrap .form ul.float-form li .label, .mypage-form .login-form .form-wrap .form ul.float-form li .con {font-size: 15px;}
	.mypage-form .mypage-box {margin-top: 50px;}
	.mypage-form .mypage-box .menu {padding: 18px 25px;}
	.mypage-form .mypage-box .menu p {font-size: 14px;}

	.mypage-form .text-wrap h2 {font-size: 27px; margin-bottom: 18px;}
	.mypage-form .bt-wrap a {font-size: 16px; width: 150px; height: 50px;}
}

@media screen and (min-width: 971px){
	.mypage-form #tab-select {display: none;}
}

@media screen and (max-width: 970px){
	.mypage-form #tab-select {display: block; margin-bottom: 40px;}
	.mypage-form #tab-select select {width: 100%; max-width: 400px;}
	
	.board-wrap .table-wrap {display: none;}
	.board-wrap .table-wrap.show {display: block;}
	.board-wrap .table-wrap.mgb {margin-bottom: 0;}
}

@media screen and (min-width: 769px) {
	.mypage-form .login-form #non-member {display: block;}
}

@media screen and (max-width: 768px) {
	.mypage-form .head {max-width: 400px; margin: 0 auto; border-bottom: 1px solid #e4e4e4; padding-bottom: 50px;}
	.mypage-form .head.mgb {margin-bottom: 30px;}
	.mypage-form .head.nbdb {border-bottom: 0; padding-bottom: 0;}
	.mypage-form .login-form .form-wrap {max-width: 400px; margin: 0 auto;}	
	.mypage-form .login-form .tabList {display: none;}
	.mypage-form .login-form .tabList.m-show {display: block;}
	.mypage-form .login-form .form-wrap .form ul li {margin-bottom: 10px;}
	.mypage-form .login-form.l2 .form-wrap {width: 100%; float: none; padding-right: 0;}
	.mypage-form .login-form.l2 .form-wrap:last-child {padding-left: 0;}
	.mypage-form .login-form.l2 .form-wrap:last-child:after {display: none;}
	.mypage-form .login-form.l2 .form-wrap:not(.tabList) {padding: 50px 0; border-bottom: 1px solid #e4e4e4;}
	.mypage-form .login-form.l2 .form-wrap:not(.tabList):last-child {border-bottom: 0; padding-bottom: 0;}
	.mypage-form .login-form .form-wrap .bt.mg {margin-top: 0;}
	.mypage-form .bt-wrap-s {max-width: 400px; margin: 0 auto; margin-top: 40px;}
	.mypage-form .bt-wrap-s ul {overflow: hidden;}
	.mypage-form .bt-wrap-s ul li {float: left;}
	.mypage-form .bt-wrap-s ul li.w43 {width: 43%; margin-right: 2%;}
	.mypage-form .bt-wrap-s ul li.w55 {width: 55%;}
	.mypage-form .bt-wrap-s ul li a {width: 100%; border: 1px solid #bdbdbd; color: #666; font-size: 14px; padding: 8px 0;}

	
}

@media screen and (max-width: 470px) {
	.board-wrap {padding: 40px 0 0;}
	.board-wrap #tabMenu {margin-top: 20px;}
	.mypage-form {padding: 30px 20px;}
	.mypage-form.pd {padding: 25px 20px;}
	.mypage-form.mgt, .mypage-form.m-mgt {margin-top: 20px;}
	.mypage-form h4 {font-size: 17px; margin-bottom: 10px;}
	.mypage-form .title .text {padding-top: 4px; font-size: 13px;}
	.mypage-form .title.w80 {min-width: 65px;}
	.mypage-form .bt-wrap {margin-top: 20px;}
	.mypage-form .bt-wrap .bt {width: 100%; height: 45px; line-height: 44px; font-size: 15px;}
	.mypage-form .bt-wrap.l2 {overflow: hidden; width: 100%;}
	.mypage-form .bt-wrap.l2 .bt {float: left; width: 48.5%; margin: 0; margin-right: 3%;}
	.mypage-form .bt-wrap.l2 .bt:last-child {margin-right: 0;}
	
	.mypage-form .head {padding-bottom: 40px;}
	.mypage-form .head.mgb {margin-bottom: 20px;}
	.mypage-form .head h2 {font-size: 21px; margin-bottom: 7px;}
	.mypage-form .head p {font-size: 13px;}
	.mypage-form .login-form.l2 .form-wrap:not(.tabList) {padding: 30px 0;}
	.mypage-form .login-form .form-wrap .tit {margin-bottom: 20px;}
	.mypage-form .login-form .form-wrap .tit h3 {font-size: 20px; margin-bottom: 7px;}
	.mypage-form .login-form .form-wrap .tit p {font-size: 13px;}
	.mypage-form .login-form .form-wrap .form ul li input {height: 40px; font-size: 13px;}
	.mypage-form .login-form .form-wrap .form.form2 ul li input {width: 63%;}
	.mypage-form .login-form .form-wrap .form.form2 ul li .bt {width: 35%; height: 40px; font-size: 13px;}
	.mypage-form .login-form .form-wrap .bt {height: 45px; font-size: 15px;}	
	.mypage-form .login-form .form-wrap .form ul.float-form li .label, .mypage-form .login-form .form-wrap .form ul.float-form li .con {font-size: 14px; line-height: 40px;}
	.mypage-form .bt-wrap-s ul li a {font-size: 13px;}
	
	.mypage-form .text-wrap {padding: 20px 0;}
	.mypage-form .text-wrap h2 {font-size: 21px;}
	.mypage-form .text-wrap p {font-size: 14px;}
	
	.mypage-form.card-form {padding: 0;}
	.mypage-form .grade_card .card_wrap {padding: 10px 20px;}
	.mypage-form .grade_card .card_wrap .barcord {width: 95%; margin: 25px auto;}
	
	.privacy-wrap .privacy-box {height: 160px; padding: 0 15px;}
	.privacy-wrap .agreement.box {padding: 15px 0;}
	.privacy-wrap .agreement.box .checkbox strong {font-size: 14px;}
}


/* rsvn */
.rsvnStep {display: none;}
#rsvnStep1 {display: block;}

.rsvn-wrap {border-top: 3px solid #26252b; margin-bottom: 40px; padding-top: 10px;}
.rsvn-wrap:last-child {margin-bottom: 0;}
.rsvn-wrap .rsvn-list {padding: 20px 15px 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
.rsvn-wrap .rsvn-list.pd {padding: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 0;}
.rsvn-wrap .rsvn-list.bd {padding: 18px 13px 28px; border: 2px solid #69bbb4;}
.rsvn-wrap .rsvn-list .rsvn-content {display: table; width: 100%; table-layout: fixed;}
.rsvn-wrap .rsvn-list .rsvn-content .cell {display: table-cell; vertical-align: top;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.middle {vertical-align: middle;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.option {width: 400px; text-align: left;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.option p {font-size: 20px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.counter {width: 100px; text-align: right;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {width: 253px; text-align: left;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {/* width: 520px; */ text-align: left; padding-left: 35px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info ul li {font-size: 14px; color: #666; line-height: 1.6em;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {width: auto; text-align: right;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice {display: inline-block; color: #323232; margin-bottom: 3px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .prevPrice {font-size: 17px; text-align: left; display: block; text-decoration: line-through; color: #a2a2a2;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .nextPrice {font-size: 30px; font-weight: 500; display: block; margin-top: -3px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice2 {font-size: 20px; color: #323232;}
.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price p {color: #666; text-align: right;}

.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap h5 {font-size: 17px; color: #323232; text-align: left; font-weight: 500; margin-bottom: 15px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write {border: 0;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li {padding: 5px 0;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .tit {font-size: 16px; /* width: 30%; */ width: 120px;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .tit.s {font-size: 15px; color: #666;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con {/* width: 70%; */ width: calc(100% - 120px);}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li input, .rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li select {width: 100%;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .w23p {float: left; width: 23.5%; margin-right: 2%;}
.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .w23p:last-child {margin-right: 0;}
.rsvn-wrap .rsvn-list p {font-size: 14px; text-align: left; color: #323232; line-height: 1.6em;}
.rsvn-wrap .rsvn-list p.mgt {margin-top: 10px;}
.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap {margin-top: 20px;}
.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {width: 160px; height: 57px; text-align: center; font-size: 15px; cursor: pointer; margin: 0 2px;}
.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt.bt-up {display: none;}
.rsvn-wrap .rsvn-list .room-list {margin-top: 20px; border: 1px solid #eaeaea; display: none;}
.rsvn-wrap .rsvn-list .room-list ul li {display: table; width: 100%; border-bottom: 1px solid #eaeaea; background: #fbfbfb; padding: 0 25px;}
.rsvn-wrap .rsvn-list .room-list ul li:last-child {border-bottom: 0;}
.rsvn-wrap .rsvn-list .room-list ul li .cell {display: table-cell; height: 64px; vertical-align: middle; color: #323232;}
.rsvn-wrap .rsvn-list .room-list ul li .name {text-align: left;}
.rsvn-wrap .rsvn-list .room-list ul li .price {width: 170px;}
.rsvn-wrap .rsvn-list .room-list ul li .price .prevPrice {color: #a2a2a2; text-decoration: line-through; margin-right: 10px;}
.rsvn-wrap .rsvn-list .room-list ul li .button {width: 105px;}
.rsvn-wrap .rsvn-list .room-list ul li .button .bt {width: 100%; height: 35px; line-height: 35px; font-size: 13px;}
.rsvn2Bt {display: none;}
.rsvn-policy {margin-top: 20px; padding: 20px 25px;}
.rsvn-policy.bd {border: 4px solid #69bbb4;}
.rsvn-policy > ul {overflow: hidden;}
.rsvn-policy > ul > li { margin-bottom: 20px;}
.rsvn-policy > ul > li:nth-child(2n) {margin-right: 0;}
.rsvn-policy > ul > li:last-child, .rsvn-policy > ul > li:nth-last-child(2) {margin-bottom: 0;}
.rsvn-policy h4 {font-size: 16px; margin-bottom: 15px;}
.rsvn-policy .policy-box {height: 130px; border: 1px solid #ccc; padding: 10px; overflow-y: auto;}
.rsvn-policy .policy-box .privacy .privacy_header {display: none;}
.rsvn-policy .policy-box .privacy .privacy_content {margin-top: 0; border-top: 0;}
.rsvn-policy .policy-box .privacy .privacy_content .item:first-child {margin-top: 0;}
.rsvn-policy .agree-wrap {text-align: left; margin-top: 6px;}
.rsvn-policy .agree-wrap .radio {margin-right: 20px;}
.rsvn-policy .Allagree:after{content: ""; display:block; clear:both;}
.rsvn-policy .Allagree h4 {display: inline-block; float:left;}
.rsvn-policy .Allagree .checkbox {float:right;}
.rsvn-policy .agree-wrap .tit {color: #3b4859; width: 80px;}

.privacy-wrap .agree-wrap .tit {color: #3b4859; width: 80px; font-size: 15px;}

.rsvn-info-box {background: #fff; padding: 50px 0; border: 5px solid #69bbb4; margin-bottom: 30px;}
.rsvn-info-box .title {margin-bottom: 60px;}
.rsvn-info-box .title .ic {margin-bottom: 15px;}
.rsvn-info-box .title .ic-complete {width: 48px; height: 47px; background: url(/UtopUblessNew_common/images/homepage/board/completed2.png) no-repeat;}
.rsvn-info-box h3 {font-size: 30px; color: #323232; font-weight: 500; letter-spacing: -0.8px;}
.rsvn-info-box .rsvn-grid {}
.rsvn-info-box .rsvn-grid ul li .tit {font-size: 17px; color: #999;}
.rsvn-info-box .rsvn-grid ul li .con {font-size: 18px; word-break: break-all;}

@media screen and (max-width: 1200px) {
	
	.rsvn-wrap .rsvn-list.pd {padding: 20px 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {/* width: 400px; */}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option {width: 330px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option p {font-size: 18px;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {width: 120px; height: 50px; line-height: 48px; font-size: 14px;}
	
	.rsvn-info-box .rsvn-grid ul li .tit {font-size: 15px;}
	.rsvn-info-box .rsvn-grid ul li .con {font-size: 16px;}
}

@media screen and (min-width: 1025px) {
	.rsvn-info-box .rsvn-grid ul {display: table; width: 100%; table-layout: fixed;}
	.rsvn-info-box .rsvn-grid ul li {display: table-cell; border-right: 1px solid #dfdfdf; vertical-align: top;}
	.rsvn-info-box .rsvn-grid ul li:last-child {border-right: 0;}
	.rsvn-info-box .rsvn-grid ul li .tit {display: block; font-size: 17px; color: #999;}
	.rsvn-info-box .rsvn-grid ul li .con {display: block; font-size: 18px; word-break: break-all;}
}
	
@media screen and (max-width: 1024px) {
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {width: 200px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {/* width: 300px; */ padding-left: 20px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info .roomName {font-size: 18px; margin-bottom: 8px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {width: 220px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .nextPrice {font-size: 27px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option {width: auto;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.counter {width: 120px;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {width: 100px; height: 45px; line-height: 44px;}
	
	.rsvn-info-box {padding: 45px 0 30px;}
	.rsvn-info-box .title {margin-bottom: 40px;}
	.rsvn-info-box .title .ic-complete {margin-bottom: 10px;}
	.rsvn-info-box h3 {font-size: 23px;}
	.rsvn-info-box .rsvn-grid {padding: 0 6%;}
	.rsvn-info-box .rsvn-grid ul {border-top: 1px solid #dfdfdf; padding-top: 25px;}
	.rsvn-info-box .rsvn-grid ul li {display: table; text-align: left; margin-bottom: 10px;}
	.rsvn-info-box .rsvn-grid ul li:lash-child {margin-bottom: 0;}
	.rsvn-info-box .rsvn-grid ul li .tit {display: table-cell; width: 100px; vertical-align: top;}
	.rsvn-info-box .rsvn-grid ul li .con {display: table-cell; vertical-align: top; font-size: 15px;}
	
	.rsvn-policy h4 {margin-bottom: 8px;}
	.rsvn-policy > ul > li {float: none; width: 100%; margin-right: 0; margin-bottom: 15px;}
	.rsvn-policy > ul > li:last-child, .rsvn-policy > ul > li:nth-last-child(2) {margin-bottom: 10px;}
	.rsvn-policy > ul > li:last-child {margin-bottom: 0;}
	.rsvn-policy .agree-wrap {margin-top: 0;}
}

@media screen and (min-width: 769px) {		
	.rsvn-wrap .rsvn-list .rsvn-content.form-list {table-layout: fixed;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell {padding: 0 35px; border-right: 1px solid #eaeaea;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:first-child {padding-left: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:last-child {padding-right: 0; border-right: 0;}
}

@media screen and (max-width: 768px) {
	.rsvn-wrap .rsvn-list .rsvn-content.mBlock {display: block; text-align: left;}
	.rsvn-wrap .rsvn-list .rsvn-content.mBlock .cell {display: block;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell {/* margin-bottom: 15px; */}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:last-child {margin-bottom: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content.form-list .cell:not(:first-child) .form-wrap h5 {margin-top: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info, .rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {display: inline-block;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {width: 100%; margin-bottom: 20px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap img {width: 100%;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info {width: calc(100% - 230px); padding-left: 0;}
	
	.rsvn-wrap .rsvn-list .room-list ul li {padding: 0 15px;}
	.rsvn-wrap .rsvn-list .room-list ul li .button {width: 80px;}
}

@media screen and (max-width: 640px) {
	.rsvn-wrap {margin-bottom: 30px;}
	.rsvn-wrap .rsvn-list {padding: 10px 10px 15px;}
	.rsvn-wrap .rsvn-list.pd {padding: 14px 0;}
	.rsvn-wrap .rsvn-list.bd {padding: 8px 8px 13px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.img-wrap {margin-bottom: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info, .rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {display: block; width: 100%;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info .roomName {font-size: 16px; margin-bottom: 5px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-info ul li {line-height: 1.5em;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.option p {font-size: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price {margin-top: 12px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice {margin-bottom: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .prevPrice {font-size: 15px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell.room-price .roomPrice .nextPrice {font-size: 24px;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap {overflow: hidden;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt {float: left; width: 49%; margin: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .bt-wrap .bt:first-child {margin-right: 2%;}
	.rsvn-wrap .rsvn-list .room-list ul li .cell {height: 58px;}
	.rsvn-wrap .rsvn-list .room-list ul li .price {display: none;}
	.rsvn-wrap .rsvn-list .room-list ul li .button {width: 70px;}
}

@media screen and (max-width: 470px) {
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap h5 {font-size: 15.5px; margin-bottom: 8px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .tit {font-size: 14px; width: 95px;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con {width: calc(100% - 95px);}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con .w23p {width: 49%;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con .w23p:nth-child(2n) {margin-right: 0;}
	.rsvn-wrap .rsvn-list .rsvn-content .cell .form-wrap .qna-write li .con .w23p:nth-child(n+3) {margin-top: 5px;}
	.rsvn-wrap .rsvn-list p {font-size: 13px;}
	.rsvn-policy {padding: 18px 15px;}
	.rsvn-policy.bd {border-width: 3px;}
	.rsvn-policy h4 {font-size: 14px;}
	.rsvn-policy .policy-box {padding: 0;}
	
	.rsvn-info-box {padding: 32px 0 20px;}
	.rsvn-info-box .title {margin-bottom: 25px;}
	.rsvn-info-box .title .ic-complete {width: 36px; height: 35px; background-size: 36px 35px;}
	.rsvn-info-box h3 {font-size: 19px;}
	.rsvn-info-box .rsvn-grid ul {padding-top: 22px;}
	.rsvn-info-box .rsvn-grid ul li .tit {width: 75px; font-size: 14px;}
	.rsvn-info-box .rsvn-grid ul li .con {font-size: 14px;}
}

.grid-wrap {width: 100%; margin-top: 60px; display: table;}
.grid-wrap .grid-cell {display: table-cell; vertical-align: top;}
.grid-wrap .grid-cell.w300 {width: 300px;}
.grid-wrap .grid-cell .mypage-form {margin-right: 20px;}
.rsvnInfo {background: #fff; border: 1px solid #858787; border-top: 4px solid #26252b;}
.rsvnInfo .title {overflow: hidden; padding: 20px; border-bottom: 1px solid #8e9090;}
.rsvnInfo .title h3 {font-size: 20px; color: #323232; float: left; font-weight: 500;}
.rsvnInfo .title .bt {float: right; border: 1px solid #7ccac3; color: #69bbb4; font-size: 12px; height: 32px; padding: 0 10px; background: #fff; border-radius: 20px;}
.rsvnInfo .contents {padding: 0 20px; border-bottom: 1px solid #8e9090;}
.rsvnInfo .contents:last-child {border-bottom: 0;}
.rsvnInfo .contents.pd {padding: 15px 20px;}
.rsvnInfo .contents .con-group {padding: 18px 0; border-bottom: 1px solid #dfdfdf;}
.rsvnInfo .contents .con-group:last-child {border-bottom: 0;}
.rsvnInfo .contents .rsvn-detail:not(:last-child) {margin-bottom: 20px;}
.rsvnInfo .contents h4 {font-size: 15px; font-weight: 500; color: #333; text-align: left; margin-bottom: 10px;}
.rsvnInfo .contents h4.hotelName {text-align: right; font-size: 16px;}
.mypage-form .rsvnInfo .contents h4.hotelName {color: #46b0a7;}
.rsvnInfo .contents .rsvn-info-list {}
.rsvnInfo .contents .rsvn-info-list li {text-align: left; display: table; width: 100%; font-size: 14px; margin: 5px 0;}
.rsvnInfo .contents .rsvn-info-list li .tit, .grid-wrap .grid-cell .rsvnInfo .contents .rsvn-info-list li .con {display: table-cell; vertical-align: top;}
.rsvnInfo .contents .rsvn-info-list li.vertical-middle .tit, .grid-wrap .grid-cell .rsvnInfo .contents .rsvn-info-list li.vertical-middle .con {vertical-align: middle;}
.rsvnInfo .contents .rsvn-info-list li .tit {color: #666; width: 80px;}
.rsvnInfo .contents .rsvn-info-list li .tit.option {width: auto;}
.rsvnInfo .contents .rsvn-info-list li .tit h4 {margin-bottom: 0;}
.rsvnInfo .contents .rsvn-info-list li .con {text-align: right; color: #444;}
.rsvnInfo .contents .rsvn-info-list li .con.price {width: 85px;}
.rsvnInfo .contents .rsvn-info-list li .con .total-price {font-size: 20px; color: #323232;}
.rsvnInfo .contents .rsvn-info-list li .con .total-price strong {font-size: 30px;}
.rsvnInfo .contents .imp {font-weight: 700; color: #46b0a7; font-size: 16px;}
.rsvnInfo .contents .img-wrap {margin-bottom: 8px; text-align: right;}

.grid-wrap .grid-cell > .bt-wrap {margin-top: 15px;}
.grid-wrap .grid-cell > .bt-wrap .bt {width: 180px; height: 60px; font-weight: 700; font-size: 18px;}
.grid-wrap .grid-cell > .bt-wrap .bt.prev {background: #fff url(/UtopUblessNew_common/images/homepage/common/arrow_l_05.png) 15px center no-repeat; padding-left: 5px; padding-bottom: 3px;}
.grid-wrap .grid-cell .bt-wrap.w100 .bt {width: 100%; height: 60px; font-size: 18px; margin-bottom: 10px;}
.grid-wrap .grid-cell .bt-wrap.w100 .bt.mem {height: 80px; font-size: 20px;}


@media screen and (min-width: 1025px) {
	.mypage-form .rsvnInfo {border: 0;}
	.mypage-form .rsvnInfo .title {padding: 0;}
	.mypage-form .rsvnInfo .title h3 {margin-bottom: 12px;}
	.mypage-form .rsvnInfo .contents {display: table; width: 100%; table-layout: fixed; padding: 0; border-collapse: collapse;}
	.mypage-form .rsvnInfo .contents .con-group {display: table-cell; border: 1px solid #dfdfdf; border-top: 3px solid #26252b; padding: 25px;}
	.mypage-form .rsvnInfo .contents .con-group.totalPrice {position: relative;}
	.mypage-form .rsvnInfo .contents .con-group.totalPrice .bottomFixed {position: absolute; width: 100%; height: 110px; bottom: 0; left: 0; background: #fafafa; border-top: 1px solid #eaeaea; padding: 20px 25px;}
	.mypage-form .rsvnInfo .contents h4.hotelName {font-size: 19px;}
	.mypage-form .rsvnInfo .contents .rsvn-info-list li {margin: 10px 0;}
		
	.grid-wrap .grid-cell .rsvnInfo {width: 300px;}	
}

@media screen and (max-width: 1024px) {
	.mypage-form .rsvnInfo .contents .con-group.totalPrice .bottomFixed {margin: 0 -20px; padding: 20px 20px 0; border-top: 1px solid #8e9090;}
	
	.grid-wrap, .grid-wrap .grid-cell {display: block;}
	.grid-wrap {margin-top: 40px;}
	.grid-wrap .grid-cell {margin-bottom: 25px;}
	.grid-wrap .grid-cell.w300 {width: 100%;}
	.grid-wrap .grid-cell .mypage-form {margin-right: 0;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt {font-size: 16px; height: 50px;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt.mem {font-size: 18px; height: 65px;}
}

@media screen and (max-width: 640px) {
	.rsvnInfo .title {padding: 15px 20px;}
	.rsvnInfo .title h3 {font-size: 17px;}
	.rsvnInfo .contents .con-group {padding: 15px 0;}
	.rsvnInfo .contents .img-wrap {margin-top: 10px;}
	.rsvnInfo .contents .img-wrap img {width: 100%;}
	.rsvnInfo .contents .rsvn-info-list li .con .total-price {font-size: 17px;}
	.rsvnInfo .contents .rsvn-info-list li .con .total-price strong {font-size: 23px;}
	
	.grid-wrap {margin-top: 20px;}
	.grid-wrap .grid-cell > .bt-wrap .bt {width: 120px; height: 45px; font-size: 15px;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt {height: 45px; font-size: 15px;}
	.grid-wrap .grid-cell .bt-wrap.w100 .bt.mem {height: 55px; font-size: 16px;}
}


/* rsvn paging */
.pagination {display: inline-block; margin-top: 45px;}
.pagination strong {float: left; margin: 0 3px; width: 36px; height: 35px; display: inline-block; text-indent: -9999px;}
.pagination strong.first {background: url(/UtopUblessNew_common/images/homepage/board/paging_first.png) no-repeat;}
.pagination strong.prev {background: url(/UtopUblessNew_common/images/homepage/board/paging_prev.png) no-repeat; margin-right: 20px;}
.pagination strong.next {background: url(/UtopUblessNew_common/images/homepage/board/paging_next.png) no-repeat; margin-left: 20px;}
.pagination strong.last {background: url(/UtopUblessNew_common/images/homepage/board/paging_last.png) no-repeat;}
.pagination a {float: left; width: 36px; height: 35px; display: inline-block; line-height: 32px;}
.pagination a.thisPage {border: 1px solid #989898; font-weight: bold;}


.editor-form .img-wrap-main {width: 100%; height: 300px; display: table; border: 1px dotted #d7d7d7; text-align: center; color: #999; margin-bottom: 30px;}
.editor-form .img-wrap-main .middle {display: table-cell; vertical-align: middle; width: 100%;}
.editor-form .text-form {margin-bottom: 30px;}
.editor-form .text-form h2 {font-size: 26px; font-weight: 500; margin-bottom: 20px;}
.editor-form .text-form p {font-size: 16px; line-height: 1.7em;}
.editor-form .img-text-wrap {margin-bottom: 30px;}
.editor-form .img-text-wrap .img-text {display: table; width: 100%; padding: 15px 0; border-bottom: 1px dotted #d7d7d7;}
.editor-form .img-text-wrap .img-text:last-child {border-bottom: 0;}
.editor-form .img-text-wrap .img-text .img {display: table-cell; width: 250px; border: 1px dotted #d7d7d7; text-align: center; vertical-align: middle; color: #999;}
.editor-form .img-text-wrap .img-text .text {display: table-cell; padding-left: 60px;}
.editor-form .img-text-wrap .img-text .text ul li {padding: 5px 0; border-bottom: 1px dotted #d7d7d7;}
.editor-form .img-text-wrap .img-text .text ul li input {width: 100%;}
.editor-form .info-list {}
.editor-form .info-list h4 {border-bottom: 1px solid #444; margin-bottom: 10px;}
.editor-form .info-list h4 .tit {color: #fff; background: #444; padding: 5px 30px;}
.editor-form .info-list ul li {position: relative; padding: 5px 0; padding-left: 12px;}
.editor-form .info-list ul li:before {content: ''; position: absolute; left: 0; top: 15px; width: 4px; height: 4px; background: #c6c6c6;}
.editor-form .info-list ul li input {width: 100%;}


@media screen and (max-width: 768px) {
	.editor-form .img-wrap-main {height: 200px;}
	.editor-form .img-text-wrap .img-text .img {width: 210px;}
	.editor-form .img-text-wrap .img-text .text {padding-left: 40px;}
}

@media screen and (max-width: 470px) {
	.editor-form .img-wrap-main {height: 150px;}
	.editor-form .img-text-wrap .img-text {display: block; border-bottom: 0;}
	.editor-form .img-text-wrap .img-text .img {display: table; width: 100%; height: 90px; margin-bottom: 7px;}
	.editor-form .img-text-wrap .img-text .img .middle {display: table-cell; vertical-align: middle; width: 100%;}
	.editor-form .img-text-wrap .img-text .text {display: block; width: 100%; padding-left: 0;}
}