/*@import url('/skin/site_skin/pension1/css/rustandard2.css');*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*dl,dt,dd{ border:0; margin:0; padding:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}*/ caption{display:none;} ul,ol{list-style:none} li { list-style-type:none; } img,fieldset,iframe{border:0;} img,fieldset { border:none; } li img, dd img { vertical-align:top; } input { vertical-align:middle; } hr{display:none;} em,address{font-style:normal} .blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0} a:link{text-decoration:none;color:#666666;} a:visited{text-decoration:none;color:#333;} a:active{text-decoration:none;color:#666666;} a:hover{text-decoration:none;color:#7f88a2;} .cursor{cursor:pointer} /* @font-face { font-family:'Nanum Gothic'; font-style:normal; src: url('/share/webfont/NanumGothic.eot');} @font-face { font-family:'Nanum Gothic'; font-style:normal; src: url('/share/webfont/NanumGothic.woff') format('woff');} @font-face { font-family:'Nanum Gothic'; font-style:normal; src: url('/share/webfont/NanumGothic.ttf') format('truetype');} @font-face { font-family:'NanumBarunGothic'; font-style:normal; src: url('/share/webfont/NanumBarunGothic.eot');} @font-face { font-family:'NanumBarunGothic'; font-style:normal; src: url('/share/webfont/NanumBarunGothic.woff') format('woff');} @font-face { font-family:'NanumBarunGothic'; font-style:normal; src: url('/share/webfont/NanumBarunGothic.ttf') format('truetype');} */ h1,h2,h3,h4,h5,h6{/*line-height:1.3em; _color:#20282e;font-family: "나눔고딕", NanumGothic, Nanum Gothic, "돋움", Dotum, Arial, Sans-serif;*/ } h1{font-size:34px;} h2{font-size:24px; color:#7f88a2; margin:0px 0 0 0; clear:both; padding:0px 0 10px 0;letter-spacing:-1px;} h3{font-size:19px;} h4{font-size:17px;} h5{font-size:15px;} h6{font-size:13px;} /* @font-face{font-family:'NGothic'; src:url('../font/NanumGothic.woff') format('woff'); } @font-face{font-family:'NGothicB'; src:url('../font/NanumGothicBold.woff') format('woff'); } @font-face{font-family:'NGothicEB'; src:url('../font/NanumGothicExtraBold.woff') format('woff'); } */ .blind {font-size:0; height:0; left:-9999px; line-height:0; position:absolute; width:0;} body,table {font:.85em/18px "맑은고딕", "Malgun Gothic", "나눔고딕", NanumGothic, Nanum Gothic, "돋움", Dotum, Arial, Sans-serif ; color:#555; background:transparen; line-height:20px;} /* padding */ .pd0{padding:0;} .pd5{padding:5px;} .pd9{padding:9px;} .pd10{padding:10px;} .pd15{padding:15px;} .pd20{padding:20px;} .pd25{padding:25px;} .pd30{padding:30px;} .pd35{padding:35px;} .pd40{padding:40px;} .pd45{padding:45px;} /* padding Left */ .pL0{padding-left:0 !important;} .pL5{padding-left:5px !important;} .pL10{padding-left:10px !important;} .pL15{padding-left:15px !important;} .pL20{padding-left:20px !important;} .pL25{padding-left:25px !important;} .pL30{padding-left:30px !important;} .pL35{padding-left:35px !important;} .pL40{padding-left:40px !important;} .pL45{padding-left:45px !important;} /* padding right */ .pR0{padding-right:0 !important;} .pR5{padding-right:5px !important;} .pR10{padding-right:10px !important;} .pR15{padding-right:15px !important;} .pR20{padding-right:20px !important;} .pR25{padding-right:25px !important;} .pR30{padding-right:30px !important;} .pR35{padding-right:35px !important;} .pR40{padding-right:40px !important;} .pR45{padding-right:45px !important;} /* padding top */ .pT0{padding-top:0 !important;} .pT5{padding-top:5px !important;} .pT10{padding-top:10px !important;} .pT15{padding-top:15px !important;} .pT20{padding-top:20px !important;} .pT25{padding-top:25px !important;} .pT30{padding-top:30px !important;} .pT35{padding-top:35px !important;} .pT40{padding-top:40px !important;} .pT45{padding-top:45px !important;} /* padding bottom */ .pB0{padding-bottom:0 !important;} .pB5{padding-bottom:5px !important;} .pB10{padding-bottom:10px !important;} .pB15{padding-bottom:15px !important;} .pB20{padding-bottom:20px !important;} .pB25{padding-bottom:25px !important;} .pB30{padding-bottom:30px !important;} .pB35{padding-bottom:35px !important;} .pB40{padding-bottom:40px !important;} .pB45{padding-bottom:45px !important;} /* margin */ .mgAuto{margin:0 auto;} /* 가운데정렬 */ .mg0{margin:0;} .mg5{margin:5px;} .mg10{margin:10px;} .mg15{margin:15px;} .mg20{margin:20px;} .mg25{margin:25px;} .mg30{margin:30px;} .mg35{margin:35px;} .mg40{margin:40px;} .mg45{margin:45px;} /* margin Left */ .mL0{margin-left:0;} .mL5{margin-left:5px;} .mL10{margin-left:10px;} .mL15{margin-left:15px;} .mL20{margin-left:20px;} .mL25{margin-left:25px;} .mL30{margin-left:30px;} .mL35{margin-left:35px;} .mL40{margin-left:40px;} .mL45{margin-left:45px;} /* margin right */ .mR0{margin-right:0;} .mR5{margin-right:5px;} .mR10{margin-right:10px;} .mR15{margin-right:15px;} .mR20{margin-right:20px;} .mR25{margin-right:25px;} .mR30{margin-right:30px;} .mR35{margin-right:35px;} .mR40{margin-right:40px;} .mR45{margin-right:45px;} /* margin top */ .mT0{margin-top:0;} .mT5{margin-top:5px;} .mT10{margin-top:10px;} .mT15{margin-top:15px;} .mT20{margin-top:20px;} .mT25{margin-top:25px;} .mT30{margin-top:30px;} .mT35{margin-top:35px;} .mT40{margin-top:40px;} .mT45{margin-top:45px;} /* margin bottom */ .mB0{margin-bottom:0;} .mB5{margin-bottom:5px;} .mB10{margin-bottom:10px;} .mB15{margin-bottom:15px;} .mB20{margin-bottom:20px;} .mB25{margin-bottom:25px;} .mB30{margin-bottom:30px;} .mB35{margin-bottom:35px;} .mB40{margin-bottom:40px;} .mB45{margin-bottom:45px;} /* font style */ .fsBold{font-weight:bold;} .fsNormal{font-weight:normal;} .fsUnderLine{text-decoration:underline;} .fs11{font-size:1em !important;} .fs12{font-size:12px;} .fs18{font-size:18px;} .fs24{font-size:24px;} /* float */ .fL{float:left !important;} .fR{float:right !important;} /* overflow */ .ofHidden{overflow:hidden !important;} .ofAuto{overflow:auto !important;} /* line-height */ .lH10{line-height:10px !important;} .lH15{line-height:15px !important;} .lH20{line-height:20px !important;} .lH25{line-height:25px !important;} .lH30{line-height:30px !important;} .lH35{line-height:35px !important;} .lH40{line-height:40px !important;} /* text-align */ .tAcenter{text-align:center !important;} .tAleft{text-align:left !important;} .tAright{text-align:right !important;} /* bg */ .bgBluesky{background:#d4f4fa;} /* color */ .red {color:#d5b2a8;} .redOrange{color:#de372c;} .blue {color:#767c90;} .orange{color:#f75a25;} .gray{color:#b3b3ba;} .gray2{color:#777;} .lightGray2{color:#919fa3;} .hotPink{color:#e0418d;} .lightblue{color:#7e88a3;} .lightblue2{color:#7d89a3;} .darkGray{color:#919191;} /* border color */ .lightGray{border:1px solid #b7b7b7;} /* width */ .wt5{width:5px;} .wt10{width:10px;} .wt15{width:15px;} .wt20{width:20px;} .wt25{width:25px;} .wt30{width:30px;} .wt35{width:35px;} .wt40{width:40px;} .wt45{width:45px;} .wt50{width:50px;} .wt55{width:55px;} .wt60{width:60px;} .wt65{width:65px;} .wt70{width:70px;} .wt75{width:75px;} .wt80{width:80px;} .wt85{width:85px;} .wt90{width:90px;} .wt95{width:95px;} .wt100{width:100px;} .wt300{width:300px;} /* ----------------------------------------------------------------------------------------------- */ /* 메인페이지 */ #all{width:100%; /*background:url(/skin/site_skin/pension1/images/pattern2.jpg) top center repeat;*/} #all2{width:100%; /*background:url(/skin/site_skin/pension1/images/pattern2.jpg) top center repeat;*/} #all3{width:100%; /*background:url(/skin/site_skin/pension1/images/pattern2.jpg) top center repeat;*/} #full{/*background: url(/skin/site_skin/pension1/images/pattern2.jpg) center top repeat-x;*/} .infotitle h2 {font-size:23px; color:#666; padding:0 0 0 20px; background:url(/skin/site_skin/pension1/images/bg_titlestar.png) 0 17px no-repeat; line-height:50px; margin:10px 0 0px 0;} /* -------------------------------- 상단기본 ------------------------------------------- */ /* 상단 */ #header{width:100%; height:130px; background:transparent; /*background-color:#fff;*/ background: url() repeat;} #header1{position:absolute; width:100%; background:transparent; /*background-color:#79839e;*/ z-index:200; background: url() repeat;} #header2{width:100%; height:160px; background:transparent; /*background-color:#fff; background: url("/skin/site_skin/pension1/images/pattern2.jpg") repeat !important;*/} #header3{width:100%; height:160px; background:transparent; /*background-color:#fff; background: url("/skin/site_skin/pension1/images/pattern3.jpg") repeat !important;*/} .headerWrap{width:1000px; margin:0 auto; position:relative; height:130px;} .headerWrap h1{position:absolute; top:0; left:0px; width: 240px;} .headerWrap h1.text{float: left; height: 40px; left: 0px; position: absolute; text-align: center; top: 43px; width: 240px;} .headerWrap .sitemap{position:absolute; top:10px; right:0px;} .headerWrap .sitemap li{float:left; margin:0 2px 0 0; padding:2px 5px 2px 5px; font-size:11px;} .headerWrap .sitemap li.btn1{background:#a82876; border:0px solid #008b97;} .headerWrap .sitemap li.btn2{background:#a82876; border:0px solid #730e4b;} .headerWrap .sitemap li.btn3{background:#8e8e8f; border:0px solid #636363;} .headerWrap .sitemap a{color:#fff;} .submenu{position:absolute; top:10px; font-weight:normal; border:1px solid #ccc; background:#efefef; padding:10px 16px; margin:10px 0; font-size:12px;} .submenu li{float:left;} /* Global Navigation Bar */ .gnb { position:absolute; top:52px; right:0; width:760px; height:70px; z-index:30; font-family: "나눔고딕", NanumGothic, Nanum Gothic, "돋움", Dotum, Arial, Sans-serif;} .gnb:after { content:""; display:block; clear:both; } .gnb ul { float:left;} .gnb li { float:left; width:auto; text-align:center; font-weight:bold; padding:0 30px; letter-spacing:-1px;} .gnb li a.mm { float:left; width:205px; height:29px; text-align:center; padding-top:10px; color:#fff;} .gnb li ul { position:absolute; top:15px; display:none; background:#fff; border:1px solid #888; padding:7px 20px; border-radius: 3px; -webkit-border-radius: 3px;text-align:center;margin-left:-30px} .gnb li.m1 ul {} .gnb li.m2 ul {} .gnb li.m3 ul {} .gnb li.m4 ul {} .gnb li.m5 ul { right:0px; } .gnb li ul li { padding:0 5px; width:auto; height:auto; background:none;} .gnb .gnblist { font-size:20px; font-weight:bold; } #active{display:block} .gnb .gnblist a:link {color:#333;} .gnb .gnblist a:visited {color:#333;} .gnb .gnblist a:hover {color:#7e88a3;} .gnb .gnblist a:active {color:#333;} .gnb .gnblist a.current {color:#7e88a3;} /*.gnb .submenu a {color:#333;} .gnb .submenu a:hover {color:#333;}*/ /* -------------------------------- 상단 Type.01 ------------------------------------------- */ /* 로고, 사이트맵영역 */ .header_top{background:transparent; height:100px; width:100%; opacity:.9;filter:alpha(opacity=90);} .topWrap{width:1000px; margin:0 auto; height:100px; position:relative;} .topWrap h1{text-align:center} .topWrap h1.text{text-align:center; padding-top:30px;} .topWrap .jm_sitemap{position:absolute; top:10px; right:0px;} .topWrap .jm_sitemap li{float:left; margin:0 2px 0 0; padding:2px 5px 2px 5px; font-size:11px;} .topWrap .jm_sitemap li.btn1{background:#7e88a3; border:1px solid #008b97;} .topWrap .jm_sitemap li.btn2{background:#a82876; border:1px solid #730e4b;} .topWrap .jm_sitemap li.btn3{background:#8e8e8f; border:1px solid #636363;} .topWrap .jm_sitemap li.btn99{background:#79839e; border:0px solid #5c4f46;} /* 버튼색 변경 */ .topWrap .jm_sitemap a{color:#fff; font-size:11px;} /* 대매뉴 */ .header_mid{background:#79839e; width:100%; height:40px;} .midWrap{width:1000px; margin:0 auto; height:40px; position:relative;} /* Global Navigation Bar */ .jm_gnb { width:1000px; line-height:40px; text-align:center; margin:0px auto;/*position:absolute; top:7px; right:0; width:1000px; height:70px; z-index:30;*/} .jm_gnb:after { content:""; display:block; clear:both; } .jm_gnb ul {overflow:hidden;z-index:1} .jm_gnb li { float:left; padding:0 55px; text-align:center; } .jm_gnb li a.mm { float:left; width:205px; height:28px; text-align:center; padding-top:10px; color:#fff;} .jm_gnb li ul { position:absolute; top:35px; display:none; font-size:13px; font-weight:normal; letter-spacing:-0.035em;} .jm_gnb li.m1 ul { } .jm_gnb li.m2 ul { } .jm_gnb li.m3 ul { } .jm_gnb li.m4 ul { } .jm_gnb li.m5 ul { } .jm_gnb li.m6 ul { } .jm_gnb li.m7 ul { } .jm_gnb li.m8 ul { } .jm_gnb li ul li { padding:0 15px 0 0; width:auto; height:auto; background:none;} .jm_gnb .jm_gnblist { float:left; font-size:16px; font-weight:bold; letter-spacing:-0.035em;} .jm_gnb .jm_gnblist a:link {color:#fff;} .jm_gnb .jm_gnblist a:visited {color:#fff;} .jm_gnb .jm_gnblist a:hover {color:#ccff00;} /* 대매뉴 색변경 */ .jm_gnb .jm_gnblist a:active {color:#fff;} .jm_gnb .jm_submenu a:link{color:#333;} .jm_gnb .jm_submenu a:visited{color:#333;} .jm_gnb .jm_submenu a:hover {color:#333;} /* 서브매뉴 색변경 */ .jm_gnb .jm_submenu a:active{color:#333;} .header_bot{background:#fff; opacity:.9;filter:alpha(opacity=90); height:30px; width:100%;} /* .jm_gnb { width:1000px; line-height:33px; text-align:center; margin:0px auto;} .jm_gnb:after { content:""; display:block; clear:both; } .jm_gnb ul {overflow:hidden;} .jm_gnb li { float:left; padding:0 60px; text-align:center; } .jm_gnb li a.mm { float:left; width:205px; height:29px; text-align:center; padding-top:10px; color:#fff;} .jm_gnb li ul { top:31px; font-size:11px; font-weight:normal;} .jm_gnb li.m1 ul { } .jm_gnb li.m2 ul { } .jm_gnb li.m3 ul { } .jm_gnb li.m4 ul { } .jm_gnb li.m5 ul { } .jm_gnb li ul li { padding:0 5px; width:auto; height:auto; background:none;} .jm_gnb .jm_gnblist { float:left; font-size:14px; font-weight:bold} .jm_gnb .jm_gnblist a:link {color:#fff;} .jm_gnb .jm_gnblist a:visited {color:#fff;} .jm_gnb .jm_gnblist a:hover {color:#ccff00;} .jm_gnb .jm_gnblist a:active {color:#fff;} .jm_gnb .jm_submenu {z-index:31} .jm_gnb .jm_submenu a:link{color:#333;} .jm_gnb .jm_submenu a:visited{color:#333;} .jm_gnb .jm_submenu a:hover {color:#333;} .jm_gnb .jm_submenu a:active{color:#333;} .header_bot{background:#79839e; opacity:.9;filter:alpha(opacity=90); height:25px; width:100%} */ /* -------------------------------- 상단 Type.02 ------------------------------------------- */ /* 로고, 사이트맵영역 */ .header_top2{height:78px; width:100%;} .topWrap2{width:1000px; margin:0 auto; height:auto; position:relative;} .topWrap2 h1{text-align:center;} .topWrap2 h1.text{padding:20px 0; text-align:center;} .topWrap2 .jm_sitemap{position:absolute; top:5px; right:0px;} .topWrap2 .jm_sitemap li{float:left; margin:0 2px 0 0; padding:2px 5px 2px 5px; font-size:11px;} .topWrap2 .jm_sitemap li.btn1{background:#7e88a3; border:1px solid #008b97;} .topWrap2 .jm_sitemap li.btn2{background:#a82876; border:1px solid #730e4b;} .topWrap2 .jm_sitemap li.btn3{background:#8e8e8f; border:1px solid #636363;} .topWrap2 .jm_sitemap li.btn98{background:#e5e5e5; border:1px solid #ccc;} /* 버튼색 변경 */ .topWrap2 .jm_sitemap a{color:#333;} /* 대매뉴 */ .header_mid2{width:100%;height:0px; background:transparent;} .midWrap{width:1000px; margin:0 auto; height:40px; position:relative;} /* Global Navigation Bar */ /* 2013-11-21 jquery 효과 위해 css 수정 최과장 */ /* .jm_gnb2 { top:10px; right:0; width:1000px; height:75px; z-index:30;} .jm_gnb2:after { content:""; display:block; clear:both; } .jm_gnb2 ul {overflow:hidden;} .jm_gnb2 li { float:left; padding:0 58px; text-align:center; letter-spacing:-1px;} .jm_gnb2 li span.big{font-size:22px; font-weight:bold;} .jm_gnb2 li span.small{font-size:13px; line-height:20px;} .jm_gnb2 li a.mm { float:left; width:205px; height:29px; text-align:center; padding-top:10px; color:#fff;} .jm_gnb2 li ul { top:45px; font-size:11px; font-weight:normal; background:#fff; border:1px solid #ccc; padding:3px 5px;} .jm_gnb2 li.m1 ul { left:30px; } .jm_gnb2 li.m2 ul {} .jm_gnb2 li.m3 ul {} .jm_gnb2 li.m4 ul { left:635px; } .jm_gnb2 li.m5 ul {} .jm_gnb2 li ul li { padding:0 5px; width:auto; height:auto; background:none;} */ /* 2013-11-21 jquery 효과 위해 css 수정 최과장 */ .jm_gnb2 { position:absolute; top:10px; left:50px; width:900px; height:70px; z-index:30;} .jm_gnb2:after { content:""; display:block; clear:both; } .jm_gnb2 ul {overflow:hidden;} .jm_gnb2 li { float:left; padding:0 58px; text-align:center; letter-spacing:-1px;} .jm_gnb2 li span.big{font-size:22px; font-weight:bold;} .jm_gnb2 li span.small{font-size:13px; line-height:20px;} .jm_gnb2 li a.mm { float:left; width:205px; height:29px; text-align:center; padding-top:10px; color:#fff;} .jm_gnb2 li ul { position:absolute; top:45px; display:none; font-size:11px; font-weight:normal; background:#efefef; border:1px solid #ccc; padding:3px 5px;} .jm_gnb2 li.m1 ul { } .jm_gnb2 li.m2 ul { } .jm_gnb2 li.m3 ul { } .jm_gnb2 li.m4 ul { } .jm_gnb2 li.m5 ul { } .jm_gnb2 li.m6 ul { } .jm_gnb2 li.m7 ul { } .jm_gnb2 li.m8 ul { } .jm_gnb2 li ul li { padding:0 5px; width:auto; height:auto; background:none;} /* -------------------------------- 상단 Type.03 ------------------------------------------- */ /* 로고, 사이트맵영역 */ .header_top3{background:url(/skin/site_skin/pension1/images/header_bg3.jpg) 0 0 repeat-x; height:78px; width:100%;} .topWrap3{width:1000px; margin:0 auto; height:0; position:relative;} .topWrap3 h1{float:left;} .topWrap3 h1.text{float:left; width:220px; height:0; padding:50px 0 0 0; text-align:center;} .topWrap3 .jm_sitemap{position:absolute; top:5px; right:10px;} .topWrap3 .jm_sitemap li{float:left; margin:0 2px 0 0; padding:10px 1px; font-size:11px;} .topWrap3 .jm_sitemap li.btn1{background:#7e88a3; border:1px solid #008b97;} .topWrap3 .jm_sitemap li.btn2{background:#a82876; border:1px solid #730e4b;} .topWrap3 .jm_sitemap li.btn3{background:#8e8e8f; border:1px solid #636363;} .topWrap3 .jm_sitemap li.btn98{background:#e5e5e5; border:1px solid #ccc;} /* 버튼색 변경 */ .topWrap3 .jm_sitemap a{color:#333;} /* 대매뉴 */ .header_mid3{width:100%; height:150px; /*background:#fff;*/} .midWrap{width:1000px; margin:0 auto; height:0; position:relative;} /* Global Navigation Bar */ .jm_gnb3 { position:absolute; top:0px; right:0; width:770px; height:70px; z-index:30; top:60px;} .jm_gnb3:after { content:""; display:block; clear:both; } .jm_gnb3 ul {overflow:hidden;} .jm_gnb3 li { float:left; padding:0 30px; text-align:center;} .jm_gnb3 li span.big{font-size:22px; font-weight:bold;} .jm_gnb3 li span.small{font-size:13px; line-height:20px;} .jm_gnb3 li.last{padding:0;} .jm_gnb3 li a.mm { float:left; width:205px; height:29px; text-align:center; padding-top:10px; color:#fff;} .jm_gnb3 li ul { position:absolute; top:45px; display:none; font-size:12px; font-weight:normal; background:#efefef; border:1px solid #ccc; padding:5px 8px;} .jm_gnb3 li.m1 ul { } .jm_gnb3 li.m2 ul { } .jm_gnb3 li.m3 ul { } .jm_gnb3 li.m4 ul { } .jm_gnb3 li.m5 ul { } .jm_gnb3 li.m6 ul { } .jm_gnb3 li.m7 ul { } .jm_gnb3 li.m8 ul { } .jm_gnb3 li ul li { padding:0 5px; width:auto; height:auto; background:none;} /* Global Navigation Bar */ /* .jm_gnb3 { top:0px; right:0; width:765px; height:70px; z-index:30;} .jm_gnb3:after { content:""; display:block; clear:both; } .jm_gnb3 ul {overflow:hidden;} .jm_gnb3 li { float:left; padding:0 32px; text-align:center;} .jm_gnb3 li span.big{font-size:22px; font-weight:bold;} .jm_gnb3 li span.small{font-size:13px; line-height:20px;} .jm_gnb3 li.last{padding:0;} .jm_gnb3 li a.mm { float:left; width:205px; height:29px; text-align:center; padding-top:10px; color:#fff;} .jm_gnb3 li ul { top:45px; font-size:11px; font-weight:normal; background:#efefef; border:1px solid #ccc; padding:3px 5px;} .jm_gnb3 li.m1 ul { left:0px; } .jm_gnb3 li.m2 ul { left:160px;} .jm_gnb3 li.m3 ul { left:200px; } .jm_gnb3 li.m4 ul { left:230px; } .jm_gnb3 li.m5 ul { left:300px; } .jm_gnb3 li.m6 ul { left:500px; } .jm_gnb3 li.m7 ul { left:575px; } .jm_gnb3 li.m8 ul { left:670px; } .jm_gnb3 li ul li { padding:0 5px; width:auto; height:auto; background:none;} */ /* 비주얼영역 */ #mainVisual{width:100%; height:460px; background:url() top center no-repeat;} .img_center{width:1000px; margin:0 auto; border-left:2px solid #fff; border-right:2px solid #fff;} .arrow_left{position:absolute; top:150px; left:5px;} .arrow_right{position:absolute; top:150px; right:5px;} .mvWrap{width:1200px; margin:0 auto; position:relative;} /* 비주얼영역(메인풀) */ #mainVisual2{position:relative; height:auto; width:100%; overflow:hidden; z-index:199;} .img_center2{width:100%; margin:0 auto; height:auto;} .controller{width:1000px; margin:0 auto; position:relative;} .arrow_left2{position:absolute; top:300px; left:0;} .arrow_right2{position:absolute; top:300px; right:0} .mvWrap2{width:100%; margin:0 auto; position:relative; height:700px; background:url() 0 0 repeat-x; z-index:-400;}/*메인비쥬얼 높이값지정*/ /* 비주얼영역(섹션) */ #mainVisualframe{width:100%; height:auto; /*background:url(/skin/site_skin/pension1/images/bg_mv.png) top center no-repeat;*/ /*background:#efefef;*/} .mvWrapframe{position:relative; width:1176px; height:480px; margin:0px auto; display:block; z-index:1000;} .mvWrapframe li.arrow_left3{width:78px; float:left; padding:167px 0;} .mvWrapframe li.img_center3{width:1020px; float:left;} .mvWrapframe li.arrow_right3{width:78px; float:left; padding:167px 0;} .mvWrapframe li.imglayer{position:absolute; width:1000px; height:460px; top:10px; left:0px; z-index:-1000;} /* 서브비주얼영역 */ #subvisual_01{width:100%; height:auto; background:url(http://design.bestbz.co.kr/type02/pension/images/theme1_subbg.png) top center no-repeat; margin:15px 0;} #subvisual_01 .img_center{width:1000px; margin:0 auto; border-left:2px solid #fff; border-right:2px solid #fff;} /* 서브비주얼영역 */ #subvisual_02{width:100%; height:250px; background:url(http://design.bestbz.co.kr/type02/pension/images/subfull.png) top center repeat-x; margin:0} #subvisual_02 .img_center{width:auto; margin:0 auto; border-left:2px solid #fff; border-right:2px solid #fff;} /* 서브비주얼영역 */ #subvisual_03{width:100%; height:auto; background:url(http://design.bestbz.co.kr/type02/pension/images/svisual_bg.png) top center no-repeat; margin:0;} #subvisual_03 .img03{width:auto; margin:0 auto; text-align:center;} /* 서브비주얼영역 */ #subvisual_04{width:100%; height:100px; background:url(http://design.bestbz.co.kr/type02/pension/images/subvisual_width.png) top center no-repeat;/*background:#efefef;*/ margin:15px 0;} #subvisual_04 .img_center{width:1000px; margin:0 auto; border-left:2px solid #fff; border-right:2px solid #fff;} /**/ #mainVisualwidth{width:100%; height:460px; background:url() top center no-repeat;/*background:#efefef;*/} /*.mvWrapwidth{position:relative; width:100%; height:460px; margin:0px auto; } .mvWrapwidth li.arrow_left3{width:78px; float:left; padding:150px 0;} .mvWrapwidth li.img_center3{width:1020px; float:left;} .mvWrapwidth li.arrow_right3{width:78px; float:left; padding:150px 0;} .mvWrapwidth li.imglayer{position:absolute; width:1000px; height:460px; top:10px; left:88px; z-index:-1000;}*/ /* 메인컨텐츠영역 */ #mainContents{width:100%; overflow:hidden; padding:20px 0;} #mainContents2{width:100%; height:100px; padding:20px 0; /*background:url(/skin/site_skin/pension1/images/bg_mainvisual2.png) 0 0 repeat-x;*/ } .mcWrap{width:1000px; overflow:hidden; margin:0 auto; } /*#main_center{height:460px !important;}*/ #pen_mclayer{position:absolute; top:540px; left:0; z-index:400; width:100%; overflow:hidden; height:120px; padding:20px 0; background:transparent; /*background-color:#79839e;*/ background: url(/skin/site_skin/pension1/images/pat.jpg) repeat #2a2a2a; opacity:.95;filter:alpha(opacity=95); } #mclayer{position:absolute; top:540px; left:0; z-index:400; width:100%; overflow:hidden; height:120px; padding:20px 0; } .mcbox{position:relative; width:1000px; margin:0px auto; overflow:hidden; height:120px; } /* 공지사항(좌측) 200사이즈*/ .pen_notice{font-size:12px; line-height:18px; color:#666; width:200px; height:100px; float:left; text-overflow:ellipsis; /*white-space:nowrap;*/} .pen_notice h3{padding:0 0 0 20px; font-size:17px; padding-bottom:7px; color:#333; background:url(/skin/site_skin/pension1/images/bg_titlestar.png) 0 3px no-repeat;} /* 공지사항(좌측2) */ .pen_notice2{font-size:12px; line-height:18px; color:#f4f4f4; width:200px; height:120px; float:left; clear:both;} .pen_notice2 h3{font-weight:bold; font-size:20px; color:#d7d7d7/*#7f88a2*/; padding:0 0 10px 0;} .pen_notice2 ul li a{color:#f4f4f4;} .phonenumber li{font-size:20px; font-weight:bold; line-height:20px; color:#efefef; letter-spacing:0px;} .phonenumber li.banknum{font-size:15px; color:#b7b7b7/*#7f88a2*/; line-height:16px; padding:5px 0 0 0;} span.strong{font-size:16px; color:#7f88a2;} /* 바로가기(우측) 타입1*/ .pen_quicklink{ width:280px; height:100px; float:right;} .pen_quicklink h3{padding:0 0 0 20px; font-size:17px; padding-bottom:7px; color:#333; background:url(/skin/site_skin/pension1/images/bg_titlestar.png) 0 3px no-repeat;} .pen_quicklink ul li{float:left; width:70px; height:70px; text-align:center; line-height:25px;} .pen_quicklink .icon1{background:url(/skin/site_skin/pension1/images/icon1_img011.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon2{background:url(/skin/site_skin/pension1/images/icon1_img021.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon3{background:url(/skin/site_skin/pension1/images/icon1_img031.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon4{background:url(/skin/site_skin/pension1/images/icon1_img041.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} /* 아이콘변경 타입2*/ .pen_quicklink .icon5{background:url(/skin/site_skin/pension1/images/icon2_img011.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon6{background:url(/skin/site_skin/pension1/images/icon2_img021.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon7{background:url(/skin/site_skin/pension1/images/icon2_img031.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon8{background:url(/skin/site_skin/pension1/images/icon2_img041.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} /* 아이콘변경 타입3*/ .pen_quicklink .icon9{background:url(/skin/site_skin/pension1/images/icon3_img011.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon10{background:url(/skin/site_skin/pension1/images/icon3_img021.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon11{background:url(/skin/site_skin/pension1/images/icon3_img031.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} .pen_quicklink .icon12{background:url(/skin/site_skin/pension1/images/icon3_img041.png) 0 0 no-repeat; padding:50px 0 0 0; display:block; color:#666;} /* 포토갤러리(가운데) */ .cts_photo1{ height:100px; font-size:12px; float:left; padding:0 20px;} .cts_photo1 li{float:left; padding:0 5px 0 0;} .cts_photo1 li.last{padding:0; width:116px; height:83px;} .cts_photo1 span{text-align:center; display:block; padding:4px 0; color:#666; font-size:11px;} /* 포토갤러리(왼쪽 2단) .cts_photo2{ height:100px; font-size:12px; float:left; padding-right:20px;} .cts_photo2 li{float:left; padding:0 3px 0 0;} .cts_photo2 li.last{padding:0; width:116px; height:83px;} .cts_photo2 span{text-align:center; display:block; padding:3px 0; color:#666; font-size:11px;} */ /*** 메인포토6***/ .pen_photo6 {position:relative; float:left; padding:0 20px 0 0; margin:0; width:700px;} .pen_photo6 .title{padding-bottom:7px; width:100%;} .pen_photo6 span.engsmall a{position:absolute; font-size:11px; color:#666666; padding:0; font-weight:bold; left:630px; top:13px; width:50px; text-align:right;} .pen_photo6 ul{position:relative; margin:0; padding:0; list-style:none; *zoom:1;} .pen_photo6 ul:after{display:block;clear:both;content:""} .pen_photo6 li{overflow:hidden; float:left; position:relative; top:0px; padding:0 3px 0 3px; width:110px; height:100px; /*border-bottom:1px solid #eee;*/} .pen_photo6 .thumb{display:block;overflow:hidden;position:relative; border:1px solid #cccccc; width:110px; line-height:98px; background:#eee; color:#666; text-align:center;white-space:nowrap; -webkit-border-radius:5px;} .pen_photo6 .thumb img{display:block; width:110px; height:98px;} .pen_photo6 .thumb em{visibility:hidden;position:absolute;top:50%;left:0;/*width:1px;height:1px;*/background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)} .pen_photo6 a{display:block; width:110px; margin:0 auto; padding:0 0 0 0; text-decoration:none; cursor:pointer;} .pen_photo6 a:hover .thumb, .pen_photo6 a:active .thumb, .pen_photo6 a:focus .thumb{border:1px solid #d9d9d9;/*-moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666*/} .pen_photo6 a:hover .thumb em, .pen_photo6 a:active .thumb em, .pen_photo6 a:focus .thumb em{visibility:visible;width:100%;height:auto;margin:-100px 0 0 0;line-height:200px} /*** 메인포토4***/ .pen_photo4 {position:relative; float:left; padding:0 20px; margin:0; width:480px;} .pen_photo4 .title{padding-bottom:7px; width:100%;} .pen_photo4 span.engsmall a{position:absolute; font-size:11px; color:#666666; padding:0; font-weight:bold; left:630px; top:13px; width:50px; text-align:right;} .pen_photo4 ul{position:relative; margin:0; padding:0; list-style:none; *zoom:1;} .pen_photo4 ul:after{display:block;clear:both;content:""} .pen_photo4 li{overflow:hidden; float:left; position:relative; top:0px; padding:0 5px 0 5px; width:110px; height:100px; /*border-bottom:1px solid #eee;*/} .pen_photo4 .thumb{display:block;overflow:hidden;position:relative; border:1px solid #cccccc; width:110px; line-height:98px; background:#eee; color:#666; text-align:center;white-space:nowrap; -webkit-border-radius:5px;} .pen_photo4 .thumb img{display:block; width:110px; height:98px;} .pen_photo4 .thumb em{visibility:hidden;position:absolute;top:50%;left:0;/*width:1px;height:1px;*/background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)} .pen_photo4 a{display:block; width:110px; margin:0 auto; padding:0 0 0 0; text-decoration:none; cursor:pointer;} .pen_photo4 a:hover .thumb, .pen_photo4 a:active .thumb, .pen_photo4 a:focus .thumb{border:1px solid #d9d9d9;/*-moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666*/} .pen_photo4 a:hover .thumb em, .pen_photo4 a:active .thumb em, .pen_photo4 a:focus .thumb em{visibility:visible;width:100%;height:auto;margin:-100px 0 0 0;line-height:200px} /*** 메인포토4 슬라이드***/ .pen_photo4_slide {position:relative; float:left; padding:0 20px; margin:0; width:480px;} .pen_photo4_slide .back{float:left; display:inline; padding:0; margin-right:2px; width:10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_back.png) 0 43px no-repeat;} .pen_photo4_slide .next{float:left; display:inline; padding:0; margin-left:5px; width:10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_next.png) 0 43px no-repeat;} .pen_photo4_slide .title{padding-bottom:7px; width:100%;} .pen_photo4_slide span.engsmall a{position:absolute; font-size:11px; color:#666666; padding:0; font-weight:bold; left:630px; top:13px; width:50px;} .pen_photo4_slide ul{position:relative; float:left; margin:0; padding:0; list-style:none; *zoom:1; } .pen_photo4_slide ul:after{display:block;clear:both;content:""} .pen_photo4_slide li{float:left; position:relative; top:0px; padding:0 4px 0 4px; width:104px; height:100px; /*border-bottom:1px solid #eee;*/} .pen_photo4_slide .thumb{display:block; overflow:hidden;position:relative; border:1px solid #cccccc; width:104px; line-height:98px; background:#eee; color:#666; text-align:center;white-space:nowrap; -webkit-border-radius:5px;} .pen_photo4_slide .thumb img{display:block; width:104px; height:98px;} .pen_photo4_slide .thumb em{visibility:hidden;position:absolute;top:50%;left:0;/*width:1px;height:1px;*/background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)} .pen_photo4_slide a{display:block; width:104px; margin:0 auto; padding:0 0 0 0; text-decoration:none; cursor:pointer;} .pen_photo4_slide a:hover .thumb, .pen_photo4_slide a:active .thumb, .pen_photo4_slide a:focus .thumb{border:1px solid #d9d9d9;/*-moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666*/} .pen_photo4_slide a:hover .thumb em, .pen_photo4_slide a:active .thumb em, .pen_photo4_slide a:focus .thumb em{visibility:visible;width:100%;height:auto;margin:-100px 0 0 0;line-height:200px} /*** 메인포토4 타이틀 슬라이드***/ .pen_photo4_tt_slide {position:relative; float:left; padding:0 20px; margin:0; width:480px;} .pen_photo4_tt_slide .back{float:left; display:inline; padding:0; margin-right:2px; width:10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_back.png) 0 32px no-repeat;} .pen_photo4_tt_slide .next{float:left; display:inline; padding:0; margin-left:5px; width:10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_next.png) 0 32px no-repeat;} .pen_photo4_tt_slide .tt{font-weight:bold; line-height:20px; padding:0; text-overflow:ellipsis;} .pen_photo4_tt_slide ul{position:relative; float:left; margin:0; padding:0; list-style:none; *zoom:1;} .pen_photo4_tt_slide ul:after{display:block;clear:both;content:""} .pen_photo4_tt_slide li{overflow:hidden; float:left; position:relative; top:0px; padding:0 4px 0 4px; width:104px; height:100px; text-align:center; /*border-bottom:1px solid #eee;*/} .pen_photo4_tt_slide .thumb{display:block;overflow:hidden;position:relative; border:0px solid #cccccc; width:104px; line-height:78px; background:#eee; color:#666; text-align:center;white-space:nowrap; -webkit-border-radius:5px;} .pen_photo4_tt_slide .thumb img{display:block; width:104px; height:78px;} .pen_photo4_tt_slide .thumb em{visibility:hidden;position:absolute;top:50%;left:0;/*width:1px;height:1px;*/background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)} .pen_photo4_tt_slide a{display:block; width:104px; margin:0 auto; padding:0 0 0 0; text-decoration:none; cursor:pointer;} .pen_photo4_tt_slide a:hover .thumb, .pen_photo4_tt_slide a:active .thumb, .pen_photo4_tt_slide a:focus .thumb{border:0px solid #d9d9d9;/*-moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666*/} .pen_photo4_tt_slide a:hover .thumb em, .pen_photo4_tt_slide a:active .thumb em, .pen_photo4_tt_slide a:focus .thumb em{visibility:visible;width:100%;height:auto;margin:-100px 0 0 0;line-height:200px} /*** 메인포토7 ***/ .pen_photo7_tt_slide {position:relative; float:right; margin:0; height:120px; width:780px;} .pen_photo7_tt_slide .back2{float:left; display:inline; padding:0; margin:0 10px; width:10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_back.png) 0 45px no-repeat;} .pen_photo7_tt_slide .next2{float:left; display:inline; padding:0; margin:0 10px 0 13px; width:10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_next.png) 0 45px no-repeat;} .pen_photo7_tt_slide .tt{font-weight:bold; line-height:20px; padding:0; text-overflow:ellipsis;} .pen_photo7_tt_slide ul{position:relative; float:left; margin:0; padding:0; list-style:none; *zoom:1;} .pen_photo7_tt_slide ul:after{display:block;clear:both;content:""} .pen_photo7_tt_slide li{overflow:hidden; float:left; position:relative; top:0px; padding:0 4px 0 4px; width:135px; height:100px; text-align:center; /*border-bottom:1px solid #eee;*/} .pen_photo7_tt_slide .thumb{display:block;overflow:hidden;position:relative; border:0px solid #888; width:135px; line-height:100px; color:#666; text-align:center;white-space:nowrap; /*-webkit-border-radius:.2em; border-radius:.2em;*/} .pen_photo7_tt_slide .thumb img{display:block; width:135px; height:100px;} .pen_photo7_tt_slide .thumb em{visibility:hidden;position:absolute;top:50%;left:0;/*width:1px;height:1px;*/background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60);} .pen_photo7_tt_slide a{display:block; width:135px; margin:0 auto; padding:0; text-decoration:none; cursor:pointer;} .pen_photo7_tt_slide a:hover .thumb, .pen_photo7_tt_slide a:active .thumb, .pen_photo7_tt_slide a:focus .thumb{border:0px solid #888; /*-moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666*/} .pen_photo7_tt_slide a:hover .thumb em, .pen_photo7_tt_slide a:active .thumb em, .pen_photo7_tt_slide a:focus .thumb em{visibility:visible;width:100%;height:auto;margin:-100px 0 0 0;line-height:200px} .room_preview{ float:left; width:790px; padding:12px 0 0 0;} .room_preview p{float:left;} .room_preview ul{float:left;} .room_preview ul li{float:left; padding:0 10px 0 0;} .room_preview ul li.last{padding:0;} /* 포토갤러리(컨트롤러) */ .cts_photo3{ height:100px; font-size:12px; float:left; padding:0 10px; width:500px;} .cts_photo3 p{float:left;} .cts_photo3 li{float:left; padding:0 5px 0 0;} .cts_photo3 li.last{padding:0;} .cts_photo3 span{text-align:center; display:block; padding:4px 0; color:#666; font-size:11px;} /*** 메인포토5 보라색***/ .pen_photo5_tt_slide {position:relative; float:right; padding:0 20px; margin:0;} .pen_photo5_tt_slide .back{float:left; display:inline; padding:0; margin-right: 3px; width: 10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_back.png) 0 45px no-repeat;} .pen_photo5_tt_slide .next{float:left; display:inline; padding:0; margin-left: 3px; width: 10px; height:100px; background:url(/skin/site_skin/pension1/images/photo_next.png) 0 45px no-repeat;} .pen_photo5_tt_slide .tt{font-weight:bold; line-height:20px; padding:0; text-overflow:ellipsis;} .pen_photo5_tt_slide ul{position:relative; float:left; margin:0; padding:0; list-style:none; *zoom:1;} .pen_photo5_tt_slide ul:after{display:block;clear:both;content:""} .pen_photo5_tt_slide li{overflow:hidden; float:left; position:relative; top:0px; padding: 0 4px 0 4px; width:104px; text-align:center; /*border-bottom:1px solid #eee;*/} .pen_photo5_tt_slide .thumb{display:block;overflow:hidden;position:relative; border:1px solid #7f88a2; width:104px; line-height:78px; background:#eee; color:#666; text-align:center;white-space:nowrap; -webkit-border-radius:5px;} .pen_photo5_tt_slide .thumb img{display:block; width:104px; height:84px;} .pen_photo5_tt_slide .thumb em{visibility:hidden;position:absolute;top:50%;left:0;/*width:1px;height:1px;*/background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)} .pen_photo5_tt_slide a{display:block; width:104px; margin:0 auto; padding:0; text-decoration:none; cursor:pointer;} .pen_photo5_tt_slide a:hover .thumb, .pen_photo5_tt_slide a:active .thumb, .pen_photo5_tt_slide a:focus .thumb{border:1px solid #7f88a2;/*-moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666*/} .pen_photo5_tt_slide a:hover .thumb em, .pen_photo5_tt_slide a:active .thumb em, .pen_photo5_tt_slide a:focus .thumb em{visibility:visible;width:100%;height:auto;margin:-100px 0 0 0;line-height:200px} .purple_photo{width:450px; float:left; padding: 7px 2px 7px 2px; background:#7f88a2;/*백컬러*/ border-radius:5px; -webkit-border-radius: 5px;margin: 0;} .cts_quicklink2{float:right;} /*** 문자상담 ***/ .pen_smstt {float:left; padding:0; width:280px;} .pen_smstt .smsform{margin:0 auto; padding:0; width:270px; vertical-align:center; padding-left:10px; background:url("/skin/site_skin/pension1/images/pen_smstt_left.png") no-repeat; border-radius: 5px; -webkit-border-radius: 5px; margin-top:0px;} .pen_smstt .smsform form{ position:relative; margin:0; height:100px; } .pen_smstt .smsform dl{ margin:0; zoom:1; padding:10px 0 3px 0; } .pen_smstt .smsform dl:after{ content:""; display:block; clear:both;} .pen_smstt .smsform dt{ float:left; width:30px; margin:2px 0; line-height:22px; font-weight:bold; color:#333; padding:0;} .pen_smstt .smsform dd{ float:left; width:220px; margin:2px 0; height:22px; line-height:22px; } .pen_smstt .smsform .intext{position:relative;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:100px; height:22px; border-radius:5px;} .pen_smstt .smsform .innum{position:relative;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:30px; height:22px; border-radius:5px;} .pen_smstt .smsform .iptxt{ height:24px; padding:3px 3px 3px 2px; *height:25px; *padding:3px 0 0 3px; border:1px solid #999; border-right-color:#ddd; border-bottom-color:#ddd; color:#666; border-radius:5px;} .pen_smstt .smsform .title{ position:absolute; z-index:1; padding:8px 0 0 0; margin-bottom:-20px;} .pen_smstt .gform form{height:100px; padding-right:10px; background:url("/skin/site_skin/pension1/images/pen_smstt_right.png") no-repeat right 0; width:auto; width:260px;} .pen_smstt .gform .areatext{position:absolute; top:12px; left:137px; padding:0; margin:0 0; display:block; border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:120px; height:48px; border-radius:5px;} .pen_smstt .gform .keep{/*position:absolute; top:10px; left:180px;*/ float:left; padding:5px 0 0 3px; background:url(/skin/site_skin/pension1/common/ico_dot.png) 0px 10px no-repeat; margin:0; display:block; width:100%;} .pen_smstt .gform .keep li {float:left; padding:0 5px; margin:0; display:inline-block;} .pen_smstt .gform .keep li input{ width:13px; height:13px; margin:0 0 0 5px; vertical-align:middle;} .pen_smstt .gform .keep li a{text-decoration:underline;} /*.rumainsmstt .gform .keep li span {padding:0; margin:-3px 0 0 11px; text-align:right;} */ .pen_smstt .gform .keep li.btt {padding:0; margin:-3px 0 0 8px; /*text-align:right;*/} /*** 문자상담+세로내용 ***/ .pen_smstt3 {float:left; padding:0; width:210px; height:310px; background:url("/skin/site_skin/pension1/images/bg_mobile.png") ;background-repeat:no-repeat } .pen_smstt3 .smsform{margin:0 auto; padding:0; width:200px; vertical-align:center; margin: 50px 20px 0 20px; no-repeat; border-radius: 5px; -webkit-border-radius: 5px; } .pen_smstt3 .smsform form{ position:relative; margin:0; height:150px; } .pen_smstt3 .smsform dl{ margin:0; zoom:1; padding:10px 0 3px 5px; } .pen_smstt3 .smsform dl:after{ content:""; display:block; clear:both;} .pen_smstt3 .smsform dt{ float:left; width:30px; margin:2px 0; line-height:22px; font-weight:bold; color:#333; padding:0;} .pen_smstt3 .smsform dd{ float: left; width: 140px; margin: 2px 0; height: 22px; line-height: 22px; padding: 0;} .pen_smstt3 .smsform .intext{position:relative;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:120px; height:22px; border-radius:5px;} .pen_smstt3 .smsform .innum{position:relative;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:37px; height:22px; border-radius:5px;} .pen_smstt3 .smsform .iptxt{ height:24px; padding:3px 3px 3px 2px; *height:25px; *padding:3px 0 0 3px; border:1px solid #999; border-right-color:#ddd; border-bottom-color:#ddd; color:#666; border-radius:5px;} .pen_smstt3 .smsform .title{ position:absolute; z-index:1; padding:8px 0 0 0; margin-bottom:-20px;} .pen_smstt3 .gform form{height:100px; width:auto; } .pen_smstt3 .gform .areatext{position:relative; padding:0; margin:0 0; display:block; border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:120px; height:80px; border-radius:5px;} .pen_smstt3 .gform .keep{float:left; padding:0; margin:0; display:block; position:absolute; top:150px; left:30px;} .pen_smstt3 .gform .keep li {float:left; padding:0 5px; margin:0; display:inline-block;} .pen_smstt3 .gform .keep li input{ width:13px; height:13px; margin:0 0 0 5px; vertical-align:middle;} .pen_smstt3 .gform .keep li a{text-decoration:underline;} .pen_smstt3 .gform .keep li.btt {padding:0; margin:-3px 0 0 8px; /*text-align:right;*/} /**/ .pen_smstt33 {float:left; padding:0; width:180px; padding-top:10px; background:url("/skin/site_skin/pension1/images/pen_sms_top.png") no-repeat; } .pen_smstt33 .smsform{margin:0 auto; padding:0; width:180px; vertical-align:center; margin:0; border-radius: 5px; -webkit-border-radius: 5px; } .pen_smstt33 .smsform form{ position:relative; margin:0; height:150px; } .pen_smstt33 .smsform dl{ margin:0; zoom:1; padding:0 0 0 12px; } .pen_smstt33 .smsform dl:after{ content:""; display:block; clear:both;} .pen_smstt33 .smsform dt{ float:left; width:30px; margin:2px 0; line-height:22px; font-weight:bold; color:#333; padding:0;} .pen_smstt33 .smsform dd{ float: left; width:130px; margin: 2px 0; height: 22px; line-height: 22px; padding: 0;} .pen_smstt33 .smsform .intext{position:relative;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:120px; height:22px; border-radius:5px;} .pen_smstt33 .smsform .innum{position:relative;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:37px; height:22px; border-radius:5px;} .pen_smstt33 .smsform .iptxt{ height:24px; padding:3px 3px 3px 2px; *height:25px; *padding:3px 0 0 3px; border:1px solid #999; border-right-color:#ddd; border-bottom-color:#ddd; color:#666; border-radius:5px;} .pen_smstt33 .smsform .title{ position:absolute; z-index:1; padding:8px 0 0 0; margin-bottom:-20px;} .pen_smstt33 .gform form{height:190px; width:auto; padding-bottom:10px; background:url("/skin/site_skin/pension1/images/pen_sms_bottom.png") no-repeat 0 bottom;} .pen_smstt33 .gform .areatext{position:relative; padding:0; margin:0 0; display:block; border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8; background:#fff; width:120px; height:80px; border-radius:5px;} .pen_smstt33 .gform .keep{float:left; padding:0; margin:0; display:block; position:absolute; top:140px; left:36px;} .pen_smstt33 .gform .keep li {float:left; padding:0 5px; margin:0; display:inline-block;} .pen_smstt33 .gform .keep li input{ width:13px; height:13px; margin:0 0 0 5px; vertical-align:middle;} .pen_smstt33 .gform .keep li a{text-decoration:underline;} .pen_smstt33 .gform .keep li span {padding:0; margin:0; /*text-align:right;*/} /*.rumainsmstt .gform .keep li span {padding:0; margin:-3px 0 0 11px; text-align:right;} */ .btn_color2, .btn_color2 * { background: url("/skin/site_skin/pension1/images/btn_set.png") no-repeat scroll 0 0 transparent; border: 0 none; color: #FFFFFF; display: inline-block; margin: 0; overflow: visible; padding: 0; position: relative; text-decoration: none !important; vertical-align: top; white-space: nowrap; } .btn_color2 {margin:5px 0 0 25px;} .btn_color2.medium { background-position: left -300px; } .btn_color2.medium * { height: 24px; line-height: 24px; background-position: right -300px; font-size:11px !important; padding: 0 30px; } /********************************** 서브메뉴스타일 *********************************************************/ .smenubtn {padding:0 0 10px 0;} .smenubtn1 { display:inline-block; _float:right; color:#8591a9; font-size:12px; box-shadow: 0px 0px 1px #959595; -webkit-box-shadow:0px 0px 2px #959595 ; border-radius:2px; -webkit-border-radius:2px; line-height:14px; margin:0 0px 0 0; /*버튼 간격주기(우측마진값)*/ padding:7px 15px 9px 17px; background:url(/skin/site_skin/pension1/common/button.png) repeat-x 0 bottom #fff;} .smenubtn1:hover { background:url(/skin/site_skin/pension1/common/button.png) repeat-x 0 bottom #999; /*background:#d83717;*/ text-decoration:none; color:#fff;} .smenubtn1.current{ background:url(/skin/site_skin/pension1/common/button.png) repeat-x 0 bottom #736357;/*컬러세팅*/ /*background:#d83717;*/ text-decoration:none; color:#fff;} .bottom_contents{width:100%; background:url(/skin/site_skin/pension1/images/patten.gif) repeat; overflow:hidden; padding:20px 0 ;} .bc_wrap{width:1000px; margin:0 auto;} /* 고객센터(우측) */ .pen_reservation{width:280px; height:100px; float:left; background:url(/skin/site_skin/pension1/images/reservation_bg.png) 0 0 no-repeat; position:relative; padding:0 0 0 0;} .pen_reservation .bank{padding:5px 0 0 0; display:block;} .pen_reservation h3{ font-size:18px; padding:0 0 5px 0;} .number span.phone{font-size:26px; line-height:28px; font-weight:bold; display:block; letter-spacing:-1px;} .btn_reserv{position:absolute; bottom:5px; right:8px;} .number2{font-size:17px; font-weight:bold; color:#79839e;} .pen_reservation2{width:280px; height:100px; float:left; background:url(/skin/site_skin/pension1/images/reservation_bg.png) 0 0 no-repeat; position:relative; padding:0 0 0 0;} .pen_reservation2 .bank{padding:0; display:block;} .pen_reservation2 h3{ font-size:18px; padding:8px 0 5px 0;} .pp span.phone{font-size:26px; line-height:28px; font-weight:bold; display:block; letter-spacing:-1px; padding:0;} .pp span.color{font-size:17px; font-weight:bold; color:#79839e;} .pen_cs{width:280px; height:100px; float:left; background:url(/skin/site_skin/pension1/images/reservation_bg.png) 0 0 no-repeat; position:relative; padding:0 0 0 0;} .pen_cs h3{font-size:18px; padding:8px 0 7px 0;} .pen_cs .tt2{font-size:26px; line-height:30px; font-weight:bold; display:block; letter-spacing:-1px;} .pen_cs .tt1{font-size:26px; line-height:28px; font-weight:bold; display:block; letter-spacing:-1px; padding:0;} .pen_cs .stt1{padding:5px 0 0 0; display:inline-block; width:180px; line-height:15px; text-align:left;} .pen_cs .stt1 span.color{color:#79839e;} /**/ #footer{width:100%; height:150px; background:#474748; /*position:absolute;*/} .footerWrap{width:1000px; margin:0 auto; position:relative;} .footerWrap .person{position:absolute; top:18px; right:100px; color:#dadada; font-size:12px;} .footerWrap .person li{float:left; padding:0 0 0 10px ;} .footerWrap .person li.boprivacy {font-weight:bold; color:#efefef;} .footerWrap .qrcode{position:absolute; top:20px; right:10px;} .footerWrap .address{font-size:0.825em; line-height:18px; text-align:right; position:absolute; top:50px; right:100px; color:#A3A3A3; letter-spacing: -0.038em;} .footerWrap .copyright{color:#fff; filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ } .footerWrap .address p{float:right; text-align:right;} /* 객실미리보기 */ .bg_color{width:1000px; margin:0 auto; background:#fff; padding:40px 0; overflow:hidden;} /* bg색 변경부분 */ #wrap{width:1020px; padding:0 0; margin:0 auto; } #wrap .top{width:1020px; height:auto; background:url(/skin/site_skin/pension1/images/bg_wrap_tops.png) 0 0 no-repeat; padding: 0 0 0 0;} #wrap .mid{width:1020px; background:url(/skin/site_skin/pension1/images/rr_wrap_bgs.png) 0 0 repeat-y;} /*.contents{width:940px; margin:0 auto; padding:0 30px;}*/ .contents h2 .tip{font-size:14px; float:right;} .contents h2{ color:#666; margin:0px 0 0px 0; clear:both; padding:20px 0 10px 0;letter-spacing:-0.085em;} #wrap .mid .contents3 h2{font-size:24px; color:#7f88a2; margin:0px 0 0 0; clear:both; padding:20px 0 10px 0;letter-spacing:-0.085em;} #wrap .mid .contents3 h2 .tip{font-size:15px; float:right;} #wrap .mid .contents3{width:auto; padding:0 30px 0 30px; float:right;} #wrap .bot{width:1020px; height:2px; background:url(/skin/site_skin/pension1/images/bg_wrap_bottom.png) 0 0 no-repeat;} /* room_header */ .room_header{position:relative; /*margin:0 0 30px 0;*/ height:100px;} .room_header h1{color:#afafaf;} .room_header .big{display:block; font-size:40px; line-height:32px; letter-spacing:-2px;} .room_header .small{font-size:18px; line-height:30px; font-weight:normal; color:#cecece;} .welcome{position:absolute; top:0; right:0;} /* room_body */ .room_body{position:relative; overflow:hidden; margin:0;} /*.room_body h2{color:#7f88a2; font-size:24px; margin:10px 0;}*/ /**/ .infotitle {padding:0 0 0 0;} .contents .infotitle h2 {font-size:23px; color:#666; padding:0 0 0 20px; background:url(/skin/site_skin/pension1/images/bg_titlestar.png) 0 17px no-repeat; line-height:50px; margin:10px 0 0px 0;} #wrap .mid .contents3 .infotitle h2 {font-size:23px; color:#666; padding:0 0 0 20px; background:url(/skin/site_skin/pension1/images/bg_titlestar.png) 0 17px no-repeat; line-height:50px; margin:10px 0 0px 0;} .img_area{position:relative; width:290px; height:220px; float:left;} .img_area .btn_reservation{position:absolute; top:100px; left:180px;} .text_area{float:left; width:585px; padding:0 0 0 60px; color:#666; line-height:140%; letter-spacing: -0.085em;}/*650*/ .text_area h3{padding:0 0 5px 0;} .text_area2{float:left; padding:0 0 0 35px; font-size:12px; color:#666; line-height:140%; width:360px;} .text_area2 h3{padding:0 0 5px 0;} .blank{padding:0 0 15px 0;} /*객실요금테이블*/ .tb_pension{margin:0; padding:0 0 10px 0;} .tb_pension th{background:#647BAD; color:#fff; font-weight:bold; text-align:center; padding:10px 0; border-left:1px solid #7E93C2; border-top:1px solid #7E93C2;} .tb_pension th.first{border-left:0;} .tb_pension td{ padding:10px 0; border-left:1px solid #D6DDEE; border-top:1px solid #D6DDEE; text-align:center; color:#5d5d5d;} .tb_pension td.first{border-left:0;} th.left{border-left:0;} td.left{border-left:0;font-weight: bold; background-color: #F4F7FF; color: #647BAD;} td.left a{color: #647BAD;} td.bottom{border-bottom:2px solid #D6DDEE;} .tb4{margin:0px 0 0 0;} .tb4 th{background:#647BAD; color:#fff; font-weight:normal; padding:15px 0; border:1px solid #D6DDEE; border-right:none; border-bottom:none; text-align:center;} .tb4 th.first{border-left:0;} .tb4 td{ padding:10px 0; border:1px solid #D6DDEE; border-right:none; border-top:none; text-align:center; color:#5d5d5d;} .tb4 td.first{border-left:0;} .tb2{line-height:20px; color:#4d595b;} .tb2 td{border-top:1px solid #c9cccf; padding:10px;} .tb2 td.bottom{border-bottom:1px solid #c9cccf; padding:10px;} .tb3{} .tb3 th{border-top:1px solid #c9cccf; padding:5px; background:#f7f7f7; color:#666;} .tb3 td{border-top:1px solid #c9cccf; text-align:center; padding:5px;} .tb3 td.bottom{border-bottom:1px solid #c9cccf;} .tb5{margin:0;} .tb5 th{background:#647BAD; color:#fff; padding:10px 0; border:1px solid #D6DDEE; border-right:none; border-bottom:none; text-align:center;} .tb5 th.first{border-left:0;font-weight:bold;} .tb5 td{ background:#F0F5FF; padding:7px 10px; border:1px solid #D6DDEE; border-right:none; text-align:left; color:#5d5d5d;} .tb5 td.first{border-left:none;} .tb5 td.bottom{border-top: none;} .story{color:#5d5d5d; line-height:160%; clear:both;} .check{color:#5d5d5d; padding:10px 0; line-height:140%;} .info{padding:0 0 0 0;} /*종합안내공용*/ .rounding_box{border:0px solid #d6dbe5; padding:0 0 0px 0; } .rounding_box ul {padding:0 0 0 6px;} .rounding_box .phone{font-weight:bold; font-size:14px; line-height:20px;} .rounding_box ul li .letter{margin:0 0 0 -6px; line-height:16px;} .rounding_box ul li .letter2{margin:0 0 0 -10px; line-height:16px;} .ckeck_box ul {padding:0 0 0 20px} .ckeck_box ul li .ckeck{margin:0 0 0 -20px; line-height:16px;} .rounding_box2{padding:15px; font-weight:normal; border-radius:.2em;-webkit-border-radius:.2em; -moz-border-radius:.2em;background:#F0F5FF; border:1px solid #D6DDEE; color:#8591aa; margin:0 0 10px 0;} .rounding_box2 p{font-weight:bold; font-size:13px;} .rounding_box2 ul {padding:0 0 0 20px} .rounding_box2 ul li .reference{margin:0 0 0 -15px; line-height:16px;} .rounding_box2 ul li .dash{margin:0 0 0 -10px; line-height:10px;} .round_box{font-size:13px; font-weight:bold; border:1px solid #D6DDEE; background:#F0F5FF; padding:15px; margin-bottom:10px; border-radius:.2em;-webkit-border-radius:.2em; -moz-border-radius:.2em;} .round_box ul{padding:0;} /**/ .detail_view{float:left; padding:0px 0;} .detail_view .one{width:600px; height:500px;float:left; padding:0 5px 0 0;} .detail_view .two{width:335px; height:300px;float:left; padding:0 0 5px 0;} .detail_view .three{width:335px; height:195px;float:left;} .detail_view2{float:left; overflow:hidden; clear:both; margin:0px 0;} .detail_view2 ul{float:left; padding:5px 0 0 0; width:940px;} .detail_view2 ul li{float:left; padding:0 5px 0 0;} .detail_view2 ul li.last{padding:0; } /* 팝업관련 CSS */ #popupWrap{width:100%; padding:0 0 20px 0; background:#444; position:relative;} #popupWrap .title{text-align:center; color:#efefef; font-size:18px; padding:20px 0;} .arr_left{position:absolute; top:350px; left:50px;} .pic{text-align:center;} .arr_right{position:absolute; top:350px; right:50px;} .disc{line-height:140%; width:560px; margin:0 auto; padding:10px 0;} .disc p{color:#efefef;} p.small_title{font-weight:bold;} .close{position:absolute; top:10px; right:20px;} /* 실시간예약안내 관련 CSS */ .ga {background:url(/skin/site_skin/pension1/images/icon_ga.gif) 0 center no-repeat; display:inline; padding:0 10px 0 16px;} .ga a{color:#8893aa; } .wan {background:url(/skin/site_skin/pension1/images/icon_wan.gif) 0 center no-repeat; display:inline; padding:0 10px 0 16px;} .wan a{color:#de635b; } .dae {background:url(/skin/site_skin/pension1/images/icon_dae.gif) 0 center no-repeat; display:inline; padding:0 10px 0 16px;} .dae a{color:#5fbfb2; } .mun {background:url(/skin/site_skin/pension1/images/icon_mun.png) 0 center no-repeat; display:inline; padding:0 10px 0 16px;} .mun a{color:#877466;} #rr_wrap{width:900px; margin:0 auto; padding:0 50px 50px; overflow:hidden; background:#fff;} #rr_wrap2{width:1020px; margin:0 auto; overflow:hidden; background:url(/skin/site_skin/pension1/images/rr_wrap_bg.png) 0 0 repeat-y;} /*예약안내 탑고정*/ .reprcess{padding:30px 0;} .turn{padding:0px 0; text-align:default;} ul.rr_disc{line-height:18px; padding:15px 0;} ul.rr_disc li{vertical-align: middle;} ul.rr_disc li img{vertical-align: middle;} .tab99{padding:0 0 5px 0;} .calendar{padding:10px 0; margin:0;} .point{text-align:right; color:#de372c;} .remark {float:right; padding:10px 0;} .remark li{float:left; vertical-align:middle; padding:0 0 0 10px;} .remark li img{ vertical-align:middle;} .cal{} .cal_title {width:400px; margin:0 auto; text-align:center; line-height:46px; height: 50px;} .cal_title li{float:left; vertical-align:middle;} .cal_title li img{vertical-align:middle;} .date2{ vertical-align:middle; font-size:50px; font-weight:bold; margin: 0 20px; /*padding:10px; */letter-spacing: -0.05em; line-height:45px;} .cal th{border:1px solid #D6DDEE; border-right:none; padding:10px 0; background:#647BAD; text-align:center;color: #fff;} .cal td{border:1px solid #D6DDEE; border-top:none; border-right:none; color:#959595; padding:10px;} .cal th.first{color:#FFDAE6; border-left:none; } .cal td.first{border-left:none; background:#F0F5FF; border-bottom:1px solid #D6DDEE;} .cal th.last{color:#C4EAFF;} .cal td.last{background: #F0F5FF; border-bottom: 1px solid #D6DDEE;} td span.date{ position: absolute; display:block; /*font-size:11px;*/ color:#6d6d6d; font-weight:bold; float:left;} td span.holiday{/*display:block;font-size:11px; float:right;*/ position: relative;top: 0; left: 20px;letter-spacing: -0.085em; font-size: 0.985em;} td span.holiday2{display:block; /*font-size:11px;*/ color:#00aeef; float:left; padding:0 0 0 4px;} td .reservation{display:block; /*font-size:11px;*/ vertical-align:middle; line-height:20px; padding-top:0px; width:100%;} td .reservation img{ vertical-align:middle;} /* 완료페이지 관련 CSS */ .greeting{width:100%; height:114px; background:#f8f9fa; border-top:1px solid #d3d7df; border-bottom:3px solid #d3d7df;} .greeting img{vertical-align:middle; float:left; padding:20px 0 0 40px;} .greeting .texts{vertical-align:middle; float:left; padding:25px 0 0 30px; line-height:30px;} .pd0{padding:0 0 0 0;} .pink{color:#eb028c !important;} .font11{font-size:11px;} ul.type1{background:url("/skin/site_skin/pension1/images/result_bg.gif") no-repeat scroll right 5px transparent; overflow:hidden;} .result ul.type1 li{vertical-align:middle; line-height:30px;} .result ul.type1 li span{display:inline-block; color:#666; padding:0 10px 0 0;} .result ul.type1 li img{ vertical-align:middle;} .result p{ float:left; padding:2px 0 0 0;} .result .text{float:left; line-height:16px; height:45px; color:#666; font-weight:bold; padding:13px 0 0 0;} .content_center{width:70%; margin:0 auto; padding:50px 0; overflow:hidden;} .content_login{width:43%; margin:0 auto; padding:50px 0; overflow:hidden;} .content_center2{width:470px; margin:0 auto; padding:110px 0 0 0; overflow:hidden;} .fl_ri{float:right;} .darkBlue{color:#99a0b5;} .fwB{font-weight:bold;} .btn_cf{width:76px;} /* 예약확인로그인 관련 CSS */ .darkBlue2{color:#7f88a2;} .btn_cf{width:76px;} /* */ .btns {padding:20px 0; width:236px; margin:0 auto;} .btns li{float:left; padding:0 2px 0 0;} /* 객실예약정보css */ .select{width:145px; margin:30px auto 0; clear:both; overflow:hidden;} .select li{float:left; padding:0 10px 0 0;} .select li.endd{padding:0;} .btns2{width:223px; margin:30px auto; clear:both; overflow:hidden;} .btns2 li{float:left; padding:0 5px 0 0;} /* 예약하기 */ .calendar2{padding:10px 0; width:100%;} .select2{background:#d4f4fa;} .result2{font-size:20px;} .result2 span{font-size:20px;} .checkBox{vertical-align:middle;} .checkBox span{vertical-align:middle;} .checkBox strong{vertical-align:middle;} .btns3{width:225px; margin:0 auto; overflow:hidden;} .btns3 li{float:left; padding:0 5px 0 0;} .cal_title2 {/*width:140px;*/ margin:0 auto; overflow:hidden; padding:10px;} .cal_title2 ul {margin:0 auto; text-align: center;} .cal_title2 li{float:left; vertical-align:middle;} .cal_title2 li img{vertical-align:middle;} .cal_title2 li .date2{ vertical-align:middle; font-size:22px; font-weight:bold; /*padding:10px;*/ line-height:24px;} .select3{background:#cafd00;} .test{border:1px solid red;} .vaMiddle span{vertical-align:middle;} .vaMiddle img{vertical-align:middle;} /*퀵레이어*/ /*동그라미탑*/ #pen_icon_circle{position:absolute; z-index:100; top:20px; left:50%; margin-left:335px;} #pen_icon_circle .icon{position:relative;} #pen_icon_circle .icon li{float:left; margin:0; padding:2px; display:inline;} /*동그라미 퀵레이어*/ #pen_icon_quick{position:fixed; z-index:400; left:50.5% !important; margin-left:500px;} #pen_icon_quick .icon{position:relative; width:50px;} #pen_icon_quick .icon li{float:left; margin:0; padding:0px; display:block;} /*네모탑*/ #pen_icon_top{position:absolute; z-index:100; top:10px; left:50%; margin-left:330px;} #pen_icon_top .rectan{position:relative;} #pen_icon_top .rectan li{float:left; margin:0 0 0 2px; padding:2px 8px 2px 8px; font-size:12px;letter-spacing: -0.085em;} #pen_icon_top .rectan li.btn1{background:#a82876; border:0px solid #008b97;} #pen_icon_top .rectan li.btn2{background:#a82876; border:0px solid #730e4b;} #pen_icon_top .rectan li.btn3{background:#8e8e8f; border:0px solid #636363;} #pen_icon_top .rectan a{color:#fff;} /*퀵레이어 ------*/ .small_cal{width:200px; padding:0 35px 0 35px; float:left;} .informations{width:70%; float:left;} .informations .centerWrap{width:90%; margin:0 auto; padding:10px 0 0 0;} .remember{margin: 0px auto; color:#7f88a2; padding:10px 0; } #remember{margin: 0px auto; color:#7f88a2; padding:10px 0; width:500px; } #remember p {padding:0;} /*예약기본정보*/ .pen_infobox {float:left; padding:0 0 10px 0; width:100%;} .pen_infobox .title{padding:15px 0 0 0;} .pen_infobox span.engsmall{font-size:11px; color:#c0c0c0; letter-spacing:0px; padding:0 10px; font-weight:bold;} .pen_infobox li {float:left; width:100%; list-style:none; padding:12px 0 10px 0;} .pen_info {height:124px; padding-left:110px; background:url("/skin/site_skin/pension1/images/re_info1_title.png") left top no-repeat; border-radius:6px; -webkit-border-radius: 6px; } .pen_info ul.box {height:124px; padding-right:20px; background:url("/skin/site_skin/pension1/images/re_info1_right.png") right 0 no-repeat; width:auto;} /*예약완료정보*/ .pen_info2 {height:220px; padding-left:110px; background:url("/skin/site_skin/pension1/images/re_info1_title.png") left -121px no-repeat; border-radius:6px; -webkit-border-radius: 6px; } .pen_info2 ul.box {height:220px; padding-right:20px; background:url("/skin/site_skin/pension1/images/re_info1_right.png") right -121px no-repeat; width:auto;} /*예약확인로그인정보*/ .pen_info3 {height:81px; padding-left:110px; background:url("/skin/site_skin/pension1/images/re_info1_title.png") left -121px no-repeat; border-radius:6px; -webkit-border-radius: 6px; } .pen_info3 ul.box {height:81px; padding-right:20px; background:url("/skin/site_skin/pension1/images/re_info1_right.png") right -121px no-repeat; width:auto;} .lgborder{border:1px solid #8f9cb8; border-right-color:#f1f2f5; border-bottom-color:#f1f2f5; background:#fff; border-radius:5px; height:20px;margin:-2px 0 0 0; width:200px;} .end99{padding:5px 0 0 0; display:inline-block; float:left;} .btnarea{float:left; width:100%; padding:20px 0; text-align:center;} /* 서브 */ .bg_color2{width:1000px; margin:0 auto; background:url() 0 0 repeat-y; /*background:#efefef;*/ overflow:hidden; padding:40px 0;} /* bg변경부분 */ .aside{width:200px; position:relative; float:left; margin:0px 20px 0 30px; height:70px;/*background:url(/skin/site_skin/pension1/images/bg_aside.jpg) 0 0 repeat-y;*/ /*min-height:500px;*/;} .aside h1{color:#afafaf;} .aside .big{display:block; line-height:36px; letter-spacing:-0.085em; color:#333333;} .aside .small{font-size:12px; line-height:18px; font-weight:normal; color:#ccc; letter-spacing:-0.085em;} .aside ul.sidemenu1{margin:40px 0 0 40px;} .aside ul.sidemenu1 li{border:1px solid #e5e5e5; background:#fafafa; padding:9px 0 9px 9px; margin:0 0 3px 0; width:209px;} .aside ul.sidemenu1 a{color:#646666;} .contents2{width:700px; float:left; padding:0 30px 0 20px;} .contents2 h2{font-size:24px; color:#7f88a2; margin:0px 0 0 0; clear:both; padding:30px 0 10px 0;letter-spacing:-1px;} .contents2 h2 .tip{font-size:13px; float:right;} .imgArea{float:right; width:700px; height:50px; background:url(/skin/site_skin/pension1/images/tt_img01.png) 0 0 no-repeat; text-align:right;} .imgArea p.type{float:right; color:#d7d7d7; font-weight:bold; letter-spacing:10px; padding:35px 0 0 0; margin-right:-10px; text-align:justify;} /* 서브2 */ .aside2{width:220px; position:relative; float:left; repeat-y; margin:20px 0 0 40px; /*min-height:500px;*/} .aside2 h1{color:#ccc;} .aside2 .big{/*font-size:40px;*/} .aside2 .small{font-size:24px;} .sidemenu2{padding:20px 0 0 0; float:right;} /* 서브3 */ ul.sidemenu{margin:30px 0 0 0; } ul.sidemenu li a{border:1px solid #cecece; border-radius:3px; -webkit-border-radius:3px; background:url(/skin/site_skin/pension1/images/side_arrow.png) 5px 10px no-repeat #f2f2f2; padding:8px 0 9px 20px; width:auto; display:block; line-height:15px; color:#333; margin:0 0 5px 0;} ul.sidemenu li a:hover{border:1px solid #cecece; border-radius:3px; -webkit-border-radius:3px; background:url(/skin/site_skin/pension1/images/side_arrow.png) 5px 10px no-repeat #7e88a3; color:#fff; font-weight:bold;} ul.sidemenu li a.current{border:1px solid #cecece; border-radius:3px; -webkit-border-radius:3px; background:url(/skin/site_skin/pension1/images/side_arrow.png) 5px 10px no-repeat #7e88a3; color:#fff; font-weight:bold;} /*ul.sidemenu li a:visited{ padding:8px 0 9px 20px; width:auto; display:block; line-height:15px; color:#646666; margin:0 0 5px 0;} ul.sidemenu li a:hover{background:url(/skin/site_skin/pension1/images/bg_submenu_r.gif) 0 0 no-repeat; padding:8px 0 9px 20px; width:auto; display:block; line-height:15px; color:#fff; margin:0 0 5px 0;} ul.sidemenu li a:active{background:url(/skin/site_skin/pension1/images/bg_submenu.gif) 0 0 no-repeat; padding:8px 0 9px 20px; width:auto; display:block; line-height:15px; color:#646666; margin:0 0 5px 0;}*/ /* 서브4 */ .aside3{width:220px; height:205px; position:relative; float:left; margin:0px 0px 0 30px; margin-top:0px; background:url(/skin/site_skin/pension1/images/side_visual_top.png) no-repeat; min-height:550px;} .aside3 h1{padding:20px 0 20px 20px; font-weight:bold; letter-spacing:-1px; line-height:34px; height:60px;} .aside3 .big{display:block; /*font-size:34px;*/ font-weight:bold; line-height:34px; letter-spacing:-2px; color:#afafaf; width:170px; /*font-family:"나눔고딕", NanumGothic, Nanum Gothic, Arial, Georgia, "Times New Roman", Times, Sans-serif;*/} .aside3 .small{font-size:13px; line-height:18px; font-weight:normal; color:#c8c8c8;} .aside3 ul.sidemenu3{margin:0px; width:auto; height:auto; padding:0 20px; background:url(/skin/site_skin/pension1/images/side_visual_bg.png) repeat-y;} ul.sidemenu3 li{padding:0 0 0 8px; background:url(/skin/site_skin/pension1/common/ico_dot.png) 0px 12px no-repeat;} ul.sidemenu3 li a{display:block; line-height:26px; color:#888; border-bottom:1px solid #efefef; width:auto;} ul.sidemenu3 li a:hover{color:#8E9BB5; /*font-weight:bold;*/} ul.sidemenu3 li a.current{color:#8E9BB5; font-weight:bold;} /*ul.sidemenu3 li a:visited{padding:8px 0 9px 0; display:block; line-height:15px; color:#999999; margin:0 0 5px 15px; border-bottom:1px solid #efefef; width:190px;} ul.sidemenu3 li a:hover{padding:8px 0 9px 0; display:block; line-height:15px; color:#999999; margin:0 0 5px 15px; border-bottom:1px solid #efefef; width:190px;} ul.sidemenu3 li a:active{padding:8px 0 9px 0; display:block; line-height:15px; color:#999999; margin:0 0 5px 15px; border-bottom:1px solid #efefef; width:190px;}*/ .aside3 .bottom {position:relative; height:100px; padding-bottom:0; background:url(/skin/site_skin/pension1/images/side_visual_bottom.png) no-repeat 0 bottom !important;} .bullet{color:#cccccc; font-size:8px;} /* 메인컨텐츠 */ .sendToWord{background:url(/skin/site_skin/pension1/images/bg_mobile.jpg) 0 0 no-repeat; width:210px; height:310px; position:absolute; top:-445px; right:-215px;}