
/*========================================================= Main 콘텐츠 영역==================== */
/* 메인컨텐츠 제목글 속성 */
.selltitle{margin:0; font-size:20px; color:#666666; font-family:"NanumGothicBold", "NanumGothic", "돋움", "Tahoma", "Helvetica",  sans-serif;letter-spacing: -1px;}	/* 메인타이틀 글 */

/* 메인전체틀 속성 */
.contentsW{ background:url() repeat-x; position:relative; background-color:#fff; padding:10px 10px 30px 10px; }
.contentsT{width:985px; margin:0 auto;}

/*========================================================= Main 콘텐츠 영역==================== */



/*common layout*/
#containerItem{width:100%;}
#containerItem_main{width:100%;margin:0 auto;}
.Item_wrap{margin:0 auto;}




/*===============================================================서브페이지상단 비주얼이미지*/
html,  body {height: 350px;margin-top:50px;}
img {border: 0;vertical-align: middle;}

.bg {position: relative;min-height: 100%;}

/*서브상단배경*/
.bbssection{border-top: 1px solid #ddd;	padding-top:30px;width:100%;}
.bodycontent {margin:0 auto; width:985px;}
.bbssection_foot{margin-bottom:150px;width:100%;}


/*풀스크린 : 이미지크기 고정*/
.fsr-container {
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.fsr-element {position: absolute;}
.fsr-hidden {display: none;}

* {padding: 0;margin: 0;outline: 0;}

#layer1_pagetitle h2.pagevisual_slogon{ 
	position:absolute; 
	margin-top:180px; 
	width:100%; 
	z-index:2;
	color:#ffffff;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	font-family: 'Arizonia', 'Paytone One', 'Archivo Black','NanumGothic',  "Dotum", "돋움", "Arial", "Helvetica", sans-serif; 
	text-align:center;
	font-size:70px;
	padding-top:200px;
	margin:0 auto;
}

.pagevisual {width:100%;height:300px;
	-webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 50px  rgba(0,0,0,0.2);
	box-shadow: 0px 0px 50px  rgba(0,0,0,0.2);
	}


.bg_noneesens_pc {display:block;}
.bg_noneesens_mobile {display:none;}


@media (min-width:300px) and (max-width:985px){
html,  body {height: 200px;margin-top:0;}

.pagevisual {width:100%;height:200px;
	-webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 50px  rgba(0,0,0,0.2);
	box-shadow: 0px 0px 50px  rgba(0,0,0,0.2);
}

#layer1_pagetitle h2.pagevisual_slogon {
	color:#ffffff;
	font-family:'NanumGothicBold', "NanumGothic", "Dotum", "돋움", "Arial", "Helvetica", sans-serif; 
	letter-spacing: -3px;
	text-align:center;
	font-size:34px;
	padding-top:100px;
	max-width:960px;
	margin:0 auto;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.bg_noneesens_pc {display:none;}
.bg_noneesens_mobile {display:block;}
}
/*=========================================End======================서브페이지상단 비주얼이미지*/




/*페이지 전체 테두리 지정*/
#sub #bodycontent{margin:0 auto 10px; min-height:622px; border:0px solid #fff; padding-top:0}
#sub #bodycontent .blank_cont{padding:10px 0px 0;overflow:hidden;}
#sub #bodycontent .tebmenu {padding:10px 0px 0px;overflow:hidden;}

/*좌측 제목타이틀 아이콘 및 제목설정*/
.tit{background:url(../images/pagetitle_iconl.gif) no-repeat 0 0; 
	font-family:'NanumGothicBold', "NanumGothic", "Dotum", "돋움", "Arial", "Helvetica", Dinmed,sans-serif; 
	font-size:2.0em; color:#1e1b1a; 
	line-height:100%; 
	margin-bottom:25px;
	padding-top:6px
}





/*main and media common*/
@media(max-width:480px){
/*전체배경및상단여백:containerItem*/
#containerItem{margin-top:0px; background:url() repeat-x;}
.bodycontent {margin:0 auto; width:95%;}
.Item_wrap_main{width:95%; margin:0 auto; text-align:center; vertical-align:top;}
/*sub*/
.info_cont{float:none;width:100%; height:auto; background:none}
.spec_cont{width:95%;padding:10px;}
h2{padding-top:10px; font-size: 3em; text-align:center; padding-left:10px; color: #333;}
.bbssection{border-top: 1px solid #ddd;padding-top:20px;width:100%;}/****************비주얼이미지 하단 라인 색상*/
.pagevisual_slogon{padding-top:70px;}
}

/*mobile and mini- tablet*/
@media (min-width:481px) and (max-width:640px){/*mobile and mini- tablet*/
/*전체배경및상단여백:containerItem*/
#containerItem{margin-top:0px; background:url() repeat-x;}
.bodycontent {margin:0 auto; width:95%;}
.Item_wrap_main{width:98%; margin:0 auto; text-align:center; vertical-align:top;}
/*sub*/
.info_cont{float:none;width:100%; height:auto; background:none}
.spec_cont{width:95%;padding:10px;}
.bbssection{border-top: 1px solid #ddd;width:100%;}/****************비주얼이미지 하단 라인 색상*/
}

/*tablet*//*768(611)*/
@media (min-width:641px) and (max-width:984px){/*tablet*//*768(611)*/
/*전체배경및상단여백:containerItem*/
#containerItem{margin-top:0px; background:url() repeat-x;}
.bodycontent {margin:0 auto; width:95%;}
.Item_wrap_main{width:95%; margin:0 auto; text-align:center; vertical-align:top;}
/*sub*//*pc*//*768(611)*/
.info_cont{float:none;width:100%; height:auto; background:none}
.spec_cont{width:95%;padding:10px;}
.bbssection{border-top: 1px solid #ddd;width:100%;}/****************비주얼이미지 하단 라인 색상*/
}


@media (min-width:985px) and (max-width:5000px){/*pcweb*/ /*1232(5000)*/
/*전체배경및상단여백:containerItem*/
#containerItem{margin-top:0px;}
.Item_wrap{width:100%; min-width:1140px; text-align:center;}
.info_cont{float:none;width:100%; height:auto; background:none}
.spec_cont{width:95%;padding-left:10px;}
.bbssection{border-top: 1px solid #ddd;width:100%;}/****************비주얼이미지 하단 라인 색상*/
.Item_wrap_menu{width:1100px;  padding-left:100%; padding-right:100%}/***************************************************************상단메뉴크기설정*/
.Item_wrap_main{width:90%;; margin:0 auto;}
}
/*======서브페이지 영역====== */



/* =======서브페이지2단나누기========== */
/*좌측단*/
.info_subpage{float:left; width:45%; max-width:400px; background:url() no-repeat 100% 100%}
/*우측단*/
.rightspec_cont{float:right; max-width:560px; width:55%}
.info_subpage.page_left{ background:url() no-repeat 100% 84.4%}
.api_sec{width:100%; text-align:left;}
/*우측하단*/
.map_aside{width:100%; overflow:hidden;}
.sns{float:right; width:203px}
.sns li{float:left; width:47px; height:41px; margin-left:5px}
.sns li:first-child{margin-left:0}
.sns li img{width:100%;}
.blind{position:absolute;left:-9999px;top:0;overflow:hidden; height:0;width:0;}
.wrapline3 { height:1%;}

/*main and media common*/
@media(max-width:480px){
#subpage_contents{width:100%; max-width:404px; min-width:320px; margin:0 auto 10px; padding-top:0;}
.map_aside{width:203px; margin:0 auto}
.sns{float:none; overflow:hidden; width:100%}
.info_subpage{float:none;width:100%; height:auto; background:none}
.info_subpage.page_left{background:none; height:auto;}
.rightspec_cont{float:none;width:100%; padding-bottom:39px}
.rightspec_cont input[type=text]{width:95.5%; max-width:95.5%}
.api_sec{width:100%;}
}


@media (min-width:481px) and (max-width:640px){/*mobile and mini- tablet*/
#subpage_contents{width:404px; margin:0 auto 10px; padding-top:0;}
.map_aside{width:203px; margin:0 auto}
.sns{float:none; overflow:hidden; width:100%}
.info_subpage{float:none;width:100%; height:auto; background:none}
.info_subpage.page_left{background:none; height:auto;}
.rightspec_cont{float:none;width:100%; padding-bottom:39px}
.rightspec_cont input[type=text]{width:95.5%; max-width:95.5%}
.api_sec{width:100%;}
}


@media (min-width:641px) and (max-width:959px){/*tablet ~pc*//*768(611)*/
/*sub*/
.info_subpage{float:none;width:100%; height:auto; background:none}
.rightspec_cont{float:none;width:100%; padding-bottom:39px}
.info_subpage.page_left{background:none; height:auto;}
.api_sec{width:100%;}
}



/*레이어 중앙처리*/
.full_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:200;}
	.full_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.full_layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 95%; height:auto;  background-color:#fff; border: 5px solid #5d5d5d333; z-index: 10;}	
.pop-layer .pop-container {}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:0px 0 0px;border-top: 1px solid #fff; text-align:right;}


.wrap { position:relative;text-align:center; width:100%; height:550px; margin:0 auto; }
.over { position:absolute; top:0px; left:0px;width:100%;}
.over2 { position:absolute; top:550px; left:0px;width:100%;}
.over3 {  background-color:#ffffff; position:absolute; top:1120px; left:0px;width:100%;}
.over_p { position:absolute; top:250px; left:0px; width:100%;}
.over_b { position:absolute; top:416px; left:0px; width:100%;}


/* 테이블(table, td) 테두리 border처리 */

.table_all{border: 3px solid #333; padding:5px;}
.tabletd_all{border:1px solid #ddd;  font-family:'NanumGothic',  "Dotum", "돋움", "Arial", "Helvetica", sans-serif; 
	font-size:11pt; padding:5px;}
.tabletd_small{border:1px solid #333;text-align:left; font-family:'NanumGothic',  "Dotum", "돋움", "Arial", "Helvetica", sans-serif;
	font-size:10pt; padding:5px;}
.tablemenutd{border:1px solid #999; padding:5px;}
.tabletd_all2{border:1px solid #333;  font-family:'NanumGothic',  "Dotum", "돋움", "Arial", "Helvetica", sans-serif; 
	font-size:10pt; padding:5px;}
.tabletd_all2:hover{background:#efefef;}

.jointable_all {border-top:2px solid #555;border-bottom:1px solid #555;}
.jointable_td {border-bottom:1px solid #555;  height:45px; padding:0 10px 0 10px;}
.jointable_tdS {border-bottom:1px solid #555; height:45px; padding:0 5px 0 5px;}
.jointable_tdP {border-bottom:1px solid #ddd; height:25px; padding:0 5px 0 5px;}
.jointable_tdM {border-bottom:1px solid #555; height:25px; padding:0 2px 0 2px;}
.jointable_tdADD {border-bottom:1px solid #ddd; height:45px; padding:0 10px 0 10px;}


.jointable_td_color {color:#ffffff;}
.jointable_td_border1 {border-right:1px solid #555;}
.jointable_td_border2 {border-left:1px solid #555;}
.jointable_td_border3 {border-right:1px solid #ddd;}
.jointable_all2 {border:1px solid #555; padding:10px;}
.jointable_td_border4 {border-bottom:1px solid #ddd;  height:45px; padding:0 10px 0 10px;}
/* 테이블(table, td) 테두리 border처리  End*/



/*객실선택영역 : 모바일.피시 분리*/

@media(max-width:449px){ /*여행가이드 제목 처리*/
.add_tourguideL {display:none;}
.add_tourguideOP {display:block; font-family:'NanumGothicBold', "NanumGothic", "Dotum", "돋움",sans-serif; }
}
@media(min-width:450px) and (max-width:5000px){ /*여행가이드 제목 처리*/
.add_tourguideOP {display:none;}
}


@media(max-width:799px){
.reserve_choice_pc {display: none;}
.reserve_choice_mo {display:block;}
.reserve_height_mo {display:block; padding-top:30px;}
.main_emailnone_pc {display:none;}
.reserve_linkM {display:block;}
.reserve_linkP {display:none;}
.jointable_td_border1-1 {border-right:0px;}
.reserve_align {margin:0 auto;}
.reserve_diary_P {display:none;}
.reserve_diary_M {display:block;text-align:center;  font-family:'NanumGothic',  "Dotum", "돋움", "Arial", "Helvetica", sans-serif; 
	font-size:14pt;}
.reserve_comment {display:block;}
.add_tourguideLP {display:none;}
.add_tourguideMP {display:block;}
}

@media (min-width:799px) and (max-width:5000px){
.reserve_choice_pc {display:;}
.reserve_choice_mo {display: none;}
.reserve_linkP {display:block;}
.reserve_linkM {display:none;}
.reserve_height_mo {display:none;}
.main_emailnone_pc {display:block; padding-top:7px;}
.jointable_td_border1-1 {border-right:1px solid #555;}
.reserve_diary_P {display:block;}
.reserve_diary_M {display:none;}
.reserve_comment {display:none;}
.add_tourguideLP {display:block;}
.add_tourguideMP {display:none;}
}
