/**************** 헤더 *******************/

/* 팝업 */
.modal {border-radius: 10px; box-shadow: 3px 3px 10px #121212; background-color:white; max-width:1000px;}
.modal .header {position:relative; border-top-left-radius: 10px; border-top-right-radius: 10px; height:45px;}
.modal a {display:block;}
.modal img{width:100%;}
/* .modal .header:hover { */
/* 	background-color:rgba(125,125,125,0.1); */
/* } */
.modal .header .close {position:absolute;  top:10px; right:15px;}
.modal .footer{text-align:right; padding:10px 15px 10px 0px; height: 45px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}

header {position: fixed; left: 0; top:0; right: 0; z-index: 300;}
.header_wrap {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 40px 0 50px; height: 100px; background: #fff}
.header_wrap:before {content: ""; height: 1px; background: rgba(0,0,0,.05); position: absolute; left: 0; right: 0; bottom: 0}
.header_wrap .logo {float: left; display: block; width: 320px; height: 55px; background: url('../images/logo_bk.png') no-repeat left top; background-size: 100%}
.header_wrap .menu {text-align: center;}
.header_wrap .menu li {display: inline-block; margin: 0 30px;}
.header_wrap .menu li a {display: inline-block; position: relative; font-family: 'Noto Sans KR'; font-size: 20px; color: #222; font-weight: 600;}
.header_wrap .menu li a:before {content: ""; height: 3px; background: #eb6101; position: absolute; left: 50%; right: 50%; bottom: -10px;
	 -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.header_wrap .menu li a.on:before {content: ""; height: 3px; background: #eb6101; position: absolute; left: 0; right: 0; bottom: -10px}
.header_wrap .menu li a:hover:before {content: ""; height: 3px; background: #eb6101; position: absolute; left: 0; right: 0; bottom: -10px}

.header_wrap .spot {display: flex; align-items: center; justify-content: center}
.header_wrap .spot li {position: relative; display: inline-block; margin: 0 10px; line-height: 1}
.header_wrap .spot li:before {content: ""; background: #ddd; width: 1px; height: 14px; position: absolute; right: -10px; top:50%; margin-top: -7px}
.header_wrap .spot li a {font-family: 'Noto Sans KR'; font-size: 14px;}
.header_wrap .spot li a.home {display: block; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/etc/bbs_home_bk.svg') no-repeat center center; background-size: 20px}
.header_wrap .spot li:last-child:before {display: none}

header.active {box-shadow: 0 20px 50px rgb(0 0 0 / 20%);}

header.trans .header_wrap {background: none}
header.trans .header_wrap:before {content: ""; height: 1px; background: rgba(255,255,255,.1); position: absolute; left: 0; right: 0; bottom: 0}
header.trans .menu li a  {color: #fff}
header.trans .header_wrap .spot li a.home {background: url('../images/etc/bbs_home.svg') no-repeat center center; background-size: 20px}


header .category {font-family: 'Noto Sans KR'; background: rgba(255,255,255,.95); display: none; box-shadow: 0 20px 50px rgb(0 0 0 / 20%);}
header .category:after {display: block; clear: both; content: ""}
header .category .category_box {width: calc(100%/5 - 3px); float: left; border-left: 1px solid rgba(0,0,0,.05);}
header .category .category_box:last-child { border-right: 1px solid rgba(0,0,0,.05);}
header .category ul {padding: 40px 0 60px 35px; min-height: 200px}
header .category .tit {color: #222; font-size: 18px; margin:0 0 20px; font-weight: 600}
header .category ul li {margin: 20px 0; font-size: 16px;}
header .category ul li a {color: #222;}
header .category ul li a:hover {color: #ff6000}

.btn_menu {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; position: absolute; left: 30px; top:50%; margin-top: -20px; display: none}
.btn_menu i {display: block; width: 30px; margin:2px auto; height: 2px; background: #999;}

/**************** 푸터 *******************/

footer {background-color: #f8f8f8; text-align: center; padding: 50px 0; line-height: 1.5}
.footer_top {margin-bottom: 30px}
.footer_top:after {display: block; clear: both; content: ""}
.footer_top .documentation  {display:flex; align-items: center; justify-content: center;}
.footer_top .documentation a {position: relative; display: block; font-size: 16px; margin: 0 15px}
.footer_top .documentation a:before {content: ""; width: 1px; height: 15px; background: #ddd; position: absolute; right: -15px; top:5px}
.footer_top .documentation a:last-child:before {display: none}
.footer_top .documentation .personal_data {color: #ff6001;}

footer .address {font-size: 14px}
footer .address:after {display: block; clear: both; content: ""}
footer .address p {display: block; margin-top: 5px; color: #9e9e9e; font-size: 14px; font-weight: 300}


/**************** 메인 *******************/

#index {background: #f5f5f5}
.w_wrap {position: relative; width: 1200px; margin: auto;}
.w_wrap:after {display: block; clear: both; content: ""}

.visual_wrap {height: 740px; background: url('../images/visual.jpg') no-repeat center center; background-size: cover; position: relative;}
.visual_wrap .title {padding-top: 290px; margin-bottom: 66px}
.visual_wrap .title h1 {position: relative; display: block; font-size: 60px; font-weight: 600; color: #fff; letter-spacing: -2px; padding-left: 110px; line-height: 1}
.visual_wrap .title h1:before {content: ""; position: absolute; left: -10px; top:50%; margin-top: -63px; display: block; width: 100px; height: 100px; background: url('../images/main/ico_bus.svg') no-repeat center center; background-size: 100% auto;}

.global_search .input_box {display: flex; align-items: center; justify-content:flex-start; margin:0 0 20px 10px}
.global_search .input_box li {display: flex; align-items: center; justify-content:center; margin-right: 20px}
.global_search .input_box label {color: #fff; margin-left: 10px; font-size: 20px}
.global_search .input_box input[type='radio'] {background: url('../images/etc/main_radio.svg') no-repeat center center; width: 26px; height: 26px;}
.global_search .input_box input[type='radio']:checked {background: url('../images/etc/main_radio_on.png') no-repeat center center; width: 26px; height: 26px;}

.global_search .search_box {position: relative; width: 55%; display: flex; align-items: center; justify-content: center; background: #fff; height: 75px; padding: 0 100px 0 30px; border-radius: 10px; overflow: hidden; box-sizing: border-box}
.global_search .search_box strong {position: relative; display: block; width: 185px; line-height: 1; font-size: 23px; padding-left: 35px; font-weight: 500}
.global_search .search_box strong:after {content: ""; position: absolute; right: 0; top:50%; margin-top: -10px; display: block; width: 1px; height: 20px; background: #ccc}
.global_search .search_box strong:before {content: ""; position: absolute; left: 0; top:50%; margin-top: -19px; display: block; width: 26px; height: 37px; background: url('../images/main/ico_location.svg') no-repeat center center; background-size: 100% auto;}
.global_search .search_box input {border: 0}
.global_search .search_box .btn {display: block; position: absolute; right: 0; top:0; bottom: 0; width: 75px; text-indent: -9999px; background:#ff6000 url('../images/ico/ico_search_wh.svg') no-repeat center center; background-size: 30px auto;}

.main_navi {background: #fff; width: 470px; position: absolute; right: -40px; top: 200px; box-sizing: border-box; border-radius: 30px; z-index: 1; box-shadow: 0 10px 20px 10px rgba(0, 0, 0, .1);}
.main_navi .a_link {position: relative; display: flex; width: 100%; height: 95px; padding: 0 40px; border-bottom: 1px solid #ddd; align-items: center; justify-content:flex-start; box-sizing: border-box}
.main_navi .a_link:before {content: ""; position: absolute; right: 40px; top:50%; margin-top: -10px; display: block; width: 15px; height: 20px; background: url('../images/ico/bbs_link.svg') no-repeat center center;}
.main_navi .a_link .ico {display: block; width: 50px; height: 50px; margin-right: 20px}
.main_navi .a_link .ico.ico_01 {background: url('../images/main/ico_01.svg') no-repeat center center; background-size: 100%}
.main_navi .a_link .ico.ico_02 {background: url('../images/main/ico_02.svg') no-repeat center center; background-size: 100%}
.main_navi .a_link .ico.ico_03 {background: url('../images/main/ico_03.svg') no-repeat center center; background-size: 100%}
.main_navi .a_link .ico.ico_04 {background: url('../images/main/ico_04.svg') no-repeat center center; background-size: 100%}

.main_navi .a_link strong {font-size: 25px; font-weight: 500}
.main_navi .a_link.last {border: 0}

.main_navi .emp {padding: 20px 40px 30px; border-bottom: 1px solid #ddd}
.main_navi .emp .a_link {border: 0; padding: 0}
.main_navi .emp .a_link:before {right: 0}
.main_navi .emp .a_link strong {font-size: 30px; font-weight: 600}

.main_navi .msg {color: #999; font-size: 18px; line-height: 1.4}
.main_navi .search_road {padding-left: 40px; background: url('../images/main/search_step.png') no-repeat left center; background-size: 23px}
.main_navi .search_road p {position: relative; padding-right: 50px; position: relative; margin: 10px 0}
.main_navi .search_road input {border: 0; background: #f3f3f3; border-radius: 10px; height: 55px}
.main_navi .search_road p .btn {display: block; width: 40px; height: 55px; position: absolute; right: 0; top:0; text-indent: -9999px}
.main_navi .search_road p .btn.ico_switch {background: url('../images/ico/ico_switch.svg') no-repeat center center; background-size: 40px}
.main_navi .search_road p .btn.ico_search {background: url('../images/ico/ico_search.svg') no-repeat center center; background-size: 34px}

/* 공지사항 */
.main_content {position: relative; padding-top: 150px; display: flex; justify-content:space-between; margin: 0 -10px}
.main_notice {width: calc( (100% / 3 ) * 2 ); margin: 0 10px}
.main_notice .head {position: relative; display: flex; width: 100%; height: 50px; align-items:baseline; justify-content:space-between; border-bottom: 1px solid #ddd; margin-bottom: 10px}
.main_notice .head .btn_more {display: block; padding: 10px; font-size: 14px; color: #999}
.main_notice .head h2 {font-size: 30px; font-weight:700; letter-spacing: -2px; line-height: 1}
.notice_list .row a {position: relative; display: flex; width: 100%; height: 55px; align-items: center; justify-content:flex-start; flex-grow: 1; padding-left: 20px; box-sizing: border-box}
.notice_list .row a:before {content: ""; width: 6px; height: 6px; background: #ff6000; border-radius: 50%; position: absolute; left: 0; top:50%; margin-top: -3px;}
.notice_list .row .date {display:inline-block; color: #999; width: 110px; font-size: 16px}
.notice_list .row strong {font-weight: 500; font-size: 18px; letter-spacing: -1px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.main_weather {background: #fff; width: calc(100% / 3); height: 270px; margin: 0 10px 0 25px; border-radius: 20px; box-sizing: border-box; padding:30px 40px 40px}
.weather_info {position: relative; display: flex; width: 100%; height: 90px; align-items:center; justify-content:space-between; border-bottom: 1px solid #ddd; padding-bottom: 15px}
.weather_info .icon {display: inline-block; width: 90px}
.weather_info .icon img {width: 100%}
.weather_info .temperature {font-size: 60px; font-weight: 500; width: 110px}
.weather_info .location {font-size: 16px;}
.weather_info .location p {font-size: 14px; margin-top: 10px}

.dust_info {padding-top: 25px}
.dust_info .head {display: flex; align-items:center; justify-content: space-between}
.dust_info .head span {font-size: 14px; color: #888}
.dust_info .head strong {font-weight: 600; font-size: 26px; line-height: 1}
.dust_step {display: flex; position: relative;}
.dust_step li {width: 25%; position: relative; padding-top: 30px}
.dust_step li:nth-child(1) span {background: #4bb9ff}
.dust_step li:nth-child(2) span {background: #81ceff}
.dust_step li:nth-child(3) span {background: #a5dcff}
.dust_step li:nth-child(4) span {background: #c9eaff}
.dust_step span {display: block; height: 10px; background: #ccc; margin: 0 1px}
.dust_step li:nth-child(1).on:before {content: ""; width: 14px; height: 14px; position: absolute; left: 50%; top:10px; margin-left: -7px; background: url('../images/etc/dust_arrow01.svg') no-repeat center center; background-size: 100%}
.dust_step li:nth-child(2).on:before {content: ""; width: 14px; height: 14px; position: absolute; left: 50%; top:10px; margin-left: -7px; background: url('../images/etc/dust_arrow02.svg') no-repeat center center; background-size: 100%}
.dust_step li:nth-child(3).on:before {content: ""; width: 14px; height: 14px; position: absolute; left: 50%; top:10px; margin-left: -7px; background: url('../images/etc/dust_arrow03.svg') no-repeat center center; background-size: 100%}
.dust_step li:nth-child(4).on:before {content: ""; width: 14px; height: 14px; position: absolute; left: 50%; top:10px; margin-left: -7px; background: url('../images/etc/dust_arrow04.svg') no-repeat center center; background-size: 100%}

.main_content.direct {padding: 120px 0 100px; max-width: 1220px; margin: auto}
.direct_block {
	position: relative; display: block; background: #fff; width: calc(100% / 3); margin: 0 10px; border-radius: 20px; height: 275px; padding: 80px 40px 0; box-sizing: border-box;
	 -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.direct_block .pic {width: 55%; position: absolute; top:-80px; right: 30px}
.direct_block .pic img {width: 100%}
.direct_block .head {border-bottom: 1px solid #ddd}
.direct_block .head h2 {font-size: 30px; font-weight:700; line-height: 1; padding-bottom: 20px}
.direct_block .txt {padding-top: 20px; line-height: 1.4; color: #777}
.direct_block .btn_more {position: absolute; right: 40px; bottom: 40px; display: block; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #ddd; text-indent: -9999px; background: url('../images/ico/bbs_arrow_gray.svg') no-repeat center center; background-size: 16px}

.direct_block:hover {background: #ff7522; color: #fff; background: linear-gradient(to right, #ff7522, #ffcc00);}
.direct_block:hover .head {border-color: #fff}
.direct_block:hover .txt {color: #fff}
.direct_block:hover .btn_more {border-color: #fff; background: url('../images/ico/bbs_arrow_wh.svg') no-repeat center center; background-size: 16px}


/* 관련사이트 */
.relation_wrap {background: #fff; height: 100px}
.main_banner {position: relative; height: 100px}
.main_banner h2 {margin-right: 20px; float:left; line-height: 100px}
.main_banner .play_btn {float:left;margin: 40px 0}
.play_btn ul {float:left; overflow:hidden; }
.play_btn ul li {float:left; margin-right:20px; cursor: pointer;}
.play_btn ul li a {display:block; width:10px; height:20px; text-indent:-9999px;}
.play_btn .btnPrev a {background: url('../images/etc/arrow_prev.svg') no-repeat center center; background-size: 100%}
.play_btn .btnNext a { background: url('../images/etc/arrow_next.svg') no-repeat center center; background-size: 100%}
.play_btn .btnAutoStop a { background: url('../images/etc/arrow_stop.svg') no-repeat center center; background-size: 100%}
.play_btn .btnAuto a { background: url('../images/etc/arrow_play.svg') no-repeat center center; background-size: 100%}

.slider_banner {position: absolute; right: 0; left: 240px; overflow: hidden}
.slider_banner .slider {display: flex}
.slider_banner .slider li {margin: 20px 50px 20px 0}


/* menu */
.menu_dim {position: fixed; left: 0; right: 0; top:0; bottom: 0; width: 100%; background: rgba(0,0,0,.5); z-index: 1600; display: none;}
.menu_wrap {width: 80%; background: rgba(255,255,255,.95); position: absolute; right: 0; top:0; bottom: 0; right: -290px;-ms-overflow-style: none; z-index: 50}
.menu_wrap::-webkit-scrollbar{ display:none; }
.menu_wrap .head {position: relative; height: 60px; text-align: center;}
.menu_wrap .head h2 {display: none; line-height: 100px; }
.menu_wrap .head a{display: block; width: 20px; height: 20px; position: absolute; background-size: contain;}
.menu_wrap .head .logo {width: 210px; height: 55px; background: url(../images/logo_bk.svg) no-repeat center center; background-size: 100%; margin: 15px 0 0 20px;}
.menu_wrap .head .btn_close {top: 35px; right: 15px; background:url('../images/btn/btn_close.svg') no-repeat center center; }
.menu_wrap.hotel .menu_list .row .link {padding: 30px 0 25px}
.menu_wrap.hotel .menu_list .row p {margin-top: 5px}

.menu_list {margin-top: 30px}
.menu_list .row {display: block; border-bottom: 1px solid #000}
.menu_list .row .link {position: relative; display: block; padding: 80px 0; text-align: center}
.menu_list .row h2 {}
.menu_list .row h2 img {height: 32px}
.menu_list .row p {font-family: 'Poppins'; font-size: 10px; letter-spacing: 1px; font-weight: 300; color: #000; line-height: 1.4em; margin-top: 10px}
.menu_list .row p .bar {font-size: 8px; display: inline-block; height:9px; overflow: hidden; position: relative; top:1px}
.menu_list .row.membership p {font-family:'NotoSerifKR'; letter-spacing: 0}


.depth_menu li {display: block; border-bottom: 1px solid rgba(0,0,0,.05); padding: 20px; margin: 0 10px}
.depth_menu li:last-child {border-bottom:0; border-radius: 5px}
.depth_menu li a {display: block; color: #555;  text-transform: uppercase; font-weight: 400; font-size: 15px;}
.menu_wrap.hotel .menu_list .row.menu_in .link:before {content: ""; display: block; width: 15px; height: 15px; background: url('../images/common/arrow_down.svg') no-repeat center center; background-size: 100%; position: absolute; right: 20px; top:50%; margin-top: -7px}
.menu_wrap.hotel .menu_list .row.menu_in.active .link:before  {background: url('../images/common/arrow_up.svg') no-repeat center center; background-size: 100%;}


/*accordion*/
.drawer{width:100%;}
.accordion-item{}
.accordion-item-active{}
.accordion-item-active .accordion-header{transition:.25s; background-color: #ff6000; border-radius: 5px; color: #fff;}
.accordion-header{ background-color: rgba(255,255,255,1); margin: 10px 10px 0 10px; padding: 20px; border-radius: 5px;}
.accordion-header h2{font-size: 2.4rem; font-weight: 500;}
/*
.accordion-item-active .accordion-header h1 {color:#089292;}
.accordion-header h1 {
	color: #fff;
    display: block;
    font-size: 16px;
    padding: 18px 15px;
}
*/
.accordion-item-active .accordion-header-icon {background:url(../images/common/arrow_up.svg) no-repeat center center; background-size: contain;}
.accordion-header{position: relative; cursor:pointer; transition:.25s;}
.accordion-content
{
	display:none;
}
/* .accordion-content a {border-bottom: 1px solid #09a3a3;} */
/*
.accordion-content p
{
	margin:0;
	margin-bottom: 3px;
}
*/
.accordion-header-icon
{
	position: absolute; 
	top: 20px;
	right: 20px;
	display: block;
	text-indent: -9999px;
	background: url('../images/etc/bbs_select.svg') no-repeat; background-size: 15px;
}

.accordion-header-icon.accordion-header-icon-active
{
	background: url('../images/etc/bbs_select_wh.svg') no-repeat; background-size: 15px;
}

/*
.wh_head {background: #fff; padding: 40px 0; border-bottom: 1px solid #1c9696}
.menu_list .ci {width: 150px; margin:0 auto 30px}
.menu_list .ci img {width: 100%}
.menu_list {position:absolute; width:320px; top:0; left:0; bottom:0; overflow-y: scroll;}
.menu_list .in_container {padding: 0 0 100px; min-height: 800px}
.menu_list ul {display:block; margin: 0;}
.menu_list li {display:block;}
.menu_list li.top {margin-top: 30px}
.menu_list li.etc a {font-size:13px}
.menu_list h1.logo {width:320px; height:100px; padding-top:20px; background-color:#ffd800; border-bottom:1px dotted #ddd}
.menu_list a {color:#fff; display:block; font-size:14px; padding: 15px;}
.menu_list .depth02 {}
.menu_list .depth02 a {font-size:13px; margin:0 20px; color:#ccc; letter-spacing:1px; display:block; padding:7px 0; margin: 0}
.menu_list a.btn_close {display:inline-block; width:20px; height:20px; position:fixed; top:5px; right:5px; padding:0; padding: 10px; background:url(../images/btn/btn_header_close.png) no-repeat center center; background-size: 20px}
a.btn_close {display:inline-block; width:50px; height:50px; background:url(../images/btn/btn_close.png) no-repeat 0 0;}
*/

@media screen and (max-width: 768px) {
	.accordion-header h2{font-size: 16px;}
	.accordion-header-icon {width:16px; height:16px;}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}