/*******************************************************************************************/
/*  작 성 일 :  2011.
/*  수 정 일 :  2011.
/*  버     전 :  0.0.1
/*  설     명 :  전체 사이트 기본 레이아웃 설정
/*  위     치 :  /css/common/layout.css
/*******************************************************************************************/

/* 정렬 */
html{height:100%;}

body{background:url('../img/common/main_pt.gif') repeat-x left top;}

/* Header */
div#header{width:1053px;height:142px;margin:0 auto;background:url('../img/common/header_bg.jpg') no-repeat left top;text-align:center;position:relative;z-index:11;}
div#header h1{padding:0;}
div#header p{position:absolute;width:350px;left:670px;top:72px;z-index:10;text-align:right;}
div#header p span{display:inline-block;background:url('../img/common/bullet.gif') no-repeat left 5px;padding:0 0 0 5px;margin:0 0 0 5px;}
div#header p span a{font-size:10px;font-family:"arial";color:#525456;}
div#header p span a:hover{text-decoration:underline;}
div#header div.topmenu{position:absolute;left:0px;top:95px;z-index:11;text-align:center;}

/* Wrap */
div.wrap{width:993px;margin:0 auto;}

div#visual{position:relative;z-index:10;}
div#visual p.movie_bt{position:absolute;right:0px;top:155px;z-index:10;}
div#visual dl.product_list{width:341px;height:150px;padding:10px 7px;background:#fff;position:absolute;right:0px;top:330px;z-index:10;}
div#visual dl.product_list dt.title{height:30px;padding:4px 0 0 18px;}
div#visual dl.product_list dt.up{position:absolute;right:20px;top:40px;z-index:10;}
div#visual dl.product_list dt.down{position:absolute;right:20px;top:108px;z-index:10;}
div#visual dl.product_list dd{width:308px;height:85px;overflow:hidden;padding:0 0 0 22px;}
div#visual dl.product_list dd ul li{height:87px;}
div#visual dl.product_list dd ul li p.thum{float:left;width:135px;margin:0 -135px 0 0;}
div#visual dl.product_list dd ul li div.price_box{margin:0 0 0 158px;padding:5px 0 0 0;}
div#visual dl.product_list dd ul li div.price_box p.title{font-weight:bold;color:#656565;height:26px;text-align:left;}
div#visual dl.product_list dd ul li div.price_box p{height:16px;text-align:right;width:130px;font-weight:bold;}
div#visual dl.product_list dd ul li div.price_box p span{float:left;width:60px;text-align:left;font-weight:normal;}
div#visual dl.product_list dd ul li div.price_box p.price01{color:#ff4e00;}
div#visual dl.product_list dd ul li div.price_box p.price02{color:#9f43ca;}
div#visual dl.product_list dd ul li div.price_box p.price03{color:#6b6b6b;}

ul#quick{position:absolute;left:50%;top:382px;z-index:10;margin:0 0 0 522px;}

div#main_container{height:150px;padding:0 0 30px 0;margin-bottom: 40px;margin-top:5px;}
div#main_container dl.board{float:left;width:300px;margin:0 -300px 0 0;}
div#main_container dl.board dt{height:19px;border-bottom:solid 1px #9fcfee;position:relative;padding:0 0 0 7px;margin:0 0 8px 0;}
div#main_container dl.board dt span{position:absolute;right:5px;top:3px;z-index:10;}
div#main_container dl.board dd{height:27px;background:url('../img/main/contents/bullet.gif') no-repeat 3px 4px;padding:0 0 0 8px;color:#747474;}
div#main_container dl.board dd span{display:inline-block;width:75%;line-height: 27px;}
div#main_container dl.board dd span a {display: block;}
div#main_container dl.board dd a{color:#747474;}
div#main_container dl.board dd a:hover{text-decoration:underline;}

div#main_container p.right{float:right;width:244px;margin:0 0 0 -244px;}
div#main_container .contact_us {float:right;width:244px;margin:0 0 0 -244px;padding-top: 20px;}
div#main_container p.center{width:423px;margin:0 244px 0 313px;overflow:hidden; padding-top: 20px;} 
div#main_container p.center span{float:left;}

div#container{*zoom:1;background:url('../img/sub/length.gif') no-repeat 245px 0}
div#container:after{content:"";display:block;clear:both;margin:0 0 30px 0;}
div#container div#nav{float:left}
div#container div#nav div{margin:12px 0 0 0}

div#container div#content{float:right;width:747px;min-height:800px;border-top:3px solid #0072c5;background:url('../img/sub/length.gif') no-repeat right 0}
div#container div#content h2{float:left;padding:19px 0 11px 22px}
div#container div#content span{display:block;float:right;margin:26px 30px 0 0}
div#container div#content span b{color:#0376be}
div#container div#content div{clear:both;width:670px;border-top:1px solid #eee;margin:0 auto;padding-top: 50px;}

div#container div#content2{float:right;width:747px;min-height:800px;border-top:3px solid #0072c5;background:url('../img/sub/length.gif') no-repeat right 0}
div#container div#content2 h2{float:left;padding:19px 0 11px 22px}
div#container div#content2 span{display:block;float:right;margin:26px 30px 0 0}
div#container div#content2 span b{color:#0376be}
div#container div#content2 div{clear:both;width:620px;border-top:1px solid #eee;margin:0 auto;padding:33px 0 0 0;}/*원본: padding:33px 0 0 43px;*/

div#container div#content3{float:right;width:747px;min-height:800px;border-top:3px solid #0072c5;background:url('../img/sub/length.gif') no-repeat right 0}
div#container div#content3 h2{float:left;padding:19px 0 11px 22px}
div#container div#content3 span{display:block;float:right;margin:26px 30px 0 0}
div#container div#content3 span b{color:#0376be}
div#container div#content3 div{clear:both;border-top:1px solid #eee;}

div#container div#content4{float:right;width:747px;min-height:800px;border-top:3px solid #0072c5;background:url('../img/sub/length.gif') no-repeat right 0}
div#container div#content4 h2{float:left;padding:19px 0 11px 22px}
div#container div#content4 span{display:block;float:right;margin:26px 30px 0 0}
div#container div#content4 span b{color:#0376be}
div#container div#content4 div{clear:both;border-top:1px solid #eee;}

/*** Footer ***/
div#footer{height:174px;background:url('../img/common/footer_bg.gif') repeat-x left top;position:relative;}
div#tab{position:absolute;left:50%;top:4px;z-index:99;margin:0 0 0 330px;}
ul.site_list{position:absolute;left:50%;bottom:150px;z-index:99;margin:0 0 0 330px;}
ul.site_list{width:147px;border:solid 1px #ddd;background:#fff;height:40px;}
ul.site_list li{border-bottom:solid 1px #ddd;}
ul.site_list li.end{border:none;}
ul.site_list li a{display:block;width:100%;padding:5px;width:137px;}
ul.site_list li a:hover{background:#eee;}

div#footer ul.footer_link{width:410px;margin:0 auto 8px auto;padding:9px 0 0 0;height:19px;}
div#footer ul.footer_link li{display:inline;background:url('../img/common/footer_line.gif') no-repeat right 50%;padding:0 7px 0 0;margin:0 7px 0 0;}
div#footer ul.footer_link li a{font-size:11px;color:#666;font-weight:bold;}
div#footer ul.footer_link li.end{background:none;padding:0;}

div#footer div.footer_box{width:968px;margin:0 auto;}
div#footer div.footer_box h2{float:left;width:235px;margin:0 -235px 0 0;text-align:center;padding:15px 0 0 0;}
div#footer div.footer_box ul.coptyright{margin:0 0 0 240px;padding:24px 0 0 0;font-size:11px;color:#aeaeae;}
div#footer div.footer_box ul.coptyright span{color:#0465a2;font-weight:bold;}
div#footer div.footer_box ul.coptyright a{color:#666;}
div#footer div.footer_box ul li{margin:4px 0 0 0;}
div#footer div.footer_box ul li.copy{font-family:"Tahoma";font-size:11px;margin:0;}

/**main_Footer**/
div#footer01{height:154px;background:url('../img/common/footer_pt.gif') repeat-x left top;position:relative;}
div#tab01{position:absolute;left:50%;top:4px;z-index:99;margin:0 0 0 330px;}
ul.site_list01{position:absolute;left:50%;bottom:150px;z-index:99;margin:0 0 0 330px;}
ul.site_list01{width:147px;border:solid 1px #ddd;background:#fff;}
ul.site_list01 li{border-bottom:solid 1px #ddd;}
ul.site_list01 li.end{border:none;}
ul.site_list 01li a{display:block;width:100%;padding:5px;width:137px;}
ul.site_list01 li a:hover{background:#eee;}

div#footer01 ul.footer_link01{width:410px;margin:0 auto 8px auto;padding:9px 0 0 0;height:19px;}
div#footer01 ul.footer_link01 li{display:inline;background:url('../img/common/footer_line.gif') no-repeat right 50%;padding:0 7px 0 0;margin:0 7px 0 0;}
div#footer01 ul.footer_link01 li a{font-size:11px;color:#666;font-weight:bold;}
div#footer01 ul.footer_link01 li.end{background:none;padding:0;}

div#footer01 div.footer_box01{width:968px;margin:0 auto;}
div#footer01 div.footer_box01 h2{float:left;width:235px;margin:0 -235px 0 0;text-align:center;padding:15px 0 0 0;}
div#footer01 div.footer_box01 ul.coptyright{margin:0 0 0 240px;padding:24px 0 0 0;font-size:11px;color:#aeaeae;}
div#footer01 div.footer_box01 ul.coptyright span{color:#0465a2;font-weight:bold;}
div#footer01 div.footer_box01 ul.coptyright a{color:#666;}
div#footer01 div.footer_box01 ul li{margin:4px 0 0 0;}
div#footer01 div.footer_box01 ul li.copy{font-family:"Tahoma";font-size:11px;margin:0;}

/** 로그인 **/
dl.login{width:606px;height:370px;position:relative;background:url('../img/member/login_bg.gif') no-repeat;padding-left: 100px;}
dl.login dd.bt{width:170px;height:52px;position:absolute;right:30px;top:74px;z-index:10;}
dl.login dt{height:77px;}
dl.login dd{width:506px;height:27px;margin:0 0 0 auto;text-align:left;}
dl.login dd.name{height:28px;}
dl.login dd span{display:inline-block;block;width:100px;}
dl.login dd input,
dl.login dd img{vertical-align:middle;}
dl.login dd input{height:16px;width:176px;border:solid 1px #ddd;padding:2px 2px 0 2px;}
dl.login dd em{display:inline-block;block;width:245px;}
p.title{border-bottom:1px solid #eee;padding:0 0 30px 60px;}

/**회원가입 **/
dl.join dd table.join_type{width:100%;margin:0 0 4px 0;}
dl.join dd table.join_type caption{font-size:0px;color:#fff;}
dl.join dd table.join_type th,
dl.join dd table.join_type td{vertical-align:top;text-align:left;}
dl.join dd table.join_type th{height:25px;border-right:solid 1px #ddd;padding:11px 0 0 44px;}
dl.join dd table.join_type td{height:28px;padding:8px 0 0 25px;}
dl.join dd table.join_type td.normal input{border:solid 1px #cccdd3;height:16px;padding:2px 2px 0 2px;width:120px;}
dl.join dd table.join_type td.code input{border:solid 1px #cccdd3;height:16px;padding:2px 2px 0 2px;width:62px;}
dl.join dd table.join_type td.radio{padding-top:12px;}
dl.join dd table.join_type td.radio input{margin:-2px 3px 0 0;vertical-align:middle;}
dl.join dd table.join_type td.birth input{border:solid 1px #cccdd3;height:16px;padding:2px 2px 0 2px;width:60px;margin:0 3px 0 0;}
dl.join dd table.join_type td.birth select{margin:0 3px 0 5px;border:solid 1px #cccdd3;width:40px;}
dl.join dd table.join_type td.email input{border:solid 1px #cccdd3;height:16px;padding:2px 2px 0 2px;width:140px;}
dl.join dd table.join_type td.email select{margin:0 3px 0 5px;border:solid 1px #cccdd3;}
dl.join dd table.join_type td.phone input{border:solid 1px #cccdd3;height:16px;padding:2px 2px 0 2px;width:40px;}
dl.join dd table.join_type td.phone select{margin:0 3px 0 0;border:solid 1px #cccdd3;width:60px;}
dl.join dd table.join_type td.address ul li{margin:0 0 3px 0;}
dl.join dd table.join_type td.address ul li input{border:solid 1px #cccdd3;height:16px;padding:2px 2px 0 2px;width:70%;}
dl.join dd table.join_type td.address ul li.zip input{width:100px;}

dt.bt02{text-align:center;padding:15px 0 0 0;}


/** 견적문의 **/

/** 숙박시설안내 **/
.room_thumb {width:550px;}
.room_thumb td {width: 25%;}
.room_thumb td a img {width: 100%;}

/** 체험비행오시는길 **/
.navi_add {font-size: 15px;padding-left: 50px;}

/* 동영상 */
#bgDiv {
 clear:both;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 min-width:100%;
 height:100%;
 min-height:100%;
 margin:0;
 padding:0;
 font:0/0 Arial;
 background-color:#000000;
 filter:alpha(opacity=70,FinishOpacity=0,Style=0);
 -moz-opacity:0.25;
 opacity:0.25;
 z-index:101;     /* 로그인 팝업 z-index 값보다 1 작게 한다.*/
 display:block;
} 
div#Movie{width:576;height:443;position:absolute;left:50%;top:50%;margin:-222px 0 0 -288px;z-index:110;}
div#Movie div.movie_box{position:relative;}
div#Movie div.movie_box span{position:absolute;right:0px;top:-30px;z-index:121;}

/** 회원탈퇴 **/
dl.sub02_box{text-align:center;}
dt.bt_box{padding:20px 0 0 0;}

/** Sms **/
div#sms{width:198px;position:absolute;left:24%px;top:723px;z-index:10;margin:0 0 0 200px;}
div#sms p{text-align:center;}
div#sms dl{height:283px;background:url('/img/quick/quick_bg2.png') no-repeat left top;_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/quick/quick_bg.png',sizingMethod='crop');padding:42px 10px 0 0;}
div#sms dl dt{text-align:center;height:42px;}
div#sms dl dd{padding:0 0 0 15px;margin:0 0 10px 0;position:relative;}
div#sms dl dd span{display:block;margin:3px 0 0 0;padding:0 0 0 8px;}
div#sms dl dd.phone input{width:33px;}
div#sms dl dd input{width:140px;border:solid 1px #ddd;padding:2px 2px 0 2px;height:14px;font-size:11px;}
div#sms dl dd textarea{width:142px;border:solid 1px #ddd;height:37px;font-size:11px;}
div#sms dl dt.bt{position:absolute;left:50%;top:241px;z-index:11;margin:0 0 0 -33px;}

/** div#sms{width:198px;position:absolute;left:50%;top:160px;z-index:10;margin:0 0 0 520px;}
div#sms p{text-align:center;}
div#sms dl{height:283px;background:url('/img/quick/quick_bg.png') no-repeat left top;_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/quick/quick_bg.png',sizingMethod='crop');padding:58px 0 0 0;}
div#sms dl dt{text-align:center;height:42px;}
div#sms dl dd{padding:0 0 0 22px;margin:0 0 10px 0;position:relative;}
div#sms dl dd span{display:block;margin:3px 0 0 0;padding:0 0 0 8px;}
div#sms dl dd.phone input{width:30px;}
div#sms dl dd input{width:130px;border:solid 1px #ddd;padding:2px 2px 0 2px;height:14px;font-size:11px;}
div#sms dl dd textarea{width:136px;border:solid 1px #ddd;height:60px;font-size:11px;}
div#sms dl dt.bt{position:absolute;left:50%;top:285px;z-index:11;margin:0 0 0 -23px;} **/

/* //////////  숙박시설 안내 리스트 및 뷰 페이지 등록형으로 전환작업  ////////// */
/*///// 리스트 페이지 /////*/
div#container div#content .product_list{padding-bottom:50px;}
div#container div#content .product_list > ul{padding:0 36px;}
div#container div#content .product_list > ul li{width:188px; float:left; margin-right:17px; margin-bottom:28px; box-sizing:border-box; padding:10px; text-align:center;}
div#container div#content .product_list > ul li.last{margin-right:0;}
div#container div#content .product_list > ul li a{width:100%; display:block; text-align:center;}
div#container div#content .product_list > ul li a div.img_box{width:100%; box-sizing:border-box; padding:5px; border:1px solid #ddd; overflow:hidden; transition:all 0.3s;}
div#container div#content .product_list > ul li a div.img_box img{transition:all 0.3s;}
div#container div#content .product_list > ul li a p{font-size:14px; color:#888; text-align:center; margin-top:20px; transition:all 0.3s;}
div#container div#content .product_list > ul li:hover a p{color:#333; font-weight:bold;}
div#container div#content .product_list > ul li:hover a div.img_box{border-color:#333;}
div#container div#content .product_list > ul li:hover a div.img_box img{transform:scale(1.1);}

div#container div#content .product_list .pager_wrap{width:100%; border-top:none; padding-top:20px;}
div#container div#content .product_list .pager_wrap .pager{width:100%; text-align:center;}
div#container div#content .product_list .pager_wrap .pager li{text-align:center; display:inline-block; margin:0 2px; width:22px; height:22px; border:1px solid #ababab; background:#fff; vertical-align:middle;}
div#container div#content .product_list .pager_wrap .pager li:hover{background:#e0e0e0;}
div#container div#content .product_list .pager_wrap .pager li.num:hover{background:#1970d2;}
div#container div#content .product_list .pager_wrap .pager li a{display:inline-block; text-align:center; line-height:22px; font-size:12px; color:#333; font-weight:bold;}
div#container div#content .product_list .pager_wrap .pager li a img{vertical-align:middle;}
div#container div#content .product_list .pager_wrap .pager li.num:hover a{color:#fff;}

/*///// 뷰 페이지 /////*/
div#container div#content .product_view{padding:48px 0 50px;}
div#container div#content .product_view .product_view_inner{width:560px; margin:0 auto; border:none; padding:0;}
div#container div#content .product_view .product_view_inner .view_sld{width:100%; border:none; padding:0; box-sizing:border-box;}
div#container div#content .product_view .product_view_inner .view_sld ul{box-sizing:border-box;}
div#container div#content .product_view .product_view_inner .view_sld ul li{width:100%; overflow:hidden;}
div#container div#content .product_view .product_view_inner .view_sld ul li img{border:1px solid #858585;}
div#container div#content .product_view .product_view_inner .view_sld ul li p{font-size:14px; color:#333; font-weight:bold; margin:15px 0 22px; text-align:center;}

div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper{position:relative; border:none; padding:0;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls{border:none; padding:0; width:100%;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-pager{border:none; padding:0; width:100%; border:1px solid #c1c1c1; padding:10px 46px; box-sizing:border-box;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-pager:after{content:""; display:block; clear:both;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-pager .bx-pager-item{border:none; padding:0; width:106px; height:80px; display:inline-block; margin:0 5px; vertical-align:middle;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link{border:none; display:block; padding:0; border:2px solid #fff; box-sizing:border-box;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{border:2px solid #1177B5; box-sizing:border-box;}

div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-controls-direction{width:100%; padding:0;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{width:26px; height:59px; display:block; position:absolute; bottom:26px; left:0; background:url('../img/sub/view_sld_prev.png') no-repeat center top; text-indent:-9999em; z-index:100;}
div#container div#content .product_view .product_view_inner .view_sld .bx-wrapper .bx-controls .bx-controls-direction .bx-next{width:26px; height:59px; display:block; position:absolute; bottom:26px; right:0; background:url('../img/sub/view_sld_next.png') no-repeat center top; text-indent:-9999em; z-index:100;}

div#container div#content .product_view .product_view_inner .text_wrap{width:100%; border:none; padding:0; box-sizing:border-box; margin-top:28px;}
div#container div#content .product_view .product_view_inner .text_wrap h3{font-size:15px; color:#666; font-weight:bold; line-height:30px; padding-left:15px; background:url('../img/sub/view_title_bg.png') no-repeat 5px center;}
div#container div#content .product_view .product_view_inner .text_wrap .txt_box{width:100%; border:none; padding:0; box-sizing:border-box; border:1px solid #ccc; padding:10px; margin-bottom:24px;}
div#container div#content .product_view .product_view_inner .text_wrap .txt_box p{font-size:13px; color:#555; font-family:'dotum';}
div#container div#content .product_view .product_view_inner .text_wrap .room_info{width:100%; border:none; padding:0; box-sizing:border-box;}
div#container div#content .product_view .product_view_inner .text_wrap .room_info table thead tr th{border:1px solid #ccc; background:#d1e9f5; font-size:12px; color:#666;}
div#container div#content .product_view .product_view_inner .text_wrap .room_info table thead tr th p{width:100%; border-bottom:1px solid #ccc; float:left;}
div#container div#content .product_view .product_view_inner .text_wrap .room_info table thead tr th span{display:block; width:50%; float:left; margin:0; border-right:1px solid #ccc;}
div#container div#content .product_view .product_view_inner .text_wrap .room_info table thead tr th span.last{border:none;}
div#container div#content .product_view .product_view_inner .text_wrap .room_info table tbody tr td{border:1px solid #ccc; font-size:12px; color:#666; text-align:center; height:24px;}
div#container div#content .product_view .product_view_inner .text_wrap .room_info table tbody tr td p{width:50%; float:left; text-align:center; border-right:1px solid #ccc; line-height:24px;}
div#container div#content .product_view .product_view_inner .text_wrap .room_info table tbody tr td p.last{border:none;}

div#container div#content .product_view .product_view_inner .text_wrap .dish_info{width:100%; border:none; padding:0; box-sizing:border-box;}
div#container div#content .product_view .product_view_inner .text_wrap .dish_info table thead tr th{border:1px solid #ccc; background:#d1e9f5; font-size:12px; color:#666; height:34px;}
div#container div#content .product_view .product_view_inner .text_wrap .dish_info table tbody tr td{border:1px solid #ccc; font-size:12px; color:#666; text-align:center; height:24px;}

div#container div#content .product_view .product_view_inner .btn_wrap{width:100%; border:none; padding:0; box-sizing:border-box; text-align:right; margin-top:30px;}
div#container div#content .product_view .product_view_inner .btn_wrap a{display:inline-block;}