﻿C/* ----------------------------------------------------------- 기본 css -------------------------------------- */ 
 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
 blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
 ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
 fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,
 article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
 menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}
 article, aside, details, figcaption, figure, section {  display: block; }
 @font-face {      
     font-family: nanumg;                
     src:url('images/notokr-regular.eot');
     src:local(※), url('images/notokr-regular.woff2') format('woff') 
 }  
 @font-face {
     font-family: 'S-CoreDream-2ExtraLight';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'nanumg';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 200;
     font-style: normal;
}

@font-face {
     font-family: 'nanumg';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}

@font-face {
     font-family: 'nanumg';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'nanumg';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
}

@font-face {
     font-family: 'nanumg';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}
 li { list-style:none; line-height: 150%;}
 img,fieldset,iframe{border:0;}
 img,fieldset { border:none; }
 img{ max-width:100%; }/*ipad사이즈에서 userlogin 의 title등 %로 된  것을 위해*/
 li img, dd img { vertical-align:top; }
 input { vertical-align:middle;}
 hr{display:none;} 
 body { 
     font-family: nanumg;
     line-height: 150%;
 }
 /* ie 10 에서 float된 요소의 가로 정렬위해 사용 */  
 ul li {
  display: inline;
 }
 .imgover {
     opacity: 0.6;
     filter:alpha(opacity=60); 
 } 
 .listover {background:#f3f3f3} 
 /* ----------------------------------------------------------- 기본 끝 ------------------------------------------ */



table {
        line-height: 150%;
        border-collapse:collapse;
        font-size:15px;
}
td.basic {
        line-height: 150%;
        color:none;
        border-style:solid;
        border-color:#F3F2ED;
        border-width:1 1 1 1;
}
td.pink {
        line-height: 150%;
        color:red;
        border-style:solid;
        border-color:#FAEBDD;
        border-width:5 5 5 5;
}
td.blue {
        line-height: 150%;
        color:blue;
        border-style:solid;
        border-color:#DCEAF0;
        border-width:5 5 5 5;
}


td.pink2 {
        line-height: 150%;
        color:blue;
        border-style:solid;
        border-color:#FFEEC7;
        border-width:5 5 5 5;
}

td.gray {
        line-height: 150%;
        color:blue;
        border-style:solid;
        border-color:#f4f4f4;
        border-width:5 5 5 5;
}


td.white {
        line-height: 150%;
        color:white;
        border-style:solid;
        border-color:#ffffff;
        border-width:0 0 0 0;
}

input.button {
        line-height: 150%;
        border:0;
        border-style:outset;
        border-color:silver;
        border-width:1 1 1 1;
        padding-top:3;
}


.input {font-family:nanumg;border:solid 1;border-color:cccccc;background-color:ffffff;height:21px}

a:link{ text-decoration: none; color:#330033;}
a:visited{ text-decoration: none;  color:#330033;}
a:active {text-decoration: none; color:#330033;}
a:hover{ text-decoration: none; color:#330033;}

#dsp_top_banner{
	width:100%;
	height:90px;
}

#btn_banner_close {
	position: absolute;
	top:0px;
	right:0px;
	width:30px;
	cursor:hand;
}
#travel-sub-title {
	margin-top:20px;
	border-style:solid;
	border-color:#F3F2ED;
	border-width:0 0 1 0;
}

.sub-title {
        font-family:nanumg;
	height:40px;
	font-size:20.5px;
        letter-spacing: -1px;
	text-align: left;
	font-weight:bold;
}

.sub-step {
	height:40px;
	font-size:13.5px;
        letter-spacing: -0.5px;
        font-family:nanumg;
	text-align: right;
	font-weight:100;
}
.sub-title-font {
	font-size:13.5px;
	color:#e8627d;
        letter-spacing: -0.5px;
	font-weight:400;
}

.main_search {
    display: flex;
    z-index: 3;
    height: 44px;
    background: #fff;
    border: 1px solid #dfe1e5;
    box-shadow: none;
    border-radius: 24px;
    margin: 0 auto;
    width: auto;
    max-width: 400px;
}

.main_schtxt {
    font-family:nanumg;
    font-size:13.5px;
    display: flex;
    align-items: center;
    width:320px;
    padding-left: 16px;
    margin-left: 16px;
    border:0;
}

.main_search_btn {
    display: flex;
    vertical-align:middle;
    border:0;
    background: #fff;
}

.main_search_btn i {
    display: flex;
    border: 0;
    margin-top: 8px;
    font-size: 25px;
}


/* top menu start */
#nav_wrap {
	width:100%;
	height:50px;
	text-align: center;

}
#nav_wrap_bg {
	position: absolute;
	width:100%;
	height:50px;
	background:#ffffff;
	text-align: center;
	z-index: 998;
}
#nav_line {
	width:100%;
	height:51px;
	background:#ffffff;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

#nav {
	display: inline-block;
	width:1200px;
	list-style:none;
	height:50px;
	padding:0;
	margin:0;
	background:#ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #dedede;
	box-sizing: border-box;
	
}

#nav > li{
	float:left;
	position:relative;
	margin:0;
	padding:0;
	vertical-align: middle;
	width:150px;
	height:50px;
	font-size:16px;
        letter-spacing: -0.7px;
	background:#ffffff;



}
#nav > li:first-child{
	width:150px;
	height:50px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	box-sizing: border-box; 
	background:#f2f2f2;
}

#menu-all-sub {
	border-left:1px solid #ffffff;
	left:-0.7px;

}
#nav > li > a{
	display:block;
	text-align: center;
	font-size:16px;
	padding-top:15px;
	font-weight:bold;
	margin:0;
	color:#202020;
	text-decoration:none;
}

#nav > li:hover {
	background:#f2f2f2;
	color:#ff4f72;
	padding:0;
	margin:0;
}

#nav li:hover ul {
	opacity:1;
}

#nav > ul {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	top:50px;
	width:150px;
	background:#ffffff;
	text-align:left;

}


#nav li > ul {
	float:none;
	list-style:none;
	top:51px;
	width:150px;
	display:none;
	position: absolute;
	background:#ffffff;
	border-left:1px solid #ffffff;
	z-index: 999;
}

#nav li > ul > li{
	float:left;
	width:100%;
	text-align:left;
	position:relative;
	margin:0;
	padding:7 0 5 0;
}

#nav li > ul > li a{

	font-size:13.5px;
	padding:13 0 0 15;
	line-height: 1.8;
	margin:0;
	color:#202020;
	text-decoration:none;
}

#nav li > ul > li a:first-child{
	font-weight:600;
}
#nav .on:hover > ul {
	display:block;
	color:#ff4f72;

}
#nav li > ul > li:hover {
	background:#f2f2f2;
	color:#ff4f72;
	/*transition: ease 1s;*/
}

#nav li > ul > li > ul {
	float:none;
	top:51px;
	width:150px;
	position: absolute;
	background:#ffffff;
	height:200px;
}

#icon_menu_center {
	position: absolute;
	top:22px;
	left:0px;
}

.left-border {
	border-left:1px solid #dedede;
	box-sizing: border-box; 
}
.right-border {
	border-right:1px solid #dedede;
	box-sizing: border-box; 
}
.left-border-white {
	border-left:1px solid #ffffff;
}
.right-border-white {
	border-right:1px solid #ffffff;
}
/* top menu end */

.copy_txt {
	width:150px;
	color:#ffffff;
	text-align:center;
}
.copy_txt a {
	color:#ffffff;
        font-size: 14px;
}

.copy_sp {
	width:10px;
	color:#5b5c5f;
	text-align:center;
}

.main-recom-tour {
	text-align: center;
}
.main-recom-title {
	margin:30 0 5 0;
}
.main-recom-tour ul{
	display: inline-block;
	width:1200px;
	list-style:none;
}

.main-recom-tour li{
	float:left;
	margin:0;
	padding:0;
	vertical-align: middle;
	width:300px;
	font-size:18px;
	background:#ffffff;
}

.main-recom-sub {
	margin:0 10 0 10;
	border-style:solid;
	border-color:#e7e7e7;
	border-width:1 1 1 1;
}

.main-recom-sub2 {
	width:290px;
	border-style:solid;
	border-color:#e7e7e7;
	border-width:1 1 1 1;
}

.main-recom-img {
	margin:0 0 0 0;
}

.main-recom-txt1 {
	padding:7 5 7 5;
	font-size:13.5px;
        letter-spacing: -0.7px;
	text-align: left;
	border-bottom:1px solid #e7e7e7;
}

.main-recom-kind {
	margin:0 5 0 15;
	color:#0251d4;
	font-size:13.5px;
        letter-spacing: -0.7px;
}

.main-recom-period {
	margin:0 5 0 5;
	color:#fb3333;
	font-size:13.5px;
        letter-spacing: -0.4px;
}

.main-recom-txt2 {
	margin:8 8 8 8;
	font-size:16px;
        line-height: 150%;
        letter-spacing: -0.7px;
	text-align: left;
}
.main-recom-title {
	margin:0 10 0 10;
	color:#121212;
	font-size:16px;
        letter-spacing: -0.5px;
}

.main-recom-price {
	margin:0 10 0 10;
	font-weight:bold;
	font-size:15px;
        letter-spacing: -0.3px;
	color:#121212;
}

.main-plan-bg {
	position:relative;
	background-image: url('/default/img/main_plan_bg.jpg');
	background-repeat: no-repeat; 
	background-position: center top; 
	vertical-align: top;
	height:650px;
}

.main-plan-tour {
	margin:40 0 0 0;
	text-align: center;
}
.main-plan-title {
	margin:40 0 30 0;
	font-size:20px;
	color:#ffffff;
}

.main-plan-tour ul{
	display: inline-block;
	list-style:none;
}

.main-plan-tour li{
	float:left;
	margin:0;
	padding:0;
	vertical-align: middle;
	width:400px;
	font-size:18px;
	background:#ffffff;
}

.main-month-event {
	margin:40 0 0 0;
	text-align: center;
}

.main-month-event-sub {
	margin:0 9 0 9;
	border-style:solid;
	border-color:#ececec;
	border-width:1 1 1 1;
}

.main-month-event-title {
	margin:40 0 30 0;
	font-size:20px;
	color:#ffffff;
}

.main-month-event ul{
	display: inline-block;
	width:1200px;
	list-style:none;
}

.main-month-event li{
	float:left;
	margin:0;
	padding:0;
	vertical-align: middle;
	width:300px;
	font-size:18px;
	background:#ffffff;
}

.main-month-event-txt {
	margin:10 0 10 0;
	font-size:15.5px;
        letter-spacing: -0.7px;
	color:#191919;

}

.main_notice_title {
	margin:6 0 6 0;
	font-size:14.5px;
	color:#330000;
}

.main_notice_dot {
	border-style:dotted;
	border-color:#e5e5e5;
	border-width:0 0 2 0;
}
.main_notice_dot1 {
	border-style:dotted;
	border-color:#e5e5e5;
	border-width:0 0 2 0;
}

.main_notice_solid {
	border-style:solid;
	border-color:#F3F2ED;
	border-width:0 1 0 0;
}

.main-review-bg {
	vertical-align: middle;
	background:#edf9f9;
	height:420px;
}

.main-review {
	margin:0 0 0 0;
	text-align: center;
}

.main-review-sub {
	margin:0 6 0 6;
	background:#ffffff;
}

.main-review-list ul{
	display: inline-block;
	width:1200px;
	list-style:none;
}

.main-review-list li{
	float:left;
	margin:0;
	padding:0;
	vertical-align: middle;
	width:300px;
	font-size:18px;
	background:#edf9f9;
}

.main-review-txt1 {
        padding-left:25px;
        padding-right:25px;
        padding-top:25px;
	height:50px;
	margin:0 0 0 0;
	font-size:16px;
	color:#330000;
        letter-spacing: -0.7px;
        line-height: 150%;
	font-weight:600;
	text-align: left;
}

.main-review-txt2 {
        padding-top:10px;
        padding-left:25px;
        padding-right:25px;
        padding-bottom:25px;
        line-height: 150%;
	margin:0 0 0 0;
	font-size:14.5px;
        letter-spacing: -0.4px;
	color:#330000;
	text-align: left;
}

#cs-bars-table {
	margin-top:20px;
	margin-bottom:20px;
	border-style:solid;
	border-color:#F3F2ED;
	border-width:0 0 1 0;
}

.cs-bar-title {
	font-size:21.5px;
        letter-spacing: -0.7px;
	text-align: left;
	font-weight:bold;
}

.cs-bar-sub-title {
	font-size:14px;
        letter-spacing: -0.4px;
	text-align: right;
	font-weight:400;
}
.cs-bar-sub-end {
	font-size:14px;
        letter-spacing: -0.4px;
	color:#ff4b6f;
	font-weight:600;
}

#travel-search-title-table {
	margin-top:20px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	border-style:solid;
	border-color:#F3F2ED;
	border-width:0 0 1 0;
}

.kakao_btn {
	background:#f6ea3a;
	color:#000000;
	width:248px;
        letter-spacing: -0.5px;
	text-align:center;
	vertical-align:middle;
	padding: 10 0 10 0;


}

.naver_btn {
	background:#75c641;
	color:#ffffff;
	width:248px;
        letter-spacing: -0.5px;
	text-align:center;
	padding: 10 0 10 0;
}

.join-txt {
	color:#686868;
}