@charset "utf-8"; @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url(https://fonts.googleapis.com/earlyaccess/khyay.css); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900'); /* ============================================== defaults ============================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;} ol, ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse:collapse; border-spacing:0;} ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } input, select { margin:0; padding:0; vertical-align:middle;} fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; }.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } .ir { background-color: transparent; border: 0; overflow: hidden; text-indent:-9999px;} .ir:before { content: ""; display: block; width: 0; height: 150%; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1;} .hidden { display:none;} /* box sizing */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* ============================================== layout ============================================== */ html { overflow:auto; overflow-y:scroll;} input, select, button, textarea, body { color:#232323; font-size:13px; font-family:'Montserrat','Noto Sans KR','PlayfairDisplay',Sans-serif,'Nanum Gothic';} #wrap {} #wrapIn { min-width: 1120px; } .forPC { display: block !important;} .forMobile { display: none !important;} .mobileMenu { display: none;} .mainMobileReservation { display: none;} /* header */ #header { position: relative; width: 100%; background-color: #fff; z-index: 9999; } #header > h1 { position: relative; left: 50%; top: 0; width: 372px; height: 78px; margin-left: -186px; } #header > h1 a { display: block; height: 78px; text-indent: -9999px; background: url(/kr/images/common/koreanahotel_logo_2021_n01.svg) center center no-repeat; } body.slideUp { padding-top: 135px; } body.slideUp #header { position: fixed; left: 0; top: 0; border-bottom: 1px solid #dddddd; margin-top: -78px; } #header .topMenu { position: absolute; left: 50%; top: 30px; height: 20px; margin-left: -560px; } #header .topMenu ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #header .topMenu ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #header .topMenu ul.list {} #header .topMenu ul.list li { float: left; background: url(/kr/images/common/icon_devider_black.png) left center no-repeat; padding-left: 8px; margin-left: 7px; } #header .topMenu ul.list li.first { background: none; padding-left: 0; margin-left: 0; } #header .topMenu ul.list li a {font-size:12px; color: #232323; line-height: 20px; text-decoration: none; } #header .topMenu ul.list li a:hover { color: #000; text-decoration: underline; } #header .language { ;position: absolute; top: 15px; right: 50%; margin-right: -400px; } #header .language p.current {font-family:"Montserrat","Khyay"; line-height: 20px; background: url(/kr/images/common/icon_arrow_down_black.png) right center no-repeat; padding: 13px 25px 12px 0; cursor: pointer; } #header .language p.current:after { display: block; content: " "; width: 100%; height: 2px; text-indent: -9999px; background-color: #232323; } #header .language ul.list {font-family:"Montserrat","Khyay"; position: absolute; left: -5px; top: 42px; height: 0; display: block; border: 1px solid #232323; background-color: #fff; z-index: 999; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #header .language:hover ul.list { height: 101px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #header .language ul.list li {} #header .language ul.list li a { display: block; line-height: 18px; color: #232323; text-decoration: none; border-bottom: 1px solid #232323; padding: 3px 15px; } #header .language ul.list li.last a { border: 0; } #header .language ul.list li a:hover { color: #fff; background-color: #232323; } #header > p.reservation { position: absolute; right: 50%; top: 15px; width: 130px; margin-right: -560px; } #header > p.reservation a { display: block; height: 50px; line-height: 50px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .05em; background-color: #142c53; } #header > p.reservation a:hover { background-color: #204177; } #header > p.Longterm { position: absolute; right: 50%; top: 15px; width: 130px; margin-right: -700px; } #header > p.Longterm a { display: block; height: 50px; line-height: 50px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .05em; background-color: #204177; } #header > p.Longterm a:hover { background-color: #142c53; } /* gnb */ #header .gnbWrap { position: relative; height: 57px; border-top: 1px solid #ddd; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .gnb { width: 1120px; margin: 0 auto;} #header .gnb h1 { position: absolute; left: 0; top: 0; width: 260px; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.showElement #header .gnb h1 { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #header .gnb h1 a { display: block; height: 57px; text-indent: -9999px; background: url(/kr/images/common/koreanahotel_logo_2021_gnb.svg) center center no-repeat; } #header .gnb p.reservation { position: absolute; right: 170px; top: 8px; width: 130px; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.showElement #header .gnb p.reservation { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #header .gnb p.reservation a { display: block; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .05em; background-color: #142c53; } #header .gnb p.reservation a:hover { background-color: #204177; } #header .gnb p.Longterm { position: absolute; right: 30px; top: 8px; width: 130px; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.showElement #header .gnb p.Longterm { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #header .gnb p.Longterm a { display: block; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .05em; background-color: #204177; } #header .gnb p.Longterm a:hover { background-color: #142c53; } #header .gnb > ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #header .gnb > ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #header .gnb > ul.list { text-align: center; } #header .gnb > ul.list > li { position: relative; display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; margin-left: 29px; } body.slideUp #header .gnb > ul.list > li { margin-left: 35px; } #header .gnb > ul.list > li.first { margin-left: 0; } #header .gnb > ul.list > li > a { display: block; height: 56px; line-height: 26px; color: #232323; font-size: 16px; font-weight: 400; text-decoration: none; text-transform: uppercase; padding: 15px 0; } #header .gnb > ul.list > li > a:after { content: " "; display: block; width: 100%; height: 3px; text-indent: -9999px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .gnb > ul.list > li > a:hover:after, #header .gnb > ul.list > li.active > a:after { background-color: #232323; } /* header : mobile contents */ #header .gnb .sideHeader { display: none; } #header .gnb .sideReservation { display: none; } #header .gnb .sideContact { display: none; } #header .gnb .sideLongterm{ display: none; } #header .gnb .sideMap { display: none; } /* gnb : submenu */ #header .gnb .submenu { display: none; position: absolute; left: -30px; top: 56px; width:160px; text-align: left; border: 1px solid #ddd; border-width: 0 1px 1px; background-color: #fff; background-position: right top; background-repeat: no-repeat; padding: 15px 10px 15px 30px; } /* #header .gnb li.overview .submenu { background-image: url(/kr/images/common/gnb_overview_img.jpg); } #header .gnb li.rooms .submenu { left: -145px; width: 1080px; background-image: url(/kr/images/common/gnb_rooms_img.jpg); } #header .gnb li.dinning .submenu { background-image: url(/kr/images/common/gnb_dinning_img.jpg); } #header .gnb li.conference .submenu { background-image: url(/kr/images/common/gnb_conference_img.jpg); } #header .gnb li.community .submenu { left: auto; left: -470px; background-image: url(/kr/images/common/gnb_community_img.jpg); background-position: left top; padding: 15px 30px 15px 470px; } #header .gnb li.membership .submenu { left: auto; left: -470px; background-image: url(/kr/images/common/gnb_membership_img.jpg); background-position: left top; padding: 15px 30px 15px 470px; z-index: 9999; } */ #header .gnb li.rooms .submenu { left: -145px; width: 670px; } #header .gnb li.dinning .submenu {width: 280px; } #header .gnb li.conference .submenu {width: 160px; left: 10px;} #header .gnb li.community .submenu { left: auto; left: -470px;} #header .gnb li.membership .submenu { left: auto; left: -20px;} #header .gnb > ul.list > li:hover .submenu { display: block; } #header .gnb .submenu ul.menuList {*zoom:1;} /* Hack for browser IE5.5~7 */ #header .gnb .submenu ul.menuList:after { content:" "; display:block; clear:both;} /* float virtual element */ #header .gnb .submenu ul.menuList {} #header .gnb .submenu ul.menuList > li {} #header .gnb .submenu ul.menuList > li > a { line-height: 28px; font-size: 13px; color: #232323; font-weight: 500; text-decoration: none; text-transform: uppercase; } #header .gnb .submenu ul.menuList > li > a:hover { color: #244780; text-decoration: underline; } #header .gnb li.rooms .submenu ul.menuList > li { float: left; margin-right: 40px; } #header .gnb .submenu ul.titleList {} #header .gnb .submenu ul.titleList > li { line-height: 24px; font-size: 12px; } #header .gnb .submenu ul.titleList > li > a { color: #7c7c7c; text-decoration: none; } #header .gnb .submenu ul.titleList > li > a:hover { color: #000; text-decoration: underline; } /* footer */ #footer { background-color: #373737; } #footer .footerIn { position: relative; width: 1120px; padding: 48px 20px; margin: 0 auto; } #footer h1 { display: none;} #footer .footMenu { margin-bottom: 25px; } #footer .footMenu ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #footer .footMenu ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #footer .footMenu ul.list {} #footer .footMenu ul.list li { float: left; line-height: 24px; font-size: 14px; color: #fffefe; background: url(/kr/images/common/icon_devider_white.png) left center no-repeat; padding-left: 13px; margin-left: 12px; } #footer .footMenu ul.list li.first { background: none; padding-left: 0; margin-left: 0; } #footer .footMenu ul.list li a { color: #fffefe; text-decoration: none; } #footer .footMenu ul.list li a:hover { color: #fff; text-decoration: underline; } #footer .footInfo { margin-bottom: 18px; } #footer .footInfo ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #footer .footInfo ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #footer .footInfo ul.list {} #footer .footInfo ul.list li { float: left; line-height: 20px; color: #949494; background: url(/kr/images/common/icon_devider_white.png) left center no-repeat; padding-left: 11px; margin-left: 10px; } #footer .footInfo ul.list li.first { background: none; padding-left: 0; margin-left: 0; } #footer p.copyright { line-height: 20px; color: #949494; text-transform: uppercase; } #footer .language { display: none; } #footer .sns { position: absolute; right: 240px; top: 96px; } #footer .sns ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #footer .sns ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #footer .sns ul.list {} #footer .sns ul.list li { float: left; width: 50px; margin-left: 10px; } #footer .sns ul.list li a { display: block; width: 100%; height: 50px; text-indent: -9999px; background-color: #464646; background-position: center center; background-repeat: no-repeat; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #footer .sns ul.list li a:hover { background-color: #262626; } #footer .sns ul.list li.tripadvisor a { background-image: url(/kr/images/common/footer_sns_tripadviser.png); } #footer .sns ul.list li.youtube a { background-image: url(/kr/images/common/footer_sns_youtube.png); } #footer .sns ul.list li.facebook a { background-image: url(/kr/images/common/footer_sns_facebook.png); } #footer .sns ul.list li.instagram a { background-image: url(/kr/images/common/footer_sns_instagram.png); } #footer .familysite { position: absolute; top: 174px; right: 240px; } #footer .familysite p.title { width: 226px; height: 38px; line-height: 36px; color: #949494; border: 1px solid #595959; background: url(/kr/images/common/icon_arrow_down_white.png) 190px center no-repeat; padding-left: 12px; cursor: pointer; } #footer .familysite ul.list {font-size:9px; display: none; position: absolute; left: 0; bottom: 38px; width: 100%; background-color: #232323; } #footer .familysite:hover ul.list { display: block; } #footer .familysite ul.list li a { display: block; height: 35px; line-height: 34px; color: #949494; text-decoration: none; border: 1px solid #595959; border-width: 1px 1px 0; padding-left: 12px; } #footer .familysite ul.list li a:hover { color: #fff; background-color: #111; } #footer div.tripadvisorb { position: absolute; right: 50px; top: 66px; width: 156px; height: 147px; text-indent: -9999px; } #footer .TA_certificateOfExcellence { position: absolute; right: 50px;top: 66px;} .popbtn{ margin-right:5px; padding:5px 10px; border:0px; background:#393939; color:#fff; } /* mediaquery for tab */ @media only screen and (min-width: 1121px) and (max-width: 1380px) { #header .gnb h1 { width: 180px; } #header .gnb h1 a { -webkit-background-size: 140px; background-size: 140px; } #header .gnb p.reservation { right: 10px; width: 100px; font-size: 12px; } #header .gnb p.reservation a { height: 34px; line-height: 34px; } body.slideUp #header .gnb > ul.list > li { margin-left: 16px; } #header .gnb > ul.list > li > a { font-size: 15px; padding: 15px 0; } } /* mediaquery for tab */ @media only screen and (min-width: 801px) and (max-width: 1120px) { #header .gnb { position: relative; } #header .gnb h1 { width: 180px; } #header .gnb h1 a { -webkit-background-size: 140px; background-size: 140px; } #header .gnb p.reservation { right: 10px; width: 100px; font-size: 12px; } #header .gnb p.reservation a { height: 34px; line-height: 34px; } body.slideUp #header .gnb > ul.list > li { margin-left: 16px; } #header .gnb > ul.list > li > a { font-size: 15px; padding: 15px 0; } } /* mediaquery for mobile */ @media only screen and (max-width: 800px) { #wrapIn { min-width: auto; } body.noScroll { position: fixed; width: 100%; height: 100%; overflow: hidden; } .forPC { display: none !important;} .forMobile { display: block !important;} .mobileMenu { display: block; position: absolute; right: 10px; top: 22px; width: 27px; height: 18px; text-indent: -9999px; background: url(/kr/images/common/top_menu_btn.png) 0 0 no-repeat; -webkit-background-size: 27px auto; background-size: 27px auto;} /* header */ #header > h1 { width: 160px; height: 60px; margin-left: -175px; } #header > h1 a { height: 60px; -webkit-background-size: 160px auto; background-size: 160px auto; } body.slideUp { padding-top: 0; } body.slideUp #header { position: relative; left: auto; top: auto; border-bottom: 0; margin-top: 0; } #header .topMenu { display: none; } #header .reservation { display: none; } #header .Longterm { display: none; } #header .language { position: absolute; top: 5px; right: 50%; margin-right: -132px; } #header .language p.current {font-family:"Montserrat","Khyay"; line-height: 20px; background: url(/kr/images/common/icon_arrow_down_black.png) right center no-repeat; padding: 13px 20px 12px 0; cursor: pointer; } #header .language p.current:after { display: block; content: " "; width: 100%; height: 2px; text-indent: -9999px; background-color: #232323; } #header .language ul.list {font-family:"Montserrat","Khyay"; position: absolute; left: -15px; top: 42px; height: 0; display: block; border: 1px solid #232323; background-color: #fff; z-index: 999; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* gnb */ #header .gnbWrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; visibility: hidden; -webkit-transition: visibility 0s 0.6s; -moz-transition: visibility 0s 0.6s; transition: visibility 0s 0.6s; } #header .gnbWrap:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; cursor:pointer; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } #header .gnbWrap.isVisible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } #header .gnbWrap.isVisible:after { background: rgba(0, 0, 0, 0.7); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; } #header .gnb { position: fixed; left: 0; top: 0; width: 280px; height: 100%; border-top: 0; background-color: #efefef; overflow: hidden; overflow-y: auto; z-index: 9999; -moz-box-shadow: 1px 0px 3px rgba(0,0,0,.6); -webkit-box-shadow: 1px 0px 3px rgba(0,0,0,.6); box-shadow: 1px 0px 3px rgba(0,0,0,.6); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } #header .gnbWrap.isVisible .gnb { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } #header .gnb h1 { display: none; } #header .gnb p.reservation { display: none; } #header .gnb p.Longterm { display: none; } #header .gnb > ul.list { width: auto; text-align: left; border-top: 1px solid #e3e3e3; } #header .gnb > ul.list > li { display: block; margin-left: 0; } body.slideUp #header .gnb > ul.list > li { margin-left: 0; } #header .gnb > ul.list > li > a { position: relative; height: 56px; line-height: 55px; font-size: 14px; font-weight: 500; background-color: #fff; border-bottom: 1px solid #e3e3e3; padding: 0 20px; } #header .gnb > ul.list > li > a:after { content: "+"; display: block; position: absolute; right: 0; top: 0; width: 55px; height: 55px; line-height: 55px; font-size: 16px; font-weight: 500; color: #232323; text-indent: 0; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .gnb > ul.list > li > a:hover:after { background-color: #fff !important; } #header .gnb > ul.list > li.active > a:after { content:"-"; background-color: #fff !important; } /* header : mobile contents */ #header .gnb .sideHeader {*zoom:1;} /* Hack for browser IE5.5~7 */ #header .gnb .sideHeader:after { content:" "; display:block; clear:both;} /* float virtual element */ #header .gnb .sideHeader { display: block; height: 60px; background-color: #232323; } #header .gnb .sideHeader p.logo { float: left; width: 180px; height: 60px; text-indent: -9999px; background: url(../images/common/mobile_side_logo.png) center center no-repeat; -webkit-background-size: 144px auto; background-size: 144px auto; } #header .gnb .sideHeader a { float: right; line-height: 60px; font-size: 14px; color: #fff; text-decoration: none; margin-right: 20px; } #header .gnb .sideHeader p.user { float: left; line-height: 60px; color: #787878; font-size: 14px; margin-left: 20px; } #header .gnb .sideHeader p.user span.name { color: #fff; } #header .gnb .sideReservation { display: block; padding: 20px 20px 10px; } #header .gnb .sideReservation ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #header .gnb .sideReservation ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #header .gnb .sideReservation ul.list {} #header .gnb .sideReservation ul.list li { float: left; width: 48%} #header .gnb .sideReservation ul.list li a { display: block; height: 40px; line-height: 36px; font-size: 14px; color: #232323; font-weight: 500; text-align: center; text-decoration: none; border: 2px solid #232323; background-color: #fff; } #header .gnb .sideReservation ul.list li.last { width: 50%;margin-left:3px; } #header .gnb .sideContact { display: block; padding: 0 20px 5px; } #header .gnb .sideContact a { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #fff; text-decoration: none; background-color: #213d6a; } #header .gnb .sideLongterm { display: block; padding: 0 20px 20px; } #header .gnb .sideLongterm a { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #fff; text-decoration: none; background-color: #204177; } #header .gnb .sideMap { display: block; padding: 20px; } #header .gnb .sideMap a { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #fff; text-decoration: none; background-color: #6c3827; } /* gnb : submenu */ #header .gnb .submenu { display: none; position: relative; left: auto !important; top: auto !important; width: 100%; height: auto; border-width: 0 0 1px; background: #f7f7f7 !important; padding: 0 !important; } #header .gnb > ul.list > li:hover .submenu { display: none; } #header .gnb > ul.list > li.active .submenu { display: block;width:263px } #header .gnb .submenu ul.menuList > li { border-bottom: 1px solid #e8e8e8; padding: 6px 20px; } #header .gnb .submenu ul.menuList > li.last { border-bottom: 0; } #header .gnb .submenu ul.menuList > li > a { font-size: 12px; color: #464646; } #header .gnb li.rooms .submenu ul.menuList > li { float: none; margin-right: 0; } #header .gnb .submenu ul.titleList {} #header .gnb .submenu ul.titleList > li { line-height: 24px; font-size: 12px; } #header .gnb .submenu ul.titleList > li > a { color: #7c7c7c; text-decoration: none; } #header .gnb .submenu ul.titleList > li > a:hover { color: #000; text-decoration: underline; } /* footer */ #footer .footerIn { width: auto; padding: 30px 10px; text-align:center;} #footer .footMenu { } #footer .footMenu ul.list { text-align: center; margin-left:10px; } #footer .footMenu ul.list li { float: left; display: -moz-inline-stack; zoom:1; *display:inline;margin-left:7px;padding-left:7px;font-size:13px } #footer .footInfo { text-align: left; margin-left: 5px;margin-bottom: 18px; } #footer .footInfo ul.list li { float: none; display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; background: none; padding-left: 0; margin-left: 0; } #footer .footInfo ul.list li.first { background: none; padding-left: 0; margin: 0 6px; } #footer p.copyright { text-align: center; font-size: 12px; } #footer .language { display: block; position: relative; width: 226px; margin: 0 auto 25px; } #footer .language p.current { width: 226px; height: 38px; line-height: 36px; color: #949494; border: 1px solid #595959; background: url(/kr/images/common/icon_arrow_down_white.png) 190px center no-repeat; padding-left: 12px; cursor: pointer; } #footer .language ul.list { position: absolute; left: 0; top: 38px; height: 0; display: block; width: 100%; color: #949494; border: 1px solid #595959; border-width: 0 1px 1px; background-color: #252525; z-index: 999; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footer .language.active ul.list { height: 94px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #footer .language ul.list li {} #footer .language ul.list li a { display: block; line-height: 18px; color: #949494; text-decoration: none; border-bottom: 1px solid #595959; padding: 6px 15px; } #footer .language ul.list li.last a { border: 0; } #footer .sns { position: relative; right: auto; top: auto; margin-bottom: 25px; } #footer .sns ul.list { text-align: center; } #footer .sns ul.list li { float: none; display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; margin: 0 6px; } #footer .familysite { display: none; } #footer p.tripadvisor { display: none; } #footer .TA_certificateOfExcellence { display: none; } /*#footer .footMenu li.last { display: none; }*/ } /* ============================================== main ============================================== */ /* visual */ .visWrap { position: relative; height: 600px;} #mainVisual .bx-wrapper, #mainVisual .bx-viewport { height: 100%; } #mainVisual { width: 100%; height: 100%; border: 0; padding: 0; margin: 0; overflow: hidden; } #mainVisual ul.slides { height: 600px; padding: 0; margin: 0; } #mainVisual ul.slides li { position: relative; width: 100%; height: 100%; display: none; -webkit-backface-visibility: hidden; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #mainVisual ul.slides li.v01 { background-image: url(/kr/images/main/visual_img06_1.jpg); } #mainVisual ul.slides li.v02 { background-image: url(/kr/images/main/visual_img07_1.jpg); } #mainVisual ul.slides li.v03 { background-image: url(/kr/images/main/visual_img02.jpg); } #mainVisual ul.slides li.v04 { background-image: url(/kr/images/main/visual_img03.jpg); } #mainVisual ul.slides li.v05 { background-image: url(/kr/images/main/visual_img01.jpg); } #mainVisual ul.slides li.v06 { background-image: url(/kr/images/main/visual_img11_1.jpg); } #mainVisual ul.slides li.v07 { background-image: url(/kr/images/main/visual_img2019_02.jpg); } #mainVisual ul.slides li.v08 { background-image: url(/kr/images/main/visual_img2019_03.jpg); } #mainVisual ul.slides li.v09 { background-image: url(/kr/images/main/visual_img2019_04.jpg); } #mainVisual ul.slides li.v10 { background-image: url(/kr/images/main/visual_img2019_05.jpg); } #mainVisual ul.slides li.v11 { background-image: url(/kr/images/main/visual_img2020_01.jpg); } #mainVisual ul.slides li.v12 { background-image: url(/kr/images/main/visual_img2020_02.jpg); } #mainVisual ul.slides li.v13 { background-image: url(/kr/images/main/visual_img2020_03.jpg); } #mainVisual ul.slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px; margin: 0 auto; overflow: hidden;z-index: 99999999;} #mainVisual ul.slides li.v09 .slogan { position: absolute; left:0%; top: 0px; color: #fff; margin-left: -166px;z-index: 99999999;} #mainVisual ul.slides li.v10 .slogan { position: absolute; right:0%; top: 0px; color: #fff; margin-left: -166px; z-index: 99999999;} #mainVisual ul.slides li.v09 .slogan .blanktag img { z-index: 9999;} #mainVisual ul.slides li.v10 .slogan .blanktag img { z-index: 9999;} #mainVisual ul.slides li .slogan p.main { line-height: 58px; font-size: 48px; text-transform: uppercase; font-weight: 600; margin-bottom: 30px;text-shadow: 0px 1px 0px rgba(0,0,0,.15);} #mainVisual ul.slides li .slogan p.sub { line-height: 20px; font-size: 15px; font-weight: 300; } #mainVisual .flex-control-nav { position: absolute; left: 0; bottom: 26px; width: 100%; text-align: center; z-index: 99; } #mainVisual .flex-control-nav li { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width: 14px; margin: 0 3px; } #mainVisual .flex-control-nav li a { display: block; height: 14px; text-indent: -9999px; border: 1px solid #fff; cursor: pointer; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #mainVisual .flex-control-nav li a.flex-active { background-color: #fff; } #mainVisual .bx-controls-direction { display: none; } #mainVisual .bx-pager { position: absolute; left: 0; bottom: 26px; width: 100%; text-align: center; z-index: 99; } #mainVisual .bx-pager .bx-pager-item { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width: 14px; margin: 0 3px; } #mainVisual .bx-pager .bx-pager-item a { display: block; height: 14px; text-indent: -9999px; border: 1px solid #fff; cursor: pointer; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #mainVisual .bx-pager .bx-pager-item a.active { background-color: #fff; } /* weather*/ .visWrap .weather { position: absolute; top: 42px; right: 50%; z-index: 99;margin-right:-560px } .visWrap .weather p.date { line-height: 20px; color: rgba(255,255,255,.5); margin-bottom: 6px; } .visWrap .weather ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ .visWrap .weather ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ .visWrap .weather ul.list {} .visWrap .weather ul.list li { float: left; line-height: 20px; font-size: 14px; color: #fff; } .visWrap .weather ul.list li.first { background: url(/kr/images/common/icon_devider_white.png) right center no-repeat; padding-right: 12px; margin-right: 11px; } /* reservation */ .mainReservation { position: relative; bottom: 0px; width: 100%;height:60px; background-color: #232323;z-index: 999; zoom: 1; filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -khtml-opacity: 0.85; -moz-opacity: 0.85; opacity: 0.85; } body.stopReservationBar { padding-top: 210px; } body.stopReservationBar .mainReservation { position: fixed; left: 0; top: 57px; z-index: 999; } .mainReservation .reservationBar { border-left: 1px solid #464646; } .reservationBar {*zoom:1;} /* Hack for browser IE5.5~7 */ .reservationBar:after { content:" "; display:block; clear:both;} /* float virtual element */ .reservationBar { width: 1120px; height: 60px; line-height: 60px; color: #fff; font-size: 16px; font-weight: 300; background-color: #232323; margin: 0 auto; } .reservationBar > div { float: left; height: 60px; padding: 0 10px; } .reservationBar p.title { float: left; height: 60px; font-weight: 500; background: url(/kr/images/common/icon_devider_white.png) right center no-repeat; padding-right: 11px; margin-right: 10px; } .reservationBar p.date { float: left; margin:0 0 0 0} .reservationBar p.date a { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width: 30px; height: 60px; text-indent: -9999px; background: url(/kr/images/common/icon_calendar_white.png) center center no-repeat; margin-left: 10px; } .reservationBar .dropMenu { float: left; margin: 15px 0; } .reservationBar .checkIn { padding-right: 15px; } .reservationBar .checkOut {} .reservationBar .room { border-left: 1px solid #464646; } .reservationBar .adult { border-left: 1px solid #464646; } .reservationBar .kids { border-left: 1px solid #464646; } .reservationBar .kids .age { background: url(/kr/images/common/icon_devider_white.png) left center no-repeat; padding-left: 15px; margin-left: 15px; } .reservationBar .kids .age ul.list { left: 5px; } .reservationBar a.searchRoom { display: block; float: right; width: 110px; height: 60px; text-align: center; color: #fff; text-decoration: none; font-weight: 500; background-color: #204177; } .reservationBar a.searchRoom:hover { background-color: #204177; } .reservationBar a.searchRoom.red { background-color: #c72d36; } .reservationBar a.searchRoom.red:hover { background-color: #e2333d; } .reservationBar a.cancelRoom { display: block; float: right; width: 50px; height: 60px; text-align: center; color: #fff; text-decoration: none; font-weight: 500; background-color: #4b4b4b; } .reservationBar a.cancelRoom.red { background-color: #4b4b4b; } .reservationBar a.cancelRoom.red:hover { background-color: #e2333d; } /* access code */ .accessCode { position: absolute; right: 52%; bottom: 25px; margin-right: -560px; z-index: 999; } .accessCode p.link {height:30px; line-height: 24px; color: #fff; font-size: 14px; text-decoration: none; border-bottom: 1px solid #e6e6e6; } .accessCode p.link a { color: #fff;text-decoration: none; } .accessCode p.link span { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width: 24px; height: 24px; line-height: 24px; text-align: center; background-color: #232323; margin-left: 8px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } .accessCode .popArea { display: none; position: absolute; right: 0; bottom: 42px; width: 290px; height: 78px; text-align: center; background-color: #232323; padding-top: 22px; } .accessCode .popArea:after { border: 6px solid transparent; content:" "; height: 0; width: 0; position: absolute; pointer-events:none; border-top-color: #232323; left: 190px; bottom: -12px; } .accessCode .popArea a.btnClose { position: absolute; right: -26px; top: 0; width: 16px; height: 16px; text-indent: -9999px; background: url(/kr/images/common/btn_close.png) center center no-repeat; } .accessCode .popArea input { width: 190px; height: 34px; line-height: 24px; font-size: 14px; vertical-align: middle; border: 0; background-color: #fff; padding: 5px; } .accessCode .popArea button { width: 60px; height: 34px; line-height: 34px; color: #fff; font-size: 13px; font-weight: 600; vertical-align: middle; text-align: center; border: 0; background-color: #294c85; } /* main body */ #mainBody {} #mainBody > div { position: relative; padding: 50px 0 90px; } #mainBody h3 { line-height: 42px; font-size: 40px; text-align: center; text-transform: uppercase; margin-bottom: 70px; } #mainBody h3 span.sub {display: block; line-height: 22px; font-size: 14px; color: #9d9d9d; font-weight: 400; margin-top: 12px; } /* top banner */ #mainBody .topBanner { width: 1120px; margin: 60px auto -90px; } /* new offers */ .newOffersArea { background-color: #f8f8f8; padding-top: 90px; } .newOffersArea > p.topTitle { position: relative; line-height: 36px; font-size: 30px; text-align: center; font-weight: bold; padding-bottom: 16px; margin: -20px 0 60px; } .newOffersArea > p.topTitle:after { content: " "; position: absolute; left: 50%; bottom: 0; width: 46px; height: 1px; font-size: 0; text-indent: -9999px; background-color: #232323; margin-left: -23px; } .newOffers { position: relative; width: 1120px; padding-bottom: 120px !important; margin: 0 auto; } .newOffers h3 { display: none; } .newOffers ol.flex-control-nav { position: absolute; left: 0; bottom: 60px; width: 100%; text-align: center; z-index: 9; } .newOffers ol.flex-control-nav li { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width: 14px; margin: 0 3px; } .newOffers ol.flex-control-nav li a { display: block; height: 14px; text-indent: -9999px; border: 3px solid #fff; background-color: #a1a1a1; cursor: pointer; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .newOffers ol.flex-control-nav li a.flex-active { border-color: #232323; background-color: #fff; } .newOffers ul.flex-direction-nav li a { position: absolute; top: 40%; width: 50px; height: 50px; text-indent: -9999px; margin-top: -25px; z-index: 9; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } .newOffersArea .newOffers ul.flex-direction-nav li a { margin-top: -140px; } .newOffers ul.flex-direction-nav li a.flex-prev { left: -90px; background: #dedede url(/kr/images/common/nav_arrow_prev.png) center center no-repeat; } .newOffers ul.flex-direction-nav li a.flex-next { right: -90px; background: #dedede url(/kr/images/common/nav_arrow_next.png) center center no-repeat; } .newOffers ul.flex-direction-nav li a:hover { background-color: #c8c8c8; } ul.newOffersList {*zoom:1;} /* Hack for browser IE5.5~7 */ ul.newOffersList:after { content:" "; display:block; clear:both;} /* float virtual element */ ul.newOffersList { margin-left: -35px; } ul.newOffersList li { position: relative; float: left; width: 350px; margin-left: 35px; } ul.newOffersList li p.type { position: absolute; left: 0; top: 0; width: 90px; height: 90px; line-height: 90px; font-size: 12px; color: #fff; text-transform: uppercase; text-align: center; background-color: #6c3827; } ul.newOffersList li p.type.promotion { background-color: #213d6a; } ul.newOffersList li p.type span { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; line-height: 18px; vertical-align: middle; } ul.newOffersList li p.img { margin: 10px 0 20px 10px; } ul.newOffersList li p.title { line-height: 28px; font-size: 22px; font-weight: 600; padding-left: 30px; margin-bottom: 16px; } ul.newOffersList li p.title a { color: #232323; text-decoration: none; } ul.newOffersList li p.title a:hover { color: #000; text-decoration: underline; } ul.newOffersList li p.date, ul.newOffersList li p.price { line-height: 22px; font-size: 14px; padding-left: 30px; } /* hotel gallery */ .hotelGalleryArea { background-color: #f8f8f8; padding: 80px 0; } .hotelGalleryArea > p.topTitle { position: relative; line-height: 36px; font-size: 30px; text-align: center; font-weight: bold; padding-bottom: 16px; margin: -20px 0 60px; } .hotelGalleryArea > p.topTitle span { display: block; line-height: 24px; font-size: 16px; color: #797979; font-weight: 300; margin-top: 8px; } .hotelGalleryArea > p.topTitle:after { content: " "; position: absolute; left: 50%; bottom: 0; width: 46px; height: 1px; font-size: 0; text-indent: -9999px; background-color: #232323; margin-left: -23px; } .hotelGalleryArea .topRoomGallery { width: 1120px; margin: 0 auto; } .hotelGalleryArea .topCarousel { width: 1120px; margin: 3px auto 0; } .hotelGalleryArea .topCarousel ul.slides {*zoom:1;} /* Hack for browser IE5.5~7 */ .hotelGalleryArea .topCarousel ul.slides:after { content:" "; display:block; clear:both;} /* float virtual element */ .hotelGalleryArea .topCarousel ul.slides { margin-left: -3px; } .hotelGalleryArea .topCarousel ul.slides li { float: left; width: 157px; margin-left: 3px; -webkit-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; } .hotelGalleryArea .topCarousel ul.slides li.flex-active-slide { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } .hotelGalleryArea .topCarousel ul.slides li img { width: 100%; height: auto; } .hotelGalleryArea .topRoomGallery ol.flex-control-nav { display: none; } /* gallery */ /* event list */ .mtitleArea { position: relative; text-align: center; padding-bottom: 20px; margin-bottom: 38px;margin-top:40px } .mtitleArea:after { position: absolute; left: 50%; bottom: 0; content: " "; width: 74px; height: 1px; text-indent: -9999px; background-color: #232323; margin-left: -36px; } .mtitleArea h5 { line-height: 42px; font-size: 40px; text-align: center; text-transform: uppercase; margin-bottom: 10px; } .mtitleArea .sub {display: block; line-height: 22px; font-size: 14px; color: #9d9d9d; font-weight: 400; margin-top: 12px; } .mtitleArea2 { position: relative; text-align: center; padding-bottom: 20px; margin-bottom: 38px; } .mtitleArea2:after { position: absolute; left: 50%; bottom: 0; content: " "; width: 74px; height: 1px; text-indent: -9999px; background-color: #232323; margin-left: -36px; } .mtitleArea2 h5 { line-height: 42px; font-size: 40px; text-align: center; text-transform: uppercase; margin-bottom: 10px; } .mtitleArea2 .sub {display: block; line-height: 22px; font-size: 14px; color: #9d9d9d; font-weight: 400; margin-top: 12px; } #mainBody .eventList {} #mainBody .eventList {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .eventList:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .eventList { width: 1120px; margin: 0 auto; } #mainBody .eventList ul.list {position: relative; width: 1120px; margin: 0 auto; } #mainBody .eventList ul.list li.first{position: relative; float: left; width: 732px; margin: 0 0 12px 12px; } #mainBody .eventList ul.list li {position: relative; float: left; width: 360px; margin: 0 0 12px 12px; } #mainBody .eventList ul.list li p.img {} #mainBody .eventList ul.list li p.name {font-family:"Open Sans",'Nanum Gothic'; position: absolute;top: 6px; line-height: 22px; font-size: 25px; color: #fff; font-weight: bold; padding: 20px 20px 0;} #mainBody .eventList ul.list li p.conts {font-family:"Open Sans",'Nanum Gothic'; position: absolute; top: 37px; line-height: 22px; font-size: 15px; color: #fff; font-weight: 500; padding: 20px 20px 0;} #mainBody .eventList ul.list li .con { height: 114px; padding: 20px 20px 0; } #mainBody .eventList ul.list li .con p.title {font-family:"Open Sans",'Nanum Gothic'; font-size: 25px; font-weight: bold; margin-bottom: 3px; color: #fff; } #mainBody .eventList ul.list li .con p.text {font-family:"Open Sans",'Nanum Gothic'; min-height: 44px; line-height: 22px; font-size: 15px; color: #fff; font-weight: 500; } #mainBody .eventList ul.list li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33,61,105,.8); /*background-image: url(/kr/images/main/nearby_overline.png); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;*/ -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainBody .eventList ul.list li:hover .con { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #mainBody .eventList ul.list li .con .conIn { position: absolute; left: 0; top: 145px; width: 100%; text-align: center; } #mainBody .eventList ul.list2 {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .eventList ul.list2:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .eventList ul.list2 {position: relative; width: 1120px; margin: 372px 0 0 0 } #mainBody .eventList ul.list2 li {position: relative; float: left; width: 360px; margin: 0 0 12px 12px; } #mainBody .eventList ul.list2 li p.img {} #mainBody .eventList ul.list2 li p.name {font-family:"Open Sans",'Nanum Gothic'; position: absolute;top: 6px; line-height: 22px; font-size: 25px; color: #fff; font-weight: bold; padding: 20px 20px 0;} #mainBody .eventList ul.list2 li p.name000 {font-family:"Open Sans",'Nanum Gothic'; position: absolute;top: 6px; line-height: 22px; font-size: 25px; color: #000; font-weight: bold; padding: 20px 20px 0;} #mainBody .eventList ul.list2 li p.conts {font-family:"Open Sans",'Nanum Gothic'; position: absolute; top: 37px; line-height: 22px; font-size: 15px; color: #fff; font-weight: 500; padding: 20px 20px 0;} #mainBody .eventList ul.list2 li p.conts000 {font-family:"Open Sans",'Nanum Gothic'; position: absolute; top: 37px; line-height: 22px; font-size: 15px; color: #000; font-weight: 500; padding: 20px 20px 0;} #mainBody .eventList ul.list2 li .con { height: 114px; padding: 20px 20px 0; } #mainBody .eventList ul.list2 li .con p.title {font-family:"Open Sans",'Nanum Gothic'; font-size: 25px; font-weight: bold; margin-bottom: 3px; color: #fff; } #mainBody .eventList ul.list2 li .con p.text {font-family:"Open Sans",'Nanum Gothic'; min-height: 44px; line-height: 22px; font-size: 15px; color: #fff; font-weight: 500; } #mainBody .eventList ul.list2 li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33,61,105,.8); /*background-image: url(/kr/images/main/nearby_overline.png); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;*/ -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainBody .eventList ul.list2 li:hover .con { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #mainBody .eventList ul.list2 li .con .conIn { position: absolute; left: 0; top: 145px; width: 100%; text-align: center; } #mainBody .eventList a.btnBox { border: 1px solid #bdbdbd;position: absolute; height: 58px; line-height: 48px; font-size: 15px; background-image: url(/kr/images/common/icon_button_plus.png); background-position: center; background-repeat: no-repeat; right:0px;top:140px; } #mainBody a.btnBox { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; height: 38px; line-height: 34px; color: #303030; font-weight: 500; text-align: center; text-decoration: none; border: 1px solid #bdbdbd; outline: none; background-color: transparent; padding: 0 25px; cursor: pointer; } #mainBody a.btnBox:hover { color: #fff; background-color: rgba(33,61,105,.8); background-image: url(/kr/images/common/icon_button_plus2.png); } /* gallery list */ #mainBody .galleryList { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;background-color:#f8f8f8; } #mainBody .galleryList ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .galleryList ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .galleryList ul.list { position: relative; width: 1120px; margin: 0 auto; } #mainBody .galleryList ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .galleryList ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .galleryList ul.list {position: relative; width: 1120px; margin: 0 auto; } #mainBody .galleryList ul.list li {position: relative; float: left; width: 360px; margin: 0 0 12px 12px; } #mainBody .galleryList ul.list li p.img {} #mainBody .galleryList ul.list li .con { height: 114px; border: 1px solid #e3e3e3; border-width: 0 1px 1px; padding: 20px 25px 0; } #mainBody .galleryList ul.list li .con p.title { line-height: 28px; font-size: 20px; font-weight: 600; margin-bottom: 3px; } #mainBody .galleryList ul.list li .con p.title a { color: #232323; text-decoration: none; } #mainBody .galleryList ul.list li .con p.title a:hover { color: #000; text-decoration: underline; } #mainBody .galleryList ul.list li .con p.text { min-height: 44px; line-height: 22px; font-size: 15px; } #mainBody .galleryList ul.list li p.name { position: absolute; left: 15px; bottom: 15px; line-height: 22px; font-size: 14px; color: #fff; font-weight: 500; } #mainBody .galleryList ul.list li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33,61,105,.8); /*background-image: url(/kr/images/main/nearby_overline.png); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;*/ -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainBody .galleryList ul.list li:hover .con { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #mainBody .galleryList ul.list li .con .conIn { position: absolute; left: 0; top: 145px; width: 100%; text-align: center; } #mainBody .galleryList ul.list li .con p.title { line-height: 34px; font-size: 24px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 19px; } #mainBody .galleryList a.btnBox { border: 1px solid #bdbdbd;position: absolute; height: 58px; line-height: 48px; font-size: 15px; background-image: url(/kr/images/common/icon_button_plus.png); background-position: center; background-repeat: no-repeat; right:50%;top:90px;margin-right:-560px; } #mainBody a.btnBox { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; height: 38px; line-height: 34px; color: #303030; font-weight: 500; text-align: center; text-decoration: none; border: 1px solid #bdbdbd; outline: none; background-color: transparent; padding: 0 25px; cursor: pointer; } #mainBody a.btnBox:hover { color: #fff; background-color: rgba(33,61,105,.8); background-image: url(/kr/images/common/icon_button_plus2.png); } /* Near by Information */ #mainBody .nearBy { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;background-color:#f8f8f8; } #mainBody .nearBy ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .nearBy ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .nearBy ul.list { position: relative; width: 1120px; margin: 0 auto; } #mainBody .nearBy ul.list {} #mainBody .nearBy ul.list li { position: relative; float: left; } #mainBody .nearBy ul.list li p.img {} #mainBody .nearBy ul.list li p.name { position: absolute; left: 15px; bottom: 15px; line-height: 22px; font-size: 14px; color: #fff; font-weight: 500; } #mainBody .nearBy ul.list li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33,61,105,.8); /*background-image: url(/kr/images/main/nearby_overline.png); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;*/ -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainBody .nearBy ul.list li:hover .con { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #mainBody .nearBy ul.list li .con .conIn { position: absolute; left: 0; top: 115px; width: 100%; text-align: center; } #mainBody .nearBy ul.list li .con p.title { line-height: 34px; font-size: 24px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 19px; } #mainBody .nearBy ul.list li .con p.exp { margin:15px;line-height: 22px; font-size: 14px; color: #fff; } #mainBody .nearBy ul.list li.n01 { margin: 0 10px 10px 0; } #mainBody .nearBy ul.list li.n02 { margin-bottom: 60px; } #mainBody .nearBy ul.list li.n02 .con .conIn { top: 94px; } #mainBody .nearBy ul.list li.n03 { margin: 0 10px 10px 0; } #mainBody .nearBy ul.list li.n03 .con .conIn { top: 64px; } #mainBody .nearBy ul.list li.n04 { position: absolute; left: 0; bottom: 0; } #mainBody .nearBy ul.list li.n04 .con .conIn { top: 64px; } #mainBody .nearBy ul.list li.n05 { margin-right: 10px; } #mainBody .nearBy ul.list li.n05 .con .conIn { top: 150px; } #mainBody .nearBy ul.list li.n06 { margin-right: 10px; margin-top: -50px; } #mainBody .nearBy ul.list li.n06 .con .conIn { top: 64px; } #mainBody .nearBy ul.list li.n07 { margin-top: -50px; } #mainBody .nearBy ul.list li.n07 .con .conIn { top: 64px; } #mainBody .nearBy ul.list li.n08 { position: absolute; right: 0; bottom: 0; } #mainBody .nearBy ul.list li.n08 .con .conIn { top: 94px; } /* location */ #mainBody .location {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .location:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .location { width: 1120px; margin: 0 auto; } #mainBody .location #map { float: left; width: 746px; height: 470px; } #mainBody .location > .info { float: right; width: 374px; height: 470px; background-color: #213d6a; overflow: hidden; } #mainBody .location > .info .tab { height: 70px; } #mainBody .location > .info .tab ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .location > .info .tab ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .location > .info .tab ul.list {} #mainBody .location > .info .tab ul.list li { float: left; width: 33.3%; } #mainBody .location > .info .tab ul.list li.first { width: 33.4%; } #mainBody .location > .info .tab ul.list li a { display: block; height: 70px; line-height: 70px; font-size: 16px; color: #fff; text-align: center; text-decoration: none; border-left: 1px solid #2e4366; background-color: #142c53; } #mainBody .location > .info .tab ul.list li.first a { border: 0; } #mainBody .location > .info .tab ul.list li a:hover { background-color: #0b1c38; } #mainBody .location > .info .tab ul.list li.active a { background-color: #213d6a; } #mainBody .location > .info .con { display: none; padding: 32px 30px 0; } #mainBody .location > .info .con p.title { line-height: 42px; font-size: 30px; color: #fff; margin-bottom: 24px; } #mainBody .location > .info .con p.title span { display: block; line-height: 18px; font-size: 14px; color: #949daf; } #mainBody .location > .info #nearByInfo { display: block; } #mainBody .location > .info #nearByInfo ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .location > .info #nearByInfo ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .location > .info #nearByInfo ul.list { margin-left: -5px; } #mainBody .location > .info #nearByInfo ul.list li { float: left; margin: 0 0 5px 5px; } #mainBody .location > .info #nearByInfo ul.list li a { display: block; line-height: 18px; font-size: 14px; color: #fff; text-align: center; text-decoration: none; background-color: #44597b; padding: 10px 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #mainBody .location > .info #nearByInfo ul.list li a:hover { background-color: #142c53; } #mainBody .location > .info #nearByInfo ul.list li a span { display: block; } #mainBody .location a.btnBox { border: 1px solid #bdbdbd;position: absolute; height: 58px; line-height: 48px; font-size: 15px; background-image: url(/kr/images/common/icon_button_plus.png); background-position: center; background-repeat: no-repeat; right:0px;top:100px; } #mainBody a.btnBox { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; height: 38px; line-height: 34px; color: #303030; font-weight: 500; text-align: center; text-decoration: none; border: 1px solid #bdbdbd; outline: none; background-color: transparent; padding: 0 25px; cursor: pointer; } #mainBody a.btnBox:hover { color: #fff; background-color: rgba(33,61,105,.8); background-image: url(/kr/images/common/icon_button_plus2.png); } /* mediaquery for tab */ @media only screen and (min-width: 801px) and (max-width: 1200px) { } /* mediaquery for mobile */ @media only screen and (max-width: 800px) { /* visual */ .visWrap { width:100%;height:320px} #mainVisual ul.slides { height: 320px; padding: 0; margin: 0; } #mainVisual ul.slides li.v01 { background-image: url(/kr/images/main/mobile_visual_img02_2.jpg); } #mainVisual ul.slides li.v02 { background-image: url(/kr/images/main/mobile_visual_img03_2.jpg); } #mainVisual ul.slides li.v06 { background-image: url(/kr/images/main/mobile_visual_img2019_03.jpg); } #mainVisual ul.slides li.v07 { background-image: url(/kr/images/main/mobile_visual_img2019_01.jpg); } #mainVisual ul.slides li.v08 { background-image: url(/kr/images/main/mobile_visual_img2019_02.jpg); } #mainVisual ul.slides li.v09 { background-image: url(/kr/images/main/mobile_visual_img2019_06.jpg); } #mainVisual ul.slides li.v10 { background-image: url(/kr/images/main/mobile_visual_img2019_07.jpg); } #mainVisual ul.slides li.v11 { background-image: url(/kr/images/main/mobile_visual_img2020_01.jpg); } #mainVisual ul.slides li.v12 { background-image: url(/kr/images/main/mobile_visual_img2020_02.jpg); } #mainVisual ul.slides li.v13 { background-image: url(/kr/images/main/mobile_visual_img2020_03.jpg); } /*#mainVisual ul.slides li.v03 { background-image: url(/kr/images/main/mobile_visual_img01.jpg); }*/ } /* mediaquery for mobile */ @media only screen and (max-width: 800px) { /* visual */ #mainVisual ul.slides li .slogan { left: 20px; top: 100px; width: 300px; margin-left: 0; } #mainVisual ul.slides li .slogan p.main { line-height: 30px; font-size: 22px; margin-bottom: 20px; } #mainVisual ul.slides li .slogan p.sub { line-height: 18px; font-size: 12px; } #mainVisual ul.slides li .slogan p.sub br { display: none; } #mainVisual ol.flex-control-nav { bottom: 20px; } #mainVisual .bx-pager { position: absolute; left: 0; bottom: 5px; width: 100%; text-align: center; z-index: 99; } #mainVisual .flex-control-nav { position: relative; left: 0; bottom: 5px; width: 100%; text-align: center; z-index: 99; } /* weather*/ .visWrap .weather { top: 20px; right: 20px; } .visWrap .weather p.date { margin-bottom: 0; } /* reservation */ body.stopReservationBar { padding-top: 0; } body.stopReservationBar .mainReservation { display: none; } /* reservation */ .mainReservation { display: none; } .accessCode { display: none; } .mainMobileReservation {height:250px; position: relative;display: block; background-color:#f8f8f8;padding:10px 10px 0 0px;} .mainMobileReservation { width: auto; margin: 0px auto 0; } .mainMobileReservation .sub-box-w100 { width:100% } .mainMobileReservation .sub-box-w70 { float:left;width:70% } .mainMobileReservation .sub-box-w50 { float:left;width:50% } .mainMobileReservation .sub-box-w30 { float:left;width:30% } .mainMobileReservation li .mbook_input { width:100%;height:40px; margin: 5px 5px 0 5px;padding-left:15px; background-color:#fff;border:1px solid #e5e6e7;color:#999a9a; background-image:url('/kr/images/common/icon_calendar_gray2.png');background-position: right center; background-repeat: no-repeat; } .mainMobileReservation li .mbook_input_pass { width:100%;height:40px; margin: 5px 5px 0 5px;padding-left:15px; background-color:#fff;border:1px solid #e5e6e7;color:#999a9a; } .mainMobileReservation li .mbook_select { width:100%;height:40px; margin: 5px 5px 0 5px;padding-left:10px; background-color:#fff;border:1px solid #e5e6e7;color:#999a9a; } .bt_gry25{font-family:'Montserrat','Khyay';font-weight:300;display:inline-block;position:relative;border:1px solid #204177;background-color:#204177;background:-webkit-gradient(linear,0 0,0 100%,from(#204177),to(#204177));color:#fff;} .bt_gry26{font-family:'Montserrat','Khyay';font-weight:300;display:inline-block;position:relative;border:1px solid #919192;background-color:#919192;background:-webkit-gradient(linear,0 0,0 100%,from(#919192),to(#919192));color:#fff;} .bt_gry27{font-weight:500;display:inline-block;position:relative;border:2px solid #000;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));color:#000;} /* main body */ #mainBody { background-color:#f8f8f8;} #mainBody > div { padding: 30px 0 40px; } #mainBody h3.location_h3 { display: none; } #mainBody h3 { line-height: 30px; font-size: 20px; margin-bottom: 30px; } #mainBody h3 span.sub { display: none; } /* top banner */ #mainBody .topBanner { width: auto; margin: 0px auto 0; } #mainBody .topBanner img { width: 100%;margin-top:20px;} /* new offers */ .newOffersArea { padding-top: 50px; } .newOffersArea > p.topTitle { line-height: 28px; font-size: 20px; margin: -20px 0 40px; } .newOffers { width: 350px; padding-bottom: 80px !important; margin: 0 auto;} .newOffers h3 { display: block; } .newOffers ol.flex-control-nav { bottom: 30px; } .newOffers ul.flex-direction-nav { display: none; } /* hotel gallery */ .hotelGalleryArea { padding: 50px 10px 80px; } .hotelGalleryArea > p.topTitle { line-height: 28px; font-size: 20px; margin: -20px 0 40px; } .hotelGalleryArea > p.topTitle span { line-height: 18px; font-size: 13px; margin-top: 4px; } .hotelGalleryArea img { max-width: 100%; height: auto; } .hotelGalleryArea .topRoomGallery { width: auto; } .hotelGalleryArea .topCarousel { display: none; } .hotelGalleryArea .topRoomGallery ol.flex-control-nav { display: block; } /* gallery */ #mainBody .gallery { display: none; } /* Near by Information */ #mainBody .nearBy { display: none; } /* location */ #mainBody .location { width: auto;} #mainBody .location #map { float: none; width: auto; height: 300px; } #mainBody .location > .info { display: none; } /* 모바일 패키지 list */ .mtitleAreamobile { position: relative; text-align: center; padding-bottom: 5px; margin-bottom:20px } .mtitleAreamobile:after { position: absolute; left: 50%; bottom: 0; content: " "; width: 74px; height: 1px; text-indent: -9999px; background-color: #232323; margin-left: -36px; } .mtitleAreamobile h5 { line-height: 30px; font-size: 30px; text-align: center; text-transform: uppercase; margin-bottom: 10px; } .mtitleArea2 { position: relative; text-align: center; padding-bottom: 5px; margin-bottom:20px } .mtitleArea2:after { position: absolute; left: 50%; bottom: 0; content: " "; width: 74px; height: 1px; text-indent: -9999px; background-color: #232323; margin-left: -36px; } .mtitleArea2 h5 { line-height: 30px; font-size: 30px; text-align: center; text-transform: uppercase; margin-bottom: 10px; } .mtitleArea2 .sub {display: none; } #mainBody .eventList {} #mainBody .eventList {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .eventList:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .eventList { width: 100%; margin: 0 auto; } #mainBody .eventList ul.list {position: relative; width: 100%; margin: 0 auto; } #mainBody .eventList ul.list li.first{position: relative; float: left; width: 100%; margin: 0 ; } #mainBody .eventList ul.list li {position: relative; float: left; width: 50%; margin:0; } #mainBody .eventList ul.list li img {width:100%;} #mainBody .eventList ul.list li p.name {font-family:"Open Sans",'Nanum Gothic'; position: absolute;top: 6px; line-height: 22px;letter-spacing: -2px; font-size: 20px; color: #fff; font-weight: bold; padding: 20px 20px 0;} #mainBody .eventList ul.list li p.conts {font-family:"Open Sans",'Nanum Gothic'; position: absolute; top: 33px; line-height: 17px; font-size: 12px; color: #fff; font-weight: 500; padding: 20px 20px 0;} #mainBody .eventList ul.list li p.conts2 {font-family:"Open Sans",'Nanum Gothic'; position: absolute; top: 55px; line-height: 17px; font-size: 12px; color: #fff; font-weight: 500; padding: 20px 20px 0;} #mainBody .eventList ul.list li .con { height: 100%; padding: 21px 20px 0; } #mainBody .eventList ul.list li .con p.title {font-family:"Open Sans",'Nanum Gothic'; font-size: 20px;letter-spacing: -2px; font-weight: bold; margin-bottom: 3px; color: #fff; } #mainBody .eventList ul.list li .con p.text {font-family:"Open Sans",'Nanum Gothic'; min-height: 44px; line-height: 17px; font-size: 12px; color: #fff; font-weight: 500; } #mainBody .eventList ul.list li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33,61,105,.8); /*background-image: url(/kr/images/main/nearby_overline.png); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;*/ -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainBody .eventList ul.list li:hover .con { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #mainBody .eventList ul.list li .con .conIn { position: absolute; left: 0; top: 145px; width: 100%; text-align: center; } #mainBody .eventList a.btnBox { border: 1px solid #bdbdbd;position: absolute;width:35px; height: 35px; background-image: url(/kr/images/common/icon_button_plus_m.png); background-position: center; background-repeat: no-repeat; right:15px;top:30px;} #mainBody a.btnBox { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width:35px;height: 35px; border: 1px solid #bdbdbd; outline: none; background-color: transparent; padding: 0px; cursor: pointer; } #mainBody a.btnBox:hover { color: #fff; background-color: rgba(33,61,105,.8); background-image: url(/kr/images/common/icon_button_plus2_m.png); } /* 모바일 패키지 list */ /* 모바일 갤러리 list */ #mainBody .mgalleryList { } #mainBody .mgalleryList ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .mgalleryList ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .mgalleryList { width: 100%; margin: 0 auto; } #mainBody .mgalleryList ul.list {*zoom:1;} /* Hack for browser IE5.5~7 */ #mainBody .mgalleryList ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */ #mainBody .mgalleryList ul.list {position: relative; width: 100%; margin: 0 auto; } #mainBody .mgalleryList ul.list li {position: relative; float: left; width: 50%; margin: 0; } #mainBody .mgalleryList ul.list li img {width:100%;} #mainBody .mgalleryList ul.list li .con { width: 100%;padding: 20px 25px 0; } #mainBody .mgalleryList ul.list li .con p.title { line-height: 22px;font-size: 14px; color: #fff; font-weight: 500; text-transform: uppercase; } #mainBody .mgalleryList ul.list li .con p.title a { color: #232323; text-decoration: none; } #mainBody .mgalleryList ul.list li .con p.title a:hover { color: #000; text-decoration: underline; } #mainBody .mgalleryList ul.list li p.name { position: absolute; left: 15px; bottom: 15px; line-height: 22px; font-size: 14px; color: #fff; font-weight: 500; } #mainBody .mgalleryList ul.list li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33,61,105,.8); /*background-image: url(/kr/images/main/nearby_overline.png); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;*/ -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainBody .mgalleryList ul.list li:hover .con { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #mainBody .mgalleryList ul.list li .con .conIn { position: absolute; left: 15px; bottom: 15px; } #mainBody .mgalleryList a.btnBox { border: 1px solid #bdbdbd;position: absolute;width:35px; height: 35px; background-image: url(/kr/images/common/icon_button_plus_m.png); background-position: center; background-repeat: no-repeat; right:15px;top:30px;} #mainBody a.btnBox { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width:35px;height: 35px; border: 1px solid #bdbdbd; outline: none; background-color: transparent; padding: 0px; cursor: pointer; } #mainBody a.btnBox:hover { color: #fff; background-color: rgba(33,61,105,.8); background-image: url(/kr/images/common/icon_button_plus2_m.png);} /* 모바일 갤러리 list */ #mainBody .location a.btnBox2 { border: 1px solid #bdbdbd;position: absolute;width:35px; height: 35px; background-image: url(/kr/images/common/icon_button_plus_m.png); background-position: center; background-repeat: no-repeat; right:15px;top:30px;} #mainBody a.btnBox2 { display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline; width:35px;height: 35px; border: 1px solid #bdbdbd; outline: none; background-color: transparent; padding: 0px; cursor: pointer; } #mainBody a.btnBox2:hover { color: #fff; background-color: rgba(33,61,105,.8); background-image: url(/kr/images/common/icon_button_plus2_m.png);} }