﻿/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap {width:100%; float:left; margin:0 auto; min-width:1300px;}
.container {width:1000px; margin:0 auto; }
.container_1100 {width:1100px; margin:0 auto; }
.container_1030 {width:1035px; margin:0 auto; }

/*head*/
#header_sms {position:absolute; top:20px; left:20px; z-index:100; width:160px; height:270px; background:url(../images/common/sms_bg.png) no-repeat top left; text-align:right; cursor:move;}
#header_sms dl {margin:35px 15px 0 0px;}
#header_sms input {width:87px; height:14px; border:1px solid #ccc; margin:0 2px 3px 0;}
#header_sms textarea {overflow-x:hidden;overflow-y:auto;width:120px; height:110px; border:0px; margin-bottom:4px;font-family:'dotum';font-size:11px;color:#777;line-height:1.5;padding:10px 5px}
#header_sms #btn {width:130px; height:20px; margin:3px 15px 0 15px; }
#header_sms #btn img {width:100%; height:100%;}

#header_sms1 {position:absolute; top:20px; left:60px; z-index:100; width:160px; height:450px; background:url(../images/common/sms_bg1.png) no-repeat 0 138px; text-align:right; cursor:move;}
#header_sms1 dl {margin:45px 15px 0 0px;}
#header_sms1 input {width:118px; height:18px; border:1px solid #ccc; margin:0 5px 2px 0;font-size: 11px;}
#header_sms1 textarea {overflow-x:hidden;overflow-y:auto;width:120px; height:96px; border:0px; font-family:'dotum';font-size:11px;color:#777;line-height:1.5;padding:10px 5px}
#header_sms1 #btn {width:130px; height:20px; margin:3px 15px 0 15px; }
#header_sms1 #btn img {width:100%; height:100%;}

#header_sms1 .prv {position:relative; top:400px; height:0px; text-align:center; width:160px; left:20px;}


#header2{}
#header2 ul li{float:left;}

.popup .prv {position:relative; top:300px; height:0px; text-align:center; width:160px; left:20px;}
.popup .prv input {width:auto; position:relative; top:3px; padding:0 3px;}


#logo {left:0px; top:0px; width:530px; text-align:center; margin:15px 0 0 0px;}  
#logo h1{margin:10px 0 0 0;}
#t_location {float:right;}
#t_tel {margin:0 0 0 15px;}
#t_tel p{margin:5px 0 0 0px;}



#navi {height:36px;  border-top:1px solid #989898;}
#navi ul{float:left; margin:0 0px 0 105px;}
#navi ul li {float:left; margin:0 40px 0 0px;}

#navi2 {height:80px; border-top:2px solid #313131; background:#f8f8f8;}
#navi2 ul {margin:0 auto; width:820px;}
#navi2 ul li {float:left; border-left:1px solid #dadada; padding:0 0px;}
#end {float:left; border-right:1px solid #dadada; padding:0 3px;}



#visual{height:640px; background:#e0e0e0; background:url(../images/main/main_visual_bg.jpg) no-repeat top #e0e0e0; padding:30px 0 0 0px;}

#m_left{float:left; width:239px;}
#m_left img{margin:0 0 10px 0px;}
#m_center{float:left; margin:0 20px 0 20px;}

#m_right{float:left; background:#ffffff; border:1px solid #cccccc; width:235px; height:589px;}
#m_right ul {margin:10px 0 0 5px;}
#m_right ul li{margin:18px 0px;}

/*gnb*/
#header {position:absolute; left:0; height:35px; top:85px; z-index:9999; width:100%; overflow:hidden; } 
.gnb_out{width:100%; background:url(../images/common/navi_bg.gif) repeat-x top #fff; height:370px; border-bottom:1px solid #0080dd;}
.gnb_out > div{width:1000px; margin:0 auto;background:url("") no-repeat;}

#gnb{position:relative; z-index:50; width:1000px; margin:0 auto;}
#gnb > ul{overflow:hidden;}
#gnb > ul > li{float:left; height:35px;}
#gnb > ul > li a{display:block;}
#gnb > ul > li a:hover img,#gnb > ul > li a:focus img,#gnb >ul  li.on img{margin-top:-35px; margin-bottom:35px;}
#gnb > ul > li > ul{position:absolute;left:0;z-index:50; background:#fff;line-height:25px;  margin-top:-30px;}
#gnb > ul > li > ul.sub01{left:0px}
#gnb > ul > li > ul.sub02{left:143px}
#gnb > ul > li > ul.sub03{left:286px} 
#gnb > ul > li > ul.sub04{left:571px}
#gnb > ul > li > ul.sub05{left:714px}
#gnb > ul > li > ul.sub06{left:857px}
#gnb > ul > li > ul.sub07{left:429px}
#gnb > ul > li > ul > li a{overflow:hidden;display:block;padding-left:10px;text-decoration:none;color:#555;}
#gnb > ul > li > ul > li a:hover,#gnb > ul > li > ul > li a.on{color:#009944;font-weight:bold;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*main*/
/* main_visual */
.main_visual{width:100%; height:600px; overflow:hidden; border-bottom:1px solid #ddd;}
.main_visual .visual_content{position:relative; width:1000px;height:600px;margin:0 auto;} /*navi값*/
.main_visual .visual_obj_group{position:absolute; top:0;left:0;z-index:10; mar gin-top:80px;}
.main_visual .visual_obj_group > div{position:absolute;top:0;left:0;width:1000px; }
.main_visual .visual_obj_group .txt_group{position:absolute;top:80px;left:0px; z-index:10; filter:alpha(opacity=0);opacity:0; margin:0 0 0 20px;}
.main_visual .visual_obj_group .visual_img{position:absolute; filter:alpha(opacity=0);opacity:0 ; z-index:20; right:0px;}

.main_visual .visual_bg_group{position:absolute; top:0; left:0; z-index:5}
.main_visual .visual_bg_group > p {position:absolute; top:0;left:-1000px;width:3000px; height:600px;filter:alpha(opacity=0);opacity:0}
.main_visual .visual_bg_01{background:url(../images/main/m_visual_bg_01.jpg) center top no-repeat #c3dcfc;}
.main_visual .visual_bg_02{background:url(../images/main/m_visual_bg_02.jpg) center top no-repeat #f4eeea;}
.main_visual .visual_bg_03{background:url(../images/main/m_visual_bg_03.jpg) center top no-repeat #eaf1f7;}
.main_visual .visual_bg_04{background:url(../images/main/m_visual_bg_04.jpg) center top no-repeat #c3c3c3;}
.main_visual .visual_bg_05{background:url(../images/main/m_visual_bg_05.jpg) center top no-repeat #bfdffe;}

.main_visual .visual_tab{position:absolute; top:575px; left:100px; z-index:15;}
.main_visual .visual_tab ul{overflow:hidden;width:1000px;margin:0 auto}
.main_visual .visual_tab ul > li {position:relative;float:left;width:160px;height:25px;cursor:pointer}




#m_best {height:420px; padding:35px 0 0 0px; }
#m_best .container{height:410px; clear:both; }

#m_best li {display:inline; padding:0px; margin:0 33px 0 0px; vertical-align:top; float:left;}

#m_best_con p{margin:15px 0px;}
#m_best_con div{width:300px; margin:5px 0 0 0px;}





#m_board {}
#m_board_board {width:670px; float:left;}
#m_board_review {width:340px; float:left; margin:0 30px 0 0; }
#m_board_review h1 {height:31px; margin:0 0 10px 0;}
#m_board_review p {width:90px; float:left; margin:0 10px 0 0;}
#m_board_review table {width:240px; height:90px; float:left; }
#m_board_online {width:300px; float:left; }
#m_board_online h1 {height:31px; margin:0 0 10px 0;}
#m_board_online table {width:100%; height:90px; float:left; }
#m_board_review table td, #m_board_online table td {background:url(../images/main/m_icon.gif) no-repeat left; padding:1px 0 1px 15px;}
#m_info {float:left; margin:10px 0 0 0;}

#m_board_banner {width:300px; float:right;}
#m_board_banner li {margin:0 0 10px 0; float:left; display:block;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*footer*/

#footer_menu {}
#footer_menu ul {float:left;}
#footer_menu ul li {float:left;}
#footer_menu .wrap_controllers {display:none !important;}

#footer_menu .container {border-top:2px solid #313131; padding:25px 0px;}

#footer_menu .dot_line{padding:20px 45px;}

#notice {float:left; width:280px; }
#notice ul {margin:23px 0 0 0px;}
#notice ul li{margin:0px 0 5px 0px; width:280px;}
#notice span {float:right}

#online {width:200px; margin:0 0 0 20px;}
#online ul {margin:23px 0 0 0px;}
#online ul li{margin:0px 0 5px 0px; width:220px;}


#footer {height:84px; margin:10px 0 0 0px;} 
#footer .container {border-top:1px solid #cccccc; padding:20px 0 0 0px;}

#footer ul li {float:left;}

#footer #link span {width:90px;  margin:0 0px 0 0;}
#copy {margin:2px 0 0 5px; width:735px;}

#quick p{margin:7px 0 0 0px;}


#sms {width:200px; float:left; margin-left:20px;}
#sms ul {}
#sms ul li {margin:0px 0 5px 0px; vertical-align:middle;}
#sms input, #sms textarea {border:1px solid #ccc; width:150px;}
#sms textarea {height:45px;}
#sms_bt {width:60px; float:right; padding:0 0 0 5px;}
#sms_bt img {cursor:pointer;}


#f_sms {width:262px; height:112px; float:right; background:url(../images/common/f_sms_bg.gif) no-repeat top left; padding:18px 20px 0 18px;}
#f_sms table {width:200px; float:left; width:200px; }
#f_sms th, #f_sms td {height:20px; padding:0px 0 2px 0px; vertical-align:middle; }
#f_sms input, #f_sms textarea {border:1px solid #ccc; width:150px; height:20px;}
#f_sms input.name {width:75px;}
#f_sms input.age {width:40px;}
#f_sms textarea {height:40px;}
#f_sms_bt {width:60px; float:right;}
#f_sms_bt img {cursor:pointer;}

#f_sms .prv {position:relative; top:-45px; height:0px;}
#f_sms .prv input {width:auto; position:relative; top:7px; padding:0 3px;}


#f_sms1 {width:262px; height:147px; float:right; background:url(../images/common/f_sms_bg1.gif) no-repeat top left; padding:18px 20px 0 18px;}
#f_sms1 table {width:200px; float:left; width:200px; }
#f_sms1 th, #f_sms1 td {height:20px; padding:0px 0 2px 0px; vertical-align:middle; }
#f_sms1 input, #f_sms1 textarea {border:1px solid #ccc; width:150px; height:20px;}
#f_sms1 input.name {width:75px;}
#f_sms1 input.age {width:40px;}
#f_sms1 textarea {height:40px;}
#f_sms1_bt {width:60px; float:right;}
#f_sms1_bt img {cursor:pointer;}

#footer_menu .prv {position:relative; top:-5px; height:0px; clear:both;}
#footer_menu .prv input {width:auto; position:relative; top:3px; padding:0 3px;}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*sub*/
#visual_sub {height:220px; border-bottom:1px solid #ddd; padding:0 0 0 -80px;} 
#visual_sub {background:url(../images/common/sub_visual_bg.jpg) repeat-x top #e3e3e3;}
#visual_sub #img {width:560px; float:left; margin:0 0 0 30px;}
#visual_sub #text {width:315px; float:right; margin:30px 50px 0 0;}

#sub {}
#snavi {width:200px; float:left; margin:30px 0 0 0;}
#snavi h1 {border-bottom:2px solid #333333; padding-bottom:20px;}
#snb li {height:20px; border-bottom:1px solid #CCCCCC; padding:8px 0 2px 5px; margin:0px; font-weight:normal; font-size:12px;}
#snb a {display:block;}
.snavi_on { background:url(../images/common/snavi_on.gif) no-repeat; }
.snavi_on a {color:#FFFFFF;font-weight:bold;   }
#snavi #num {margin:12px 0 12px 0;}
#snavi #snavi_btn {display:block; float:left;}


#contents {width:800px; float:right; margin:28px 00px 0 0px;}
#contents h1 {width:400px; float:left; margin:7px 0 0 0px;}
.location{width:300px; float:right; text-align:right; margin:30px 0px 0 0px;}
.location li{display:inline; padding-left:0px;}
.location .home{background:url(../images/bullet_home.jpg) -1px 0px no-repeat;}
#title{border-bottom:1px solid #c9c2d4; height:70px;}


#page {padding:40px 0 50px 0; width:100%; float:left;  min-height:480px;}
#page_board {clear:both; width:700px; float:left; min-height:480px;}

#interior {background:url(../images/sub/tour_bg.jpg) no-repeat; padding:15px 0 0 13px; height:466px;}
#interior dl dd{float:left; margin:5px 0 0 1px;}
.interior_img{margin:0 0 8px 1px;}


#board_form {width:100%}

#board_form table {width:800px; float:left; width:800px; }
#board_form th {width:200px}
#board_form td {width:600px}
#board_form th, #board_form td {height:40px; padding:0px 0 2px 0px; vertical-align:middle; }
#board_form input, #board_form textarea {border:1px solid #ccc; width:600px; height:30px;}
#board_form input.name {width:200px;}
#board_form input.age {width:200px;}
#board_form input.tel {width:300px;}
#board_form textarea {height:300px;}
#board_form textarea.agree_txt {height:50px;width:600px;margin-bottom:10px;}
#board_form input.file {width:407px; height:30px;}

#board_form input.sand{ width:600px; float:right}
#board_form input.agree_btn { position:absolute; left:572px; height:12px;}

#board_form strong { margin-left:20px; color:#318ce5; font-size:1.2em;}
#board_form b.agree {font-weight:normal; margin-left:20px;}