@charset "utf-8";

/* --------------------------------------------
 * 브라우저 스타일 동기화 스타일
/* ------------------------------------------ */
button,fieldset,iframe,img{border:0}
a,a:hover{text-decoration:none}
body,html{width:100%;height:100%}
html{overflow-x:auto;overflow-y:scroll}
body,button,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,input,label,legend,li,ol,p,textarea,ul{margin:0;padding:0;font-weight:400;font-family:Malgun Gothic,돋움,dotum,Helvetica,sans-serif}
body{background:#fff;text-align:left;font-size:12px;-ms-word-break:break-all}
caption{display:none;}
li{list-style:none}
button,input,select{vertical-align:middle}
img{vertical-align:top}
address,em,i{font-style:normal}
button,label{cursor:pointer}
button{margin:0;padding:0}
a{color:#6b6254}
a:hover{color:#333}
button *{position:relative;overflow:hidden}
button img{left:-3px}
html:first-child select{height:26px;padding-right:6px}
option{padding-right:6px}
hr{visibility:hidden}
table{border-collapse:collapse;border-spacing:0}
address,article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
/* --------------------------------------------
 * 크롬프레임 스타일
/* ------------------------------------------ */
.hidden,.invisible{visibility:hidden}
.chromeframe{position:fixed;top:5px;right:5px;width:480px;margin:.2em 0;border:1px solid #cfcfcf;padding:.4em;background:#efefef;color:#2f2f2f;font-size:.8em;line-height:1.5}
.acc-hidden,.hidden{width:1px;font-size:0}
.ir{overflow:hidden;text-indent:-9999em}
.hidden{height:1px;line-height:0;overflow:hidden}
.acc-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;color:#fff}
.acc-hidden.focusable:active,.acc-hidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
/*! float 적용 요소 감싸는 클래스 - clearfix */
.cf:after,.cf:before{content:" ";display:table}
.cf:after{clear:both}
/* --------------------------------------------
 * BODY scrollbar
/* ------------------------------------------ */
body,html{scrollbar-3dlight-color:#e6e6e6;scrollbar-arrow-color:#7E7E7E;scrollbar-track-color:#FFF;scrollbar-darkshadow-color:#FFF;scrollbar-face-color:#FFF;scrollbar-highlight-color:#FFF;scrollbar-shadow-color:#e6e6e6}
/* --------------------------------------------
 * loading Box
/* ------------------------------------------ */
.loadingBg,.loadingWrap{height:100%;left:0;top:0}
.loadingWrap{position:fixed;width:100%;z-index:9999;display:none}
.loadingBg{background:#fff;filter:alpha(opacity=50, FinishOpacity=0, Style=0);-moz-opacity:.5;opacity:.5;position:absolute;width:100%}
.loading{border:1px solid #BBA07C;margin-left:-500px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#f2f2f2 0,#fcfcfc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f2f2f2),color-stop(100%,#fcfcfc));background:-webkit-linear-gradient(top,#f2f2f2 0,#fcfcfc 100%);background:-o-linear-gradient(top,#f2f2f2 0,#fcfcfc 100%);background:-ms-linear-gradient(top,#f2f2f2 0,#fcfcfc 100%);background:linear-gradient(to bottom,#f2f2f2 0,#fcfcfc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fcfcfc', GradientType=0 );position:fixed;top:-1px;left:50%;width:1000px;height:51px;line-height:50px;z-index:9999;text-align:center}
.loading p{color:#525252;font-weight:700;letter-spacing:-.03em}
/* --------------------------------------------
 * FORM
/* ------------------------------------------ */
input,select,textarea{font-size:12px}
select,textarea{border:1px solid #cac5c4}
select{color:#8f887c}
input{height:14px;padding:2px;border:1px solid #abadb3;line-height:16px;vertical-align:middle}
textarea{color:#8f887c;line-height:15px;padding:5px;background-color:#fff}
input.check,input.radio{height:12px;border:0 solid #cbcbcb;vertical-align:middle}
input[type=text],input[type=password]{color:#8f887c;border:1px solid #cac5c4;line-height:1;vertical-align:middle}
input[type=checkbox]{border:none;vertical-align:middle}
/* --------------------------------------------
 * 공통
/* ------------------------------------------ */
/*! 이미지 대체 기법 */
.acc-hidden,.hidden{height:1px;width:1px}
.acc-hidden,.hidden,.ir{overflow:hidden}
.hidden,.invisible{visibility:hidden}
.ir{text-indent:-9999em}
/*! 스크린리더/브라우저에서 모두 감추기 */
.hidden{font-size:0;line-height:0}
/*! 스크린리더에서는 읽기 가능 */
.acc-hidden{border:0;clip:rect(0 0 0 0);margin:-1px;padding:0;position:absolute}
/*! 스크린리더에서는 읽기 가능 + 포커스 적용 */
.acc-hidden.focusable:active,.acc-hidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
/*! 화면에서는 안 보이지만, 레이아웃 공간 적용 */
/*! float 적용 요소 감싸는 클래스 - clearfix */
.clear:after{content:'';display:block;clear:both}
div.noData{padding:50px 0;text-align:center}
.tf_14{font-size:14px;}/*text font size*/
.tw_b{font-weight:bold;}/*text weight*/
.tc_333{color:#333;}/*text color*/
.tc_7d{color:#7d7d7d;}
.mt_30p{margin-top:30px;}
/** BOOKING **/
.bookArea-wrap {width: 100%; background: none; position: absolute; top: 67%;}
#bookArea {background: none; width: 980px;}
#bookArea .bookIns ul {padding: 0;}
#bookArea .bookIns input {border: 1px solid rgb(169, 169, 169) !important; box-sizing: border-box;}
#bookArea .bookIns .innerBox.sel select {border: 1px solid rgb(169, 169, 169);}
#bookArea .bookIns .fb_rsvn button {background: #ba914a;}
.date-picker-wrapper .select-wrapper .select select {height: 40px!important;}
/* --------------------------------------------
 * skip
/* ------------------------------------------ */
#skin a{ display: block; width:1px; height:1px; overflow: hidden; position:absolute; top:-1px; z-index:1000;  }
#skin a:focus, #skin a:active{ width: 100%; height:auto; text-align: center; font-weight:bold;  padding: 10px 0px; background:#fff;}
/* --------------------------------------------
 * layout
/* ------------------------------------------ */
#wrap,.footer_wrap .footer,.header_wrap,.section_area,.section_wrap{position:relative}
#wrap{width:100%;height:100%;margin:0 auto}
.header_wrap{height:143px;margin:0 auto;z-index:100;background:url(../../../images/homepage/KOR/common/bg_header.png)repeat-x}
.header_wrap .header{width:980px;height:140px;position:relative;margin:0 auto;text-align:left;background:url(../../../images/homepage/KOR/common/bg_header980.png)no-repeat}
.section_wrap{width:100%;top:-3px;padding-top:3px}
.section_area{width:980px;top:-3px;margin:0 auto}
.footer_wrap{width:100%;margin-top:-6px;border-top:1px solid #dddad7;z-index:200}
.footer_wrap .footer{position:relative;width:980px;height:110px;margin:0 auto;background:#fff;padding-top:38px}
/* --------------------------------------------
 * header
/* ------------------------------------------ */
.header .logo a{display:block;text-indent:-99999px}
.header .logo a{width:200px;height:90px;margin:auto;text-align:center;background:url(../../../images/homepage/KOR/common/logo.png)50% 50% no-repeat}
.lnb{position:absolute;top:20px;right:0px;z-index:2;}
.lnb_ul{position:absolute;top:0;right:138px;width:300px;}
.lnb_ul li{float:right}
.lnb_ul li a{margin-left:10px;font-size:11px;font-weight:bold;color:#bdaa9c;text-transform:uppercase}
.Language{position:absolute;top:0px;right:0;width:118px;cousor:pointer;z-index:100}
.Language h3{height:20px;line-height:22px;padding-left:10px;border:1px solid #eee;background:#eee url(../../../images/homepage/KOR/common/ico_arrow_familySite.png) 105px 50% no-repeat;font-size:10px;color:#4e4d4d;}
ul.langList{display:none;width:118px; overflow:hidden;position:absolute;top:34px;right:0;padding:5px 0; border-top: solid #000 1px;   background-color:#eee}
ul.langList li{margin-left:0!important;float:none;    width: 118px;}
ul.langList li a{display:block;padding:5px 10px;font-size:10px; color: #563924;width:100px;text-shadow:0!important;font-weight:bold; }
ul.langList li a:hover, ul.langList li a:focus{ background-color: #5E554C;color:#fff!important;text-shadow:0!important; }

/* --------------------------------------------
 * main 비쥬얼
/* ------------------------------------------ */
#vitual_bg{width:100%;height:603px;position:absolute;top:0;left:0}
/* --------------------------------------------
 * gnb
/* ------------------------------------------ */
nav ul:after {
    content: ""; clear: both; display: block;
}
.header h1{z-index:102;}
.gnb{clear:both;position:absolute;left:50%;top:92px;margin-left:-490px;width:980px;height:48px;overflow:hidden;background:url(../../../images/homepage/KOR/common/gnb_bg_bar.png)no-repeat}
.gnb > ul > li{float:left;width:16.6666%}
.gnb > ul > li > a{display:block;padding:19px 0 17px;background:url(../../../images/homepage/KOR/common/gnb_line.png) 100% 22px no-repeat;font-family:'Tinos';font-size:11px;font-weight:bold;color:#fff;text-align:center}
.gnb > ul > li > a:hover, .gnb > ul > li > a:focus, .gnb > ul > li > a.onhover{color:#ba914a}
.gnb > ul > li:last-child > a{background:none}
.gnb > ul > li > dl{height:300px;margin-right:-1px;padding:10px;border:1px solid #e0e0e0;background-color:#fff}
.gnb > ul > li > dl:hover, .gnb > ul > li > dl:focus{background-color:#e2e2e2}
.gnb > ul > li > dl > dt{margin-bottom:5px;padding:0 0 10px;background:url(../../../images/homepage/KOR/common/dtPattern.gif) 0 100% repeat-x;font-size:14px;font-weight:bold;color:#53504d}
.gnb > ul > li > dl > dd{padding:2px 0}
/* --------------------------------------------
 * footer
/* ------------------------------------------ */
.footerLogo{width:74px;height:24px;text-indent:-99999px;position:absolute;top:38px;left:33px;background:url(../../../images/homepage/KOR/common/logo_copy.png)no-repeat}
div.familySite{position:absolute; padding:0 10px; right:0; top:35px; width:133px; height:25px; text-align:left; cursor:pointer; background:#655b51 }
div.familySite h3{line-height:25px; font-size:11px; font-weight:bold; color:#fff;}
div.familySite h3 a{color:#fff; font-weight:normal;}
div.familySite h3:after{content:'+'; position:absolute; right:10px;}
div.familySite ul.list{display:none; position:absolute; bottom:25px; left:0; background:#655b51; width:153px; padding:3px 0 0;}
div.familySite ul.list li{padding:3px 7px; text-align:left; font-size:11px;}
div.familySite ul.list li a{color:#fff;}
div.familySite ul.list li:hover{background:#dddad7}
div.familySite ul.list li:hover a{color:#333;}


/***************
TAB menu
***************/
#tabMenu{width:100%; text-align:center;}
#tabMenu ul{/* border-top:1px solid #eaeaea; */ margin-bottom:23px;}
#tabMenu ul:after{content:''; clear:both; display:block}
#tabMenu ul.b33 li{float:left; width:25%;}
#tabMenu ul li a{white-space:nowrap; font-weight:300; color:#666; margin:0 0 -1px -1px; border:1px solid #eaeaea; /* border-bottom:1px solid #eaeaea; */ font-size:14px; line-height:35px; display:block; background:#fff}
#tabMenu ul li:first-child a{border-left:1px solid #eaeaea;}
#tabMenu ul li.active a{background:#6b5e4e; color:#fff;}



/* --------------------------------------------
 * guideMenu
/* ------------------------------------------ */
.guideMenu{position:relative;width:auto;margin:-7px 0 10px 5px}
.guideMenu li{display:inline-block}
.guideMenu li span.line{display:inline-block;width:1px;height:9px;margin:0 5px 0 8px;background-color:#a9a9a9;vertical-align:middle}
.guideMenu li a{display:inline-block;font-size:12px;font-weight:bold;color:#575757;letter-spacing:-0.5px}
.guideMenu li a strong{color:#000}
/* --------------------------------------------
 * address
/* ------------------------------------------ */
.address{width:auto;margin-left:5px;margin-top:8px;line-height:160%;font-size:11px;font-weight:bold;color:#949494;letter-spacing:-0.5px}
p.copyright{width:auto;margin-left:5px;margin-top:3px;font-size:11px;color:#949494;text-transform:uppercase;letter-spacing:-0.5px}
/* --------------------------------------------
 * 메인
/* ------------------------------------------ */
.main_event .more,.main_event h2,.main_rooms .more,.main_rooms h2{position:absolute;left:0}
.main_event_art h3 a,.main_news ul a{white-space:nowrap;text-overflow:ellipsis}
.main_event,.main_news,.main_news ul a,.main_rooms,.paging{overflow:hidden}
.section_target{z-index:999;position:absolute;bottom:0;left:0;width:980px;height:60px;overflow:hidden;background:url(../../../images/homepage/KOR/main/main.png)0 -79px no-repeat}
.section_target .noData{margin:40px 0 0 100px;padding:20px 0;border:1px dotted #d1c4b3;background-color:#f0ece8;border-radius:3px;font-size:11px;color:#666;text-align:center}
.main_event,.main_news,.main_rooms{position:relative}
.main_event{width:280px;height:100px;float:left;margin:26px 0 0 22px}
.main_rooms{width:276px;height:100px;float:left;margin:26px 0 0 48px}
.main_news{width:270px;height:103px;float:left;margin:23px 0 0 56px}
.main_event h2{width:97px;height:36px;top:0;text-indent:-99999px;background:url(../../../images/homepage/KOR/main/main.png)no-repeat}
.main_event .arrow{width:20px;height:30px;display:block;margin-left:270px;margin-top:10px;background:url(../../../images/homepage/KOR/main/main.png)-500px 0 no-repeat}
.main_event .more{width:35px;height:20px;top:43px;text-indent:-99999px;background:url(../../../images/homepage/KOR/main/main.png)0 -41px no-repeat}
.main_event_art{margin-left:97px}
.main_event_art h3{font-size:12px;margin-top:10px}
.main_event_art h3 a{width:176px;height:18px;display:block;overflow:hidden}
.main_event_art p{color:#ba914a}
.main_rooms h2{width:97px;height:15px;top:0;text-indent:-99999px;background:url(../../../images/homepage/KOR/main/main.png)-150px 0 no-repeat}
.main_rooms .arrow{width:20px;height:30px;display:block;margin-left:265px;margin-top:10px;background:url(../../../images/homepage/KOR/main/main.png)-500px 0 no-repeat}
.main_rooms .more{width:70px;height:20px;top:24px;text-indent:-99999px;background:url(../../../images/homepage/KOR/main/main.png)-150px -41px no-repeat}
.main_rooms_img{margin-left:85px}
.main_rooms_img ul{padding-left:7px}
.main_rooms_img ul li{width:176px;float:left;position:relative}
.main_news .more,.main_news h2,.paging{left:0;position:absolute}
.main_rooms_img ul li a:first-child{left:0}
.main_rooms_img ul li a span{width:auto;position:absolute;bottom:3px;left:4px;font-weight:700;color:#fff;font-size:11px;text-shadow:#000 1px 1px 1px;}
.paging{width:97px;height:17px;bottom:0}
.paging button{width:14px;height:17px;float:left;margin-right:4px}
.paging button *{text-indent:-9999em}
.paging .btn span{width:14px;height:17px;display:block;background:url(../../../images/homepage/KOR/main/main.png)-600px 0 no-repeat}
.paging .prev span{background-position:-600px -19px}
.paging .next span{background-position:-618px -19px}
.paging .prev.disabled span{background-position:-600px 0!important}
.paging .next.disabled span{background-position:-618px 0!important}
.paging .location{padding-left:5px}
.paging .location .index{color:#3c3c3c;font-weight:700;margin-right:2px}
.paging .location .total{color:#727272}
.main_news h2{width:97px;height:15px;top:2px;text-indent:-99999px;background:url(../../../images/homepage/KOR/main/main.png)-300px 0 no-repeat}
.main_news .more{width:70px;height:20px;top:24px;text-indent:-99999px;background:url(../../../images/homepage/KOR/main/main.png)0 -41px no-repeat}
.main_news ul{margin-top:-2px;margin-left:72px;line-height:14px}
.main_news ul a{font-size:11px;font-weight:400;display:block;color:#6b6254;padding-left:7px;background:url(../../../images/homepage/KOR/main/main.png)-980px 7px no-repeat}
.main_news ul a i{width:6px;height:6px;margin-top:3px;margin-left:4px;vertical-align:top;display:inline-block;text-indent:-99999px;background:url(../../../images/homepage/KOR/main/main.png)-450px 0 no-repeat}
.main_news ul span{font-size:11px;display:block;color:#ba914a;padding:3px 0 5px 8px}
/* --------------------------------------------
 * 공통
/* ------------------------------------------ */
.h600{height:600px}
.pL15{padding-left:15px}
.mR3{margin-right:3px}
.mB20{margin-bottom:20px}
/* --------------------------------------------
 * sub 가이드 공통 부분  
/* ------------------------------------------ */
.sub_bg{background:url(../../../images/homepage/KOR/common/sub_bg.gif)top left repeat-y}
.sub_container{width:980px;position:relative;padding-top:36px}
.sub_container:after{content:'';display:block;clear:both}
.snb{width:150px;float:left;padding:0 30px 100px 10px}
.content{width:750px;position:relative;float:left;padding:0 10px 100px 30px;min-height:500px;height:auto!important;height:100%}
input{height:15px}

.snb_h2{width:150px;height:41px;margin-bottom:20px;font-size:20px;color:#6a5342;text-align:right;letter-spacing:-2.02px}
.snb_h2 span.bullet{display:inline-block;width:6px;height:6px;margin:0 10px 0 0;background:url(../../../images/homepage/KOR/common/snb_h2_bullet.gif) no-repeat; vertical-align:top}
.snb_h2 span.eng{display:block;font-size:11px;color:#a9a391;text-align:right;letter-spacing:0}
.snb_ul li{text-align:right;border-bottom:1px solid #eaeaea}
.snb_ul li a{width:140px;display:block;line-height:26px;padding-right:10px}
.snb_ul li a.onhover,.snb_ul li a:hover{color:#fff;background:#ba914a}

div.content{float:right;width:750px;margin-top:25px;padding-bottom:100px}
div.path{text-align:right}
div.path span, div.path strong{display:inline-block;padding-left:25px;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/ico_path.png) 10px 50% no-repeat;font-size:11px;color:#9c9c9c;vertical-align:middle;text-transform:uppercase}
div.path span.home{width:11px;height:11px;padding:0;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/ico_home.png) no-repeat;text-indent:-9999px;text-align:left}
div.path strong{font-weight:normal;color:#606060}
div.content > h3{padding:15px 0;background:url(../../../images/homepage/KOR/common/bg_h3.gif) 0 100% repeat-x;font-size:27px;color:#333;text-transform:uppercase}
div.content > h3 span{    font-size: 18px;  color: #C5B08A;}

ul.menuName li{margin-bottom:8px;} 
ul.menuName li p{padding-left:10px;}
/* --------------------------------------------
 * 페이지 경로
/* ------------------------------------------ */
.location{position:absolute;top:-13px;right:10px;font-size:11px;color:#9c9c9c}
.location p{zoom:1}
.location p:after{content:'';display:block;clear:both}
.location p em,.location p span,.location p strong{float:left;display:block}
.location p strong{color:#606060}
.location p em{width:4px;height:12px;margin:0 5px;text-indent:-99999px;background:url(../../../images/homepage/KOR/common/common.png)-18px -185px no-repeat}
.i_home{width:12px;height:14px;text-indent:-99999px;background:url(../../../images/homepage/KOR/common/common.png)0 -188px no-repeat}
/* --------------------------------------------
 * 서브페이지 title
/* ------------------------------------------ */
.subTitleLine{position:relative;width:100%;height:41px;margin-bottom:20px;background:url(../../../images/homepage/KOR/common/bg_h3.gif) 0 100% repeat-x;}
.subTitleLine > h1{position:absolute;top:-10px;left:0;font-size:30px;color:#333}
/* --------------------------------------------
 * 객실
/* ------------------------------------------ */
.acc_location,.acc_paging button{width:29px;display:block;float:left}
.acc_location {width:35px;}
.acc_paging button,button.btn_prev_acc{background:url(../../../images/homepage/KOR/common/common.png)0 -206px no-repeat}
.ta_th_left td,.ta_th_left th{border-bottom:1px solid #d1d1d1}
.ta_th_left .table03 td{border-bottom:none; vertical-align:top; padding:8px 7px;}
.acco_photo{width:750px;height:337px;position:relative;margin-bottom:47px}
.acco_photo ul{width:750px;height:337px;overflow:hidden}
.acco_photo ul li{float:left}
.acc_paging{position:absolute;bottom:10px;right:10px;z-index:200}
.acc_location{margin-top:10px;color:#fff}
.acc_location span{vertical-align:bottom}
.acc_location span.total{color:#9e9e9e}
.acc_paging button{height:25px;text-indent:-9999em}
button.btn_prev_acc{margin-right:7px}
button.btn_next_acc{background:url(../../../images/homepage/KOR/common/common.png)0 -236px no-repeat}
.fam_ad{width:100%;height:48px;margin-bottom:10px;position:relative}
.fam_ad > p{margin-right:140px;font-size:15px;font-weight:bold;color:#ba774a;letter-spacing:-.5px;}
.fam_ad a{display:inline-block;width:59px;height:48px;position:absolute;top:0;right:0;overflow:hidden}
.fam_ad a span{width:59px;height:48px;display:block;background:url(../../../images/homepage/KOR/room/common.png)0 -96px no-repeat;text-indent:-9999px}
.fam_ad .btn_cad{right:67px}
.fam_ad .btn_res span{background-position:-65px -96px}
.fam_ad .btn_cad:hover span{background-position:0 -144px}
.fam_ad .btn_res:hover span{background-position:-65px -144px}
.ta_th_left{border-top:2px solid #d1d1d1;font-size:14px;line-height:150%; margin-top:30px;}
.ta_th_left th{width:200px;vertical-align:top;color:#505050;text-align:left;padding:17px 0;background:url(../../../images/homepage/KOR/common/th_bg.gif)}
.ta_th_left th>strong{padding-left:20px}
.ta_th_left td{padding:17px 20px;color:#7d7d7d}
.tdDivision{padding:0 !important;}
.tdDivision .insideTB{width:100%;}
.tdDivision .insideTB tr{height:40px;border-top:1px solid #d1d1d1;}
.tdDivision .insideTB tr:first-child{border-top:none;}
.tdDivision .insideTB th{width:135px;vertical-align:middle;font-weight:normal;color:#ba774a;text-align:left;padding:5px 0px 5px 20px;background-color:none;background-image:none;border-bottom:none;border-right:1px solid #d1d1d1;}
.tdDivision .insideTB td{padding:5px 5px 5px 20px;color:#7d7d7d;border:none;}
.room_amenity{}
.room_amenity li{padding: 2px 0 2px 11px;background: url(../../../images/homepage/KOR/common/bullet1.png) 0 11px no-repeat;font-size: 14px;color: #7d7d7d;}
.room_amenity li:last-child {color:#ba774a;}
/* --------------------------------------------
 * 객실 예약 (이전스타일)  
/* ------------------------------------------ */
.h2_res01,.h2info_box{position:relative}
.h2_res01,.h2_res02{color:#505050;padding-bottom:5px;padding-left:12px;font-size:13px}
.h2_res01,.h2_res02,.h2_res02 label{font-weight:700}
.common_area>h1{width:100%;height:105px;text-indent:-9999px;margin-bottom:30px;background:url(../../../images/homepage/KOR/reserve/reserve.png)no-repeat}
.common_area .h1_res01{background-position:0 0}
.common_area .h1_res02{background-position:0 -120px}
.common_area .h1_res03{background-position:0 -240px}
.h2_res01,.h2_res02{background:url(../../../images/homepage/KOR/reserve/reserve.png)-742px -356px no-repeat}
.h2_res02{margin-top:15px}
.arrow_yell,.check_text{font-size:11px;color:#7d7d7d}
.check_text{position:absolute;top:3px;right:0;font-weight:400;line-height:12px}
.photo_ul li a.onhover,.won_f14b,table.check_in th{font-weight:700}
.check_text input{margin-right:3px}
.arrow_yell{margin-top:10px;padding-left:20px;line-height:160%;margin-bottom:25px;background:url(../../../images/homepage/KOR/reserve/reserve.png)-734px -403px no-repeat}
table.check_in{width:100%;border-top:2px solid #989898;position:relative}
table.check_in th{width:123px;color:#5f5749;text-align:left;background:#f2efeb;border-bottom:1px solid #ccc}
.btnArea,.btnArea p,.photo_res01{text-align:center}
table.check_in td{width:auto;padding-left:10px;color:#8f887c;vertical-align:middle;line-height:160%;border-bottom:1px solid #ccc}
table.check_in th strong{display:block;padding:10px}
table.check_in label{display:block;color:#5f5749;font-weight:700;vertical-align:middle;padding:13px 10px}
table.check_in label.no_label{display:inline;padding:0;font-weight:400;letter-spacing:-1px}
table.check_in select{padding:3px}
table.check_in .input_day{width:225px;padding:4px 0 3px 5px;position:relative;border:1px solid #d4d4d4}
table.check_in .input_day input{width:190px;border:none;vertical-align:top}
table.check_in .input_day a{width:19px;height:19px;position:absolute;top:4px;right:0;text-indent:-99999px;display:block;background:url(../../../images/homepage/KOR/reserve/reserve.png)-709px -360px no-repeat}
.photo_ul li a.onhover,.photo_ul li a:hover{color:#fff;background:#ba774a}
table.check_in .th_center{border-top:1px solid #ccc}
table.check_in .line_r{border-right:1px solid #ccc6ba}
table.check_in .check_txt11{font-size:11px;color:#7d7d7d;padding:5px 0}
.won_f14b{font-size:14px;color:#ba774a}
.photo_ul{width:230px;min-height:225px;margin:10px 0 0;padding:0}
.photo_ul li{line-height:26px;margin:0 0 3px}
.photo_ul li a{width:90%;height:28px;display:block;color:#8f887c;padding-left:20px}
.photo_res01{width:100%;margin-top:10px}
.photo_res01 figcaption{color:#ba774a;text-decoration:underline;margin-top:10px}
.btnArea{width:100%;padding-top:30px;overflow:hidden;margin:auto}
.btnArea p{float:left}
.icon_check{width:15px;height:18px;display:inline-block;vertical-align:middle;text-indent:-9999px;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/reserve/res_all.png)4px -514px no-repeat}
.exactly{height:80px;line-height:160%;margin-top:20px;padding:25px 0 27px 83px;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/reserve/res_all.png)0 -557px no-repeat}
.exactly dt{font-size:14px;color:#2e2d2c;margin-bottom:5px}
.exactly dd{padding-left:30px;color:#584e3a;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/reserve/res_all.png)-695px -455px no-repeat}
.exactly dd strong{color:#56608e;font-weight:400}
.darkRed14{color:#ba774a;font-size:14px}
/* --------------------------------------------
 * 패키지 예약 (이전스타일)  
/* ------------------------------------------ */
.photo_ul.vPack li{position:relative}
.photo_ul.vPack li a{padding-left:4px;width:98%}
.photo_ul.vPack li .details{position:absolute;top:5px;right:0;background-position:-300px -350px;width:68px;height:19px}
.photo_ul.vPack li a.onhover .details,.photo_ul.vPack li:hover .details{background:url(../../../images/homepage/KOR/common/btns.png)-300px -400px no-repeat}
/* --------------------------------------------
 * 프로모션
/* ------------------------------------------ */
.board_linebox{width:auto;border-top:2px solid #d0c1c1;color:#777}
.board_pho_list{width:auto;position:relative;min-height:88px;padding:15px 0 22px;border-bottom:1px solid #ccc}
.board_pho_list .board_p_img{position:absolute;top:17px;left:18px}
.board_pho_list .board_p_img img{padding:1px;border:1px solid #e2e2e2}
.board_pho_list .board_p_img img:hover{padding:1px;border:1px solid #d0c1c1}
.board_pho_list .pho_txt{margin-left:267px}
.board_pho_list .pho_txt h1{width:430px;height:20px;font-size:16px;color:#634642;font-weight:700;margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board_pho_list .pho_txt .day{color:#ae5757;padding-bottom:10px}
.board_pho_list .pho_txt .txt{width:430px;color:#777;line-height:150%}
.board_pho_list .no_data{width:100%;height:88px;text-align:center}
.board_pho_list .no_data span{line-height:88px;vertical-align:middle}
/* --------------------------------------------
 * footer info
/* ------------------------------------------ */
.int_ul{margin-top:30px;color:#7d7d7d;font-size:13px;line-height:160%}
.int_ul li{padding-left:190px;min-height:100px;background:url(../../../images/homepage/KOR/company/company.png)58px 0 no-repeat}
.int_ul .int_i_01{background-position:58px 0}
.int_ul .int_i_02{background-position:58px -190px}
.int_ul .int_i_03{background-position:58px -400px}
.int_ul li p{width:560px;padding:10px 0 26px;border-bottom:1px dashed #ccc}
.int_ul .int_i_02 p{padding:20px 0 26px}
.int_ul .int_i_03 p{border:none}
/* --------------------------------------------
 * greeting
/* ------------------------------------------ */
.introduce{background:url(../../../images/homepage/KOR/company/bg_intro.jpg)-20px 430px no-repeat;padding-bottom:150px}
.introduce p{text-indent:-9999px;overflow:hidden}
.introduce img{display:block}
.introduce ul{margin-left:240px}
.introduce li{background:url(../../../images/homepage/KOR/common/bu_list.png)0 4px no-repeat;padding:0 0 15px 17px}
.introduce .txt01{margin-top:10px}
.introduce .txt02{margin:0 0 60px}
.introduce .txt03{margin-left:260px}
.introduce.v02{background:url(../../../images/homepage/KOR/company/bg_intro.jpg)490px 310px no-repeat;padding-bottom:150px}
.introduce.v02 ul{margin-left:0}
/* --------------------------------------------
 * 찾아오시는길
/* ------------------------------------------ */
.geoTbl td,.geoTbl th{border-bottom:1px solid #D5CDBC}
.bdRight,.geoTbl th{border-right:1px solid #D5CDBC}
.geoDiv{height:360px;border:3px solid #B7A28C;margin:0 0 20px}
.geoTbl{width:100%;border-top:2px solid #D5CDBC}
.geoTbl th{color:#505050;font-size:14px;width:100px;text-align:left;padding:0 20px 0 30px;background:#F8F5ED}
.geoTbl td{color:#7d7d7d;font-size:13px;letter-spacing:-.06em;padding:10px}
.geoTbl li{line-height:1.5}
.bdRight{width:70px;padding:14px 0 14px 20px}
/* --------------------------------------------
 * Contact Us
/* ------------------------------------------ */
.memInfoTble td,.memInfoTble th{border:1px solid #D5CDBC}
.memInfoTble{width:100%;color:#505050}
.memInfoTble.v02{margin-top:35px}
.memInfoTble td,.memInfoTble th{vertical-align:middle;text-align:center;padding:7px 0}
.memInfoTble th{font-weight:700;background:#F8F5ED}
.memInfoTble .borderLno{border-left:none}
.memInfoTble .borderRno{border-right:none}
.memInfoTble .borderTno{border-top:none}
/* --------------------------------------------
 * 로그인
/* ------------------------------------------ */
.fldBox{overflow:hidden;margin-bottom:20px}
.left_fiel,.right_fiel{width:360px;float:left}
.right_fiel{margin:0;float:right}
.txt_01{color:#777;font-weight:700;font-size:11px;margin:10px 0 0;line-height:1.5;letter-spacing:-.05em}
.login_fie_form{position:relative;padding:15px 0 70px 40px;border-bottom:1px solid #c3c3c3;border-top:2px solid #c3c3c3;background:#f2efeb}
.login_fie_form ul li{height:30px;line-height:30px;margin-bottom:7px}
.li_bB1{border-bottom:1px solid #e3e3e3}
.login_fie_form ul li label{width:75px;color:#505050;font-weight:400;display:inline-block}
.login_fie_form ul li input{width:180px;padding:5px;margin-left:5px;margin-bottom:3px;vertical-align:middle;background:#fff;border:1px solid #c7c7c7}
.login_fie_form button{position:absolute;top:95px;right:52px;border:none;margin:0}
.login_p{color:#696256;letter-spacing:-1px;overflow:hidden;font-size:12px;margin:5px 0 0}
.login_p label{width:210px;float:left}
.login_p span{display:inline-block}
/* --------------------------------------------
 * 아이디패스워드찾기
/* ------------------------------------------ */
.idBox,.p_list{overflow:hidden}
.idBox{padding:37px 0 35px 40px;border-bottom:1px solid #c3c3c3;border-top:2px solid #c3c3c3;background:#f2efeb}
.idBox p{line-height:160%;margin-bottom:20px;color:#505050}
.p_list{padding-top:15px;line-height:170%;width:100%;position:relative}
.p_list li{color:#444;font-size:12px;margin:0 0 4px}
.p_list.v01{padding-bottom:20px;border-bottom:1px dotted #afafaf;color:#777;line-height:2}
.p_list.v02 li{color:#777;margin-bottom:4px}
/* --------------------------------------------
 * 회원가입
/* ------------------------------------------ */
.my_btnBox,.signup02_table{border-top:2px solid #c3c3c3}
.my_btnBox,.signup02_table td,.signup02_table th{border-bottom:1px solid #c3c3c3}
.common_area .steps{background:url(../../../images/homepage/KOR/member/joinStep.png)no-repeat;width:352px;margin:0 auto 30px}
.common_area .steps.v02{background-position:0 -120px}
.my_btnBox{overflow:hidden;padding:35px 0 35px 40px;margin:auto;text-align:center;background:#f2efeb}
.signup02_table{width:100%}
.signup02_table th{line-height:42px;width:117px;padding-left:10px;text-align:left;font-weight:400;color:#505050;background:#f2efeb}
.signup02_table td{color:#4d4d4d;padding-left:10px;text-align:left}
.signup02_p{font-size:11px;color:#7d7d7d;position:absolute;left:472px;letter-spacing:-.07em;line-height:35px}
.signup02_p.v02{left:345px}
.signup02_table label{padding-right:4px}
.signup02_table input[type=text],.signup02_table input[type=password]{padding:5px;width:160px;margin-right:3px;vertical-align:middle;border:1px solid #c7c7c7}
.signup02_table select{padding:4px;width:190px;vertical-align:middle;border:1px solid #c7c7c7}
.signup02_table input[type=text]:focus,.signup02_table input[type=password]:focus,.signup02_table select:focus{background:#eee}
.signup02_table .addr01{padding:5px 0}
.signup02_table .addr02{padding:0 0 5px}
.sig02_radio{position:absolute;right:30px}
.sig02_radio input[type=radio]{vertical-align:middle;margin:0 10px 0 20px}
.sig02_radio label{vertical-align:middle}
.mr20{margin-right:20px!important}
.mr40{margin-right:40px}
/* --------------------------------------------
 * 팝업
/* ------------------------------------------ */
.ajax_popup,.ajax_popup_alpha{top:0;left:0;width:100%;margin:0}
.ajax_popup{position:fixed;padding:0;z-index:9999}
.ajax_popup_alpha{display:block;position:fixed!important;position:absolute;min-width:100%;min-height:100%!important;height:900px;padding:0;background-color:#fff;filter:alpha(opacity=70, FinishOpacity=0, Style=0);-moz-opacity:.7;opacity:.7;z-index:50}
.ajax_popup_box{border:5px solid #594b41;width:550px;height:auto;position:relative;top:200px;left:50%;margin-left:-275px;z-index:9999;background:#fff;font-size:12px;overflow:hidden}
.ajax_popup_box.v02{width:600px;margin-left:-300px}
.ajax_addre,.resultBox{margin:0 auto}
.ajax_popup_box>h1{color:#a26237;background:#f2eeea;font-size:16px;font-weight:700;padding:15px 20px;letter-spacing:-.08em}
.popClose{background:url(../../../images/homepage/KOR/common/popClose.png)no-repeat;width:51px;height:51px;position:absolute;top:0;right:0;text-indent:-9999px;overflow:hidden}
.ajax_section{overflow:hidden;text-align:center;background:#fff;padding-bottom:30px;min-height:200px}
.ajax_addre,.ajax_section>h1{text-align:left;background:#f5f5f5}
.ajax_section button{text-align:center;margin:0 auto}
.ajax_section>h1{font-weight:700;padding:20px 0 20px 30px;font-size:16px;color:#383838}
.ajax_section input[type=text]{border:1px solid #cac5c4}
.ajax_addre{width:85%;height:176px;line-height:160%;color:#666;padding:10px;overflow-x:hidden;overflow-y:scroll;border:1px solid #e3e3e3}
.ajax_section.packPop{height:590px;overflow-x:hidden;overflow-y:auto;padding:0}
.resultBox .pResult{color:#4c4c4b;font-size:14px;margin-bottom:15px}
.resultBox .pResult span{color:#c58f42;font-weight:700}
.designLine{background:url(../../../images/homepage/KOR/common/desLign.png);width:100%;height:4px;margin:20px 0}
.imgTxt{margin:40px auto 30px}
.imgTxt.v02{margin:40px auto 10px}
.pAlignLeft{margin:0 auto;line-height:1.6;padding-left:20px;background:url(../../../images/homepage/KOR/common/bu_arr.png)0 3px no-repeat;font-size:11px;color:#777;text-align:left;width:460px}
.pAlignLeft.v02{font-size:12px;color:#474747}
.pAlignLeft.v03{font-size:12px;color:#4e4e4e;text-indent:0;padding:0;background:0 0}
.pAlignLeft.v03 strong{display:block;font-size:16px;font-weight:700;margin-bottom:10px}
.p_srch_box{width:320px;margin:40px auto;overflow:hidden}
.p_srch_box input{float:left;margin-right:5px}
.p_srch_box label{float:left;margin-right:20px}
label.buArr{background:url(../../../images/homepage/KOR/common/bu_arr.png)0 3px no-repeat;padding-left:20px;line-height:1.6;color:#565656}
.ajax_section button.mgR10{margin-right:10px}
.outPw_input{margin:0 auto;padding:30px 0;overflow:hidden}
.outPw_input label{color:#656565;vertical-align:middle;margin-right:10px}
.outPw_input input{width:130px;color:#656565;margin:0 0 0 5px;vertical-align:middle}
.out_ok_txt{margin:90px auto;color:#474747}
.out_ok_txt strong{color:#b4632d;font-weight:700}
.outOkBtn button{float:none}
/* --------------------------------------------
 * 예약 조회취소
/* ------------------------------------------ */
.resview_table td,.resview_table th{color:#5f5749;line-height:34px;border-bottom:1px solid #c3c3c3}
.resview_art{margin-bottom:25px}
.resview_table{text-align:center;border-top:2px solid #c3c3c3;width:100%}
.resview_art h2 span{line-height:15px;font-size:14px;color:#282828;font-weight:700}
.resview_art h2 p{position:absolute;bottom:5px;right:7px;color:#aa9c72;font-size:11px}
.resview_art h2 strong{font-weight:700}
.resview_table th{background:#f2efeb}
.resview_table .borR_no{border-right:none}
.resview_table span.f_c96{color:#cc0101;font-weight:700}
.resview_table span.f_c97{color:#464646;font-weight:700}
.page_Num{margin:15px auto auto;text-align:center}
.page_Num a{padding:0 4px;line-height:18px}
.page_Num a.onhover,.page_Num a:hover{color:#ae5757}
.page_Num strong{width:22px;height:18px;display:inline-block;background:url(../../../images/homepage/KOR/common/arrow.png)no-repeat}
.page_Num strong a{width:22px;height:18px;text-indent:-99999px;display:block}
.page_Num strong.first{margin-right:4px;background-position:0 0}
.page_Num strong.prev{margin-right:10px;background-position:0 -24px}
.page_Num strong.next{margin-left:8px;background-position:0 -47px}
.page_Num strong.last{margin-left:4px;background-position:0 -71px}
/* --------------------------------------------
 * 게시판
/* ------------------------------------------ */
.bdList td,.bdList th,.paginate{text-align:center}
.bdList,.bdView{border-top:2px solid #989898}
.bdList td,.bdList th,.bdView,.bdView thead td{border-bottom:1px solid #ccc}
.bdList td.boardTitle a,.listBox p{text-overflow:ellipsis;white-space:nowrap}
.eventList li,.listBox,.listBox p,.srchBox{overflow:hidden}
.bdList th,.bdView tbody td .boardCont p.strong,.eventList h2,.listBox div,.noticeLine td{font-weight:700}
.srchBox{width:100%;margin:30px 0 12px}
.srchBox select{padding:3px;margin:0 5px 0 340px}
.srchBox input[type=text]{height:19px;margin-right:3px}
.srchBox .btns.b_13{float:right;margin:0}
.srchBox button{margin-top:3px}
.pageBtn.v02{margin-right:20px}
.pageBtn.v03{margin-left:20px}
.bdList{color:#5f5749;width:100%}
.bdList th{color:#50504f;background:#f2efeb;padding:10px 0}
.bdList th strong{display:block;margin:0 auto}
.bdList td{padding:10px 0}
.bdList td.boardTitle a{text-align:left;overflow:hidden;width:470px;display:block}
.noticeLine td{background:#f9f7f5}
.bdView{margin-bottom:20px;width:100%}
.bdView th{color:#50504f;background:#f2efeb;padding:14px 20px;text-align:left}
.bdView thead td{text-align:left;padding-left:10px;background:#f8f8f8}
.bdView thead td.lastBd{border-right:none}
.bdView tbody td{border-top:1px solid #ccc}
.bdView tbody td .boardCont{padding:20px 30px;min-height:330px}
.bdView tbody td .boardCont p{margin-bottom:20px;line-height:1.6;color:#444}
.bdView tbody td .boardCont table,.bdView tbody td .boardCont td,.bdView tbody td .boardCont th{border:1px solid #e1e1e1;padding:4px;background:0 0;color:#343434}
.listBox{width:100%;float:none;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2}
.listBox li{background:#f8f8f8;border-bottom:1px solid #e3e3e3;color:#343434;height:32px;line-height:32px}
.ie7 .listBox li{height:auto}
.listBox div{height:32px;width:82px;background:url(../../../images/homepage/KOR/common/bu_listPrev.png)79px 14px no-repeat #f8f8f8;color:#595959;padding-left:30px;float:left}
.listBox div.listNext{background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/bu_listNext.png)79px 15px no-repeat}
.listBox p{float:left;width:570px;height:32px}
.listBox p a{padding-left:20px;border-left:1px solid #e3e3e3;line-height:30px}
.listBox p a:focus,.listBox p a:hover{text-decoration:underline}
.eventList{border-top:2px solid #989898;width:100%}
.eventList li{padding:20px 18px;border-bottom:1px solid #ccc}
.eventList img{float:left;width:225px;margin-right:23px;border:1px solid #d3cece}
.eventList h2{font-size:16px;color:#635542;padding-bottom:8px}
.eventList span{color:#ba914a;padding-bottom:8px;display:block}
.eventList p{color:#777}
/* --------------------------------------------
 * Form Table
/* ------------------------------------------ */
ul.form_guide li{padding:2px 0 5px 12px;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/bullet2.png) 0 8px no-repeat;font-size:13px}
div.form_table{position:relative;margin-top:10px}
div.form_table table{width:100%;border-top:2px solid #d1d1d1}
div.form_table table tbody th{line-height:20px;padding:8px 10px 12px;border-width:0 0 1px 0;border-style:solid;border-color:#ccc;background-color:#f2efeb;color:#50504f;text-align:left}
div.form_table table tbody td{line-height:20px;padding:8px 10px 12px;border-width:0 0 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;color:#5f5749}
div.form_table table tbody td .input_item{margin:0 10px -3px 0}
div.form_table table tbody td .input_item span.guide{display:inline-block;margin-left:10px;font-size:11px;color:#666}
div.form_table table tbody td .input_item span.guide.bottom{margin:5px 0 0 0}
div.form_table table tbody td .input_item span.sub_item{display:inline-block;margin-right:20px}
div.form_table table tbody td .input_item span.sub_item label{display:inline-block;padding-right:5px;font-weight:bold}
div.form_table table tbody td .input_item span.sub_item input.rdo{margin:-3px 3px -3px 0}
div.form_table table tbody td .input_item span.character{display:inline-block;padding:0 5px}
div.form_table table tbody td .input_item div.sub_item{position:relative;margin-top:5px}
div.form_table table tbody td .input_item div.sub_item.first{margin:0}
div.form_table table tbody td .input_item div.sub_item label{display:inline-block;padding-right:5px;font-weight:bold}
div.form_table table tbody td .input_item div.sub_item label.placeholder{top:3px;left:6px}
div.form_table table tbody td a.attachments{display:inline-block;padding-left:17px;margin-right:15px;background:url(https://www.utophotel.com/NHtraining_common/images/homepage/common/ico_file.png) 0 5px no-repeat;vertical-align:middle}
div.form_table table tbody td .view_area{min-height:300px;padding:10px 20px}
div.form_table table tbody td .view_area img{max-width:690px}
/* --------------------------------------------
 * 버튼
/* ------------------------------------------ */
ul.buttonBox li a{display:block;width:138px;height:46px;line-height:44px;font-size:14px;font-weight:bold;color:#fff;text-align:center;border-radius:3px}
ul.buttonBox li a.btn_room_rsvn{border:1px solid #af8a5d;background-color:#af8a5d}
ul.buttonBox li a.btn_pkg_rsvn{border:1px solid #b68431;background-color:#b68431}
ul.buttonBox li a.btn_bluePrint{border:1px solid #a0a0a0;background-color:#f5f5f5;color:#454545}
div.login_form button.btn_ok{width:110px;height:73px;line-height:70px;background-color:#af8a5d;font-weight:bold;color:#fff;text-align:center}
a.btn_ertification{display:inline-block;width:150px;height:50px;line-height:48px;background-color:#af8a5d;font-weight:bold;color:#fff;text-align:center}
a.btn_form{display:inline-block;height:20px;line-height:18px;padding:0 10px;background-color:#868686;font-size:11px;color:#fff;vertical-align:middle}
div.btn_box{margin-top:20px;text-align:center}
div.btn_box .btn_confirm{display:inline-block;width:150px;height:50px;line-height:48px;background-color:#af8a5d;font-size:14px;font-weight:bold;color:#fff;text-align:center;vertical-align:middle}
div.btn_box .btn_cancel{display:inline-block;width:150px;height:50px;line-height:48px;background-color:#868686;font-size:14px;font-weight:bold;color:#fff;text-align:center;vertical-align:middle}
/* --------------------------------------------
 * 공통스타일
/* ------------------------------------------ */
.develope_area > .noData{border-width:1px 0;border-style:solid;border-color:#c3c3c3}
.table_left_th,.table_top_th{border-top:2px solid #c3c3c3}
.page_title_text{color:#39332b;font-size:26px;font-weight:400;letter-spacing:-.1em;margin-bottom:30px;background:url(../../../images/homepage/KOR/common/bg_h3.gif) 0 100% repeat-x;height:47px}
.color_black,.color_blue,.color_red,.txt_01{font-weight:700}
.section_title_text{font-size:13px;font-weight:700;color:#505050;margin-bottom:9px;position:relative}
.txt_01{color:#777;font-size:11px;margin:10px 0 0;line-height:1.5}
.marginTop20{margin-top:20px}
.color_red{color:#cc0101}
.color_black{color:#464646}
.color_blue{font-size:14px;color:#3b59b6}
.dotted_line{border-bottom:1px dotted #CCC6BA}
.table_left_th td,.table_left_th th,.table_top_th td,.table_top_th th{border-bottom:1px solid #c3c3c3}
.mgTB60{margin:60px auto}
.page_Num{margin:15px auto auto;text-align:center}
.page_Num a{padding:0 4px;line-height:15px;vertical-align:top}
.page_Num a.onhover,.page_Num a:hover{color:#ae5757}
.page_Num strong{width:16px;height:17px;vertical-align:middle;display:inline-block;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/ico_page.png)no-repeat}
.page_Num strong a{text-indent:-99999px;overflow:hidden;display:block}
.page_Num strong.next{cursor:pointer;margin-left:12px;background-position:-42px 0}
.page_Num strong.prev{cursor:pointer;margin-right:12px;background-position:-21px 0}
.page_Num strong.last{cursor:pointer;background-position:-63px 0}
.table_left_th{width:100%}
.table_left_th th{line-height:30px;padding-left:20px;width:140px;text-align:left;font-weight:400;color:#505050;background:#F2EFEB}
.table_left_th td{line-height:30px;padding-left:10px;text-align:left}
.table_left_th label{padding-right:4px}
.table_left_th input[type=text],.table_left_th input[type=password],.table_left_th select{width:136px;margin-right:3px;vertical-align:middle;border:1px solid #c7c7c7}
.table_left_th input[type=text]:focus,.table_left_th input[type=password]:focus,.table_left_th select:focus{background:#eee}
.table_top_th{text-align:center;margin-top:-2px;width:100%}
.table_top_th th{line-height:34px;color:#5f5749;background:#F2EFEB}
.table_top_th td{line-height:34px;color:#5f5749}
/* --------------------------------------------
 * 버튼
/* ------------------------------------------ */
.btn_box{margin:30px auto 0;text-align:center;overflow:hidden}
/* --------------------------------------------
 * 멤버쉽
/* ------------------------------------------ */
.idpw_form,.login_form,.tcBox{border-top:2px solid #c3c3c3;border-bottom:1px solid #c3c3c3}
.field_box,.idpw_form,.tcBox{overflow:hidden}
.field_box{margin-bottom:20px}
.left_field{width:49%;float:left}
.right_field{width:49%;float:right}
.login_form{position:relative;padding:15px 0 15px 20px;background:#F2EFEB}
.login_form ul li{height:30px;line-height:30px}
.login_form ul li label{width:60px;color:#505050;font-weight:400;display:inline-block}
.login_form ul li input{width:130px;vertical-align:middle;background:#fff;border:1px solid #c7c7c7}
.login_form button{position:absolute;top:22px;right:20px;width:120px;height:51px;border:none;margin:0;background-color:#af8a5d;font-size:14px;font-weight:700;color:#fff;text-align:center}
.text_list p a.btn_medium{display:inline-block;width:140px;height:24px;line-height:22px;background-color:#727272;font-size:11px;font-weight:700;color:#fff;text-align:center}
.text_list p{color:#787878;letter-spacing:-1px;position:relative;height:29px;line-height:29px}
.text_list .button{position:absolute;top:5px;left:270px;margin:0}
.idpw_form{overflow:hidden;padding:15px 40px;border-bottom:1px solid #c3c3c3;border-top:2px solid #c3c3c3;background:#F2EFEB;text-align:center}
.idpw_form p{line-height:160%;margin-bottom:20px;text-align:left}
.idpw_form a.btn_verify{display:inline-block;width:120px;height:60px;line-height:58px;background-color:#af8a5d;font-size:14px;font-weight:700;color:#fff}
.tc_area span,.txt_span{color:#7d7d7d;font-size:11px}
.idpw_form.id a.btn_verify{height:47px;line-height:45px}
.idpw_form.pw a.btn_verify{height:72px;line-height:70px}
p.idpw_guide{margin-top:5px;font-size:11px;font-weight:700;color:#787878}
.join_steps{background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/title_join.png)no-repeat;overflow-y:hidden;text-indent:-9999px;width:352px;height:105px;margin:0 auto 30px}
.join_steps.join_01{background-position:0 0}
.join_steps.join_02{background-position:0 -120px}

div.join_item{position:relative;margin-top:30px}
div.join_item h4{padding-left:13px;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/bullet2.png) 0 6px no-repeat;font-size:13px}
div.join_item .agree{position:absolute;top:0;right:5px}
div.join_item .term{margin-top:10px;padding:10px;border-width:2px 0 1px;border-style:solid;border-color:#989898 #ccc #ccc #ccc;background-color:#f2efeb}
div.join_item .term .scroller{height:100px;padding:0 15px 15px;border:1px solid #d4d4d4;background-color:#fff;overflow-y:auto;overflow-x:hidden}
div.join_item .term .scroller h2 {display:none;}
div.join_item .allAgree{margin-top:20px;text-align:right}
div.verification{margin-top:10px;padding:30px 0;border-width:2px 0 1px;border-style:solid;border-color:#d1d1d1 #ccc #ccc #ccc;background-color:#fff;text-align:center}
div.member_guide .item .emailChk{position:absolute;top:-3px;left:500px}
div.member_guide .item .emailChk span.item{display:inline-block;margin:0 20px 0 0}

.address01{padding:5px 0}
.address02{padding:0 0 5px}
.radio_box input[type=radio]{vertical-align:middle;margin:0 10px 0 20px}
.radio_box label{vertical-align:middle}
.tc_area{width:100%;position:relative;margin-bottom:20px}
.tc_area span{position:absolute;top:5px;right:5px}
.tc_area span input{margin-right:3px}
.grayBd{overflow-x:hidden;overflow-y:scroll;margin:5px 0;height:120px;border:1px solid #c3c3c3}
.all_check{font-weight:700;color:#383838;text-align:right;margin:0 0 10px}
.btn_box_center{text-align:center;padding:35px 0;border-bottom:1px solid #ccc6ba;border-top:2px solid #ccc6ba;background:#f6f4f1}
.btn_box_center button{width:150px;height:40px;font-size:14px;font-weight:700;color:#fff}
.btn_box_center button.btn_verify{background-color:#af8a5d}
.btn_box_center button span{display:inline-block;margin-top:0}
/* --------------------------------------------
 * Button
/* ------------------------------------------ */
div.btn_set{margin-top:40px;text-align:center}
div.btn_set.m20{margin-top:20px}
div.btn_set a.btn{min-width:60px}
a.btn{display:inline-block;height:37px;line-height:35px;margin:0 5px;padding:0 35px;font-weight:bold;color:#fff;vertical-align:middle;transition:all 0.3s ease-in-out}
a.btn.ok{background-color:#ba774a;box-shadow:1px 1px 0 0 #835230}
a.btn.ok:hover, a.btn.ok:focus{background-color:#9b4f2c;box-shadow:1px 1px 0 0 #5a311b}
a.btn.cancel{background-color:#dfd6ca;box-shadow:1px 1px 0 0 #b1a28f;color:#ba774a}
a.btn_inner{display:inline-block;height:27px;line-height:25px;margin:-5px 0;padding:0 20px;background-color:#797979;font-size:11px;font-weight:bold;color:#fff;text-align:center;vertical-align:middle;box-shadow:1px 1px 0 0 #d9d9d9;transition:all 0.3s ease-in-out}
a.btn_inner:hover, a.btn_inner:focus{background-color:#333}
/* --------------------------------------------
 * Privacy
/* ------------------------------------------ */
div.privacy{padding:10px 10px 20px}
div.privacy *{padding:0;margin:0;font-size:12px;color:#666;text-align:left}
div.privacy ol li{list-style:none}
div.privacy .privacy_header h2{padding:0;font-size:14px;color:#333}
div.privacy .privacy_header p{margin-top:15px;line-height:20px}
div.privacy .privacy_header ol{margin-top:15px;*zoom:1}
div.privacy .privacy_header ol:after{content:'';display:block;clear:both}
div.privacy .privacy_header ol li{float:left;width:50%}
div.privacy .privacy_header ol li a{display:block;padding:3px 0;font-weight:bold;color:#000;text-decoration:none}
div.privacy .privacy_content{margin-top:25px;border-top:1px dotted #ddd}
div.privacy .privacy_content .item{margin-top:25px}
div.privacy .privacy_content .item h3{font-size:14px;font-weight:bold;color:#333}
div.privacy .privacy_content .item > p{margin:15px 0 0 20px}
div.privacy .privacy_content .item ol li.bullet{position:relative;padding-left:10px;margin-top:10px}
div.privacy .privacy_content .item ol li.bullet > span{display:block;position:absolute;top:7px;left:0;width:4px;height:1px;background-color:#999}
div.privacy .privacy_content .item > ol{margin-left:20px}
div.privacy .privacy_content .item > ol > li{margin-top:15px}
div.privacy .privacy_content .item > ol > li > p{margin:15px 0 0 20px}
div.privacy .privacy_content .item > ol > li > strong{font-size:12px;color:#333}
div.privacy .privacy_content .item > ol > li > ol{margin-left:23px}
div.privacy .privacy_content .item > ol > li > ol > li{margin-top:10px}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item table{width:100%;margin-top:15px;border-spacing:0;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc}
div.privacy .privacy_content .item table caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
div.privacy .privacy_content .item table thead th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#f7f7f7;text-align:center;color:#333}
div.privacy .privacy_content .item table tbody th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}
div.privacy .privacy_content .item table tbody td{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}
/* --------------------------------------------
 * 예약조회
/* ------------------------------------------ */
.reserve_view{margin-bottom:25px;line-height:100%}
.reserve_view h2 span{line-height:15px;font-size:14px;color:#282828;font-weight:700}
.reserve_view h2 p{position:absolute;bottom:5px;right:17px;top:0;color:#aa9c72;padding-left:7px;font-size:11px}
.reserve_view h2 strong{font-weight:700}
/* --------------------------------------------
 * 게시판
/* ------------------------------------------ */
.event_list h2,.table_left_th.board_view .boardCont p.strong,.table_left_th.board_view th{font-weight:700}
.search_box{overflow:hidden;position:relative;margin:30px 0 12px;text-align:right}
.search_box select{padding:3px}
.search_box input[type=text]{height:20px;padding:2px}
.search_box .btn_search{height:24px;line-height:22px;padding:0 15px;background-color:#868686;font-weight:bold;color:#fff;vertical-align:middle}
.table_top_th.board_list td a{color:#534f46}
.table_top_th.board_list td.boardTitle{text-align:left}
.table_top_th.board_list td.boardTitle a{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:470px;display:block}
.table_left_th.board_view .boardCont{padding:20px 30px;min-height:330px}
.table_left_th.board_view .boardCont p{line-height:1.6;color:#444}
.table_left_th.board_view .boardCont img{max-width:679px}
.board_view td .boardCont td,.board_view td .boardCont th,.table_left_th.board_view .boardCont table{border:1px solid #e1e1e1;padding:4px;background:0 0;color:#343434}
.list_box{width:100%;float:none;overflow:hidden;border-top:1px solid #9a9ea6;margin-top:30px}
.list_box li{background:#fcfcfe;border-bottom:1px solid #9a9ea6;color:#343434;height:38px;line-height:38px}
.list_box .list_dt{height:38px;width:82px;background:url(../../../images/homepage/KOR/common/common.png)12px -112px no-repeat #fcfcfe;color:#595959;font-weight:700;padding-left:30px;float:left}
.list_box .list_dt.list_next{background:url(../../../images/homepage/KOR/common/common.png)12px -152px no-repeat}
.list_box .list_dd{float:left;width:570px;height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list_box .list_dd a{color:#534f46;padding-left:20px;border-left:1px solid #e3e3e3;line-height:30px}
.list_box .list_dd a:focus,.list_box .list_dd a:hover{text-decoration:underline}
.event_list{border-top:2px solid #c3c3c3;width:100%}
.event_list li{overflow:hidden;padding:20px 18px;border-bottom:1px solid #ccc}
.event_list li a{outline:0;display:block;position:relative;height:92px}
.event_list .image_wrap{position:absolute;width:225px;height:90px;left:0;top:0;overflow:hidden;border:1px solid #d3cece}
.event_list .image_wrap img{width:100%}
.event_list .listContents{margin-left:240px}
.event_list h2{font-size:16px;color:#635542;padding-bottom:8px}
.event_list span{color:#ba914a;padding-bottom:8px;display:block}
.event_list p{height:40px;overflow:hidden;width:480px;color:#777}
.event_list .no_data{background:#F6F4F1;border-bottom:1px solid #CCC;height:auto!important;min-height:88px;padding:15px 0 22px;position:relative;width:auto;text-align:center;line-height:88px}
a.attachFile{font-size:12px;color:#b45236;font-weight:400;background:url(../../../images/homepage/KOR/common/common.png)0 5px no-repeat;padding-left:17px;display:block;height:20px;line-height:20px;vertical-align:middle}
.icon_notice{background:url(../../../images/homepage/KOR/common/ico_notice.png)no-repeat;text-indent:-9999px;overflow:hidden;width:44px;height:15px;display:block;margin:0 auto}

.content_area {}
.content_area table td {word-wrap:keep-all !important;}
table td li {word-wrap:keep-all !important;}
/* --------------------------------------------
 * 댓글
/* ------------------------------------------ */
.reply_section{margin-top:30px;border-top:2px solid #ada59b}
.reply_section .reply_write_box{position:relative;padding:25px 160px 25px 0;border-bottom:1px solid #dfe1eb}
.reply_section .reply_write_box .input_txt{width:100%;height:80px;padding:5px;border:1px solid #dcdcdc;resize:none}
.reply_section .reply_write_box .btn_reply{position:absolute;top:26px;right:0;width:140px;height:90px;border:none;margin-left:7px;background:#868686;font-size:14px;font-weight:700;color:#fff;letter-spacing:-1px;vertical-align:top}
.reply_section .reply_list ul.list li{position:relative;padding:20px 15px 25px;border-bottom:1px solid #dfe1eb;font-size:13px;letter-spacing:-1px}
.reply_section .reply_list ul.list li dl dt strong{color:#333}
.reply_section .reply_list ul.list li dl dt .time{padding-left:10px;color:#888}
.reply_section .reply_list ul.list li dl dt .btn_set{padding-left:18px;font-weight:700;color:#b15730}
.reply_section .reply_list ul.list li dl dt .btn_set a{padding:0 5px;color:#b15730;text-decoration:underline}
.reply_section .reply_list ul.list li dl dd{padding-top:15px;color:#666}
.reply_section .reply_list ul.list li.reply{padding:20px 15px 25px 45px;background:url(../../../images/homepage/KOR/common/ico_reply.gif)18px 20px no-repeat}
.reply_section .reply_list ul.list li.reply_write{padding:20px 160px 20px 45px;background:url(../../../images/homepage/KOR/common/ico_reply.gif)18px 20px no-repeat}
.reply_section .reply_list ul.list li.reply_write .input_txt{width:100%;height:80px;padding:5px;border:1px solid #dcdcdc;resize:none}
.reply_section .reply_list ul.list li.reply_write .btn_reply{border:none;position:absolute;top:21px;right:0;width:140px;height:90px;margin-left:7px;background:#868686;font-size:14px;font-weight:700;color:#fff;letter-spacing:-1px;vertical-align:top}
.reply_section .reply_list ul.list li div.reply_modify{position:relative;padding:20px 163px 20px 0}
.reply_section .reply_list ul.list li div.reply_modify .input_txt{width:100%;height:80px;padding:4px 5px;border:1px solid #dcdcdc;resize:none}
.reply_section .reply_list ul.list li div.reply_modify .btn_reply{position:absolute;top:20px;right:0;width:140px;height:90px;margin-left:7px;background:#868686;font-size:14px;font-weight:700;color:#fff;letter-spacing:-1px;vertical-align:top}
/* --------------------------------------------
 * 갤러리
/* ------------------------------------------ */
.gallery_area{width:100%;border-top:2px solid #c3c3c3;border-bottom:1px solid #c3c3c3;color:#534f46;background-color:#F3F3F3}
.galleryList{width:95.135135135%;text-align:center;margin:auto}
.galleryList tr:first-child td{border-top:none}
.galleryList td{color:#50504f;vertical-align:top;border-top:1px solid #c3c3c3;font-weight:700;text-align:center;width:25%;padding:22px 0 18px}
.galleryList td a{display:block}
.galleryList strong{width:160px;padding-top:14px;display:block;margin:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5}
.galley_select{position:absolute;left:0}
/* --------------------------------------------
 * 팝업
/* ------------------------------------------ */
.overlay,.pop_close{margin:0;padding:0;top:0}
.imgTxt,.pop_close{text-indent:-9999px}
.layer_pop_area{position:absolute;z-index:9999;display:none;width:550px;background:#fff;font-size:12px;overflow:hidden;border:5px solid #594B41}
.layer_pop_area.w800{width:800px}
.layer_pop_area.w700{width:700px}
.layer_pop_title{text-align:left;color:#A26237;font-size:14px;font-weight:700;padding:0 20px;letter-spacing:-.08em;background:#F2EEEA;height:51px;line-height:51px;vertical-align:middle}
.layer_pop_content{overflow:hidden;background:#fff;margin:0 auto;padding-bottom:20px;min-height:200px;text-align:center}
.layer_pop_content p.cancel_guide1{padding:20px 0;font-size:20px;font-weight:700;color:#a26237;text-align:center}
.layer_pop_content p.memberOut_txt{padding:20px 0;font-size:20px;font-weight:700;color:#a26237;text-align:center}
.layer_pop_content .btn_set{text-align:center}
.layer_pop_content button{height:22px;padding:0 10px;background-color:#727272;font-size:11px;font-weight:700;color:#fff;text-align:center}
.layer_pop_content a.btn_use{display:inline-block;height:30px;line-height:28px;padding:0 20px;background-color:#727272;font-size:12px;font-weight:700;color:#fff;text-align:center}
.layer_pop_content input[type=text]{border:1px solid #cac5c4}
.pop_terms_section{margin:20px;border-top:2px solid #ccc6ba}
.pop_terms_section .pop_terms_section_box{height:300px;margin-top:1px;padding:20px;border:1px solid #e1d9cd;overflow-y:auto}
.imgTxt,.pop_close,.pop_search{overflow:hidden}
.pop_terms_section .pop_terms_section_box.email{height:auto;line-height:20px;font-size:12px;color:#666;text-align:center}
.pop_terms_section .pop_terms_section_box h2{padding:15px 0;font-weight:700;font-size:12px;color:#444}
.pop_terms_section .pop_terms_section_box p.txt{padding-bottom:10px;font-size:12px;color:#777}
.pop_terms_section .pop_terms_section_box p.guide{padding:5px;font-size:12px;color:#444}
.pop_terms_section .pop_terms_section_box ul.list li{padding-top:5px;color:#777}
.pop_terms_section .pop_terms_section_box ul.list li ul li{padding-left:10px}
.pop_footer{padding:30px 0;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/dot_line.png)0 top repeat-x;text-align:center}
.pop_footer a.pop_btn_close{display:inline-block;width:100px;height:33px;line-height:31px;background:#ba774a;text-align:center;font-weight:700;font-size:12px;color:#fff}
.pop_bpimg{text-align:center}
.pop_bpimg .blueprint_list .bx-wrapper .bx-viewport{height:400px!important}
.pop_bpimg .blueprint_list .bx-wrapper .bx-viewport ul.blueprintSlide li{width:700px!important;height:400px;vertical-align:middle}
.pop_bpimg .bx-pager{text-align:center}
.pop_bpimg .bx-pager .bx-pager-item{display:inline-block}
.pop_bpimg .bx-pager .bx-pager-item a{display:block;width:13px;height:13px;margin:0 5px;background-color:#d3d3d3;border-radius:13px;text-indent:-9999px}
.pop_bpimg .bx-pager .bx-pager-item a.active{background-color:#e1b368}
.pop_search{margin:40px auto;text-align:center}
.pop_search input{margin-right:5px}
.pop_search label{margin-right:10px}
.pop_result{margin:0 auto;text-align:center}
.pop_result .result_txt{margin-bottom:15px;font-size:14px;color:#4c4c4b}
.pop_result .result_txt span{color:#c58f42;font-weight:700}
.overlay{width:100%;height:100%;z-index:5000;background-color:#fff;opacity:.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";position:fixed;left:0;display:none}
.pop_close{border:none;background:url(../../../images/homepage/KOR/common/popClose.png)no-repeat;line-height:0;width:51px;height:51px;position:absolute;right:0}
.designLine{background:url(../../../images/homepage/KOR/common/design_line.png);width:100%;height:4px;margin:20px 0}
label.buArr{padding-bottom:3px;background:url(../../../images/homepage/KOR/common/common.png)0 -37px no-repeat;padding-left:20px;line-height:1.4;color:#565656}
.imgTxt{margin:40px auto 30px;background:url(../../../images/homepage/KOR/common/popImg.png)no-repeat;height:30px;width:386px}
.imgTxt.v01{background-position:0 0;height:60px}
.imgTxt.v02{background-position:0 -100px}
.imgTxt.v03{background-position:0 -200px;height:60px}
.imgTxt.v04{background-position:0 -300px}
.outPw_input{margin:0 auto;padding:30px 0}
.outPw_input label{color:#000;vertical-align:middle;margin-right:10px;background:0 0}
.outPw_input input{width:130px;color:#656565;margin:0 0 0 5px;vertical-align:middle}
.out_ok_txt{margin:40px auto 30px;color:#C87513;font-style:22px;font-weight:700}
.outOkBtn button{float:none}
p.joinFin_txt1{margin-top:20px;font-size:24px;font-weight:bold;color:#bc9249}
p.joinFin_txt2{margin:10px 0 20px;font-size:18px;font-weight:bold;color:#525252}
/* --------------------------------------------
 * 주소 검색
/* ------------------------------------------ */
.tab_zip{height:430px;overflow-y:hidden;padding:20px}
.tab_zip ul.tabs{position:relative;margin:0;padding:0;border-left:1px solid #ccc6ba;font-family:dotum;font-size:12px;list-style:none}
.tab_zip ul.tabs:after{display:block;clear:both;content:""}
.tab_zip ul.tabs li{float:left;width:50%;margin:0 0 -1px}
.tab_zip ul.tabs li a{display:block;position:relative;border-width:1px 1px 1px 0;border-style:solid;border-color:#ccc6ba;background:#f6f4f1;color:#666;text-align:center;text-decoration:none}
.tab_zip ul.tabs li a span{display:inline-block;padding:6px 25px;letter-spacing:-1px;cursor:pointer}
.tab_zip ul.tabs li ul.tab_contents{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none}
.tab_zip ul.tabs li ul.tab_contents:after{display:block;clear:both;content:""}
.tab_zip ul.tabs li ul.tab_contents li{float:none;position:relative;width:100%}
.tab_zip ul.tabs li.active a{border-bottom:1px solid #fff;background:0 0;color:#745749}
.tab_zip ul.tabs li.active a span{font-weight:700}
.tab_zip ul.tabs li.active ul{display:block}
.tab_zip .zip_box{padding:15px 20px;border:3px solid #ccc6ba}
.tab_zip .zip_box p{line-height:18px;color:#745749}
.tab_zip .zip_box p strong{color:#b56600}
.tab_zip .zip_box p span{font-size:11px;color:#777}
.tab_zip .zip_box .input_item{position:relative;margin-top:10px;padding-right:75px}
.tab_zip .zip_box .input_item input{width:100%;height:20px;line-height:20px;padding:0 4px;border:1px solid #e1d9cd;background:#fcfbfa}
.tab_zip .zip_box .input_item .btn_search{position:absolute;top:0;right:0;width:60px;height:22px;border:1px solid #614b36;background:#6c533c;font-size:11px;font-weight:700;color:#fff;text-align:center}
.tab_zip .addr_result{position:relative;margin-top:15px}
.tab_zip .addr_result p{font-size:11px;color:#745749}
.tab_zip .addr_result p strong{color:#b56600}
.tab_zip .addr_result .set_area{position:absolute;top:-5px;right:0}
.tab_zip .addr_result .set_area select{height:20px;border:1px solid #e1d9cd;background:#fcfbfa;font-size:11px}
.tab_zip .zip_list{position:relative;height:199px;overflow-x:hidden;overflow-y:auto;margin-top:5px;border-width:2px 0 1px;border-style:solid;border-color:#ccc6ba}
.tab_zip .zip_list ul.result_list li a{position:relative;display:block;line-height:15px;padding:10px 71px 9px 10px;border-width:0 0 1px;border-style:solid;border-color:#ded8cb;font-size:11px;text-align:left}
.tab_zip .zip_list ul.result_list li a:focus,.tab_zip .zip_list ul.result_list li a:hover{background:#f6f4f1;color:#b56600}
.tab_zip .zip_list ul.result_list li a strong{position:absolute;top:50%;right:10px;margin-top:-9px}
.tab_zip .zip_list ul.result_list li a span{padding:2px 0;font-weight:400;color:#666}
.tab_zip .zip_list ul.result_list li a span em{display:inline-block;width:40px;padding:2px 0 0;background:#6c533c;text-align:center;color:#fff;font-style:normal;border-radius:2px}
.tab_zip .zip_none{margin-top:5px;padding:50px 0;border-width:2px 0 1px;border-style:solid;border-color:#ccc6ba;background:#fff;text-align:center}
.paginate{margin-top:10px;text-align:center}
.paginate a,.paginate strong{display:inline-block!important;margin:-1px;padding:9px 13px 8px;border:1px solid #edeeef!important;background:#fbfbfb;font-weight:700;line-height:16px;vertical-align:top}
.paginate a{color:#666}
.paginate a:focus,.paginate a:hover{background:#f6f4f1!important}
.paginate strong{background:#ccc6ba;color:#745749}
/* --------------------------------------------
 * 예약
/* ------------------------------------------ */
.rsvn_section{position:relative}
.rsvn_section .rsvn_step{border-top:3px solid #af8a5d}
.rsvn_section .rsvn_step ul{*zoom:1}
.rsvn_section .rsvn_step ul:after{content:'';display:block;clear:both}
.rsvn_section .rsvn_step ul li{float:left;width:50%;height:45px;line-height:40px;background-color:#e3e3e3;font-size:16px;color:#555;text-align:center}
.rsvn_section .rsvn_step ul li.current{background-color:#af8a5d;font-weight:bold;color:#fff}
.rsvn_section .rsvn_h3{position:relative;padding-bottom:9px;color:#505050;font-size:14px;font-weight:bold;letter-spacing:-1px}
.rsvn_section .form_section{position:relative;width:100%;margin-top:30px}
.rsvn_section .form_section ul.guide{margin-top:10px}
.rsvn_section .form_section ul.guide li{padding:2px 0 2px 10px;background:url(https://www.utophotel.com/Utopubless_common/images/homepage/KOR/common/bullet1.gif) 0 11px no-repeat;font-size:12px;color:#666}
.rsvn_section .date_form{position:relative;min-height:245px;border-top:2px solid #c3c3c3}
.rsvn_section .date_form ul.form_list{padding:20px 0 0 10px}
.rsvn_section .date_form ul.form_list li{padding:5px 0}
.rsvn_section .date_form ul.form_list li label{display:inline-block;width:70px;padding-left:15px;background:url(../../../images/homepage/KOR/common/rsvn_bul.gif) 0 50% no-repeat}
.rsvn_section .date_form ul.form_list li input{width:160px}
.rsvn_section .date_form .reset{width:166px;height:28px;margin:5px 0 0 99px;background-color:#8f8f8f;font-weight:bold;color:#fff;text-align:center}
.rsvn_section ul.product_list{position:absolute;top:0;right:0;*zoom:1}
.rsvn_section ul.product_list li{float:left;margin-left:20px;color:#404040}
.rsvn_section ul.product_list li.active{font-weight:bold}
.rsvn_section .member_rsvn{position:absolute;top:0;right:0}
.rsvn_section .member_rsvn span.txt{display:inline-block;padding-right:5px;color:#777;vertical-align:middle}
.rsvn_section .member_rsvn button.member{width:73px;height:24px;background-color:#af8a5d;font-size:12px;color:#fff;text-align:center}
.rsvn_section .member_rsvn button.member span{display:inline-block;margin-top:-1px}
.rsvn_section .chk_txt{position:absolute;top:5px;right:5px}
.rsvn_section .rsvn_guide_txt{padding:5px 5px 5px 13px;background:url(../../../images/homepage/KOR/common/arrow_guide.png) 0 10px no-repeat;color:#777}
.rsvn_section .room_list{position:relative;padding-top:20px;border-top:2px solid #c3c3c3;border-bottom:1px solid #c3c3c3}
.rsvn_section .room_list .dataLine{margin:15px 0;padding:0;border-top:1px dotted #bdbdbd}
.rsvn_section .room_list ul.list{*zoom:1}
.rsvn_section .room_list ul.list:after{content:'';display:block;clear:both}
.rsvn_section .room_list ul.list li{float:left;width:50%;margin-bottom:20px}
.rsvn_section .room_list ul.list li .room_info{float: none;width: auto;position:relative;min-height:105px;margin-left:10px;padding:5px;border:3px solid #fff}
.rsvn_section .room_list ul.list li .room_info.active{border:3px solid #af8a5d}
.rsvn_section .room_list ul.list li .room_info p.img{position:absolute;top:5px;left:5px}
.rsvn_section .room_list ul.list li .room_info p.img img{width:175px;height:auto}
.rsvn_section .room_list ul.list li .room_info dl.info_list{margin-left:190px}
.rsvn_section .room_list ul.list li .room_info dl.info_list dt{padding:0 0 3px 12px;background:url(../../../images/homepage/KOR/common/rsvn_bul.gif) 0 8px no-repeat;font-weight:bold;font-size:14px;color:#404040}
.rsvn_section .room_list ul.list li .room_info dl.info_list dd{padding:1px 0 1px 12px}
.rsvn_section .room_list ul.list li .room_info dl.info_list dd.price{font-weight:bold}
.rsvn_section .room_list ul.list li .room_info .btn_set{margin:15px 0 0 190px}
.rsvn_section .room_list ul.list li .room_info .btn_set button{width:70px;height:24px;background-image:none;font-size:12px;color:#fff;text-align:center}
.rsvn_section .room_list ul.list li .room_info .btn_set button.view{background-color:#af8a5d}
.rsvn_section .room_list ul.list li .room_info .btn_set button.chk{background-color:#868686}
.rsvn_section .room_list ul.list li .room_info .btn_set button.chkNot{background-color:#9f5236}
.rsvn_section .room_list ul.list li .room_info .btn_set button span{display:inline-block;margin-top:-1px;background-image:none}
.rsvn_section .term_section{margin:25px 0;padding-bottom:10px;border-bottom:1px dotted #afafaf}
.rsvn_section .term_section .term_content{position:relative;padding:8px 0;border-bottom:1px solid #c3c3c3;letter-spacing:-1px}
.rsvn_section .term_section .term_content.last{border-bottom:0}
.rsvn_section .term_section .term_content label{display:inline-block;margin-left:3px}
.rsvn_section .term_section .term_content .btn_view{position:absolute;top:10px;right:14px;display:block;padding-right:15px;background:url(../../../images/homepage/KOR/common/view_arrow.png) right 5px no-repeat;font-weight:bold;color:#000}
.rsvn_section .term_section .term_content .view_box{display:none;margin-top:8px;overflow:hidden;border-top:1px solid #c3c3c3}
.rsvn_section .term_section .term_content .scoller{overflow-x:hidden;overflow-y:scroll;margin:10px 10px 0;height:120px;border:1px solid #c3c3c3}
.rsvn_section .term_section .term_content .view_area{padding:10px 15px 10px 10px;color:#8f8f8f;letter-spacing:-0.04em}
.rsvn_section .term_section .term_content .view_area h3{height:auto;text-indent:0;width:100%;background:0;font-size:100%;color:#5f5749;margin:5px 0;font-weight:bold}
.rsvn_section .term_section .term_content .view_area ul{padding-left:30px;text-indent:-15px}
.rsvn_section .term_section .term_content .view_area p{padding-left:15px;text-indent:-15px}
.rsvn_section .term_section .term_content .view_area p.tcTop{padding:0;text-indent:0;color:#8f887c;font-weight:bold;font-size:110%}
.rsvn_section .term_section .term_content .view_area strong{display:block;width:100%;margin-top:5px}
.rsvn_section .term_section .term_content .view_area b{display:block;width:100%;margin-top:2px}
.rsvn_section .rsvn_summary{width:750px;padding-bottom:3px;background-color:#af8a5d}
.rsvn_section .rsvn_summary.fix{position:static !important}
.rsvn_section .rsvn_summary .rsvn_summary_header{position:relative;height:34px}
.rsvn_section .rsvn_summary .rsvn_summary_header h3{padding:6px 12px 0;font-weight:bold;font-size:14px;color:#fff}
.rsvn_section .rsvn_summary .rsvn_summary_header .btn_fixed{border:none;position:absolute;top:0;right:0;width:42px;height:34px;background:url(../../../images/homepage/KOR/common/btn_fixed.png) 50% 50% no-repeat;text-indent:-9999px}
.rsvn_section .rsvn_summary .rsvn_summary_content{position:relative;margin:0 3px;padding:10px;background:#fff}
.rsvn_section .rsvn_summary .rsvn_summary_content p.img{position:absolute;top:10px;left:10px;width:227px;height:118px;background:#e8e8e8 url(../../../images/homepage/KOR/common/noImg.png) no-repeat}
.rsvn_section .rsvn_summary .rsvn_summary_content p.img img{width:227px;height:118px}
.rsvn_section .rsvn_summary .rsvn_summary_content .rsvn_summary_list{margin-left:237px}
.rsvn_section .rsvn_summary .rsvn_summary_content .rsvn_summary_list table.rsvn_form tbody th{padding:4px 10px 6px}
.rsvn_section .rsvn_summary .rsvn_summary_content .rsvn_summary_list table.rsvn_form tbody td{padding:4px 15px 6px 10px}
.rsvn_section .rsvn_confirmed{margin-top:30px}
.rsvn_section .rsvn_btn_set{margin-top:25px;text-align:center}
.rsvn_section .rsvn_btn_set button{width:140px;height:40px;font-size:14px;font-weight:bold;color:#fff;text-align:center}
.rsvn_section .rsvn_btn_set button.cancel{background-color:#868686}
.rsvn_section .rsvn_btn_set button.submit{background-color:#af8a5d}
.rsvn_section .date_form .calendar_box{position:absolute;top:20px;right:0;padding:10px 5px;background:#f3f3f3;*zoom:1}
.rsvn_section .date_form .calendar_box:after{content:'';display:block;clear:both}
.rsvn_section .date_form .calendar_box .calendar{float:left;width:220px;margin:0 5px;background:#fff}
.calendar .calendar_header{position:relative;height:30px;line-height:30px;background:#757575;text-align:center}
.calendar .calendar_header strong{font-size:14px;color:#fff}
.calendar .calendar_header a.btn_prev{position:absolute;top:8px;left:8px;display:block;width:15px;height:15px;background:url(../../../images/homepage/KOR/common/spr_calendar.png) 0 -15px no-repeat;text-indent:-9999px}
.calendar .calendar_header a.btn_next{position:absolute;top:8px;right:8px;display:block;width:15px;height:15px;background:url(../../../images/homepage/KOR/common/spr_calendar.png) 0 0 no-repeat;text-indent:-9999px}
.rsvn_price_section{padding:0 30px;margin-top:20px}
.rsvn_price_section h2.price_h2{line-height: 1.4;padding:0 0 5px 20px;background: url("../../../images/homepage/KOR/common/common.png") no-repeat scroll 0 -37px rgba(0, 0, 0, 0);text-align:left;font-size:12px;color:#565656}
.rsvn_price_section .rsvn_price_list{height:115px;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc6ba;background:#f5f2ef}
.price_total{height:37px;line-height:37px;margin:20px 30px 0;background:#687a9c;border-bottom:1px solid #46536c}
.price_total p{padding-right:12px;text-align:right;color:#fff}
.price_total p label{color:#b8ddfa}
table.calendar_grid{width:100%;border-width:0 1px;border-style:solid;border-color:#c3c3c3}
table.calendar_grid thead th{padding:10px 0 7px;border-width:0 0 1px 0;border-style:solid;border-color:#c3c3c3;background:#fff;font-weight:normal;font-size:8px;color:#646464;text-align:center;font-style:italic}
table.calendar_grid tbody td{border-width:0 1px 1px 0;border-style:solid;border-color:#ede6e0;text-align:center}
table.calendar_grid tbody td a{display:block;width:30px;height:22px;line-height:22px;margin:-1px;font-size:11px;color:#555}
table.calendar_grid tbody td a:hover,table.calendar_grid tbody td a:focus{background:#1b8cc6;color:#fff}
table.calendar_grid thead th.sun{color:#d9201e}
table.calendar_grid thead th.sat{color:#5193ab}
table.calendar_grid .last{border-bottom:1px solid #c3c3c3}
table.calendar_grid .sat{border-width:0 0 1px 0}
table.calendar_grid .sun a{color:#d9201e}
table.calendar_grid .sat a{color:#5193ab}
table.calendar_grid .selected a{background-color:#af8a5d;color:#fff}
table.calendar_grid .noSelect a{color:#e6e6e6}
table.calendar_grid .noSelect.sun a{color:#f9dede}
table.calendar_grid .noSelect.sat a{color:#e1f4df}
table.calendar_grid .today a{margin:-1px;border:1px solid #bfc2c3;background:#f7f7f7}
table.rsvn_form{width:100%;border-width:2px 0 0 0;border-style:solid;border-color:#c3c3c3}
table.rsvn_form tbody th{padding:8px 10px 12px;*padding-left:10px;border-width:0 0 1px 0;border-style:solid;border-color:#c3c3c3;background:#F2EFEB;font-weight:bold;text-align:left;vertical-align:middle}
table.rsvn_form tbody td{padding:8px 15px 12px 10px;border-width:0 0 1px 0;border-style:solid;border-color:#c3c3c3;vertical-align:top}
table.rsvn_form tbody th.nec{background:#F2EFEB url(../../../images/homepage/KOR/common/input_nec.png) right 50% no-repeat}
table.rsvn_form tbody th label{color:#404040}
table.rsvn_form tbody td .item{position:relative;margin:0}
table.rsvn_form tbody td .item strong.total{display:inline-block;margin-right:5px;font-size:14px;color:#9f5236;vertical-align:middle}
table.rsvn_form tbody td .item span{display:inline-block;vertical-align:middle}
table.rsvn_form tbody td .item ul.price_list{float:right;margin-right:-15px;padding:5px 8px;background:#F2EFEB}
table.rsvn_form tbody td .item ul.price_list li{position:relative;padding:2px 0 2px 75px;text-align:right;color:#888}
table.rsvn_form tbody td .item ul.price_list li label{position:absolute;top:0;left:0}
table.rsvn_form tbody td .input_item{margin:0}
table.rsvn_form tbody td .input_item ul.item_list{*zoom:1}
table.rsvn_form tbody td .input_item ul.item_list:after{content:'';display:block;clear:both}
table.rsvn_form tbody td .input_item ul.item_list li{float:left;margin-right:20px}
table.rsvn_form tbody td .input_item .guide_txt{padding:10px 0;font-size:11px}
table.price_grid{width:100%;border-width:0}
table.price_grid thead th{padding:4px 8px 8px;*padding-left:10px;border-width:0 1px 1px 0;border-style:solid;border-color:#e9e7e2;background:#fbfafa;text-align:center;color:#8f887c}
table.price_grid tbody td{padding:8px 8px 4px;border-width:0;color:#444}
table.price_grid tbody td.price{text-align:right;font-weight:bold;color:#5374c5}
/* --------------------------------------------
 * Reservation
/* ------------------------------------------ */
/* div.popup_rsvn {display:none;position:absolute;width:960px;height:700px;border:8px solid #d6baa9;background:#fff url(https://www.utophotel.com/hpStdNew_common/images/homepage/KOR/common/loading_30x30.gif) 50% 50% no-repeat;z-index:9999;} */
div.popup_rsvn {display:none;position:absolute;width:960px;height:700px;border:8px solid #fff;background:#fff url(../../../images/common/loading.gif) 50% 50% no-repeat;z-index:99999;}
/* div.popup_rsvn a.btn_pop_close {position:absolute;top:5px;right:-52px;display:block;width:30px;height:30px;background:url(../../../../rsvnPopup_common/images/homepage/KOR/common/ico_rsvn_pop_close.png) 0 0 no-repeat;text-indent:-9999px} */
div.popup_rsvn a.btn_pop_close {position:absolute;top:-46px;right:-9px;display:block;width:30px;height:30px;background:url(../../../../rsvnPopup_common/images/homepage/KOR/common/ico_rsvn_pop_close.png) 0 0 no-repeat;text-indent:-9999px}
/*********************************************
* Main Event Popup
*********************************************/
.pop_notice_set{position :absolute;top:125px;left:-10px;z-index:5000}
.pop_notice_set .pop_notice{ float: left; margin: 10px 0 0 10px;background :#fff;position:relative}
.pop_notice_set .pop_notice .pop_notice_content{ width: auto; max-width: 460px; min-height: 200px; border: 1px solid #3d3d3d;background :#fff;text-align:left;padding:5px 5px 30px }
.pop_notice_set .pop_notice .pop_notice_content p{margin:10px;line-height:1.4}
.pop_notice_set .pop_notice .pop_notice_content img{ width: 100%; min-width: 200px}
.pop_notice_set .pop_notice .pop_notice_footer{ position: absolute; left: 0; bottom: 0; right: 0; border-width: 0 1px 1px;border-style :solid;border-color:#3d3d3d;background:#ededed;height:30px;line-height:22px;padding:5px 10px 0 ;text-align :left}
.pop_notice_set .pop_notice .pop_notice_footer input{ vertical-align: middle}
.pop_notice_set .pop_notice .pop_notice_footer label{ color: #ADACAC; vertical-align: middle; display: inline-block}
.pop_notice_set .pop_notice .pop_notice_footer a.btn_close,.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display :inline-block;padding:0 15px 0 14px;background :url(../../../images/common/ico_close.gif) 0 50% no-repeat;font-family:dotum;font-size:11px}
.pop_notice_set .pop_notice .pop_notice_content.bg01{ width: 383px; height: 319px; background: url(../../../images/common/bg_ind_pop.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg02{ width: 383px; height: 319px; background: url(../../../images/common/bg_ind_pop02.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg03{ width: 383px; height: 319px; background: url(../../../images/common/bg_ind_pop03.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg01 p,.pop_notice_set .pop_notice .pop_notice_content.bg02 p,.pop_notice_set .pop_notice .pop_notice_content.bg03 p{margin:13px 16px}

@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(../../../../s/tinos/v9/4tj7mrrPq8QmoWyD90P1bw.woff) format('woff2'), url(../../../../s/tinos/v9/C8vzv480UKDveCPk8l9XHQ.woff) format('woff');
}
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: local('Tinos Bold'), local('Tinos-Bold'), url(../../../../s/tinos/v9/7hzvXKv7RWTz4VFe5_oU2PesZW2xOQ-xsNqO47m55DA.woff) format('woff2'), url(../../../../s/tinos/v9/r7ygpzWtF3nxLEGd26jZfvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  src: local('Tinos Italic'), local('Tinos-Italic'), url(../../../../s/tinos/v9/SgMuIsuQA3r7ZbR7E8KaYg.woff) format('woff2'), url(../../../../s/tinos/v9/Y7xfdQVPJnZxkSfPPnlyjw.woff) format('woff');
}
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 700;
  src: local('Tinos Bold Italic'), local('Tinos-BoldItalic'), url(//fonts.gstatic.com/s/tinos/v9/S7imToYaQDRqHLMz0Hj4ePk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(//fonts.gstatic.com/s/tinos/v9/S7imToYaQDRqHLMz0Hj4eBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');