@charset "utf-8"; /* @media (max-width:767px) {/* 최소 ~ 최대 767 body { background:url("../images/bg.jpg") repeat;} #divpop {display:none;} #quick_menu_div {display:none;} #quick_menu_div .sms {display:none;} .iframe {display:none;} img.img_m {width:100%;} input {background: #FFF;height: 16px;border: 1px solid #d0d1ce;color: #343433;padding: 1px 4px 0 4px; margin-top:-2px;} select {height: 20px;color: #343433;border: 1px solid #dedede;} .search {text-align: right;margin-left: 10px; margin:15px 0px 15px 0px;} .btn_c {vertical-align:middle;} .board {background: url(../images/table_top.gif) left top no-repeat;} .board_bottom {margin: 10px auto;padding-bottom: 6px;background: url(../images/table_line.gif) left bottom no-repeat;} .board table.list thead th {vertical-align: top;padding: 10px 0px 10px 0px;background: none;} .board table.list thead td {text-align: center;vertical-align: top;padding: 10px 0px 10px 0px;background: url(../images/table_left_bar.gif) left top no-repeat;} .board table.list thead td.t_m_b {display:none;} .board table.list tbody tr {background: url(../images/table_line1.gif) left top no-repeat;} .board table.list tbody tr.noline {background: none;} .board table.list tbody td {text-align: center;color: #636363;font-size: 12px;height: 33px;} .board table.list tbody td.title {text-align: left;padding-left: 13px;} .board table.list tbody td.t_m_b {display:none;} .board_bottomBg {float: left; margin-bottom: 15px; padding-bottom: 6px;width: 100%;background: url(../images/table_line01.gif) left bottom no-repeat;} #list_box {width: 100%;padding-top: 23px;background: url(../images/table_top01.gif) left top no-repeat;} #list_box ul {line-height: normal;list-style-image: none;list-style-position: inside;list-style-type: none;margin: 0 auto;padding-left: 0px;width: 180px;text-align: center;} #list_box li {display: inline;float: left;padding-top: 10px;margin-top: 5px;width: 180px;height: 167px;cursor: pointer;} #list_box div.box {margin-left: 2px;margin-bottom: 15px;padding: 5px;} #list_box div.title {text-align: left;margin-bottom: 3px;width: 150px;height: 14px;overflow: hidden;} #list_box div.image {width: 150px;height: 85px;position: relative;overflow: hidden;} #list_box div.image img.before {width: 74px;height: 85px;float: left;display: inline;position: absolute;top: 0px;left: 0px;} #list_box div.image img.after {width: 74px;height: 85px;float: left;display: inline;position: absolute;top: 0px;left: 76px;} #list_box div.wait_before {background-image: url('../images/bigWaiting.gif');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;width: 84px;height: 85px;position: absolute;top: 0px;left: 0px;z-index: 2;} #list_box div.wait_after {background-image: url('../images/bigWaiting.gif');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;width: 84px;height: 85px;position: absolute;top: 0px;left: 86px;z-index: 2;} #list_box div.tbefore {background: transparent url('../images/before.gif') left top no-repeat;width: 15px;height: 14px;position: absolute;top: 72px;left: 59px;z-index: 3;} #list_box div.tafter {background: transparent url('../images/after.gif') left top no-repeat;width: 15px;height: 14px;position: absolute;top: 72px;left: 76px;z-index: 3;} #list_box div.description {width: 150px;height: 32px;overflow: hidden;border-top: 1px solid #ecf3de;border-bottom: 1px solid #ecf3de;background-color: #f9fbf4;margin-top: 4px;padding-top: 6px;font-size: 12px;color: #556927;text-align: center;} #star_box {width: 100%;padding-top: 23px;background: url(../images//table_top01.gif) left top no-repeat;} #star_box ul {line-height: normal;list-style-image: none;list-style-position: inside;list-style-type: none;margin: 0 auto;padding-left: 0px;width: 180px;text-align: center;} #star_box li {display: inline;float: left;padding-top: 2px;margin-top: 5px;width: 175px;height: 210px;} #star_box div.box {margin-bottom: 15px;padding: 5px;} #star_box div.title {text-align: left;margin-bottom: 3px;width: 160px;height: 14px;border-top: 1px solid #ecf3de;border-bottom: 1px solid #ecf3de;background-color: #f9fbf4;color: #556927;overflow: hidden;padding-top: 3px;text-align: center;} #star_box div.image {width: 160px;height: 140px;position: relative;overflow: hidden;} #star_box .showimg {width: 160px;height: 140px;position: absolute;top: 0px;left: 0px;cursor: pointer;} #star_box div.wait {background-image: url('../images/bigWaiting.gif');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;width: 170px;height: 170px;position: absolute;top: 0px;left: 0px;} #star_box div.description {width: 160px;height: 14px;overflow: hidden;border-top: 1px solid #ecf3de;border-bottom: 1px solid #ecf3de;background-color: #f9fbf4;margin-top: 4px;padding-top: 3px;font-size: 12px;color: #556927;text-align: center;} .paging {clear: both;margin: 20px 0 0 10px;color: #8b8b8b;font-size: 12px;text-align: center;} header#firstheader { position:relative; width:95%; margin:0 auto; z-index:40; } h1 { width:130px; margin:0 auto;padding:15px 0 5px 0; } h1 img {width:100%;} .top_menu { display:none; width:100%; height:30px; font: 11px "NGothic",Gulim; color:#6e6e70; padding-top: 2px;} .top_menu .tm_left {float:left; width:150px; margin-left:10px;} .top_menu .tm_right {float:right; width:150px; text-align:right; margin-right:10px;} #gnb { display:none; width:98%; margin:0 auto; } .gnblist { height:78px; border-top:2px solid #3da7db; border-bottom:2px solid #3da7db; } .gnblist li { float:left; width:50%;height:39px; background:#eee; border:1px solid #999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .gnblist li:nth-child(1) { border-left:none; border-top:none; } .gnblist li:nth-child(2) { border-top:none; border-left:none; border-right:none; } .gnblist li:nth-child(3) { border-top:none; border-left:none; border-bottom:none; } .gnblist li:nth-child(4) { border:none; } .gnblist li a.mm { float:left; padding:10px; color:#555; text-decoration:none; } .gnblist li ul { display:none; } #sgnb { position:relative; font: 14px "NGothic",Gulim; background:url("../images/gnb_bg.png") no-repeat; background-position:center top;width:100%; margin:0 auto;} #ssub_content { width:100%; margin:0 auto; margin-top:0px;} #ssub_content:after { content:""; display:block;clear:both; } #sright_con {width:90%; padding:5%; float:left; min-height:700px; background-color:#fefefe;} #sright_con .ssub_area {width:100%;margin-left:0;} #sright_con .ssub_area .ssub_text {margin:10px auto; font: 12px "NGothic",Gulim; line-height:23px; width:100%;font-size:15px;letter-spacing: 0px;} #sright_con .ssub_area .ssub_text img.ttm {width:100%;} #sright_con .ssub_area .ssub_text img.tt {display:none; width:100%;} #sright_con .ssub_area .ssub_bgimg {display:none; width:230px; margin:-230px 0 0 520px; position:absolute;} .main_visual { position:relative; width:100%; height:200px; } .main_visual .ml_visual { position:relative; width:100%; margin:0 auto; z-index:1; } .main_visual .ml_visual .images { position:relative; height:200px; overflow:hidden; } .main_visual .ml_visual .images div.v_box { position:relative; width:100%; height:200px; text-align:left; margin:0 auto; } .main_visual,.main_visual .ml_visual .images {height:200px;z-index: 10;margin-top: 0px;} .main_visual .ml_visual .images .bg_v01m { height:200px; background:url(../images/rolling_mbg01.png) center top no-repeat; } .main_visual .ml_visual .images .bg_v02m { height:200px; background:url(../images/rolling_mbg02.png) center top no-repeat; } .main_visual .ml_visual .images .bg_v03m { height:200px; background:url(../images/rolling_mbg03.png) center top no-repeat; } .main_visual .ml_visual .images .bg_v04m { height:200px; background:url(../images/rolling_mbg04.png) center top no-repeat; } #content { width:95%; margin:0 auto; padding:30px 0; } #content:after { content:""; display:block;clear:both; } #movie {float:left; width:100%; margin-bottom:30px;} ul.moul {text-align:center;} li.moli {margin-bottom:15px;} #banner { width:290px; margin:0 auto;} #banner-area { padding:0 20px 0 20px; } #banner-area li { float:left; padding:0 10px 0 15px; text-align:center; } #banner2 {float:left; border-top:1px solid #bfbfbf;margin-top: 40px;padding-top: 20px;} li.banner2_a {float:left; margin:0 7px 0 7px;margin: 10px 7px 10px 7px;} #link { display:none; float:left; width:1000px; border-top:1px solid #bfbfbf; margin-top:30px; padding-top:30px;} #link-area { font: 11px "NGothic",Gulim; } li.link-list1 { float:left; width:90px; padding:0 7px 0 9px; text-align:left; } li.link-list2 { float:left; width:120px; padding:0 7px 0 9px; text-align:left; } li.link-list3 { float:left; width:85px; padding:0 7px 0 9px; text-align:left; } li.link-list4 { float:left; width:80px; padding:0 7px 0 9px; text-align:left; } li.link-list5 { float:left; width:120px; padding:0 7px 0 9px; text-align:left; } li.link-list6 { float:left; width:120px; padding:0 7px 0 9px; text-align:left; } li.link-list7 { float:left; width:110px; padding:0 7px 0 9px; text-align:left; } li.link-list8 { float:left; width:60px; padding:0 7px 0 9px; text-align:left; } li.link-list9 { float:left; width:65px; padding:0 7px 0 9px; text-align:left; } li.link-lista { padding:0 0 5px 0;} .login_a {width:100%; height:600px;margin:0 auto; background:url("../images/bg_login.png") no-repeat top} .login_c {width:300px; margin:0 auto; padding-top:160px;} #sub_content { width:100%; margin:0 auto; margin-bottom:-20px;} #sub_content:after { content:""; display:block;clear:both; } #sub_content img {} #left_menu {display:none; width:100%; background:url("../images/sub_menu_bg.png") no-repeat;} #right_con {width:100%; background-color:#fefefe;} #right_con .sub_title {width:95%; margin:0px auto; margin-top:30px; text-align:center;} #right_con .sub_img {width:95%; margin:20px auto; text-align:center; } #right_con .sub_area .sub_photo {width:230px; margin:0px auto;} #right_con .sub_text {width:95%; margin:20px auto; font: 13px "NGothic",Gulim;} #right_con .sub_area .sub_c1 { margin:0 auto; width:275px; text-align:center;} #right_con .sub_area .sub_c2 { margin:0 auto; width:275px; text-align:center;} #right_con .sub_area .sub_banner1 {width:100%; margin:0 auto; border-top:1px solid #ccc; margin-top:30px; text-align:center;} #right_con .sub_area .sub_banner2 {width:100%; margin:0 auto; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-top:0px; text-align:center;} #right_con .sub_area .sub_c1 {width:100%; text-align:center; margin:20px 0 0 0;} #right_con .sub_area .sub_c2 {width:100%; text-align:center; margin:20px 0 0 0;} #right_con .sub_area .sub_bgimg {display:none; width:230px; margin:-180px 0px 0px 350px; position:absolute;} #right_con .sub_area .sub_bgimgs {display:none; width:230px; margin:-80px 0px 0px 350px; position:absolute;} #right_con .sub_area .sub_text {font: 12px "NGothic",Gulim; line-height:23px; letter-spacing:-1px;} .skin_banner {height: 100%; margin:50px auto; border-top:1px solid #f16d8e; border-bottom:1px solid #f16d8e;} .skin_banner_a {height: 10px; margin:30px auto; border-top:1px solid #f16d8e;} .body_banner {height: 105px; margin:50px auto; border-top:1px solid #f16137; border-bottom:1px solid #f16137;} .spa_banner {height: 105px; margin:50px auto; border-top:1px solid #28aa0a; border-bottom:1px solid #28aa0a;} .wedding_banner {height: 100%; margin:50px auto; border-top:1px solid #963c96; border-bottom:1px solid #963c96;} .man_banner {height: 100%; margin:50px auto; border-top:1px solid #4d73be; border-bottom:1px solid #4d73be;} .waxing_banner {height: 105px; margin:50px auto; border-top:1px solid #00aeef; border-bottom:1px solid #00aeef;} .skin_banner_text {margin:20px auto; width:100%; font: 13px "NGothic",Gulim;} li.branch_li {margin:5px auto;width: 130px;} .sub_center_b {margin:0 auto;; width:180px;} .history_c {width:100%; height:1738px; background:url("../images/sun_info3_history_m.jpg") no-repeat top center} .history_back {width:130px; height:35px;position: absolute;margin-top: -55px;} .text_contents { clear:both; margin-top:30px; margin: 0 auto; width: 88%; font: 12px "NGothic",Gulim; } .join_table_top { width:98%; } .board_write { width:98%; border-top:2px solid #bce15b; border-bottom:2px solid #bce15b; font-size: 11px; color: #999; } footer#realfooter { } .foot { width:100%; margin:0 auto; padding:20px 0; background-color: #d4d4d4; } .foot:after { content:""; display:block;clear:both; } .foot div { color:#666; text-align:center;} .foot p { font:11px "NGothic",Gulim; } .copy { padding-top:20px; } .foot ul { padding-top:10px; } .foot ul li { float:left; width:50%; } .foot ul li img{ width:100%; } .navi_bg{background: url("../images/gnb_bgm.jpg") no-repeat; background-position: center top; position: relative;z-index: 99;} .navi_bg_s{background-color:#91A779; position: relative;z-index: 98;} .nav {height:27px;list-style: none;width:100%;margin:auto;color:#fff;} .topnav{text-align:center;height:15px;cursor:pointer;font-weight:bold;} .topnav:hover{color:#d3d3d3;} .navi_set{padding:5px;position: relative;width: 300px;margin: 0 auto;} .subnav{position: absolute;left: -5px; top: 27px;background: #333;display: none;} .subnav li{padding:10px;width:300px;text-align:center;border-bottom:1px solid #222;border-top:1px solid #444;cursor:pointer;} .subnav li:hover{background:#555;} .popup { width:298px; margin:2px 0px 0px 10px; padding:2px 0px 0px 5px; oberflow:hidden; background-color:#FFFFFF; } .popup_table_bottom { background:url(../img/sun_join/img_pop_bottom.gif) left bottom no-repeat; } .popup_table_top { width:298x; padding:13px 0px 14px 20px; background:url(../img/sun_join/img_pop_top.gif) left top no-repeat; } .popup_table_top li { font-size:11px; color:#728349; line-height:20px; } .popup p { text-align:center; font-size:12px; color:#728349; } .popup_table_bottom01 { background:url(../img/sun_join/img_pop_bottom01.gif) left bottom no-repeat; } .popup_table_top01 { width:269x; padding:10px 14px 10px 16px; background:url(../img/sun_join/img_pop_top01.gif) left top no-repeat; } .jon_postresult { height:95px; font-size:11px; line-height:20px; color:#728349; padding-right:5px; overflow-x:hidden; overflow-y:auto; } .jon_postresult a { font-size:11px; line-height:20px; color:#728349; } .jon_postresult a:hover { font-size:11px; line-height:20px; color:#728349; } .popup01 { width:398px; padding:2px 0px 0px 5px; oberflow:hidden; background-color:#FFFFFF; } .popup_table_bottom02 { background:url(../img/sun_join/img_pop_bottom02.gif) left bottom no-repeat; } .popup_table_top02 { width:385px; padding:23px 0px 23px 13px; background:url(../img/sun_join/img_pop_top02.gif) left top no-repeat; } } @media (min-width:768px) {/* 최소 768 ~ 1023 ---------------------------------------------------------------------- */ body { background:url("../images/bg.jpg") repeat;} input {background: #FFF;height: 16px;border: 1px solid #d0d1ce;color: #343433;padding: 1px 4px 0 4px; margin-top:-2px;} select {height: 20px;color: #343433;border: 1px solid #dedede;} input.s68 {width: 68px;} input.s130 {width: 68px;} input.s58 {width: 58px;} input.s50 {width: 40px;} #quick_menu_div {position:absolute; display:none;z-index:100; width:164px; height: 334px; background: url(../images/sms_bg.png) no-repeat;} #quick_menu_div .sms {margin:105px 0 0 15px;font: 11px Gulim;letter-spacing: -1.5px; width:135px;} .search {text-align: right;margin-left: 10px; margin:15px 15px 15px 0px;} .btn_c {vertical-align:middle;} .board {width: 525px; background: url(../images/table_top.gif) left top no-repeat;} .board_bottom {margin-left: 10px;padding-bottom: 6px;width: 525px;background: url(../images/table_line.gif) left bottom no-repeat;} .board table.list thead th {vertical-align: top;padding: 10px 0px 10px 0px;background: none;} .board table.list thead td {text-align: center;vertical-align: top;padding: 10px 0px 10px 0px;background: url(../images/table_left_bar.gif) left top no-repeat;} .board table.list tbody tr {background: url(../images/table_line1.gif) left top no-repeat;} .board table.list tbody tr.noline {background: none;} .board table.list tbody td {text-align: center;color: #636363;font-size: 12px;height: 33px;} .board table.list tbody td.title {text-align: left;padding-left: 13px;} th.t_h {color:#7DAC00; width:120px; height:30px;text-align:left; } /* write */ .board_write {width:635px;border-top:2px solid #bce15b;border-bottom:2px solid #bce15b;} .board_write table.list {margin:1px 0px 1px 0px;} .board_write table.list th{background-color:#f5fae4;} .board_write table.list td{background-color:#f6f6f6;border-left:1px solid #fff;padding-left:20px;padding:6px 0px 6px 17px;} .board_write table.list td span {font-size:11px;color:#799925;} .board_write table.list textarea { width:485px;height:156px;color:#343433;line-height:20px;border:1px solid #d0d1ce;padding:2px 5px 2px 5px;} .sub_text table.board3 tbody td { font: 13px "NGothic",Gulim; color:#00a651;height: 30px;font-weight: bold;} .sub_text table.board3 textarea {height: 156px;color: #343433;line-height: 20px;border: 1px solid #d0d1ce;padding: 2px 5px 2px 5px;} .sub_text table.faq_t tbody td {font: 14px "NGothic",Gulim;} .sub_text table.faq_t tbody td.faq_t_t {padding-top:40px; color:#00a651;font-weight: bold;} .sub_text table.faq_t tbody td.faq_t_c {padding:10px 0 0 22px; line-height:20px;} .sub_text dt {margin-top:10px;} .sub_text dt a {font: 14px "NGothic",Gulim; color:#00a651;font-weight: bold;} .sub_text dd {margin-bottom:10px;} .sub_text ul {height:150px;} #more {font: 12px "NGothic",Gulim; color:#000;line-height:20px;} input.s400 {width:400px;} input.s300 {width:300px;} input.s150 {width:150px;} .board_bottomBg {float: left; margin-bottom: 15px; padding-bottom: 6px;width: 520px;background: url(../images/table_line01.gif) left bottom no-repeat;} #list_box {width: 520px;padding-top: 23px;background: url(../images/table_top01.gif) left top no-repeat;} #list_box ul {line-height: normal;list-style-image: none;list-style-position: inside;list-style-type: none;margin: 0px;padding-left: 0px;width: 635px;text-align: center;} #list_box li {display: inline;float: left;padding-top: 10px;margin-top: 5px;width: 180px;height: 167px;cursor: pointer;} #list_box div.box {margin-left: 2px;margin-bottom: 15px;padding: 5px;} #list_box div.title {text-align: left;margin-bottom: 3px;width: 150px;height: 14px;overflow: hidden;} #list_box div.image {width: 150px;height: 85px;position: relative;overflow: hidden;} #list_box div.image img.before {width: 74px;height: 85px;float: left;display: inline;position: absolute;top: 0px;left: 0px;} #list_box div.image img.after {width: 74px;height: 85px;float: left;display: inline;position: absolute;top: 0px;left: 76px;} #list_box div.wait_before {background-image: url('../images/bigWaiting.gif');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;width: 84px;height: 85px;position: absolute;top: 0px;left: 0px;z-index: 2;} #list_box div.wait_after {background-image: url('../images/bigWaiting.gif');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;width: 84px;height: 85px;position: absolute;top: 0px;left: 86px;z-index: 2;} #list_box div.tbefore {background: transparent url('../images/before.gif') left top no-repeat;width: 15px;height: 14px;position: absolute;top: 72px;left: 59px;z-index: 3;} #list_box div.tafter {background: transparent url('../images/after.gif') left top no-repeat;width: 15px;height: 14px;position: absolute;top: 72px;left: 76px;z-index: 3;} #list_box div.description {width: 150px;height: 32px;overflow: hidden;border-top: 1px solid #ecf3de;border-bottom: 1px solid #ecf3de;background-color: #f9fbf4;margin-top: 4px;padding-top: 6px;font-size: 12px;color: #556927;text-align: center;} #star_box {width: 520px;padding-top: 23px;background: url(../images//table_top01.gif) left top no-repeat;} #star_box ul {line-height: normal;list-style-image: none;list-style-position: inside;list-style-type: none;margin: 0px;padding-left: 0px;width: 635px;text-align: center;} #star_box li {display: inline;float: left;padding-top: 2px;margin-top: 5px;width: 175px;height: 210px;} #star_box div.box {margin-bottom: 15px;padding: 5px;} #star_box div.title {text-align: left;margin-bottom: 3px;width: 160px;height: 14px;border-top: 1px solid #ecf3de;border-bottom: 1px solid #ecf3de;background-color: #f9fbf4;color: #556927;overflow: hidden;padding-top: 3px;text-align: center;} #star_box div.image {width: 160px;height: 140px;position: relative;overflow: hidden;} #star_box .showimg {width: 160px;height: 140px;position: absolute;top: 0px;left: 0px;cursor: pointer;} #star_box div.wait {background-image: url('../images/bigWaiting.gif');background-repeat: no-repeat;background-position: center center;background-color: #FFFFFF;width: 170px;height: 170px;position: absolute;top: 0px;left: 0px;} #star_box div.description {width: 160px;height: 14px;overflow: hidden;border-top: 1px solid #ecf3de;border-bottom: 1px solid #ecf3de;background-color: #f9fbf4;margin-top: 4px;padding-top: 3px;font-size: 12px;color: #556927;text-align: center;} .paging {clear: both;margin: 20px 0px 0px 10px;color: #8b8b8b;font-size: 12px;text-align: center;} header#firstheader { position:relative; width:1170px; margin:0 auto; z-index:40; } h1 { padding:16px 0 27px; height:62px; text-align: center;} .top_menu {width:100%; height:30px; font: 11px "NGothic",Gulim; color:#6e6e70; padding-top: 2px;} .top_menu .tm_left {float:left; width:300px; margin-left:25px;} .top_menu .tm_right {float:right; width:300px; text-align:right; margin-right:35px;} #gnb { position:relative; width:100%; font: 14px "NGothic",Gulim; background:url("../images/gnb_bg.png") no-repeat; background-position:center top;} #gnb:after { content:""; display:block; clear:both; } #gnb ul { width:1200px; margin:0 auto; } #gnb li { float:left; text-align:center; margin-right:1px; } #gnb li a.mm { float:left; width:100%; height:21px; text-align:center; padding-top:6px; color:#fff;font-weight: bold; } /* #gnb li a.mm:hover { height:32px; background:#3da7db url("../images/over_icon.gif") no-repeat center bottom; } 스크립트로 */ #gnb li ul { position:absolute; left:40px;; top:45px; display:none; } #gnb li.m1 ul { } #gnb li.m2 ul { left:230px; } #gnb li.m3 ul { left:405px; } #gnb li.m4 ul { left:640px; } #gnb li ul li { padding:0 10px; width:auto; height:auto; background:none; } #gnb li.mm1 { width:162px; margin-left:5px;} #gnb li.mm2 { width:122px;} #gnb li.mm3 { width:122px;} #gnb li.mm4 { width:142px;} #gnb li.mm5 { width:152px;} #gnb li.mm6 { width:92px;} #gnb li.mm7 { width:122px;} #gnb li.mm8 { width:122px;} #gnb li.mm9 { width:142px;} #sgnb { position:relative; font: 14px "NGothic",Gulim; background:url("../images/gnb_bg.png") no-repeat; background-position:center top;width:910px; margin:0 auto;} #ssub_content { width:910px; margin:0 auto; margin-top:0px;} #ssub_content:after { content:""; display:block;clear:both; } #sright_con {width:100%; float:left; min-height:700px; background-color:#fefefe; border-left:1px solid #e7e7e7; border-right: 1px solid #e7e7e7;} #sright_con .ssub_area {width:100%;margin-left:0;} #sright_con .ssub_area .ssub_text {margin:10px auto; font: 12px "NGothic",Gulim; line-height:23px; width:800px;font-size:15px;letter-spacing: 0px;} #sright_con .ssub_area .ssub_bgimg {width:230px; margin:-230px 0 0 520px; position:absolute;} #sright_con .ssub_area .ssub_text img.ttm {display:none; width:100%;} #sright_con .ssub_area .ssub_text img.tt { } .main_visual { position:relative; width:100%; height:460px; } .main_visual .ml_visual { position:relative; width:100%; margin:0 auto; z-index:1; } .main_visual .ml_visual .images { position:relative; height:460px; overflow:hidden; } .main_visual .ml_visual .images div.v_box { position:relative; width:100%; height:460px; text-align:left; margin:0 auto; } .main_visual,.main_visual .ml_visual .images {height:439px;z-index: 10;margin-top:0px;} .main_visual .ml_visual .images .bg_v01 { height:439px; background:url(../images/rolling_bg01.png) center top no-repeat; } .main_visual .ml_visual .images .bg_v02 { height:439px; background:url(../images/rolling_bg02.png) center top no-repeat; } .main_visual .ml_visual .images .bg_v03 { height:439px; background:url(../images/rolling_bg03.png) center top no-repeat; } .main_visual .ml_visual .images .bg_v04 { height:439px; background:url(../images/rolling_bg04.png) center top no-repeat; } .main_visual .ml_visual .slidetabs { margin:0 auto;cursor:pointer;display:block;position:absolute;text-align:center;width:100%; top: 293px;z-index:1000; } .main_visual .ml_visual .slidertabs_s { width:300px;margin:0 auto; padding-left:710px;} .main_visual .ml_visual .slidetabs .tab1 { width:37px;height:30px;float:left;} .main_visual .ml_visual .slidetabs .tab1.current { width:37px;height:30px;float:left;} .main_visual .ml_visual .slidetabs .tab2 { width:37px;height:30px;float:left;} .main_visual .ml_visual .slidetabs .tab2.current { width:37px;height:30px;float:left;} .main_visual .ml_visual .slidetabs .tab3 { width:37px;height:30px;float:left;} .main_visual .ml_visual .slidetabs .tab3.current { width:37px;height:30px;float:left;} .main_visual .ml_visual .slidetabs .tab4 { width:37px;height:30px;float:left;} .main_visual .ml_visual .slidetabs .tab4.current { width:37px;height:30px;float:left;} .images .img_box div a {display:block;width:100%;height:525px;} #content { width:1200px; margin:0 auto; padding:30px 0; } #content:after { content:""; display:block;clear:both; } #movie {float:left; width:600px; margin-bottom:30px; padding-left: 60px;} ul.moul {} li.moli {float:left; margin-right:20px;} #banner { width:1100px;margin: 45px auto 0;height: 170px;} #banner-area { padding:0 20px 0 20px; } #banner-area li { float:left; padding:0 25.5px; text-align:center; } #banner2 {float:left; width:1200px; border-top:1px solid #bfbfbf;} li.banner2_a {float:left; margin:0 7px 0 7px;margin: 10px 7px 10px 7px;} #link { float:left; width:1200px; border-top:1px solid #bfbfbf; padding-top:40px;} .link_c {width: 1102px;margin: 0 auto;} #link-area { font: 11px "NGothic",Gulim; } li.link-list1 { float:left; width:100px; padding:0 9px 0 9px; text-align:left; } li.link-list2 { float:left; width:130px; padding:0 9px 0 9px; text-align:left; } li.link-list3 { float:left; width:95px; padding:0 9px 0 9px; text-align:left; } li.link-list4 { float:left; width:90px; padding:0 9px 0 9px; text-align:left; } li.link-list5 { float:left; width:130px; padding:0 9px 0 9px; text-align:left; } li.link-list6 { float:left; width:130px; padding:0 9px 0 9px; text-align:left; } li.link-list7 { float:left; width:120px; padding:0 9px 0 9px; text-align:left; } li.link-list8 { float:left; width:70px; padding:0 9px 0 9px; text-align:left; } li.link-list9 { float:left; width:75px; padding:0 9px 0 9px; text-align:left; } li.link-lista { padding:0 0 5px 0;} .login_a {width:1024px; height:600px;margin:0 auto; background:url("../images/bg_login.png") no-repeat top} .login_c {width:300px; margin:0 auto; margin: 160px 0 0 355px;position: absolute;} #sub_content { width:100%; margin:0 auto; margin-top:0px;} #sub_content:after { content:""; display:block;clear:both; } #left_menu {float:left; width:34%; height:700px; background:url("../images/sub_menu_bg.png") no-repeat top right;} #left_menu .left_area {float:right; width:185px; margin-top:73px;font-weight: bold;} #left_menu .left_area li {margin-bottom:17px;} #left_menu .left_area a { text-decoration:none; color:#0f3f76; } #left_menu .left_area a:hover { color:#3179cc; } #left_menu .left_area li.sub_submenu {margin:5px 0 5px 0; } #left_menu .left_area li.sub_submenu a {text-decoration:none; color:#3179cc; font-size:12px; } #left_menu .left_area li.sub_submenu a:hover { color:#0f3f76; } #right_con {float:left; width:65.3%; min-height:700px; background-color:#fefefe; border-left:1px solid #e7e7e7;} #right_con .sub_area {width:650px; margin-left:6%; padding:20px 0;} #right_con .sub_area .sub_c1 {float:left; width:275px; text-align:center; margin:10px 0 0 15px;} #right_con .sub_area .sub_c2 {float:left; width:275px; text-align:center; margin:10px 0 0 0;} #right_con .sub_area .sub_title {width:550px; margin:0 0 0 15px; margin-top:30px;} #right_con .sub_area .sub_img {width:550px; margin-left: 25px;} #right_con .sub_area .sub_photo {width:230px; margin:0px 0px 0px 350px; position:absolute;} #right_con .sub_area .sub_bgimg {width:230px; margin:-180px 0px 0px 350px; position:absolute;} #right_con .sub_area .sub_bgimgs {width:230px; margin:-80px 0px 0px 350px; position:absolute;} #right_con .sub_area .sub_text { margin-left: 30px; font: 12px "NGothic",Gulim; line-height:23px; letter-spacing:-1px;} #right_con .sub_area .sub_banner1 {width:540px; margin:0 auto; border-top:1px solid #ccc; margin-top:250px; text-align:center;} #right_con .sub_area .sub_banner2 {width:540px; margin:0 auto; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-top:0px; text-align:center;} .skin_banner {width:540px; height: 125px; margin:50px auto; border-top:1px solid #f16d8e; border-bottom:1px solid #f16d8e;} .skin_banner_a {width:540px; height: 10px; margin:30px auto; border-top:1px solid #f16d8e;} .body_banner {width:540px; height: 105px; margin:50px auto; border-top:1px solid #f16137; border-bottom:1px solid #f16137;} .spa_banner {width:540px; height: 105px; margin:50px auto; border-top:1px solid #28aa0a; border-bottom:1px solid #28aa0a;} .wedding_banner {width:540px; height: 105px; margin:50px auto; border-top:1px solid #963c96; border-bottom:1px solid #963c96;} .man_banner {width:540px; height: 125px; margin:50px auto; border-top:1px solid #4d73be; border-bottom:1px solid #4d73be;} .waxing_banner {width:540px; height: 105px; margin:50px auto; border-top:1px solid #00aeef; border-bottom:1px solid #00aeef;} .skin_banner_text {float:left; margin-top:20px; width:360px; font: 12px "NGothic",Gulim;line-height: 17px;} .sub_center_b {float:left; width:180px;} .history_c {width:100%; height:1000px; background:url("../images/sun_info3_history.jpg") no-repeat top center} .history_back {width:130px; height:35px;position: absolute;margin-top: -35px;} .join_a {width:460px; margin:0 auto;} .join_table_bottom {margin-left:0px;} .join_table_top {padding:10px 10px 10px 0px;} .jon_member {height:150px;font-size:11px;color:#7d7d7d;padding-right:5px;overflow-x:hidden;overflow-y:auto;border: 1px solid #929292;} .jon_member2 {height:269px;font-size:11px;color:#7d7d7d;padding-right:5px;overflow-x:hidden;overflow-y:auto;} .jon_member p {margin-left:0px; color: #000;} .join_table_list {margin-left:10px;} .join_table_list tr {background:url(../img/common/table_line.gif) left top no-repeat;} .join_table_list select {font-size:11px;color:#5f5f5f;} .join_table_list tr.noline {background:none;} .join_table_list th {text-align:left;padding-left:3px;} .join_table_list td {padding:9px 0px 5px 0px;font-size:11px;color:#999;line-height:14x;} .join_table_list td span {color:#5f5f5f;} .join_logo {margin-left:20px;width:544px;height:260px;padding:86px 0px 0px 60px;border:7px solid #e6f2c5;} .join_logo ul {margin:24px 0px 0px 71px;width:340px;} .join_logo td {background-color:#ebebeb;} .join_logo td.input_p {padding-left:15px;padding-top:5px;} .join_logo td.input_p01 {padding-left:15px; padding-bottom:5px;} .join_c {width:300px; margin:0 auto; margin: 200px 0 0 355px;position: absolute;} #imageviewer_image_pan {position:relative;width:100%;height:100%;overflow:hidden;} #imageviewer_image {position:absolute;top:0px;left:0px;} #imageviewer_loading {position:absolute;top:0px;left:0px;background:#FFFFFF url('/image/pic/loading2.gif') center center no-repeat;width:100%; height:100%;} #imageviewer_close {background:transparent url('/image/pic/close_grey.png') left top no-repeat;width:64px; height:20px;position:absolute;top:5px;right:5px;cursor:pointer;} #imageviewer_messageback {background-color : #000000;position:absolute;left : 30px;bottom : 30px;overflow:hidden;} #imageviewer_message {color : #FFFFFF;position:absolute;margin:10px;left : 30px;bottom : 30px;overflow-y:auto;} #imageviewer_over { position:absolute; background-color : #FFFFFF; left : 30px;bottom : 30px; opacity: 0;} #imageviewer_mask {position:absolute;top : 0px;left : 0px;background-color : #000000; opacity: 0.8;} #imageviewer_maskiframe {position:absolute;top : 0px;left : 0px;background-color : #000000;} #main_bn_bt {list-style-type:none; bottom:5px; left:5px; float: right; margin-top: 5px;} #main_bn_bt li {float: left; padding:3px 6px; background:#000;color:#fff; margin-right:5px;} .image img {width:70px;height:85px;} td.td_img img {width:520px;} .text_contents { clear:both; width: 520px; font: 12px "NGothic",Gulim; padding-left: 30px; } .join_table_top { width:520px; } .board_write { width:520px; border-top:2px solid #bce15b; font-size: 11px; color: #999; } li.branch_li {float:left; margin-left: 10px; margin-bottom: 10px;} footer#realfooter { } .foot { width:100%; margin:0 auto; padding: 10px 0; background-color: #d4d4d4; } .foot:after { content:""; display:block;clear:both; } .foot div { float:left; width:100%; color:#666; text-align:center;} .foot p { font:11px "NGothic",Gulim; } .copy { padding-top:20px; } .foot ul { float:right; } .foot ul li { display:inline;padding:0 5px; } .navi_bg{ display:none;} .navi_bg_s{ display:none;} /* 팝업 */ .popup { width:298px; /*margin:2px 0px 0px 10px;*/ padding:2px 0px 0px 5px; oberflow:hidden; background-color:#FFFFFF; } .popup_table_bottom { background:url(../img/sun_join/img_pop_bottom.gif) left bottom no-repeat; } .popup_table_top { width:298x; padding:13px 0px 14px 20px; background:url(../img/sun_join/img_pop_top.gif) left top no-repeat; } .popup_table_top li { font-size:11px; color:#728349; line-height:20px; } .popup p { text-align:center; font-size:12px; color:#728349; } .popup_table_bottom01 { background:url(../img/sun_join/img_pop_bottom01.gif) left bottom no-repeat; } .popup_table_top01 { width:269x; padding:10px 14px 10px 16px; background:url(../img/sun_join/img_pop_top01.gif) left top no-repeat; } .jon_postresult { height:95px; font-size:11px; line-height:20px; color:#728349; padding-right:5px; overflow-x:hidden; overflow-y:auto; } .jon_postresult a { font-size:11px; line-height:20px; color:#728349; } .jon_postresult a:hover { font-size:11px; line-height:20px; color:#728349; } .popup01 { width:398px; /*margin:2px 0px 0px 10px;*/ padding:2px 0px 0px 5px; oberflow:hidden; background-color:#FFFFFF; } .popup_table_bottom02 { background:url(../img/sun_join/img_pop_bottom02.gif) left bottom no-repeat; } .popup_table_top02 { width:385px; padding:23px 0px 23px 13px; background:url(../img/sun_join/img_pop_top02.gif) left top no-repeat; } p.p356 {width:356px;} }