@media all and (min-width:769px) /*768px보다 클때 - PC 형식*/ { #sub_menu {position:relative; width:100%; height:284px; min-width:1024px; overflow:hidden; background:#000} #sub_menu .visual_wp {display:block; left:50%; margin-left:-50%; text-align: center; position:absolute; top:0; width:100%; height:100%; background:#000;} #sub_menu .menu_list {position:relative; z-index:10; width:1024px; margin:232px auto 0;} #sub_menu .menu_list ul {margin:0; padding:0; list-style:none;} #sub_menu .menu_list ul li {width:33%;float:left;} #sub_menu .menu_list ul li:nth-child(2) {width:34%} #sub_menu .menu_list ul.menu4 li {width:25%} #sub_menu .menu_list ul li a{font-weight:600; display:block; border:1px solid #e4e4dd; border-width:0 1px 1px 0; height:51px; line-height:51px; color:#1e1e1e; font-size:16px; background:#f7f7f7; text-align:center;} #sub_menu .menu_list ul li a:hover {text-decoration:none;} #sub_menu .menu_list ul li:last-child a {border-right:0;} #sub_menu .menu_list ul li.on a {background:#fff url(../../img/sub_tab_bg.png) no-repeat 50% 100%; color:#b55c9e;} #content {min-height:500px; width:1024px; margin:0 auto; padding-bottom:50px; } #content .sub_title {text-align:center; margin-top:60px; margin-bottom:25px;} #content .sub_title .page_navi {color:#a3a2a2;} #content .sub_title .page_navi .current {color:#3a3a3a; background:url(../../img/page_navi_sep.png) no-repeat 6px 50%; padding-left:16px; padding-top:3px;} #content .sub_title .page_navi .navi {background:url(../../img/page_navi_sep.png) no-repeat 6px 50%; padding-left:16px; padding-top:3px;} #content .sub_title .page_navi .home {background:url(../../img/page_navi_home.png) no-repeat 0 0; padding-left:21px; padding-top:3px;} #content .sub_title h3 { font-family:'Jeju Myeongjo'; font-size:42px; font-weight:normal; color:#3a3a3a; background:url(../../img/sub_title_bg.png) no-repeat 50% 100%; padding-bottom:13px;} #content .map_area {border:1px solid #c7bfaa; padding:5px; height:625px; margin-bottom:26px;} #content .map_area {} #content .map_info h4 {font-weight:normal} #content .map_info h5 {font-size:14px; font-weight:normal} #content .map_info .info .indent {padding-left:20px; margin-bottom:20px} #content .map_info .info ul {list-style:none;} #content .map_info .info ul li {font-size:12px;} #content .map_info .car {color:#4e8da9; background:url(../../img/map_car.png) no-repeat 0 50%; padding-left:21px;} #content .map_info .bus {color:#ac8e48; background:url(../../img/map_bus.png) no-repeat 0 50%; padding-left:21px;} #content .surround_intro {} #content .surround_intro ul {margin:0; padding:0; list-style:none;} #content .surround_intro ul li {position:relative; border:1px solid #d3d3d3; margin-bottom:23px; border-radius:10px; padding:14px; min-height:146px; padding-left:240px;} #content .surround_intro ul li:hover {border:1px solid #7a3f63} #content .surround_intro ul li:hover a.more {border:none; background:#b55c9e; color:#fff} #content .surround_intro ul li .pic {position:absolute; left:14px; top:14px; width:194px; height:146px; border-radius:10px} #content .surround_intro ul li h3 {font-size:25px; font-weight:normal; font-family:'Jeju Myeongjo'; padding-top:16px; padding-bottom:4px; } #content .surround_intro ul li p {font-size:14px; margin-bottom:18px; color:#9f9f9f} #content .surround_intro ul li a.more {border:1px solid #d3d3d3; color:#c8c8c7; font-size:14px; padding:9px 18px 9px;} #content .surround_intro ul li p .past{text-decoration: line-through;} #content .surround_intro ul li p .red{color: #cf3602;} #content .surround_intro ul li p .black{color: #000;} #content .surround_intro ul li .textmargin{padding-left:2em;} #content .surround_intro ul li .heightmargin{padding-top: 0.7em;} #content .lodging_tab {text-align:center; margin-bottom:25px;} #content .lodging_tab a {display:inline-block; border-radius:15px; font-size:14px; color:#fff; width:117px; margin:0 3px; padding:4px 0 3px; background:#cfcfcf;} #content .lodging_tab a.on {background:#b55c9e;} #content .lodging_box {} #content .lodging_header {overflow:hidden; height:577px; margin-bottom:20px;} #content .lodging_header2 {overflow:hidden; height:679px; margin-bottom:20px;} #content .lodging_menu{float:left; width:225px; height:100%; margin-right:2px; background:#f4f1e9;} #content .lodging_menu .mobile_btn {display:none;} #content .lodging_menu h3 {width:202px; padding:28px 0 0 23px; height:53px; border-bottom:1px solid #c0a87e; background:url(../../img/lodging_title_bg.png) no-repeat 0 0; font-family:'Jeju Myeongjo'; color:#fff; font-size:24px; font-weight:normal} #content .lodging_menu ul {padding:0; margin:0; list-style:none;} #content .lodging_menu ul li {cursor:pointer; display:block; padding:9px 0 7px 28px; border-bottom:1px solid #dbcaac; color:#6f5f42; font-size:13px;} #content .lodging_menu ul li:hover {text-decoration:none; background:#e3d6c0; border-bottom:1px solid #dbcaac; color:#fff} #content .lodging_menu ul li.on {background:#dbcaac; border-bottom:1px solid #dbcaac; color:#fff} #content .lodging_cont{float:left; width:797px; height:100%;} #content .lodging_cont .cont {} #content .lodging_cont .cont .pic {height:473px; background:#f4f1e9; margin-bottom:2px; overflow:hidden; text-align:center} #content .lodging_cont .cont .pic.no_bg {background:#f4f1e9 url(../../img/no_bimg_bg.png) 50% 50% no-repeat;} #content .lodging_cont .cont .pic img {vertical-align:middle; height:100%} #content .lodging_cont .cont .pic .percent100 {width: 100%; height: 100%; } #content .lodging_cont .cont .pic_list {} #content .lodging_cont .cont .pic_list ul {margin:0; padding:0; list-style:none; } #content .lodging_cont .cont .pic_list ul li {display:block; width:20%; height:102px; float: left;} #content .lodging_cont .cont .pic_list ul li a {display:block; margin-right:2px; overflow:hidden; height:102px; min-width:157px; background:#000000; vertical-align:middle;} #content .lodging_cont .cont .pic_list ul li a.no_img {background:#dedbd0 url(../../img/noimg_bg.png) 50% 50% no-repeat; } #content .lodging_cont .cont .pic_list ul li.vertical {text-align:center;} #content .lodging_cont .cont .pic_list ul li.vertical a {} #content .lodging_cont .cont .pic_list ul li.vertical a img {height:100%; width:auto;} #content .lodging_cont .cont .pic_list ul li.vertical.on a img {margin:-3px; height:102px;} #content .lodging_cont .cont .pic_list ul li a:hover {opacity:1} #content .lodging_cont .cont .pic_list ul li.on a {border:3px solid #b55c5c; box-sizing:border-box; } #content .lodging_cont .cont .pic_list ul li:last-child a{margin-right:0;} #content .lodging_cont .cont .pic_list ul li a img {width:157px; vertical-align:middle; opacity:0.6; } #content .lodging_cont .cont .pic_list ul li a .downmargin {width: 100%; height: 100%;} #content .lodging_cont .cont .pic_list ul li.on a img {margin-left:-3px; margin-top:-3px; opacity:1; } #content .lodging_cont .cont .pic_list ul li.on a .downmargin {margin-left:0; margin-top:0; } #content .lodging_cont .cont .pic_list ul li a img:hover { opacity:1;} /*pic_list2 slide css*/ #content .lodging_cont .cont .pic_list2 {width: 120%; position: relative;} #content .lodging_cont .cont .pic_list2 ul {margin:0; padding:0; list-style:none; } #content .lodging_cont .cont .pic_list2 ul li {display:block; width:16.66%; height:102px; float: left;} #content .lodging_cont .cont .pic_list2 ul li a {display:block; margin-right:2px; overflow:hidden; height:102px; min-width:157px; background:#000000; vertical-align:middle;} #content .lodging_cont .cont .pic_list2 ul li a.no_img {background:#dedbd0 url(../../img/noimg_bg.png) 50% 50% no-repeat; } #content .lodging_cont .cont .pic_list2 ul li.vertical {text-align:center;} #content .lodging_cont .cont .pic_list2 ul li.vertical a {} #content .lodging_cont .cont .pic_list2 ul li.vertical a img {height:100%; width:auto;} #content .lodging_cont .cont .pic_list2 ul li.vertical.on a img {margin:-3px; height:102px;} #content .lodging_cont .cont .pic_list2 ul li a:hover {opacity:1} #content .lodging_cont .cont .pic_list2 ul li.on a {border:3px solid #b55c5c; box-sizing:border-box; } #content .lodging_cont .cont .pic_list2 ul li:last-child a{margin-right:0;} #content .lodging_cont .cont .pic_list2 ul li a img {width:157px; vertical-align:middle; opacity:0.6; } #content .lodging_cont .cont .pic_list2 ul li a .downmargin {width: 100%; height: 100%;} #content .lodging_cont .cont .pic_list2 ul li.on a img {margin-left:-3px; margin-top:-3px; opacity:1; } #content .lodging_cont .cont .pic_list2 ul li.on a .downmargin {margin-left:0; margin-top:0; } #content .lodging_cont .cont .pic_list2 ul li a img:hover { opacity:1;} /**/ #content .lodging_body {padding-left:227px;} #content .lodging_body .cont {} #content .lodging_body .cont h3 {font-family:'Jeju Myeongjo'; font-size:30px; font-weight:normal; border-bottom:1px solid #d6d6d6; padding-bottom:10px; margin-bottom:20px;} #content .lodging_body .cont p {margin-top:-10px; font-size:16px; margin-bottom:17px; color:#777777;} #content .lodging_body .cont .lodging_info {margin:0; padding:0; margin-bottom:18px; list-style:none; font-size:13px;} #content .lodging_body .cont .lodging_info li {margin-bottom:5px;} #content .lodging_body .cont .lodging_info li .title {display:inline-block; width:110px; padding:4px 0 3px; background:#dbcaac; text-align:center; color:#fff;} #content .lodging_body .cont .lodging_info li .cont {display:inline-block; padding-left:10px; color:#666666} #content .lodging_body .cont h4 {font-size:22px; font-weight:normal; margin-bottom:10px;} #content .lodging_body .cont .amenity {overflow:hidden; border:1px solid #f3f0e9; height:205px; font-size:13px;} #content .lodging_body .cont .amenity .left {width:50%; height:100%; float:left; background:url(../../img/amenity_bg1.png) no-repeat 90% 90%;} #content .lodging_body .cont .amenity .right {width:50%; height:100%; float:left; background:#f3f0e9 url(../../img/amenity_bg2.png) no-repeat 90% 90%;} #content .lodging_body .cont .amenity .wp {padding:15px;} #content .lodging_body .cont .amenity h5 {font-size:16px; font-family:'Libre Baskerville'; font-weight:normal; margin-bottom:15px;} #content .lodging_body .cont .amenity ul {padding-left:25px;} #content .lodging_body .cont .amenity ul li {float:left; width:45%} #content .use_procedure {} #content .use_procedure ol {padding:0; margin:0; list-style:none; overflow:hidden;} #content .use_procedure ol li.procedure {position:relative; border:1px solid #d0d0d0;height:129px; padding-left:70px;} #content .use_procedure ol li .title {float:left; font-size:18px; margin-top:35px;} #content .use_procedure ol li .num {font-family:'Jeju Myeongjo'; font-size:36px; color:#b55c9e; padding-right:10px;} #content .use_procedure ol li ul {position:absolute; left:300px; top:0;padding:0; margin:0; list-style:none; margin-top:10px; margin-left:47px;} #content .use_procedure ol li ul li {background:url(../../img/procedure_bu.png) no-repeat 0 8px; padding-left:12px; font-size:14px;} #content .use_procedure ol li ul li .tel {position:relative; top:-3px; font-family:'Jeju Myeongjo'; font-size:30px; color:#b55c9e;} #content .use_procedure ol li ul li .btn {position:relative; top:-3px; font-size:14px; color:#fff; padding:10px 25px; line-height:48px; background:#b55c9e;} #content .use_procedure ol li.p1 {background:url(../../img/procedure_bg1.png) no-repeat 95% 35px;} #content .use_procedure ol li.p2 {background:url(../../img/procedure_bg2.png) no-repeat 95% 35px;} #content .use_procedure ol li.p3 {background:url(../../img/procedure_bg3.png) no-repeat 95% 35px;} #content .use_procedure ol li.p4 {background:url(../../img/procedure_bg4.png) no-repeat 95% 35px;} #content .use_procedure ol li.sep {background:url(../../img/procedure_bg.png) no-repeat 50% 50%; height:45px;} #content .living_info {border:1px solid #d0d0d0; padding:0 15px;} #content .living_info ul {margin:0; padding:0; list-style:none;} #content .living_info ul li.info {position:relative; border-bottom:1px solid #d3d3d3; padding:15px 0; border-radius:10px; min-height:146px; padding-left:240px;} #content .living_info ul li .pic {position:absolute; left:0; top:15px; width:194px; height:146px;} #content .living_info ul li h3 {font-size:25px; font-weight:normal; font-family:'Jeju Myeongjo'; padding-top:16px; padding-bottom:4px; } #content .living_info ul li ul li {background: url(../../img/procedure_bu.png) no-repeat 0 8px; padding-left: 12px; font-size: 14px;} #content .living_info .pic1 {background:#b6dbdb url(../../img/living_pic1.png) no-repeat 50% 50%;} #content .living_info .pic2 {background:#e6d09c url(../../img/living_pic2.png) no-repeat 50% 50%;} #content .living_info .pic3 {background:#e6c0a9 url(../../img/living_pic3.png) no-repeat 50% 50%;} #content .living_info .pic4 {background:#b4cdd8 url(../../img/living_pic4.png) no-repeat 50% 50%;} #content .faq_tab {text-align:center; margin-bottom:34px;} #content .faq_tab a {display:inline-block; border-radius:15px; font-size:14px; color:#fff; width:117px; margin:0 3px; padding:4px 0 3px; background:#cfcfcf;} #content .faq_tab a.on {background:#b55c9e;} #content .faq_list {border-top:2px solid #9e9e9e; margin-bottom:50px;} #content .faq_list ul {margin:0; padding:0; list-style:none;} #content .faq_list ul li {} #content .faq_list ul li h3.q {cursor:pointer; position:relative; padding:16px 0 16px 100px; font-weight:normal; border-bottom:1px solid #d0d0d0; font-size:14px; } #content .faq_list ul li h3.q span.t {position:absolute; left:40px; top:16px; font-family:'Libre Baskerville';} #content .faq_list ul li h3.q span.i {position:absolute; right:20px; top:16px; width:21px; height:21px; background:url(../../img/faq_bu.png) no-repeat 0 0; overflow:hidden;} #content .faq_list ul li.on h3.q span.i {background-position:0 -37px;} #content .faq_list ul li .a {background:#f6f6f6; position:relative; padding:16px 0 16px 100px; font-weight:normal; border-bottom:1px solid #d0d0d0; font-size:14px;} #content .faq_list ul li .a span.t {color:#ba2dcb; font-family:'Libre Baskerville'; position:absolute; left:40px; top:16px;} #content .notice_list {margin-bottom:50px;} #content .intro_page {font-size:16px; text-align:center; color:#747474} #content .intro_page p {width:92%; margin:0 auto 40px; text-align:justify} #content .intro_page p span {font-family:'Jeju Myeongjo'; font-size:24px; color:#000;} #content .intro_page .img_box {text-align:center; margin-bottom:40px;} #content .intro_page .img_box .txt {display:block; text-align:center; font-family:'Jeju Myeongjo'; font-size:24px; color:#000} #content .facility_intro_page {position:relative; background:url(../../img/intro_bg.jpg) no-repeat 0 0; height:785px; border-radius:10px; overflow:hidden;} #content .facility_intro_page .mobile_intro {display:none; } #content .menu {list-style:none; margin:0; padding:0;} #content .menu li {width:80px; height:31px; background:url(../../img/intro_btn_bg.png) no-repeat 0 0; padding-left:48px; padding-top:9px; color:#f4eedd; font-size:16px; cursor:pointer; text-shadow:1px 1px #717171;} #content .menu .m1 {position:absolute; left:234px; top:260px;} #content .menu .m2 {position:absolute; left:766px; top:526px;} #content .menu .m3 {position:absolute; left:42px; top:474px;} #content .menu .m4 {position:absolute; left:444px; top:450px;} #content .menu .m5 {position:absolute; left:350px; top:595px;} #content .menu .m6 {position:absolute; left:606px; top:413px;} #content .info_box {position:absolute; right:-429px; width:429px; height:785px;} #content .info_box .open {position:absolute; cursor:pointer; left:0; top:0; width:137px; height:785px; background:rgba(255,255,255,0.8); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #content .info_box .open.on {left:-87px;} #content .info_box .open span {position:absolute; left:22px; top:50%; width:40px; height:73px; margin-top:-36px; z-index:1;} #content .info_box .box {position:absolute; left:0; top:0; width:377px; padding:0 26px; height:785px; background:rgba(255,255,255,0.8); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #content .info_box .box.on {left:-429px;} #content .info_box .box h3 {font-family:'Jeju Myeongjo'; font-size:42px; font-weight:normal; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #999999; margin-bottom:20px;} #content .info_box .box .pic_box {height:205px; width:100%;} #content .info_box .box .pic_box img {vertical-align:top; margin-bottom:15px;} #content .info_box .box .pic_list {height:565px; overflow:auto;} #content .info_box .box .pic_list img {width:100%; margin-bottom:15px;} #content .info_box .box .info_table {} #content .info_box .box .info_table p {font-size:16px; padding:15px 0 10px;} #content .info_box .box .info_table table td,#content .info_box .box .info_table table th{padding: 8px 21px 6px; font-size:12px;} #content .info_box .box .close_btn {position:absolute; right:26px; top:26px; width:49px; height:49px; background:url(../../img/intro_exit_bg.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #content .info_box .controller {position:absolute; left:0; bottom:0; width:100%; height:80px; border-top:1px solid #999;} #content .info_box .controller a {float:left; width:50%; height:100%; overflow:hidden; text-indent:-9999px} #content .info_box .controller a.prev {background:url(../../img/intro_prev_bg.png) no-repeat 50% 50%;} #content .info_box .controller a.next {background:url(../../img/intro_next_bg.png) no-repeat 50% 50%;} #content .no_content {border:1px solid #d9d9d9; background:#f8f8f8 url(../../img/bg_pt2.png) repeat 0 0; height:518px;} #content .no_content .center {border:1px solid #d9d9d9; border-width:1px 0; background:#fff; height:200px; margin-top:156px} #content .no_content .center p {position:relative; top:-18px; text-align:center; padding-top:160px; background:url(../../img/no_content_img.png) no-repeat 50% 0; font-family:'Jeju Myeongjo'; font-size:24px; color:#816532;} #content .program_info {} #content .program_info .info_header {position:relative; margin-bottom:30px} #content .program_info .info_header img {vertical-align:top} #content .program_info .info_header .info {position:absolute; left:50%; bottom:140px;} #content .program_info .info_header .info a {margin-left:-62px; width:100px; text-align:center; background:#fff; border-radius:15px; display:inline-block; padding:5px 15px 3px; font-size:18px; color:#b55c9e} #content .program_info .info_header .mobile_content {display:none;} #content .program_info .info_body {width:852px; margin:0 auto;} #content .program_info .info_body .info_tab {margin:0 0 20px;} #content .program_info .info_body .info_tab ul {margin:0; padding:0; list-style:none; overflow: hidden; border:1px solid #d0d0d0;} #content .program_info .info_body .info_tab ul li {float:left; height:65px; width:50%; background:#f7f7f7;} #content .program_info .info_body .info_tab ul.three_li li{width:33%;} #content .program_info .info_body .info_tab ul.three_li li:nth-child(2) {width:34%} #content .program_info .info_body .info_tab ul li.on {background: #fff url(../../img/sub_tab_bg2.png) no-repeat 50% 100%;} #content .program_info .info_body .info_tab ul li a {display:block; text-align:center; color:#000; font-size:18px; height:100%; line-height:65px} #content .program_info .info_body .info_tab ul li:first-child a {border-right:1px solid #d0d0d0;} #content .program_info .info_body .info_cont {} #content .program_info .info_body .info_cont h3 {text-align:center; margin:40px 0 20px; font-size:16px; font-weight:normal; color:#43a047;} #content .program_info .info_body .info_cont h3 span {font-family:'Jeju Myeongjo'; font-size:28px; color:#000;} #content .program_info .info_body .info_cont .inner_info {margin-top:25px; margin-left:20px;} #content .program_info .info_body .info_cont .inner_info ul {margin:0; padding:0; list-style:none;} #content .program_info .info_body .info_cont .inner_info li {background: url(../../img/procedure_bu.png) no-repeat 0 8px; padding-left: 12px; font-size: 14px;} #content .program_info .btns {position:absolute; left:175px; bottom:30px; z-index:10;} #content .program_info .btns a {display:inline-block; padding:15px 35px 13px 75px; color:#fff; font-size:18px; border-radius:5px;} #content .program_info .btns a.program_btn1 {background:#43a047 url(../../img/program_btn_bu1.png) no-repeat 35px 50%; margin-right:5px;} #content .program_info .btns a.program_btn1 span {color:#d4f4d6} #content .program_info .btns a.program_btn2 {background:#29364e url(../../img/program_btn_bu2.png) no-repeat 35px 50%; margin-left:5px;} #content .program_info .btns a.program_btn2 span {color:#d3def3} #content .program_info .btns a.program_btn3 {background:#43a047 url(../../img/program_btn_bu1.png) no-repeat 35px 50%; margin-right:5px;} #content .program_info .btns a.program_btn3 span {color:#c0db2c} #footer {height:200px; background:#c6c5b7; min-width:1024px; } table.t1.mobile {display:none} } @media all and (max-width:768px) /*768px까지 - 모바일 형식*/ { #sub_menu {position:relative; width:100%; overflow:hidden; } #sub_menu .visual_wp {display:block; left:50%; margin-left:-480px; position:absolute; top:0; width:100%; height:100%; background:#000;} #sub_menu .visual_wp img {width:960px} #sub_menu .menu_list {position:relative; z-index:10; width:100%; margin:130px auto 0;} #sub_menu .menu_list ul {margin:0; padding:0; list-style:none; overflow:hidden;} #sub_menu .menu_list ul li {width:50%;float:left;} #sub_menu .menu_list ul.mobile3 li {width:33%} #sub_menu .menu_list ul.mobile3 li:nth-child(2) {width:34%} #sub_menu .menu_list ul li a{font-weight:600; display:block; border:1px solid #e4e4dd; border-width:0 1px 1px 0; height:41px; line-height:41px; color:#1e1e1e; font-size:14px; background:#f7f7f7; text-align:center;} #sub_menu .menu_list ul li a:hover {text-decoration:none;} #sub_menu .menu_list ul li:last-child a {border-right:0;} #sub_menu .menu_list ul li.on a {background:#fff url(../../img/sub_tab_bg.png) no-repeat 50% 100%; color:#b55c9e;} #content {min-height:500px; width:100%; margin:0 auto; overflow-x:auto; padding-bottom:50px; } #content .sub_title {text-align:center; margin-top:30px; margin-bottom:25px;} #content .sub_title .page_navi {color:#a3a2a2;} #content .sub_title .page_navi .current {color:#3a3a3a; background:url(../../img/page_navi_sep.png) no-repeat 6px 50%; padding-left:16px; padding-top:3px;} #content .sub_title .page_navi .navi {background:url(../../img/page_navi_sep.png) no-repeat 6px 50%; padding-left:16px; padding-top:3px;} #content .sub_title .page_navi .home {background:url(../../img/page_navi_home.png) no-repeat 0 0; padding-left:21px; padding-top:3px;} #content .sub_title h3 { font-family:'Jeju Myeongjo'; font-size:36px; font-weight:normal; color:#3a3a3a; background:url(../../img/sub_title_bg.png) no-repeat 50% 100%; padding-bottom:13px;} #content .map_area {width:100%; overflow:auto; height:640px; margin-bottom:26px;} #content .map_area {} #content .map_info h4 {font-weight:normal} #content .map_info h5 {font-size:14px; font-weight:normal} #content .map_info .info .indent {padding-left:20px; margin-bottom:20px} #content .map_info .info ul {list-style:none;} #content .map_info .info ul li {font-size:12px;} #content .map_info .car {color:#4e8da9; background:url(../../img/map_car.png) no-repeat 0 50%; padding-left:21px;} #content .map_info .bus {color:#ac8e48; background:url(../../img/map_bus.png) no-repeat 0 50%; padding-left:21px;} #content .surround_intro {} #content .surround_intro ul {margin:0; padding:0; list-style:none;} #content .surround_intro ul li {position:relative; border:1px solid #d3d3d3; margin-bottom:10px;padding:10px; min-height:146px; padding-bottom:17px} #content .surround_intro ul li:hover {border:1px solid #7a3f63} #content .surround_intro ul li:hover a.more {border:none; background:#b55c9e; color:#fff} #content .surround_intro ul li .pic {position:absolute; left:17px; top:55px; width:114px; height:66px; border-radius:5px} #content .surround_intro ul li h3 {padding-left:4px; font-size:18px; font-weight:normal; padding-top:6px; padding-bottom:8px; } #content .surround_intro ul li p {padding-left:140px; font-size:14px; color:#9f9f9f; margin-bottom:15px;} #content .surround_intro ul li a.more {margin-left:140px; border:1px solid #d3d3d3; color:#c8c8c7; font-size:14px; padding:9px 18px 9px; } #content .surround_intro ul li p .past{text-decoration: line-through;} #content .surround_intro ul li p .red{color: #cf3602;} #content .surround_intro ul li p .black{color: #000;} #content .surround_intro ul li .textmargin{padding-left:2em;} #content .surround_intro ul li .heightmargin{padding-top: 0.7em;} #content .lodging_tab {text-align:center; margin-bottom:25px;} #content .lodging_tab a {display:inline-block; border-radius:15px; font-size:14px; color:#fff; width:87px; margin:0 3px; padding:4px 0 3px; background:#cfcfcf;} #content .lodging_tab a.on {background:#b55c9e;} #content .lodging_box {} #content .lodging_header {position:relative; overflow:hidden; margin-bottom:20px;} #content .lodging_header2 {position:relative; overflow:hidden; margin-bottom:20px;} #content .lodging_menu{position:fixed; right:0; bottom:-283px; width:100%; z-index:10; margin-right:2px; background:#f4f1e9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #content .lodging_menu.on {bottom:0;} #content .lodging_menu .mobile_btn {cursor:pointer; position:absolute; right:0; top:-80px; width:80px; height:67px; background:#7a3f63; text-align:center; padding-top:13px} #content .lodging_menu .mobile_btn span {display:inline-block; background:url(../../img/room_icon.png) no-repeat 50% 0; padding-top:37px; color:#fff; font-size:16px;} #content .lodging_menu .mobile_btn.on span {background:url(../../img/room_icon.png) no-repeat 50% -62px;} #content .lodging_menu h3 {padding:28px 0 0 23px; height:53px; border-top:1px solid #b29560; border-bottom:1px solid #c0a87e; background:#ccb894 url(../../img/lodging_title_bg.png) no-repeat 100% 0; font-family:'Jeju Myeongjo'; color:#fff; font-size:24px; font-weight:normal} #content .lodging_menu ul {padding:0; margin:0; list-style:none; height:200px; overflow-y:auto;} #content .lodging_menu ul li {cursor:pointer; display:block; padding:9px 0 7px 28px; border-bottom:1px solid #dbcaac; color:#6f5f42; font-size:13px;} #content .lodging_menu ul li:hover {text-decoration:none; background:#e3d6c0; border-bottom:1px solid #dbcaac; color:#fff} #content .lodging_menu ul li.on {background:#dbcaac; border-bottom:1px solid #dbcaac; color:#fff} #content .lodging_cont{width:100%; height:100%;} #content .lodging_cont .cont {} #content .lodging_cont .cont .pic {height:283px; background:#f4f1e9; margin-bottom:2px; overflow:hidden; text-align:center} #content .lodging_cont .cont .pic.no_bg {background:#f4f1e9 url(../../img/no_bimg_bg.png) 50% 50% no-repeat;} #content .lodging_cont .cont .pic img {vertical-align:middle; height:100%} #content .lodging_cont .cont .pic_list {} #content .lodging_cont .cont .pic_list ul {margin:0; padding:0; list-style:none; } #content .lodging_cont .cont .pic_list ul li {display:block; width:20%; height:72px; float: left;} #content .lodging_cont .cont .pic_list ul li a {display:block; margin-right:2px; overflow:hidden; height:72px; background:#000000; vertical-align:middle;} #content .lodging_cont .cont .pic_list ul li a.no_img {background:#dedbd0 url(../../img/noimg_bg.png) 50% 50% no-repeat; } #content .lodging_cont .cont .pic_list ul li.vertical {text-align:center} #content .lodging_cont .cont .pic_list ul li.vertical a {} #content .lodging_cont .cont .pic_list ul li.vertical a img {height:100%; width:auto;} #content .lodging_cont .cont .pic_list ul li.vertical.on a img {width: auto;} #content .lodging_cont .cont .pic_list ul li a:hover {opacity:1} #content .lodging_cont .cont .pic_list ul li.on a {border:3px solid #b55c5c; box-sizing:border-box; } #content .lodging_cont .cont .pic_list ul li:last-child a{margin-right:0;} #content .lodging_cont .cont .pic_list ul li a img {width:100%; height: 100%; vertical-align:middle; opacity:0.6; } #content .lodging_cont .cont .pic_list ul li.on a img {width: 100%; opacity:1; } #content .lodging_cont .cont .pic_list ul li a img:hover { opacity:1;} /*pic_list2 slide css m*/ #content .lodging_cont .cont .pic_list2 {position: relative;} #content .lodging_cont .cont .pic_list2 ul {margin:0; padding:0; width: 120%; list-style:none; } #content .lodging_cont .cont .pic_list2 ul li {display:block; width:16.66%; height:72px; float: left;} #content .lodging_cont .cont .pic_list2 ul li a {display:block; margin-right:2px; overflow:hidden; height:72px; background:#000000; vertical-align:middle;} #content .lodging_cont .cont .pic_list2 ul li a.no_img {background:#dedbd0 url(../../img/noimg_bg.png) 50% 50% no-repeat; } #content .lodging_cont .cont .pic_list2 ul li.vertical {text-align:center} #content .lodging_cont .cont .pic_list2 ul li.vertical a {} #content .lodging_cont .cont .pic_list2 ul li.vertical a img {height:100%; width:auto;} #content .lodging_cont .cont .pic_list2 ul li.vertical.on a img {width: auto;} #content .lodging_cont .cont .pic_list2 ul li a:hover {opacity:1} #content .lodging_cont .cont .pic_list2 ul li.on a {border:3px solid #b55c5c; box-sizing:border-box; } #content .lodging_cont .cont .pic_list2 ul li:last-child a{margin-right:0;} #content .lodging_cont .cont .pic_list2 ul li a img {width:100%; height: 100%; vertical-align:middle; opacity:0.6; } #content .lodging_cont .cont .pic_list2 ul li.on a img {width: 100%; opacity:1; } #content .lodging_cont .cont .pic_list2 ul li a img:hover { opacity:1;} /**/ #content .lodging_body {} #content .lodging_body .cont {} #content .lodging_body .cont h3 {font-family:'Jeju Myeongjo'; font-size:30px; font-weight:normal; letter-spacing:-1px; border-bottom:1px solid #d6d6d6; padding-bottom:10px; margin-bottom:20px; padding-left:15px;} #content .lodging_body .cont p {padding-left:15px; margin-top:-10px; font-size:16px; margin-bottom:17px; color:#777777;} #content .lodging_body .cont .lodging_info {margin:0; padding:0; margin-bottom:18px; list-style:none; font-size:13px; padding-left:15px;} #content .lodging_body .cont .lodging_info li {margin-bottom:5px;} #content .lodging_body .cont .lodging_info li .title {display:inline-block; width:110px; padding:4px 0 3px; background:#dbcaac; text-align:center; color:#fff;} #content .lodging_body .cont .lodging_info li .cont {display:inline-block; padding-left:10px; color:#666666} #content .lodging_body .cont h4 {font-size:22px; font-weight:normal; margin-bottom:10px; padding-left:15px;} #content .lodging_body .cont .amenity {overflow:hidden; border:1px solid #f3f0e9; height:205px; font-size:13px;} #content .lodging_body .cont .amenity .left {width:50%; height:100%; float:left; background:url(../../img/amenity_bg1.png) no-repeat 90% 90%;} #content .lodging_body .cont .amenity .right {width:50%; height:100%; float:left; background:#f3f0e9 url(../../img/amenity_bg2.png) no-repeat 90% 90%;} #content .lodging_body .cont .amenity .wp {padding:15px; padding-right:0} #content .lodging_body .cont .amenity h5 {font-size:16px; font-family:'Libre Baskerville'; font-weight:normal; margin-bottom:15px;} #content .lodging_body .cont .amenity ul {overflow:hidden; padding-left:25px;} #content .lodging_body .cont .amenity ul li {float:left; width:50%} #content .use_procedure {} #content .use_procedure ol {padding:0; margin:0; list-style:none; overflow:hidden;} #content .use_procedure ol li.procedure {position:relative; border:1px solid #d0d0d0; padding:10px; padding-bottom:20px;} #content .use_procedure ol li .title {font-size:18px; display:block;} #content .use_procedure ol li .num {font-family:'Jeju Myeongjo'; font-size:36px; color:#b55c9e; padding-right:10px;} #content .use_procedure ol li ul {padding:0; margin:0 !important; padding-left:50px; list-style:none;} #content .use_procedure ol li ul li {background:url(../../img/procedure_bu.png) no-repeat 0 8px; padding-left:12px; font-size:14px;} #content .use_procedure ol li ul li .tel {position:relative; top:-3px; font-family:'Jeju Myeongjo'; font-size:18px; color:#b55c9e;} #content .use_procedure ol li ul li .btn {position:relative; top:-3px; font-size:14px; color:#fff; padding:10px 25px; line-height:48px; background:#b55c9e;} #content .use_procedure ol li.p1 {background:url(../../img/procedure_bg1.png) no-repeat 95% 35px;} #content .use_procedure ol li.p2 {background:url(../../img/procedure_bg2.png) no-repeat 95% 35px;} #content .use_procedure ol li.p3 {background:url(../../img/procedure_bg3.png) no-repeat 95% 35px;} #content .use_procedure ol li.p4 {background:url(../../img/procedure_bg4.png) no-repeat 95% 35px;} #content .use_procedure ol li.sep {background:url(../../img/procedure_bg.png) no-repeat 50% 50%; height:45px;} #content .living_info {border:1px solid #d0d0d0; padding:0 10px; margin:0} #content .living_info ul {margin:0; padding:0; list-style:none;} #content .living_info ul li.info {position:relative; border-bottom:1px solid #d3d3d3; padding:20px; padding-bottom:30px} #content .living_info ul li:last-child {border:none;} #content .living_info ul li .pic {display:none;position:absolute; left:0; top:15px; width:194px; height:146px;} #content .living_info ul li h3 {font-size:18px; font-weight:normal; padding-top:10px; padding-bottom:8px; } #content .living_info ul li ul {} #content .living_info ul li ul li {background: url(../../img/procedure_bu.png) no-repeat 0 8px; padding-left: 12px; font-size: 14px;} #content .living_info .pic1 {background:#b6dbdb url(../../img/living_pic1.png) no-repeat 50% 50%;} #content .living_info .pic2 {background:#e6d09c url(../../img/living_pic2.png) no-repeat 50% 50%;} #content .living_info .pic3 {background:#e6c0a9 url(../../img/living_pic3.png) no-repeat 50% 50%;} #content .living_info .pic4 {background:#b4cdd8 url(../../img/living_pic4.png) no-repeat 50% 50%;} #content .faq_tab {text-align:center; margin-bottom:34px;} #content .faq_tab a {display:inline-block; border-radius:15px; font-size:14px; color:#fff; width:97px; margin:0 3px; padding:4px 0 3px; background:#cfcfcf;} #content .faq_tab a.on {background:#b55c9e;} #content .faq_list {border-top:2px solid #9e9e9e; margin-bottom:50px;} #content .faq_list ul {margin:0; padding:0; list-style:none;} #content .faq_list ul li {} #content .faq_list ul li h3.q {cursor:pointer; position:relative; padding:16px 0 16px 100px; font-weight:normal; border-bottom:1px solid #d0d0d0; font-size:14px; } #content .faq_list ul li h3.q span.t {position:absolute; left:40px; top:16px; font-family:'Libre Baskerville';} #content .faq_list ul li h3.q span.i {position:absolute; right:20px; top:16px; width:21px; height:21px; background:url(../../img/faq_bu.png) no-repeat 0 0; overflow:hidden;} #content .faq_list ul li.on h3.q span.i {background-position:0 -37px;} #content .faq_list ul li .a {background:#f6f6f6; position:relative; padding:16px 0 16px 100px; font-weight:normal; border-bottom:1px solid #d0d0d0; font-size:14px;} #content .faq_list ul li .a span.t {color:#ba2dcb; font-family:'Libre Baskerville'; position:absolute; left:40px; top:16px;} #content .notice_list {margin-bottom:50px;} #content .intro_page {font-size:14px; text-align:center; color:#747474} #content .intro_page img {width:100%;} #content .intro_page .img_box img {width:100%; max-width:258px;} #content .intro_page p {width:92%; margin:0 auto 20px;} #content .intro_page p span {font-family:'Jeju Myeongjo'; font-size:18px; color:#000;} #content .intro_page .img_box {text-align:center; margin-bottom:40px;} #content .intro_page .img_box .txt {display:block; text-align:center; font-family:'Jeju Myeongjo'; font-size:18px; color:#000} #content .facility_intro_page {position:relative; } #content .facility_intro_page .mobile_intro {width:100%; vertical-align:top} #content .menu {list-style:none; margin:0; padding:0; overflow:hidden; border-top:2px solid #7a3f63} #content .menu li {float:left; width:50%; padding:8px 0; background:#fff; box-sizing:border-box; border:1px solid #e4e4dd; text-align:center; border-width:0 1px 1px 0; color:#000; font-size:14px; cursor:pointer;} #content .menu li span {} #content .menu li.on {color:#7a3f63; font-weight:bold;} #content .info_box {} #content .info_box .open {display:none; position:absolute; cursor:pointer; left:0; top:0; width:137px; height:785px; background:rgba(255,255,255,0.8); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #content .info_box .open.on {} #content .info_box .open span {position:absolute; left:22px; top:50%; width:40px; height:73px; margin-top:-36px; z-index:1;} #content .info_box .box {position:relative; display:none; padding:0 15px} #content .info_box .box.on {display:block} #content .info_box .box h3 {font-family:'Jeju Myeongjo'; font-size:26px; font-weight:normal; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #999999; margin-bottom:20px;} #content .info_box .box .pic_box {width:100%;} #content .info_box .box .pic_box img {vertical-align:top; margin-bottom:15px; width:100%} #content .info_box .box .pic_list {height:565px; overflow:auto;} #content .info_box .box .pic_list img {width:100%; margin-bottom:15px;} #content .info_box .box .info_table {} #content .info_box .box .info_table p {font-size:16px; padding:15px 0 10px;} #content .info_box .box .info_table table td,#content .info_box .box .info_table table th{padding: 8px 21px 6px; font-size:12px;} #content .info_box .box .close_btn {display:none; position:absolute; right:26px; top:26px; width:49px; height:49px; background:url(../../img/intro_exit_bg.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #content .info_box .controller {display:none; position:absolute; right:0; top:20px; width:100px; height:40px;} #content .info_box .controller a {float:left; width:50%; height:100%; overflow:hidden; text-indent:-9999px} #content .info_box .controller a.prev {background:url(../../img/intro_prev_bg.png) no-repeat 50% 50%; background-size:11px 22px} #content .info_box .controller a.next {background:url(../../img/intro_next_bg.png) no-repeat 50% 50%; background-size:11px 22px} #content .no_content {border:1px solid #d9d9d9; background:#f8f8f8 url(../../img/bg_pt2.png) repeat 0 0; height:518px;} #content .no_content .center {border:1px solid #d9d9d9; border-width:1px 0; background:#fff; height:200px; margin-top:156px} #content .no_content .center p {position:relative; top:-18px; text-align:center; padding-top:160px; background:url(../../img/no_content_img.png) no-repeat 50% 0; font-family:'Jeju Myeongjo'; font-size:24px; color:#816532;} #content .program_info {} #content .program_info .info_header {position:relative; margin-bottom:30px} #content .program_info .info_header img {vertical-align:top} #content .program_info .info_header .img_bg {display:none} #content .program_info .info_header .info {text-align:center;} #content .program_info .info_header .info a {width:100px; text-align:center; background:#b55c9e; border-radius:15px; display:inline-block; padding:5px 15px 3px; font-size:18px; color:#fff} #content .program_info .info_header .mobile_content {display:block; font-size:14px; background:url(../../img/mobile_program_info_bg1.jpg) no-repeat 70% 0; padding:30px 15px 15px} #content .program_info .info_header .mobile_content h3 {font-family:'Jeju Myeongjo'; font-size:22px; font-weight:normal; letter-spacing:-1px; text-align:center; } #content .program_info .info_header .mobile_content h3 span {color:#22738e} #content .program_info .info_header .mobile_content p {margin:15px 0; } #content .program_info .info_header .mobile_content p.comment {font-size:12px; padding-left:20px;} #content .program_info .info_header .mobile_content h4 {font-size:16px; color:#497492; background:url(../../img/procedure_bu.png) no-repeat 0 9px; padding-left:10px; margin-bottom:10px;} #content .program_info .info_header .mobile_content ul {list-style:none; margin:0; padding:0; margin-left:20px; margin-bottom:20px} #content .program_info .info_header .mobile_content ul ul {margin:0; background:#eeeeee; font-size:12px; margin:10px 0; padding:10px;} #content .program_info .info_header .mobile_content ul>li {letter-spacing:-1px} #content .program_info .info_header .mobile_content .c1 {display:inline-block; padding:2px 6px 0; border-radius:4px; margin-right:5px; background:#d26622; color:#fff} #content .program_info .info_header .mobile_content .c2 {display:inline-block; padding:2px 6px 0; border-radius:4px; margin-right:5px; background:#5e9175; color:#fff} #content .program_info .info_header .mobile_content .c3 {display:inline-block; padding:2px 6px 0; border-radius:4px; margin-right:5px; background:#43859f; color:#fff} #content .program_info .info_header .mobile_content .program_cont {background:rgba(255,255,255,.7) ;border:1px solid #fff; padding:15px; border-radius:5px; padding-bottom:0;} #content .program_info .info_header .mobile_content .title li {background:url(../../img/topmenu_gn_bg.png) no-repeat 0 8px; padding-left:10px;} #content .program_info .info_header .mobile_content .title li span {font-weight:bold;} #content .program_info .info_body {width:852px; margin:0 auto;} #content .program_info .info_body .info_tab {margin:0 0 20px;} #content .program_info .info_body .info_tab ul {margin:0; padding:0; list-style:none; overflow: hidden; border:1px solid #d0d0d0;} #content .program_info .info_body .info_tab ul li {float:left; height:65px; width:50%; background:#f7f7f7;} #content .program_info .info_body .info_tab ul.three_li li{width:33%;} #content .program_info .info_body .info_tab ul.three_li li:nth-child(2) {width:34%} #content .program_info .info_body .info_tab ul li.on {background: #fff url(../../img/sub_tab_bg2.png) no-repeat 50% 100%;} #content .program_info .info_body .info_tab ul li a {display:block; text-align:center; color:#000; font-size:18px; height:100%; line-height:65px} #content .program_info .info_body .info_tab ul li:first-child a {border-right:1px solid #d0d0d0;} #content .program_info .info_body .info_cont {} #content .program_info .info_body .info_cont h3 {text-align:center; margin:40px 0 20px; font-size:16px; font-weight:normal; color:#43a047;} #content .program_info .info_body .info_cont h3 span {font-family:'Jeju Myeongjo'; font-size:28px; color:#000;} #content .program_info .info_body .info_cont .inner_info {margin-top:25px; margin-left:20px;} #content .program_info .info_body .info_cont .inner_info ul {margin:0; padding:0; list-style:none;} #content .program_info .info_body .info_cont .inner_info li {background: url(../../img/procedure_bu.png) no-repeat 0 8px; padding-left: 12px; font-size: 14px;} #content .program_info .btns {text-align:center} #content .program_info .btns a {display:inline-block; padding:15px 35px 13px 75px; color:#fff; font-size:18px; border-radius:5px;} #content .program_info .btns a.program_btn1 {background:#43a047 url(../../img/program_btn_bu1.png) no-repeat 35px 50%; margin-right:5px;} #content .program_info .btns a.program_btn1 span {color:#d4f4d6} #content .program_info .btns a.program_btn2 {background:#29364e url(../../img/program_btn_bu2.png) no-repeat 35px 50%; margin-left:5px;} #content .program_info .btns a.program_btn2 span {color:#d3def3} #content .program_info .btns a.program_btn3 {background:#43a047 url(../../img/program_btn_bu1.png) no-repeat 35px 50%; margin-right:5px;} #content .program_info .btns a.program_btn3 span {color:#c0db2c} /* border 상하좌우 + 상단테두리강조 */ table.t1.map_info_table {display:none} table.t1.map_info_table.mobile{display:block; margin:3px 0;border:0; width:100%; border-collapse:collapse;border-top:2px solid #9e9e9e;border-bottom:1px solid #d0d0d0;border-right:1px hidden #fff;background:#fff;} *+html table.t1{border-right:1px solid #fff;} * html table.t1{border-right:1px solid #fff;} table.t1 tr{text-align:left;} table.t1 th, table.t1 td{border:1px solid #d0d0d0;border-width:1px 1px 0 0;padding:17px 21px 15px; font-size:14px; color:#675431} table.t1 th{background:#f6f6f6;font-weight:normal; text-align:left;} table.t1 thead th, table.t1 tfoot th{border-width:0 1px 1px 0;border-color:#cd9;background:#f6f6f6;color:#000;vertical-align:middle;} .tac td,.tac th{text-align:center !important;} table.t1 .s {font-size:12px;} } /* border 상하좌우 + 상단테두리강조 */ table.t1{margin:3px 0;border:0; width:100%; border-collapse:collapse;border-top:2px solid #9e9e9e;border-bottom:1px solid #d0d0d0;border-right:1px hidden #fff;background:#fff;} *+html table.t1{border-right:1px solid #fff;} * html table.t1{border-right:1px solid #fff;} table.t1 tr{text-align:left;} table.t1 th, table.t1 td{border:1px solid #d0d0d0;border-width:1px 1px 0 0;padding:17px 21px 15px; font-size:14px; color:#675431} table.t1 th{background:#f6f6f6;font-weight:normal; text-align:left;} table.t1 thead th, table.t1 tfoot th{border-width:0 1px 1px 0;border-color:#cd9;background:#f6f6f6;color:#000;vertical-align:middle;} .tac td,.tac th{text-align:center !important;} table.t1 .s {font-size:12px;} /* border 상하좌우 + 상단테두리강조 */ table.t2{margin:3px 0;border:0; width:100%; border-collapse:collapse;border-top:2px solid #9e9e9e;border-bottom:1px solid #d0d0d0;border-right:1px hidden #fff;background:#fff;} *+html table.t2{border-right:1px solid #fff;} * html table.t2{border-right:1px solid #fff;} table.t2 tr{text-align:center; border-bottom:1px solid #d0d0d0;} table.t2 td{padding:17px 21px 15px; font-size:14px; color:#675431} table.t2 th{background:#f6f6f6;font-weight:normal; text-align:center; padding:17px 21px 15px; font-size:14px; color:#675431} table.t2 thead th, table.t2 tfoot th{border-width:0 1px 1px 0;border-color:#cd9;background:#f6f6f6;color:#000;vertical-align:middle;} table.t2 td a{color:#000;} table.t2 td.subject {text-align:left;} /* border 상하좌우 + 상단테두리강조 */ table.t3{margin:3px 0;border:0; width:100%; border-collapse:collapse;border-top:2px solid #9e9e9e;border-bottom:1px solid #d0d0d0;border-right:1px hidden #fff;background:#fff;} *+html table.t3{border-right:1px solid #fff;} * html table.t3{border-right:1px solid #fff;} table.t3 tr{text-align:left;} table.t3 th, table.t3 td{border:1px solid #d0d0d0;border-width:1px 1px 0 0;padding:11px 21px 9px; font-size:14px; color:#675431} table.t3 th{background:#f6f6f6;font-weight:normal; text-align:center;} table.t3 thead th, table.t3 tfoot th{border-width:0 1px 1px 0;border-color:#d0d0d0;background:#f6f6f6;color:#000;vertical-align:middle;} table.t3 td.cost {text-align:right} table.t3 td.num {text-align:right} /* 페이지내비게이션:div */ div.pagenav{clear:both;width:100%;margin:20px auto 0;text-align:center;} div.pagenav *{line-height:1.25;text-decoration:none !important;}/* mobile, utf-8, NanumGothic 이면 line-height:1 */ div.pagenav span{display:inline; margin-right: 5px;} div.pagenav span a{display:inline-block;height:1em;padding:5px 7px;border:1px solid #ccc;background:#fff;color:#666;white-space:nowrap;overflow:hidden;} div.pagenav span.on a, div.pagenav span a.on{border-color:#b55c9e;background:#b55c9e;color:#fff;font-weight:bold} div.pagenav span.pprev a, div.pagenav span.pnext a, div.pagenav span.pfirst a, div.pagenav span.plast a{border-color:#ccc;background:#fff;color:#666;} div.pagenav span a .ic{display:block;} /* 불릿글 */ div.pagenav span.pprev a .ic{margin:0 2px 0 0;padding:0 0 0 9px;background:url(../../img/pprev.png) no-repeat 0 30%;} div.pagenav span.pnext a .ic{margin:0 0 0 2px;padding:0 9px 0 0;background:url(../../img/pnext.png) no-repeat 100% 30%;} /* 불릿만 */ div.pagenav span.pfirst a .ic{width:10px;margin:0 2px 0 0;background:url(../../img/pfirst.png) no-repeat 0 30%;overflow:hidden;text-indent:-9999px;} div.pagenav span.plast a .ic{;width:10px;margin:0 0 0 2px;background:url(../../img/plast.png) no-repeat 100% 30%;overflow:hidden;text-indent:-9999px;} * html div.pagenav span.pfirst a .ic, * html div.pagenav span.plast a .ic{display:inline-block;letter-spacing:-9999px;text-indent:0;} /* div형 제목바 */ .board div.title{display:block; border-top:2px solid #9e9e9e; border-bottom:1px solid #d0d0d0} .board div.title h3{font-weight:normal; font-size:18px; padding:15px 0; padding-left:35px;} /* 내용 div 유동 - [IE] 배치오차. 전체 width:380px;미만시 IE보정 필요 */ .board div.view{clear:both;width:100%;margin:0 auto /* .67em */;border-bottom:0 solid #e4e4e4;} .board div.view .info {background:#f9f9f9; font-size:14px} .board div.view .info dl{width:100%;margin:0;padding:0;overflow:hidden;} .board div.view .info dl dt{display:inline;float:left;width:12.8%/* IE보정 */;margin:0;padding:8px 1% 4px 3.5%;border-bottom:1px solid #ccc;background:url(../../img/view_dt_bg.gif) no-repeat 1em 0;color:#457;line-height:1.25;text-align:left;} .board div.view .info dl dd{display:inline;float:left;width:80%/* 폭수정 */;margin:0;padding:8px 1% 4px 1.5%;border-bottom:1px solid #ccc;background:url(../../img/view_dd_bg.gif) no-repeat;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis /* CSS3[IE,SF,CR] */;-o-text-overflow:ellipsis /* [OP] */;} .board div.view .info dl dd img{vertical-align:middle;margin:0 0 4px;} .board div.view .info dl.attach{position:relative;top:-1px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .board div.view .info dl.attach dt, .board div.view .info dl.attach dd{border:0;} .board div.view .info dl.attach dd ul{list-style:none;margin:0;padding:0;} .board div.view .info dl.attach dd ul li{margin:0 4px 4px 0;padding:0;white-space:nowrap;} .board div.view .info dl.attach dd img{vertical-align:middle;margin:-3px 0 2px;} .board div.view .substance{min-height:136px;height:auto !important;height:136px; min-height:350px; padding:1.8em 35px 2em;word-wrap:break-word; font-size:14px;} /*.board div.view .info dl.col4 dt{} .board div.view .info dl.col4 dd{width:30%;}*/ .board div.view object{vertical-align:top;} .board .btn_list {margin-bottom:20px; overflow:hidden;} .board .btn_list a {float:right; padding:7px 20px; background:#7a3f63; font-size:16px; color:#fff;} /* 이전글다음글 유동 - [IE] 배치오차 */ .board dl.go{clear:both;width:100%;margin:1em auto;padding:0;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd; font-size:14px} .board dl.go dt{display:inline;float:left;width:12.8%/* IE보정 */;margin:0;padding:6px 1% 4px 3.5%; background:#f9f9f9;font-weight:normal;line-height:1.25;text-align:left;} .board dl.go dt.next{background:#f9f9f9 url(../../img/go_dt_prevbg.gif) no-repeat 0 3px;} .board dl.go dt.prev{padding-top:7px;background:#f9f9f9 url(../../img/go_dt_nextbg.gif) no-repeat;} .board dl.go dd{display:inline;float:left;width:80%/* 폭수정 */;margin:0;padding:6px 1% 4px 1.5%;line-height:1.25;} .board dl.go dd.prev{padding-top:7px;background:url(../../img/board/go_dd_bg.gif) repeat-x;} .board dl.go a {color:#000} .photo_list{ width:100%; overflow:hidden ; padding-top:25px; margin:0 auto; border-top:2px solid #9e9e9e; border-bottom:1px solid #d0d0d0;} .photo_list ul {width:825px; margin:0 auto; padding:0; list-style:none;} .photo_list li{ width:230px; float:left; margin-right:20px; margin-left:20px; margin-bottom:25px} .photo_list .tdr_no{ margin-right:20px} .photo_list dt{ color: #333; font-size: 15px; margin-top: 10px;} .photo_list dt a{display:block; width:100%; color: #333; font-size: 15px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .photo_list dd { color: #666; font-size: 12px; margin:0} .view_cont { position: relative; padding: 50px 30px; font-size: 14px; line-height: 22px; color: #666;} .view_cont img {/*max-width:600px ; max-height:600px*/} .exhibition_list {position:absolute; left:50%; top:142px; margin-left:-220px; width:440px; height:263px; overflow:hidden;} .exhibition_list ul {position:absolute; left:0; top:0; width:3520px; margin:0; padding:0; list-style:none;} .exhibition_list ul li {position:relative; float:left;} .exhibition_list ul li .name {position:absolute; right:0; top:0; background:rgba(0,0,0,.8); padding:5px 8px; color:#fff} .exhibition_list ul li img {width:440px; height:263px; vertical-align:middle}