@charset "utf-8";

/* font-weight:400-regular / 500-medium / 700-bold */

/* Skip */
#skip {height:0}
#skip a {text-align:center; display:block; position:absolute; left:0; top:-100px; width:100%; height:1px;}
#skip a:focus,#skip a:active {font-size:20px; font-weight:700; color:#000000; line-height:42px; position:absolute; top:0; height:42px; background:#FFFFFF; z-index:1000;}


/* Layout */
#wrap {position:relative; min-width:1280px;}
.main #container {padding-bottom:360px;}
#container {padding-bottom:520px;}

#contents {}


/* Common */
.blind {display:none;}
.inner {width:1280px; margin:0 auto;}
#fp-nav {display:none !important;}/* 오픈소스 제거요소 fullpage css 자동 생성 제거*/


/* Font */
/* Font Size */
.font_20 {font-size:20px;}
.font_24 {font-size:24px;}
/* Font-Color*/
.font_deepgreen {color:#004D45;}
.font_green {color:#019882;}
.font_red {color:#D20916;}
.font_black {color:#111111;}
/* Font_Weight*/
.font_regular {font-weight:400;}
.font_medium {font-weight:500;}
.font_bold {font-weight:700;}
/* Font_etc */
.note {font-size: 15px; font-weight: 400; font-style: normal; color: #888888;}


/* Header */
#header {width:100%; min-width:1280px; background:rgba(255, 255, 255, 0); border-bottom:1px solid rgba(225, 225, 225, 0); padding:0px 80px; position:fixed; top:0; display:flex; justify-content:space-between; -webkit-transition:background 0.3s; transition:background 0.3s; z-index:999;}
#header .logo .dreamtour {width:214px; height:28px; background:url(http://img.hyundaidreamtour.com/images/tour/co_main/hddt2024/web/logo_hddt_w.png)no-repeat; margin:33px 0; text-indent:-9999px; overflow:hidden; display:block;}
#header .gnb {display:flex; flex-wrap:wrap;} 
#header .gnb a {-webkit-transition:all 0.2s ease-in; transition:all 0.5s ease-in;}
#header .gnb a:hover {color:#004D45;}
#header .gnb .nav {display:flex; margin-right:40px;}
#header .gnb .nav > li {text-align:center; flex:0 0 auto;}
#header .gnb .nav > li > a {font-size:20px; font-weight:500; color:#FFFFFF; line-height:94px; display:inline-block; padding:0 10px; width:168px;}
#header .gnb .nav .submenu {font-size:16px; font-weight:400; text-align:center; margin:0 10px;  padding:40px 0; display:none; }
#header .gnb .nav .submenu:after {content:''; display:block; position:absolute; top:94px; left:0; right:0; border-top:1px solid rgba(225, 225, 225, 0); }
#header .gnb .nav .submenu li a {display:block; color:#FFFFFF;}
#header .gnb .nav .submenu li + li {margin-top:20px;}
#header .gnb .group {display:flex; gap:20px; margin-top:32px;}
#header .gnb .group .outlink {font-size:14px; font-weight:400; color:#FFFFFF; padding-right:20px; position:relative;}
#header .gnb .group .outlink:after {content:''; width:12px; height:12px; background:url('http://img.hyundaidreamtour.com/images/tour/co_main/hddt2024/web/ico_w_link.svg') no-repeat; position:absolute; right:0; top:50%; transform:translateY(-50%);}
#header.fixed{background:rgba(255, 255, 255, 1); border-bottom:1px solid rgba(225, 225, 225, 1);}
#header.fixed .logo .dreamtour{background:url(http://img.hyundaidreamtour.com/images/tour/co_main/hddt2024/web/logo_hddt.png)no-repeat;}
#header.fixed .nav > li > a:hover, #header .gnb .nav .submenu li a:hover {color:#004D45 !important;}
#header.fixed .gnb .nav > li > a {color:#111111;}
#header.fixed .gnb .nav .submenu li a { color:#111111;}
#header.fixed .gnb .nav .submenu:after  { border-top:1px solid rgba(225, 225, 225, 1); }
#header.fixed .gnb .group .outlink{color:#888888; }
#header.fixed .gnb .group .outlink:after{background:url('http://img.hyundaidreamtour.com/images/tour/co_main/hddt2024/web/ico_gray_link.svg') no-repeat; }


/* Footer */
#footer {background:#E9E9E9; position:absolute; left:0; right:0; bottom:0;}
#footer .inner {margin:50px auto;}
#footer .link {font-size:16px; font-weight:500; display:flex; gap:20px; padding-bottom:10px; border-bottom:1px solid #D6D6D6;}
#footer .footerinfo {margin-top:30px; zoom:1;}
#footer .footerinfo:after {content:''; display:block; clear:both;}
#footer .footerinfo .company {font-size:15px; float:left;}
#footer .footerinfo .company span + span {display:inline-block; margin-left:20px;}
#footer .footerinfo .company a:hover {text-decoration:underline; color:#111111;}
#footer .footerinfo .copy {color:#888888; margin-top:24px;}
#footer .footerinfo .footerlogo {margin-top:30px;}
#footer .footerinfo .footerlogo span {display:inline-block;  margin-left:20px;}
#footer .dropdown {display:inline-block; float:right; position:relative; z-index:1000;}
#footer .dropdown .button {font-size:16px; color:#FFFFFF; line-height:60px;  width:230px; background:#111111; border-radius:30px; padding:0 30px; display:block; position:relative;}
#footer .dropdown .button:after {content:''; width:12px; height:6px; position:absolute; top:50%; right:30px; transform:translateY(-50%) ;background:url('http://img.hyundaidreamtour.com/images/tour/co_main/hddt2024/web/ico_w_dropdown.svg') no-repeat; transition:transform 0.3s ease; }
#footer .dropdown .button:hover, #footer  .dropdown.active .button { }
#footer .dropdown .layer {display:none; background:#111111; border-radius:30px; position:absolute; bottom:100%; right:0; left:0; margin:0 0 2px; padding:30px 6px 30px 30px;}/* 밑으로 내릴경우 top:100% */
#footer .dropdown .layer ul {widows:100%; height:480px; overflow-y:scroll;}
#footer .layer ul::-webkit-scrollbar {width:6px; margin-right:10px;}
#footer .layer ul::-webkit-scrollbar-thumb {background:rgba(255, 255, 255, 0.35); border-radius:3px;}
#footer .layer ul::-webkit-scrollbar-track {border-radius:3px;}
#footer .dropdown .layer li > a {font-size:16px; color:#FFFFFF; padding:5px 0; display:block;}
#footer .dropdown .layer li > a:hover, .ui.dropdown .layer li.active > a {}
#footer .dropdown.active {z-index:1;}
#footer .dropdown.active .button:after {transform:rotate(180deg);}
#footer .dropdown.active .layer {display:block;}

@media all and (min-width:1024px) and (max-width:1335px) {
	#header{padding:0 40px;}
	#header .gnb .nav {margin-right:40px;}
	#header .gnb .nav > li > a{width:140px;}	
}

@media all and (min-width:1336px) and (max-width:1535px) {
	#header{padding:0 40px;}
	#header .gnb .nav {margin-right:40px;}
	#header .gnb .nav > li > a{width:140px;}

}