/* 준비중 페이지 */
#siteready { text-align:center; padding-top:30px; margin-bottom:50px; }


/* 인사말 */
#greeting { text-align:justify; width:100%; margin-top:30px; padding:0; background:url(../data/img/contents/ceo_img.png) no-repeat right 0; clear:both; }
#greeting div.greetingbox { width:730px; }

/* 연혁 */
#history { text-align:justify; line-height:1.5em; width:100%; margin:0; padding-bottom:300px; background:url(../data/img/contents/history_back.jpg) no-repeat right bottom; clear: both; }
#history h2 { padding:10px 0; margin:0; font-size:40px; font-weight:normal; color:#006abd; }
#history div.yearbox { margin-bottom:50px; padding:0; }
#history div.yearleftnow { float:left; width:160px; height:90px; background:url(../data/img/contents/year_round_jaju.png) no-repeat 0 8px; font-size:40px; font-weight:normal; text-align:center; color:#fff; padding-top:76px; }
#history div.yearleft { float:left; width:160px; height:90px; background:url(../data/img/contents/year_round_bora.png) no-repeat 0 8px; font-size:40px; font-weight:normal; text-align:center; color:#fff; padding-top:76px; }
#history div.yearight { float:left; width:770px; padding-left:60px; }

#history dl { padding:0; margin-top:10px; border-top:#656d78 1px solid; }
#history dl dt { FLOAT:left; font-size:14px; WIDTH:80px; padding:8px 0 12px; color:#333; border-bottom:#e2e2e2 1px solid; }
#history dl dd { FLOAT:left; font-size:14px; WIDTH:690px; padding:8px 0 12px; color:#555; border-bottom:#e2e2e2 1px solid; }


/* 이미지 롤링 바로가기 */
.spotment { text-align:justify; width:100%; padding:20px 0; margin:0; font-size:1.0rem; line-height:1.6rem; color:#333; }

#visual { position:relative; width:990px; height:500px; overflow: hidden; z-index:88; background-color: rgb(255, 255, 255); }
.VS_img { position: relative; z-index: 5; }

#visual_slides li { left: 0; top: 0px; width:990px; height: 450px; margin-left: 0; position: absolute; }
#visual_slides li img { display: block; position: absolute; width:990px; height: 450px; }

#visual_controll { left: 50%; width: 360px; height: 48px; bottom: 70px; margin-left: -180px; position: absolute; z-index: 999; background-color: rgba(0, 0, 0, 0.3); }
	
#pagination { border-width: 0px 1px; border-style: none solid; border-color: currentColor rgb(51, 51, 51); border-image: none; width: 200px; text-align: center; margin-left: 53px; position: relative; z-index: 66; }
#pagination li { display: inline-block; }
#pagination li a { background: url("../images/main/visual_btn.png") no-repeat 50% -240px; margin: 0px 3px; width: 14px; height: 48px; overflow: hidden; font-size: 0px; display: block; }
#pagination .play_stop { top: 0px; width: 52px; right: -53px; border-right-color: rgb(51, 51, 51); border-right-width: 1px; border-right-style: solid; display: block; position: absolute; }
#pagination .play_stop a { margin: 0px; width: 52px; display: block; }
#pagination li .vis-play { background: url("../images/main/visual_btn.png") no-repeat 50% -144px; display: none; }
#pagination li .vis-stop { background: url("../images/main/visual_btn.png") no-repeat 50% -96px; }
#pagination li.current a { background: url("../images/main/visual_btn.png") no-repeat 50% -192px; }

#prev-next { left: 0px; top: 0px; width: 100%; position: absolute; z-index: 55; }
#prev-next a { background: url("../images/main/visual_btn.png") no-repeat 50% 0px; width: 52px; height: 48px; overflow: hidden; font-size: 0px; display: block; }
#prev-next #fade-next { background-position: 50% -48px; top: 0px; right: 0px; position: absolute; }


/* 기본 */
#intro { text-align:justify; width:100%; margin:0; font-size:18px; line-height:1.5em; padding:0; clear: both; }
#intro h2 { font-size:25px; font-weight:normal; color:#006abd; }
#intro h3 { font-size:20px; font-weight:normal; color:#000; }

#intro table { margin:0; width:100%; font-size:13px; border:0; border-collapse:collapse; letter-spacing:0em; }
#intro table td ul li { padding:0 0 0 8px; background:url(../data/img/contents/list_dot.gif) no-repeat 0 9px; }
#intro table td img { padding:5px 0; }

#intro ul { padding:10px 0 0 0; margin:0; }
#intro ul li { padding:0 0 10px 25px; margin:0; background:url(../data/img/contents/h3_icon.gif) no-repeat 6px 11px; }
#intro ul li ul { padding:5px 0; margin:0; }
#intro ul li ul li { padding:0 0 10px 0; margin:0; color:#777; background:none; }

#intro ol { padding:0 0 0 30px; }
#intro ol li { list-style:decimal; margin:0; padding:0 0 8px 0;}

#intro ol li ul { margin:0; padding:5px 0 10px 0; }
#intro ol li ul li { list-style:none; padding:0 0 5px 15px; margin:0; background:url(../data/img/contents/uldot.gif) no-repeat 3px 12px; }

#intro div.supporthouse { min-height:230px; margin:0; padding-left:200px; background:url(../data/img/contents/supporthouse.png) no-repeat 0 0; }

#intro div.graybox { width:96%; padding:1% 2% 2%; margin:0; background:#e8eceb; }
#intro div.ggraybox { width:888px; padding:20px; margin:0; background:#f7f7f7; BORDER: #ccc 1px solid; }
.bluebox { width:96%; padding:1.5% 2% 2%; margin:0; background:#2576bb; }
#intro div.cleanback { width:100%; height:340px; margin:0; background:url(../data/img/contents/0205_img.jpg) no-repeat right top; }
#intro div.partback { width:100%; height:340px; margin:0; background:url(../data/img/contents/0206_img.jpg) no-repeat right top; }

#intro div.meclist { width:100%; padding:5px 0 0 0; margin:0; height:800px; }
#intro div.meclist ul { padding:0; }
#intro div.meclist ul li { float:left; list-style:none; background:none; font-size:14px; color:#555; text-decoration:none;  line-height:1.3em; width:210px; height:240px; padding:10px; margin:0; text-align:center; display: block; }


.grabox { width:720px; height:300px; padding-top:100px; margin:0 auto; }
.grabtn  {  }
.grabtn a { float:left; margin:0 5px; width:350px; padding:50px 0; background:#717a89; font-size:30px; color:#fff; line-height:1.0em; text-align:center; font-weight:bold; }
.grabtn a:visited {background:#717a89; }
.grabtn a:hover { background:#dc2f5c; }
.grabtn a span { font-size:16px; font-weight:normal; }

.textbtn  { text-align:right; padding:15px 0 20px; }
.textbtn a { background:#9cbdf2; border:1px solid #5a92e7; font-size:13px; color:#000; line-height:1.0em; width:400px; height:30px; padding:10px 10px 7px; }
.textbtn a:visited {background:#9cbdf2; border:1px solid #5a92e7; font-size:13px; color:#000; }
.textbtn a:hover { background:#1b6fbd; border:1px solid #115391; font-size:13px; color:#ffff00; }

.price {font-size:18px;font-weight:bold;color:#5b0e7f}

#intro div.jundangbox { height:210px; margin-top:-20px; background:url(../data/img/contents/0301_img.jpg) no-repeat 0 0; }


.img-bedroom { height:350px; background:url(../data/img/contents/img_bedroom.png) no-repeat right 0; }


.buil1 { position:relative; width:990px; height:585px; margin-top:20px; padding:0; background:url(../data/img/contents/0201_buil_01.jpg) no-repeat 0 0; }
.buil2 { position:relative; width:990px; height:585px; margin-top:20px; padding:0; background:url(../data/img/contents/0201_buil_02.jpg) no-repeat 0 0; }
.buil3 { position:relative; width:990px; height:585px; margin-top:20px; padding:0; background:url(../data/img/contents/0201_buil_03.jpg) no-repeat 0 0; }
.buil4 { position:relative; width:990px; height:585px; margin-top:20px; padding:0; background:url(../data/img/contents/0201_buil_04.jpg) no-repeat 0 0; }
.buil5 { position:relative; width:990px; height:585px; margin-top:20px; padding:0; background:url(../data/img/contents/0201_buil_05.jpg) no-repeat 0 0; }

.tourbox { position:relative; margin:0; padding-bottom:50px; width:100%; clear:both; }
.tourboxtitle { font-size:20px; margin-top:40px;; padding-bottom:10px; }
.conbox { position:relative; width:100%; padding-top:10px; border-top:#dcdcdc 1px solid; }
.conleft { float:left; width:325px; }
.conright { float:left; width:665px; text-align:justify; }

.tourphoto { padding-top:5px; }
.imglic { font-size:11px; color:#999; padding-top:2px; }
.tourline { margin-top:10px; border-top:#eee 1px solid; padding-top:5px; font-size:12px; color:#7452d4; }
.tourbtn { position:absolute; top:0; right:0; margin-top:-30px; }

.familybox { padding:0; margin:0; }
.familyli { float:left; width:247px; height:40px; margin:0; }
.familyli > .familya a { float:left; width:226px; height:19px; padding:10px 10px; background:#f9f9f9; border-right:1px solid #fff; border-bottom:1px solid #fff; font-size:13px; color:#555; line-height:1.0em; }
.familyli > .familya a:visited { background:#f9f9f9; }
.familyli > .familya a:hover { background:#ea088c; color:#fff; }