.ir_text{position:absolute;z-index:-1;top:-9999em;left:-9999em;text-indent: -9999em} /* Layout -------------------------*/ .prBg{position:absolute;left:0;top:844px;height:666px;width:100%;background:none repeat-x;zoom:1;overflow:hidden} .blackLine1{height:28px;position:absolute; left:0;top:100px;width:100%;background-color:#77787b;} .blackLine{height:28px;position:absolute; left:0;top:100px;width:100%; height:35px; background:none repeat-x;color:#666;} .subBg{width:100%;position:absolute;left:0;top:397px;background:none repeat-x #e8ebf0;} .sbh534{height:534px;} .sbh562{height:562px;} .sbh676{height:676px;} .sbh747{height:747px;} .sbh766{height:766px;} .sbh781{height:781px;} .sbh792{height:792px;} .sbh831{height:831px;} .sbh848{height:848px;} .sbh1018{height:1018px;} .sbh1057{height:1057px;} .sbh1069{height:1069px;} .sbh1075{height:1075px;} .sbh1388{height:1388px;} .sbh1402{height:1402px;} .sbh1543{height:1543px;} .sbh1590{height:1750px;} #wrap{width:100%; background:url(../images/sub_bg.gif) repeat-x; position:relative; z-index:0;} #wrap01{width:100%; background:#4cb0d2 url(../images/main_bg.jpg) repeat-x; position:relative; } #contentsWrap{ width:1200px; margin:auto; position:relative; padding-top:180px; } #contentsWrap .rightbanner { left:1080px; top:190px; position:absolute;} #contentsWrap01{ width:1200px; margin:auto; position:relative; padding-top:300px; } #contentsWrap01 .rightbanner { left:1080px; top:190px; position:absolute; z-index:100} /* 헤더정보-----------------------*/ #header{ width:1200px; position:relative; zoom:1; margin:auto; height:135px; z-index:20}/*헤더사이즈*/ #header:after{content:"";clear:both;display:block} /* 헤더메뉴*/ #header .topMenu{ overflow:hidden;margin-top:18px; float:left; position:absolute; right:130px; z-index:23} #header .topMenu li, #header .utill li{float:left;} #header .topMenu li{background:url(../images/header_menuTopLine.gif) left 9px no-repeat} #header .topMenu li.first{background:none} #header .topMenu li a {float:left;display:block;height:17px;padding:6px 10px 0 10px} #header .topMenu li a:hover { color:#fd4b14;} #header h1.logo {position: absolute; top:15px; left:10px; width: 102px; height: 72px; z-index:99} #header .utill{position:absolute;right:0;top:52px; right:10px; z-index:100;} #header .utill .link{float:left;overflow:hidden;padding:0 9px 0 9px;margin-top:6px;height:9px;border-right:solid 1px #ddd;} #header .utill .formArea{padding-left:7px;width:193px;height:22px} #header .utill .field{display:block;float:left;margin-right:3px;width:142px;height:16px;padding:0 5px 0 3px;border:3px solid #d4d4d4;font-size:11px} #header .utill .btn{display:block;float:left;} #header .utill .language{position:relative;} #header .utill .language a.default{display:block;width:109px;height:20px;border:solid 1px #8d8f90;background:none no-repeat right top #b6b7b9;font-weight:bold;margin-left:20px;color:#fff;text-indent:10px;line-height:20px} #header .utill .language a.on{background-position:right -20px} #header .utill .language ul{display:none;width:109px;position:absolute; left:20px;top:21px;border:solid 1px #8d8f90;z-index:100;background-color:#fff;} #header .utill .language ul li{float:none;zoom:1} #header .utill .language ul li a{display:block;font:bold 12px Arial;letter-spacing:0;text-indent:10px;line-height:20px} #header .utill .language ul li a:hover,#header .utill .language ul li a:focus{background-color:#ccc;color:#fff} /********end*************/ /****컨텐츠 탭**********/ div.benefit {width:100%;} div.benefit div {} div.benefit ul.tab {font-size:16px; height:49px; border-bottom:solid 1px #CCC; } div.benefit ul.tab li {text-align:center; float:left; font-weight:bold; padding-right:3px;} div.benefit img { width:650px; height:433px; border:solid 15px #d8d6d6; margin-bottom:20px;} div.benefit ul.tab li a {padding:14px 15px; background:#fff; display:block; color:#000; border-left:solid 1px #CCC; border-top:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; border-radius:10px 10px 0 0;} div.benefit ul.tab li a.on { padding:14px 15px;background:#f9e337; display:block; color:#000; border:solid 1px #fbd326; border-radius:10px 10px 0 0; } /********end*************/ /****컨텐츠 탭**********/ div.benefit1 {width:100%;} div.benefit1 div {} div.benefit1 ul.tab {font-size:16px; height:49px; border-bottom:solid 1px #CCC; } div.benefit1 ul.tab li {text-align:center; float:left; font-weight:bold; padding-right:3px;} div.benefit1 ul.tab li a {padding:14px 15px; background:#fff; display:block; color:#000; border-left:solid 1px #CCC; border-top:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; border-radius:10px 10px 0 0;} div.benefit1 ul.tab li a.on { padding:14px 15px;background:#f9e337; display:block; color:#000; border:solid 1px #fbd326; border-radius:10px 10px 0 0; } /********end*************/ /* faq */ #content .benefit { width:750px; margin-top:10px; margin-left:10px;} #content .benefit dl { padding-bottom:20px; font-size:14px; } #content .benefit dl dt { font-weight:bold; color:#f26122; height:30px; font-size:15px; width:750px; background:#FFF; background:url(../images/img_Q.gif) no-repeat; padding-left:35px; padding-top:5px; } #content .benefit dl dt span.hp { color:#0081ef; padding-left:10px; } #content .benefit dl dd { font-size:13px; padding-bottom:7px; color:#666666; padding-top:3px; background:url(../images/img_A.gif) no-repeat; padding-left:35px; text-align:justify;} #content .benefit dl dd.tit { clear:both; display:inline-block; width:100%; height:60px;} #content .benefit dl dd.pd { padding-left:15px;} #content .benefit dl dd.pd { padding-left:20px;} #content .benefit dl p.line { background:url(../images/bg_zumsun.gif) repeat-x; height:2px; margin-top:20px; clear:both; overflow:hidden;} #content .benefit ul.pd {} #content .benefit ul.pd li { margin:0 0 20px 20px;} /* 컨텐츠네비안내-------------*/ #gnb{position:absolute; background:url(../images/bg_gnb.png) no-repeat; width:676px; height:55px; right:130px; top:48px; z-index:999; } #gnb li {float:left; position:relative; margin:4px 0 0 0px;} #gnb li a {float:left; width:150px; display:block; height:49px; background:url(../images/bg_gnb_text.png) no-repeat;}/*네비배경*/ #gnb li ol.s01 {display:none; position:absolute; top:49px; width:158px; background:url(../images/sub_bg01.png) no-repeat; height:122px; } #gnb li ol.s02 {display:none; position:absolute; top:49px; width:158px; background:url(../images/sub_bg03.png) no-repeat; height:68px; } #gnb li ol.s03 {display:none; position:absolute; top:49px; width:158px; background:url(../images/sub_bg02.png) no-repeat; height:94px; } #gnb li ol.s04 {display:none; position:absolute; top:49px; width:158px; background:url(../images/sub_bg02.png) no-repeat; height:94px; } #gnb li ol li a{width:140px;height:24px; background:url(../images/bg_depth2.png) no-repeat; padding:0px; } /********end*************/ /* 상단메뉴-----------------------*/ #gnb li.menu1 a{background-position:0 0} #gnb li.menu1 a.on{background-position:0px -47px} #gnb li.menu1_1 a{background-position:4px -0px;} #gnb li.menu1_2 a{background-position:4px -25px} #gnb li.menu1_3 a{background-position:4px -50px} #gnb li.menu1_4 a{background-position:4px -75px} #gnb li.menu1_1 a:hover{background-position:4px -101px} #gnb li.menu1_2 a:hover{background-position:4px -126px} #gnb li.menu1_3 a:hover{background-position:4px -151px} #gnb li.menu1_4 a:hover{background-position:4px -176px} #gnb li.menu2 a{background-position:-152px 0} #gnb li.menu2 a.on{background-position:-152px -47px} #gnb li.menu2_1 a{background-position:-129px 0px} #gnb li.menu2_2 a{background-position:-129px -25px} #gnb li.menu2_1 a:hover{background-position:-129px -101px} #gnb li.menu2_2 a:hover{background-position:-129px -126px} #gnb li.menu3 a{background-position:-300px 0} #gnb li.menu3 a.on{background-position:-300px -47px} #gnb li.menu3_1 a{background-position:-265px 0px} #gnb li.menu3_2 a{background-position:-265px -25px} #gnb li.menu3_3 a{background-position:-265px -50px} #gnb li.menu3_1 a:hover{background-position:-265px -101px} #gnb li.menu3_2 a:hover{background-position:-265px -126px} #gnb li.menu3_3 a:hover{background-position:-265px -151px} #gnb li.menu4 a{background-position:-450px 0} #gnb li.menu4 a.on{background-position:-450px -47px} #gnb li.menu4_1 a{background-position:-398px 0px} #gnb li.menu4_2 a{background-position:-398px -25px} #gnb li.menu4_3 a{background-position:-398px -50px} #gnb li.menu4_1 a:hover{background-position:-398px -101px} #gnb li.menu4_2 a:hover{background-position:-398px -126px} #gnb li.menu4_3 a:hover{background-position:-398px -151px} /********end*************/ #contentsWrap #nav{ position:absolute; padding-bottom:11px;zoom:1;letter-spacing:0; right:140px; margin-top:25px;} #contentsWrap #nav:after{content:"";clear:both;display:block} #contentsWrap #nav li{float:left;padding:0px 12px;background:none no-repeat left center;} #contentsWrap #nav li a{display:block;float:left;height:19px;font-size:11px;line-height:21px;} #contentsWrap #nav li.home{background:none;padding:0} #contentsWrap #nav li.home a{width:19px;background:url(/images/common/ico_home.gif) no-repeat} #contentsWrap #nav li .current{font-weight:bold} #contentsWrap:after{content:"";clear:both;display:block} /****LNB**********/ #lnb-wrap{float:left;margin-right:20px;} #lnb{width:221px; margin-top:-90px;} #lnb .list a { display:block; width:220px; height:37px; } #lnb h2.m1 {display:block; width:220px; height:85px; background:url(../images/bg_lnbDefaulf.png) no-repeat -0px -0px; } #lnb.m1 a { background:url(../images/bg_lnbDefaulf.png) no-repeat -219px -0px;}/* SR Now 백그라운드-----*/ #lnb .list .m1_1 a{background-position:-0px -83px;} #lnb .list .m1_2 a{background-position:-0px -120px;} #lnb .list .m1_3 a{background-position:-0px -157px;} #lnb .list .m1_4 a{background-position:-0px -194px;} #lnb .list .m1_5 a{background-position:-0px -230px;} #lnb .list .m1_1 a.on{background-position:-221px -83px;} #lnb .list .m1_2 a.on{background-position:-221px -120px;} #lnb .list .m1_3 a.on{background-position:-221px -157px;} #lnb .list .m1_4 a.on{background-position:-221px -194px;} #lnb .list .m1_1 a.hover{background-position:-221px -83px;} #lnb .list .m1_2 a:hover{background-position:-221px -120px;} #lnb .list .m1_3 a:hover{background-position:-221px -157px;} #lnb .list .m1_4 a:hover{background-position:-221px -194px;} #lnb h2.m2 {display:block; width:220px; height:85px; background:url(../images/bg_lnbDefaulf.png) no-repeat -454px -0px; } #lnb.m2 a { background:url(../images/bg_lnbDefaulf.png) no-repeat -454px -0px;}/* SR Now 백그라운드-----*/ #lnb .list .m2_1 a{background-position:-454px -83px;} #lnb .list .m2_2 a{background-position:-454px -120px;} #lnb .list .m2_3 a{background-position:-454px -157px;} #lnb .list .m2_4 a{background-position:-454px -194px;} #lnb .list .m2_5 a{background-position:-454px -230px;} #lnb .list .m2_1 a.on{background-position:-675px -83px;} #lnb .list .m2_2 a.on{background-position:-675px -120px;} #lnb .list .m2_3 a.on{background-position:-675px -157px;} #lnb .list .m2_4 a.on{background-position:-675px -194px;} #lnb .list .m2_1 a.hover{background-position:-675px -83px;} #lnb .list .m2_2 a:hover{background-position:-675px -120px;} #lnb .list .m2_3 a:hover{background-position:-675px -157px;} #lnb .list .m2_4 a:hover{background-position:-675px -194px;} #lnb h2.m3 {display:block; width:220px; height:85px; background:url(../images/bg_lnbDefaulf.png) no-repeat -908px -0px; } #lnb.m3 a { background:url(../images/bg_lnbDefaulf.png) no-repeat -917px -0px;}/* SR Now 백그라운드-----*/ #lnb .list .m3_1 a{background-position:-908px -83px;} #lnb .list .m3_2 a{background-position:-908px -120px;} #lnb .list .m3_3 a{background-position:-908px -157px;} #lnb .list .m3_4 a{background-position:-908px -194px;} #lnb .list .m3_5 a{background-position:-908px-230px;} #lnb .list .m3_1 a.on{background-position:-1129px -83px;} #lnb .list .m3_2 a.on{background-position:-1129px -120px;} #lnb .list .m3_3 a.on{background-position:-1129px -157px;} #lnb .list .m3_4 a.on{background-position:-1129px -194px;} #lnb .list .m3_1 a.hover{background-position:-1129px -83px;} #lnb .list .m3_2 a:hover{background-position:-1129px -120px;} #lnb .list .m3_3 a:hover{background-position:-1129px -157px;} #lnb .list .m3_4 a:hover{background-position:-1129px -194px;} #lnb h2.m4 {display:block; width:220px; height:85px; background:url(../images/bg_lnbDefaulf.png) no-repeat -1368px -0px; } #lnb.m4 a { background:url(../images/bg_lnbDefaulf.png) no-repeat -1368px -0px;}/* SR Now 백그라운드-----*/ #lnb .list .m4_1 a{background-position:-1368px -83px;} #lnb .list .m4_2 a{background-position:-1368px -120px;} #lnb .list .m4_3 a{background-position:-1368px -157px;} #lnb .list .m4_4 a{background-position:-1368px -194px;} #lnb .list .m4_5 a{background-position:-1368px -230px;} #lnb .list .m4_1 a.on{background-position:-1589px -83px;} #lnb .list .m4_2 a.on{background-position:-1589px -120px;} #lnb .list .m4_3 a.on{background-position:-1589px -157px;} #lnb .list .m4_4 a.on{background-position:-1589px -194px;} #lnb .list .m4_1 a.hover{background-position:-1589px -83px;} #lnb .list .m4_2 a:hover{background-position:-1589px -120px;} #lnb .list .m4_3 a:hover{background-position:-1589px -157px;} #lnb .list .m4_4 a:hover{background-position:-1589px -194px;} #lnb h2.m5 {display:block; width:220px; height:85px; background:url(../images/bg_lnbDefaulf.png) no-repeat -1827px -0px; } #lnb.m5 a { background:url(../images/bg_lnbDefaulf.png) no-repeat -1827px -0px;}/* SR Now 백그라운드-----*/ #lnb .list .m5_1 a{background-position:-1827px -83px;} #lnb .list .m5_2 a{background-position:-1827px -120px;} #lnb .list .m5_3 a{background-position:-1827px -157px;} #lnb .list .m5_4 a{background-position:-1827px -194px;} #lnb .list .m5_5 a{background-position:-1827px -230px;} #lnb .list .m5_1 a.on{background-position:-2048px -83px;} #lnb .list .m5_2 a.on{background-position:-2048px -120px;} #lnb .list .m5_3 a.on{background-position:-2048px -157px;} #lnb .list .m5_4 a.on{background-position:-2048px -194px;} #lnb .list .m5_1 a.hover{background-position:-2048px -83px;} #lnb .list .m5_2 a:hover{background-position:-2048px -120px;} #lnb .list .m5_3 a:hover{background-position:-2048px -157px;} #lnb .list .m5_4 a:hover{background-position:-2048px -194px;} /********end*************/ #content01{ margin-top:150px; position:relative; }/*메인컨텐츠*/ #content01 .conbox01 { margin-bottom:10px; overflow:auto; } #content01 .conbox01 .tit01 { margin-bottom:10px; } #content01 .conbox01 ul li { float:left; padding-right:2px; } #content01 .conbox02 { overflow:auto;} #content01 .conbox02 ul li { float:left;} #content01 .conbox02 ul li.customer { margin-top:18px; margin-left:12px;} #content01 .conbox02 ul li.notice { margin-left:5px; } #content01 .conbox02 ul li.notice .tit {margin-top:15px; margin-bottom:10px; } #content01 .conbox02 ul li.notice ul li { background:url(../images/bullet_arrow_4x5_white.gif) no-repeat 0px 12px; width:259px; float:none; color:#fff; padding:5px 0 10px 10px;} #content01 .conbox02 ul li.notice ul li a {font-size:14px; color:#fff; } /****컨텐츠제목**********/ #content01{ margin-top:150px;}/*내용*/ #content{ width:810px; float:left; margin-top:17px;}/*내용*/ #content h2.con_tit01_01 { background:url(../images/contens_tit.gif) no-repeat -4px -4px; width:775px; height:70px;}/*시공일정*/ #content h2.con_tit01_02 { background:url(../images/contens_tit.gif) no-repeat -0px -94px; width:775px; height:70px;}/*공지사항*/ #content h2.con_tit01_03 { background:url(../images/contens_tit.gif) no-repeat -0px -189px; width:775px; height:70px;}/*보도자료*/ #content h2.con_tit01_04 { background:url(../images/contens_tit.gif) no-repeat -0px -284px; width:775px; height:70px;}/*보도자료*/ #content h2.con_tit02_01 { background:url(../images/contens_tit.gif) no-repeat -0px -377px; width:775px; height:70px;}/*시공견적문의*/ #content h2.con_tit02_02 { background:url(../images/contens_tit.gif) no-repeat -0px -472px; width:775px; height:70px;}/*시공실적*/ #content h2.con_tit03_01 { background:url(../images/contens_tit.gif) no-repeat -0px -566px; width:775px; height:70px;}/*시공견적문의*/ #content h2.con_tit03_02 { background:url(../images/contens_tit.gif) no-repeat -0px -661px; width:775px; height:70px;}/*시공실적*/ #content h2.con_tit03_03 { background:url(../images/contens_tit.gif) no-repeat -0px -755px; width:775px; height:70px;}/*시공실적*/ #content h2.con_tit04_01 { background:url(../images/contens_tit.gif) no-repeat -0px -851px; width:775px; height:70px;}/*SRTech*/ #content h2.con_tit04_02 { background:url(../images/contens_tit.gif) no-repeat -0px -946px; width:775px; height:70px;}/*시공Story*/ #content h2.con_tit04_03 { background:url(../images/contens_tit.gif) no-repeat -0px -1041px; width:775px; height:70px;}/*시공Story*/ #content h2.con_tit05_01 { background:url(../images/contens_tit.gif) no-repeat -0px -1136px; width:1136px; height:70px;}/*PHOTO*/ #content h2.con_tit05_02 { background:url(../images/contens_tit.gif) no-repeat -0px -1232px; width:1232px; height:70px;}/*Movies*/ #content h2.con_tit05_03 { background:url(../images/contens_tit.gif) no-repeat -0px -1327px; width:1327px; height:70px;}/*Movies*/ #content h2.con_tit05_04 { background:url(../images/contens_tit.gif) no-repeat -0px -1421px; width:1327px; height:70px;}/*Movies*/ #content .conbox .topline{ height:1px; width:100%; background:#dfdfdf; overflow:hidden; } #content .topline{ height:1px; width:100%; background:#dfdfdf; overflow:hidden; } /********end*************/ /****메인섬네일**********/ .main_vspace {height:40px; width:980px; clear:both; margin:auto;}/*세로공간주기**/ .section_m01 { position:relative; clear:both;} .section_m01 h1.tit { position:absolute; font-size:14px; top:10px; left:20px; color:#000;} .section_m01 .blog_box { float:left; width:180px;height:250px;background:url(../images/bg_dotVer.gif) repeat-y right; padding:35px 18px 0 18px;} .section_m01 .blog_box p.thumbnail img { border:solid 1px #d7d4d4; width:180px; height:113px; } .section_m01 .blog_box p.thumbnail a { width:180px; height:113px; } .section_m01 .blog_box h1 a { color:#4867b2; font-size:14px; display:block; margin:10px 0px;} .section_m01 .blog_box p.text a { font-size:11px; width:180px; line-height:14px; color:#393939;} .section_m01 .blog_box p.text a:hover { color:#4867b2;} .section_m01 .blog_box p.more a { margin-top:15px; display:block; width:37px; height:14px; text-indent:-9999px; background:url(/images/sp_comment.png) -195px -101px;} .section_m01 .board_box { float:right; position:relative; padding:40px 0 0 0; width:332px; } .section_m01 h1.tit { position:absolute; font-size:14px; top:10px; left:20px; color:#000; } .section_m01 .board_box .area { width:290px; margin:0 0 0 20px;} .section_m01 .board_box .area h2.tit { color:#666666; font-size:12px; font-weight:bold; display:block; float:left;} .section_m01 .board_box .area p.more a { display:block; width:37px; height:14px; text-indent:-9999px; background:url(../images/sp_comment.png) -195px -101px; float:right;} .section_m01 .board_box .area ul { width:305px; padding-top:25px; } .section_m01 .board_box .area ul li { clear:both; background:url(../images/dot_2.gif) no-repeat 0px 6px; padding-left:7px; height:18px;} .section_m01 .board_box .area ul li .day { font-size:11px; color:#999;} .section_m01 .board_box .area ul li .ellipsis a { padding-left:10px; font-size:11px; color:#666;} .section_m01 .board_box .area ul li .ellipsis a:hover { color:#4867b2;} .section_m01 .board_box .line { width:290px; height:1px; background:#efefef; display:block; margin:15px 0 20px 15px;} .section_m02 { background:#e6e9ee; width:945px; overflow:auto; padding-left:35px; } .section_m02 .tit { margin-top:20px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; height:50px; font-weight:bold; display:inline-block; width:945px;} .section_m02 .tit span.text01{ font-size:30px; color:#4b5570; float:left; } .section_m02 .tit span.text02{ font-size:20px; color:#798199; display:block; width:100px; height:20px; margin:10px 0 0 190px; } .section_m02 .area{float:left; width:287px; border-top:solid 6px #dde2e8; margin:0 25px 0 0; overflow:hidden; padding-top:10px;} .section_m02 .area .fn{height:309px; width:288px;} .section_m02 .area .notProd {margin:23px 0;} .section_m02 .area h3 { font-size:20px; color:#393939; height:35px; font-family: Arial;text-align:center;} .section_m02 .area .vThumb{padding-bottom:5px} .section_m02 .area button{margin:0;padding:0;display:block;width:12px;height:6px;border:0;background:url(../images/prArrow.gif) no-repeat;cursor:pointer} .section_m02 .area .prev{margin:8px 0 9px 54px} .section_m02 .area .next{margin:8px 0 13px 54px;background-position:0px -6px} .section_m02 .area ul{} .section_m02 .area li{overflow:hidden;zoom:1;margin-bottom:8px;width:288px;} .section_m02 .area li .thumb img {float:left;margin-right:16px; width:120px; height:95px;} .section_m02 .area li .con{float:left;width:152px;} .section_m02 .area li .con strong a {display:block; padding-top:15px; color:#000; font-weight:bold; color:#3a5189; font-weight:bold;} .section_m02 .area li .con em{display:block; padding-top:5px; color:#747373; line-height:15px; font-size:11px; letter-spacing:-1px;} .section_m02 .area li .con em a:hover { color:#4867b2; } /********end*************/ /****회사소개*********/ .contactas { border:solid 3px #e9ebee; width:650px; margin:auto;} .address{ margin:auto; width:650px;} .address ul{ margin:30px 0 100px 0; list-style:disc; } .address ul li { height:30px;} .address ul li span{ font-weight:bold;} /* 사이트맵 */ .sitemapbox .topline{ height:1px; width:100%; background:#dfdfdf; overflow:hidden; } .sitemapbox {width:680px; margin:auto; padding-bottom:80px; overflow:hidden;} .sitemapbox .listbox { width:200px; float:left; margin-right:25px;} .sitemapbox .listbox p { display:block; background:#ffe100; font-weight:bold; font-size:14px; border-top: solid #222222 2px; border-bottom:solid 1px #e5ca00; padding:5px 20px; } .sitemapbox .listbox p a { font-weight:bold; color:#000;} .sitemapbox .listbox ul li { border-bottom:solid 1px #dadada; padding:5px 20px;} .sitemapbox .listbox ul li a { color:#555555; } .sitemapbox .listbox ul li a:hover { color:#ff7200; } /********end*************/ /****포토슬라이드**********/ .slide_wrap { padding-bottom:60px; width:755px; margin-left:5px;} .roomvisual_roll {width:100%; position:relative;} .roomvisual_roll .flex-viewport ul.slides li {float: left; display: block;}/****사진큰것**********/ .roomthum .flex-viewport ul.slides li { 108px; float: left; display: block;}/****섬네일**********/ .roomthum {width:100%; clear:both; padding:10px 0; position:relative;} .roomthum ul { display:block; overflow:hidden;} .roomthum ul li {float:left; margin-left:1px; display:block;} .roomthum ul li a img {opacity:0.5;} .roomthum ul li a.active img {opacity:1 !important;} .roomthum ul li:first-child {margin-left:0;} .roomthum ul li a {display:block; position:relative; width:112px; height:76px;} .roomthum ul li a div {position:absolute; top:-200px; left:0; background:none; width:108px; height:70px; } .roomthum ul li a.active div {top:0; background:none no-repeat 0 0;} .roomthum ul li.flex-active-slide div {top:0; background:none no-repeat 0 0;} .roomthum ul li.flex-active-slide img { opacity:1;} p.btn_roominfo { text-align:right; clear:both; padding:0;} @media print{ body { background:#fff;} #header {display: none;} #footer {display: none;} .roomthum {display: none;} .flex-direction-nav {display: none;} p.func_top, p.btn_top {display: none;} .youtube_area {display: none;} .info_table { margin-top:50px; clear:both;} p.btn_roominfo {display: none;} .slide_wrap { padding-bottom:0;} .contents_wrap { padding:0;} .contents_wrap h2 {} .sns_util {display: none;} } /********end*************/ #footer { width:1054px; clear:both; margin:left; padding-top:50px;} #footer01 {width:100%; clear:both; background:#0082ae; margin-top:35px;} #footer01 .footer {width:1200px; margin:auto; padding-top:10px;}