/*----------------------------------------------------*/
/*-- style.css ; 여행사 홈페이지 --------------------------*/
/*----------------------------------------------------*/
@charset "utf-8";
*{/* Apply to all... "*"... 
    마진/패딩 제외한 속성은 여기 쓴 게 우선이 됨*/
	margin:0 auto;/*바깥여백:0; align:center*/
	padding:0;    /*안쪽여백*/
	list-style:none; /*불필요한 리스트 매기지 마라*/
	font-family:"Malgun gothic";
}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5,h6{color:#990000;}
.button{
	cursor:pointer;
	border-radius:7px;
	margin:5px;
	background-color:#999999;
	color:#ffffff;
	font-size:15px;
	font-style:bold;
	padding:7px 10px;
	border:none;/*버튼테두리.none안쓰면 검은색으로 쳐짐*/
	font-size:0.9em;
}
.button:hover{background-color:#990000;/*밤색*/}
.clear{clear:both;}
/*
바탕중 맑은 청보라색 : 3a75ff
바탕중(footer) 하늘색: 4298cc
글씨용 진한 남색 : 062261
붉은 밤색: 990000
cool gray: edf2ff
*/
/*----------------------------------------------------*/
body{}
#container{
	min-width: 960px;
	width:960px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	box-shadow: 0px 5px 5px #999999;
	   /* offset X ; Y ; blur ; color // ... : inset 7... 로 쓰면 내부로생김*/
}
/*----------------------------------------------------*/
#header{width:960px;height:160px;margin-top:10px;}
/*----------------------------------------------------*/
.logo{/*로고판 설정*/
	width:250px;height:100px;float:left;
	overflow:hidden; /*w/h 벗어난 부분숨겨라*/
}
.logo>a>img{/*로고판에 얹을 이미지 수정. 윗단 50px 잘라라*/
	margin-top:-50px;
	width:250px; /* w나 h 하나만 지정해주면 나머지는 비율에 맞게 줄어듦 */
	height: auto; /* 다른 css에 영향을 받는다면 나머지에 auto */
}
.nav{
	float:right;margin-top:40px;padding:10px auto;/*글자와 상자 사이 간격*/
	width:450px;height:20px;
}
.nav>li{
	position:relative;  
	/*서브메뉴 있는 경우, 부모는 relative, 자식은 absolute. 자식이 부모 위치 밑에 알아서 들어감*/
	/*또한 앞에 배치된 애 뒤로 상대적으로 위치 알아서 찾아감*/
	float:left;
	width:150px;
	text-align:center;
	padding:5px 0; /*0은 왼쪽*/
	color:#062261;
}
.nav>li:hover{/*hover=mouse over*/
	background-color:#4298cc;	color:#ffffff;
}
.submenu{
	display:none; /*누르기 전까진 숨어있어*/
	position:absolute; 
	width:100%; /*=200px*/
	margin-top:5px;
	z-index:1; /* 이미지슬라이드랑 겹칠때 위로 나온나 1 뒤로 숨어라 0 */
	background-color:rgba(255,255,255,0.8);
}
.submenu>li{padding:5px;color:#000000;}
.submenu>li:hover{background-color:#ffffff;}
.admin{width:450px;height:20px;float:right;text-align:right;margin-top:10px;margin-right:10px;color:green;}
/*----------------------------------------------------*/
#imgSlide{
	width:960px;height:300px;
	overflow:hidden;
	position:relative;
	border-top:4px solid #666666;
	border-bottom:4px solid #666666;
	display:block;
}
/*----------------------------------------------------*/
.imgs{display:block;position:absolute;}
.imgs>img{margin-top:-100px}

.imgs>img{
	position:absolute;
	transition:all 2s;
}
.arrow{
	width:940px;height:280px;padding:10px;
	position:absolute;z-index:1;
	display:none;
}
#imgSlide:hover .arrow{display:block;}
.prev{float:left;}
.next{float:right;}
.prev, .next{
	width:80px;height:80px;margin-top:90px;
	line-height:80px;
	cursor:pointer;border-radius:40px;
	color:white;font-size:30pt;text-align:center;
	text-shadow:0 5px 20px #222222;
}
.prev:hover, .next:hover{background-color:rgba(0,0,0,0.8);}
.fade{
	-webkit-animation-name:fade;
	-webkit-animation-duration:1.5s;
	animation-name:fade;
	animation-duration:1.5s;
}
@-webkit-keyframes fade{
	from{opacity:0.4}
	to{opacity:1}
}
@keyframes fade{
	from{opacity:0.4}
	to{opacity:1}
}

/*여행가이드에 오신것을 환영합니다*/
span{color:#893700;}
.maintext{color:#fff;text-shadow:0 3px 5px #666666;}
.welcome{
	width:600px;height:50px;
	line-height:50px;/*세로중앙을 위해*/
	border-radius:30px; /*라운딩박스*/
	position:absolute;
	margin: 125px 0 0 180px !important;
		  /* top bt R L     여기 젤 앞에 꼭 넣어줌 Front! */
	text-align:center;
	z-index:1;
	background-color:rgba(255,255,255,0.5);
}

/*--------------------------------------------------------------------*/
#footer{width:960px;height:150px;color:#ffffff;background-color:#4298cc;}
#footer>ul{width:50%;float:left;margin-top:50px;}
#footer>ul>li{float:left;/*횡으로쓰려고left걸어줌*/margin-left:30px;}
#footer>p{float:right;width:45%;font-size:12px;margin-top:20px;}
/*--------------------------------------------------------------------*/
#contents{width:960px;min-height:550px;}
/*--------------------------------------------------------------------*/
#bg{
	height:550px;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
}
/*--------------------------------------------------------------------*/
/*Notice 공지사항*/
.notice{float:left;width:520px;}
.notice>h3{text-align:center;margin-top:30px;}
.table{/*통상 쓰는 폰트사이즈&패딩크기.. 백그라운드&글자컬러 .. 외우삼*/
	margin-top:10px;
	font-size:0.9em;/*테이블의 90%크기*/   
	border-collapse:collapse;/*요거 없으면 테두리 부분이 비워져있음*/
	border-top:2px solid #3a75ff;
	border-bottom:2px solid #4298cc;
}
.table tr>th{padding:5px;color:#3a75ff;background-color:#edf2ff;border-bottom:1px solid #4298cc;}
.table tr>td{padding:5px;color:#062261;}
.table tr:nth-child(2n+1){/*이거 외워놓으세요. 매 2번째줄마다 스프라이트로 칸 색 채워주는 것*/
	background-color:#edf2ff;/*푸른계열 연회색*/
}
/*partner 정보나눔*/
.partner{float:right;width:440px;}
.partner>h3{text-align:center;margin-top:30px;}
.partner_info{text-align:center;margin-top:30px;}
/*icons 아이콘스*/
.icons{margin-top:20px;margin-right:20px;text-align:right;height:120px;}
.imgbtn{
	width:120px;padding:10px 5px 5px 5px;
	text-align:center;
	display:inline-block;/*한 라인에 다 배치해라*/
	border:1px solid #ccc;
	background-color:rgba(255,255,255,0.8);
}
.imgbtn img{width:100px;}
/*--------------------------------------------------------------------*/
/*admin.php, contact.php 팝업창 테이블*/
.table2{
	/*width:300px;height:200px;*/
	margin:20px auto;border-collapse:collapse;
	border:2px solid #4298cc;
	box-shadow:0 0 15px #cccccc;
}
.table2 tr>th{padding:5px;background-color:#edf2ff;text-align:center;border:1px solid #4298cc;font-size:1em;}
.table2 tr>td{padding:5px;border:1px solid #4298cc;}
/*-----------------------------------------------------------상세여행페이지-*/
.bar1{width:960px;height:50px;background-color:#DB0000;
	color:#ffffff;text-align:right;line-height:50px;}
.bar2{width:960px;height:50px;color:#999999;text-align:right;line-height:50px;font-size:0.8em;}
.line1{width:930px;height:1px;background-color:#cccccc;}
.bar3{width:960px;height:50px;color:#3163c9;line-height:50px;font-weight:bold;}
.bar4{width:960px;height:50px;line-height:50px;color:#555555;font-size:0.8em;font-weight:bold;}

.box1{width:480px;height:550px;float:left;}
.box1>img{padding-bottom:10px;padding-left:25px;}/*width:440px;height:260px;*/
.box2{width:480px;height:550px;float:right;}
/*상세페이지 사진옆 상품내역*/
.table3{font-size:0.8em;color:#666666;border-collapse:collapse;}
.table3 tr>td{padding:10px;border-bottom:2px dotted #666666;}
.table3 td:nth-child(1){width:80px;font-weight:bold;}/*첫 열*/
/*상세요금표*//*공지사항 notice.php*/
.table4{font-size:0.9em;color:#222222;border-collapse:collapse;border:1px solid #cccccc;text-align:center;}
.table4 tr>td{padding:8px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
/*.table4 tr:nth-child(1){background-color:#e0844f;}*/
/*상품특징표*/
.table5{font-size:0.9em;color:#222222;border-collapse:collapse;border:1px solid #cccccc;}
.table5 tr>th{padding:10px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.table5 tr>td{padding:10px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
/*상세-일정표*/
.tableSchedule{
	float:left;
	width:600px;
	margin-left:150px;margin-bottom:75px;
	font-size:0.9em;color:#222222;
	text-align:left;
	border-collapse:collapse;
	
}
.tableSchedule tr{border:1px dashed red;}
.tableSchedule tr>th{padding:8px;text-align:left;}
.tableSchedule tr>td{padding:8px;}
.scheduleLi{margin-left:50px;width:500px;float:left;}
.scheduleLi>li{
	padding:10px;font-size:15px;border-bottom:1px solid #cccccc;
	list-style:circle;list-style-position:outside;
}
.scheduleLi>li>span{color:#4298cc;font-weight:bold;}
/*--------------------------------------------------------------------*/
.tableScroller{/*유럽상세페이지, 비행일정별 금액 표 내부를 스크롤시키기 위한 박스*/
	width:880px;height:300px;overflow:auto;
	box-shadow:inset -5px -10px 15px #cccccc;
}
/*----intro.php----------------------------------------------------------------*/
.box3{
	width:960px;height:550px;
	background-image:url(../images/intro.jpg);
	background-size:cover;
}
.box3_mention{
	float:right;
	margin-left:480px;
	width:480px;height:550px;
	font-size:0.9em;color:#00004B;font-style:bold;
	font-family:"휴먼명조";
}
/*----ㅡmusic.php----------------------------------------------------------------*/
.box_music1{
	float:left;margin-left:20px;
	width:440px;height:300px;
	color:#333333;font-style:italic;font-family:"휴먼명조";
}
.box_music2{
	float:right;margin-right:20px;
	width:440px;height:300px;
	color:#333333;font-style:italic;font-family:"휴먼명조";
}
.box_music1 img{width:440px;height:300px;}
.box_music2 img{width:440px;height:300px;}


/*--------------------------------------------------------------------*/
/*----End of style.css------------------------------------------------*/
/*--------------------------------------------------------------------*/
/* Note
[여백 설정 문법]
margin: 20px ... 상하좌우 모두 20px
margin: 30px 10px ... 상하 30px, 좌우 10px
margin: 30px 10px 20px 50px ... 위 30px, 오른쪽 10px, 아래 20px, 왼쪽 50px
margin: 30px 10px 40px ... 위 30px, 좌우 10px, 아래 40px

즉 방향의 위부터 시계방향으로 회전하여 위 오른쪽 아래 왼쪽 순서로 설정합니다.
*/

/*
청보라색 : 3a75ff
푸터 하늘색: 4298cc
붉은 밤색: 990000
*/