@charset "utf-8";

:root {
    --height-header : 90px;
    --height-gnb : 45px;
    --width-sidebar : 220px;
}

body,input,textarea,select,button,table{font-family:'Pretendard','Open Sans',AppleGothic,helvetica,sans-serif;font-size:14px;line-height:1.75em;color:#242424;word-break:keep-all;-webkit-text-size-adjust:none;padding: 0.15rem 0.25rem; border-radius: 0 !important ;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {    margin-top: 0;    margin-bottom: 0;    }

a{
	color:inherit;
	text-decoration:none; text-decoration:none !important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	color:inherit;
	text-decoration:underline;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#878787;}
:-moz-placeholder {color:#878787;}
::-moz-placeholder {color:#878787;}
:-ms-input-placeholder {color:#878787;}
:placeholder-shown {color:#878787;}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.input {height:40px; padding:6px 16px; color:#000; font-size:15px; line-height:1.5em; border:1px solid #ddd;}
.input[readonly] {background-color:#e8e8e8; color:#aaaaaa;}

select.form-control {padding-right:40px; background:#fff url('../images/select.png') right 10px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select.form-control::-ms-expand {display:none;}

.form-control {font-size:14px; padding:0.35rem 0.75rem;border:1px solid #aaa}
.form-control-sm {font-size:12px; padding:0.1rem 0.5rem;border:1px solid #aaa}
.input-group .input-group-text, .input-group .form-select {border:1px solid #aaa}
.form-inline, .inline-block {display:inline-block;}
.display_block {display:block;}
.hide {display:none;}
.underline {text-decoration:underline !important;}

.clearfix:after {content:" "; display:block; clear:both;}
.fl {float:left;}
.fr {float:right;}

.fs-11 {font-size:11px !important;}
.fs-12 {font-size:12px !important;}
.fs-14 {font-size:14px !important;}
.fs-16 {font-size:16px !important;}
.f-w-300 {font-weight:300 !important;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}

.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}

.mgl30 {margin-left:30px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}

.pdl30 {padding-left:30px !important;}
.pdl10 {padding-left:10px !important;}
.pd5 {padding:5px 5px !important;}
.wd-20  {width:20px !important;}
.wd-30  {width:30px !important;}
.wd-40  {width:40px !important;}
.wd-50  {width:50px !important;}

.wd-70  {width:70px !important;}
.wd-80  {width:80px !important;}

.wd-100  {width:100px !important;}
.wd-120  {width:120px !important;}
.wd-150  {width:150px !important;}
.wd-200  {width:200px !important;}
.wd-220  {width:220px !important;}
.wd-250  {width:250px !important;}
.wd-300  {width:300px !important;}
.wd-400  {width:400px !important;}

.btn {border-radius: 0 !important ;}
.btn-default {background:#fff; border:1px solid #ddd}
.btn-default:hover {background:#f2f2f2;}

.btn-xs {font-size:12px; line-height:1.2em; padding:6px}
.btn-md {font-size:14px; padding:0.35rem 0.75rem;}

.btn-warning {
    --bs-btn-color: #444;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #444;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #444;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #444;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}
.btn-info {
    --bs-btn-color: #444;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #444;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #444;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #444;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.required { color: #ff586b; font-weight:bold}

.th { background: #2e4055 !important; color:#fff !important}

.tb-list th {background:#2e4055; color:#fff; font-size:11px; line-height:1.2em;font-weight:500; text-align:center; vertical-align:top;}
.tb-list td  { height:20px;font-size:11px; line-height:1.4em; padding: 0.4rem 0.4rem;}

.tb-list.sm th {font-size:11px; background:#2e4055; color:#fff; font-weight:500; text-align:center; vertical-align:top;}
.tb-list.sm td  { height:18px;font-size:11px;line-height:1.4em;padding: 0.1rem 0.1rem;}

.pagination {margin:0.75rem 0 !important; padding:0; display:flex; justify-content:center;}
.pagination .prev {background:url('/images/page_prev.svg') 50% 50% no-repeat; background-size:20px auto;}
.pagination .next {background:url('/images/page_next.svg') 50% 50% no-repeat; background-size:20px auto;}
.pagination .page-link {display:flex; align-items:center; justify-content:center; padding:0 .75rem; min-width:38px; height:38px; margin:0 3px !important; color:#666; border-radius:100% !important;}
.pagination .page-item.active .page-link {color:#fff}

/* 버튼 */
.buttons {margin-top:25px;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fr .btn-pack {margin-right:2px;}
.buttons .fl {float:left;}
.buttons .fl .btn-pack {margin-left:2px;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:0;}



/* login */
.login-wrap {position:relative; display:flex; align-items:center; width:100%; height:100vh; justify-content:center;}
.login-wrap:after {content:"";position:absolute; top:0; left:0; width:100%; height:49%; background:#f1f1f1; z-index:-1}
.login-wrap h1 {text-align:center;  line-height:1.4em; color:#242424; font-weight:400; margin-bottom:30px; display:block;}
.login-wrap h1 strong {font-weight:500;}
.login-wrap .login-box {border:1px solid #ddd; padding:50px 100px; max-width:700px; width:100%; margin:0 auto; background:#fff;}
.login-wrap .login-box .txt {text-align:center; margin-bottom:20px;}
.login-wrap .input-box {position:relative; padding-right:100px;}
.login-wrap .input-box ul li {margin-bottom:4px; display:flex;}
.login-wrap .input-box ul li .tit {width:120px; border:1px solid #ddd; padding-left:20px; height:40px; display:flex; align-items:center; border-right:0;}
.login-wrap .input-box ul li .input {position:relative; flex:1 1 auto; min-width:0; width:1%; padding-left:40px;}
.login-wrap .input-box ul li .input::placeholder {color:#946563;font-style: italic;}
.login-wrap .input-box ul li .input.id {background:url('../images/login_id.png') 10px 50% no-repeat;}
.login-wrap .input-box ul li .input.pw {background:url('../images/login_pass.png') 10px 50% no-repeat;}
.login-wrap .input-box ul li:last-child {margin-bottom:0;}
.login-wrap .input-box .submit {width:96px; height:100%; font-size:14px; line-height:1.4em; color:#fff;font-weight:700; background:#3a4799 url('../images/login_key.png') 50% 26px no-repeat; position:absolute; top:0; right:0; padding-top:24px; border:0;}
.login-wrap .txt2 {text-align:center; margin-top:5px;}

/* 반응형 로그인 추가 */
@media (max-width: 768px) {
    .login-wrap {
        height: 90%;
        padding: 50px 20px;
        align-items: flex-start; /* 모바일에서는 상단 정렬 혹은 중앙 정렬 선택 */
        min-height: 100vh;
    }
    .login-wrap .login-box {
        padding: 30px 20px; /* 내부 패딩 축소 */
        max-width: 100%;
        width: 100%;
    }
    .login-wrap .input-box {
        padding-right: 0; /* 오른쪽 여백 제거 (버튼 위치 변경 고려) */
    }
    .login-wrap .input-box ul li .tit {
        width: 80px; /* 타이틀 너비 축소 */
        padding-left: 10px;
    }
    .login-wrap .input-box .submit {
        position: static; /* 버튼을 흐름에 맞게 배치 */
        width: 100%;
        height: 50px;
        margin-top: 10px;
        /* 배경 아이콘 위치 수정: 왼쪽(20px) 수직중앙(50%) */
        background-position: calc(50% - 50px) 50%;
        padding-top: 0;
    }
}

/* header */
#wrapper {min-height:100vh; background:#f9f9f9; min-width:1800px !important;}

#header {position:relative; display:flex; align-items:center; justify-content:space-between; height:var(--height-header); color:#fff; padding:0 30px; background:url('../images/bg_top.jpg') 50% 50% no-repeat; background-size:cover;}
.header .top {height:85px; position:relative; background:url('../images/bg_top.jpg') 50% 50% no-repeat; background-size:cover; padding:0 20px;}
.header .top .sitelogo a {display:inline-block; font-size:22px; line-height:85px; color:#fff;}
.header .top h2 a {display:inline-block; font-size:30px; line-height:85px; color:#fff;}
.header .top .util {position:absolute; top:15px; right:20px; display:flex; align-items:center; justify-content:flex-end; }
.header .top .util p {margin-right:10px; font-size:12px; line-height:1.3em; color:#fff;}
.header .top .util ul {display:flex; margin:0 -2px;}
.header .top .util ul li {padding:0 2px;}
.header .top .util ul li .btn{border-radius:4px; padding:0 6px; font-size:12px; line-height:22px;}

.sitelogo {font-size:24px; font-weight:700; line-height:1.33em;}

.header-title {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:30px; font-weight:700; line-height:1.33em;}

.top-links {text-align:right;}
.top-links .badge {border-radius:1rem; margin-top:-.02em; top:0; vertical-align:middle;}

.gnb {position:-webkit-sticky; position:sticky; top:0; background:#10132a; z-index:50;}
.gnb ul {list-style:none; margin:0; padding:0;}
.gnb > ul{display:flex; justify-content:center;}
.gnb > ul > li {position:relative; width:11%; text-align:center; border-right:1px solid rgba(255,255,255,.3);}
.gnb > ul > li:first-child {border-left:1px solid rgba(255,255,255,.3);}
.gnb > ul > li > a {display:flex; flex-direction:column; justify-content:center; align-items:center; height:var(--height-gnb); color:rgba(255,255,255,.8); font-size:15px; font-weight:500; line-height:1.2em; text-decoration:none;}
.gnb > ul > li.active {background:rgba(10,88,202,.5)}
.gnb > ul > li.active > a {color:#fff;}
.gnb .submenu {display:none; position:absolute; left:0; width:100%; padding:10px 15px; background:rgba(16,19,42,.9);}
.gnb .submenu .line {border-bottom:1px dotted rgba(255,255,255,.2); margin:10px 0;}
.gnb .submenu a {display:inline-block; padding:5px 0; text-align:center; font-size:14px; font-weight:300; line-height:1.33em; color:rgba(255,255,255,.8); text-decoration:none;}
.gnb .submenu a:hover {color:#fff;}
.gnb .fa {margin-right:4px;}
.gnb .fa-money {color:#ffde00}
.gnb .fa-camera-retro {color:#ff761a}
.gnb .new {font-size:11px; font-weight:300; color:#ff761a}

#container {position:relative; display:flex; min-height:calc( 100vh - var(--height-header) - var(--height-gnb) );}

.sidebar {position:relative; width:var(--width-sidebar); background:#fff; box-shadow:rgba(50,50,93,.02) 0 2px 5px -1px, rgba(0,0,0,.05) 0 1px 3px -1px, 0 5px 6px -3px rgba(0,0,0,.25); transition:.2s; z-index:30;}
.sidebar.is-hidden {margin-left:calc(0px - var(--width-sidebar));}
.sidebar.is-hidden .sidebar-arrow {left:0; background-image:url("../images/icon_arrow_right.svg");}

.sidebar-arrow {position:fixed; top:50%; left:var(--width-sidebar); width:22px; height:50px; border:0; background-color:rgba(21,39,59,.8); background-image:url("../images/icon_arrow_left.svg"); background-repeat:no-repeat; background-position:50% 50%; background-size:22px auto; border-radius:0 4px 4px 0; transition:.2s;}

.sidebar-nav {position:-webkit-sticky; position:sticky; top:var(--height-gnb); align-self:self-start;}
.sidebar-nav ul {list-style:none; margin:0; padding:0;}
.sidebar-nav>ul>li {border-bottom:1px solid #d0d8e4;}
.sidebar-nav>ul>li>a {position:relative; padding:12px 20px; display:block; color:#242424; font-size:15px; font-weight:500; line-height:1.3em;}
.sidebar-nav>ul>li.has-submenu>a:after {content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:8px; height:8px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c;}
.sidebar-nav>ul>li.active>a {color:#070f4b;font-weight:600; background:#bcc6f3;}
.sidebar-nav>ul>li.has-submenu.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#070f4b;}
.sidebar-nav .submenu {display:none; margin:-1px 0 0 0; padding:10px 20px;}
.sidebar-nav .submenu>ul>li>a {display:flex; padding:6px 0; color:#242424; font-size:14px; line-height:1.3em;}
.sidebar-nav .submenu>ul>li>a:before {content:"-"; min-width:10px;}
.sidebar-nav .submenu>ul>li.on>a{color:#281c9d; text-decoration:underline;}


/* content */
.container-wrap {margin-left:204px; min-height:100%}

.content-wrapper {flex:1 1 auto; min-width:0; width:1%;}

.content-header {display:flex; align-items:center; justify-content:space-between; padding:15px 30px; background:#fff; border-bottom:1px solid #e5e5e5;}
.content-header h1 {margin-bottom:0; font-weight:700; color:#242424; font-size:24px; line-height:1.33em; letter-spacing:-.03em;}

.content-body {padding:20px;}

.card .card-header {min-height:40px; vertical-align:middle}
.card .card-header .card-title {margin-top:.1rem; margin-bottom:0; font-size: 1.25rem; font-weight:600;}
.card .card-body ol:last-child,
.card .card-body ul:last-child,
.card .card-body p:last-child {margin-bottom:0;}
.card .card-body ol,
.card .card-body ul {padding-left:1.2em;}

/* 현지 투어 하단 테이블 td */
.td_day {
    width: 100px !important;
    max-width: 90px !important;
    min-width: 90px !important;
	padding: 0 !important;
	font-size:11px !important;

}

/* modal */
.modal-title {font-weight:600 !important; color:#eee;}

/* aside popup */
.popup-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.75); z-index:999;}
.popup-inner {display:none; position:fixed; top:0; right:-1000px; width:850px; height:100%; background:#e7e9ed; z-index:1000;}
.popup-content {position:absolute; top:0; left:0; width:100%; height:100%; padding:25px; overflow:auto;}
.popup-close {position:absolute; top:0; left:-50px;  width:50px; height:50px; background:#3bafda url("/html/admin/images/close.svg") 50% 50% no-repeat; background-size:50%; font-size:0; line-height:0; text-indent:-999em; border:0; z-index:10;}

.pop-layer {display:none; min-width:400px; padding:25px;}
.pop-layer .pop-title {border-bottom:1px solid #ddd; padding-bottom:15px; color:#333; font-size:20px; font-weight:500; line-height:1em;}
.pop-layer .pop-content {padding:25px 0 0 0; font-size:14px; line-height:1.6em;}
.pop-layer .pop-close {position:absolute; right:20px; top:18px; width:32px; height:32px; opacity:0.3;overflow:hidden;text-indent:-999em;}
.pop-layer .pop-close:hover {opacity:1;}
.pop-layer .pop-close:before, .pop-layer .pop-close:after {position: absolute;top:2px;left: 15px;content: ' ';height:27px;width: 2px; background-color: #333;}
.pop-layer .pop-close:before {transform:rotate(45deg);}
.pop-layer .pop-close:after {transform:rotate(-45deg);}

.icon-custom {position:relative;width:20px;height:20px;font-size:11px;line-height:20px;text-align:center;font-weight:800;border-radius:100%;display:inline-block}
.icon-custom.pickup {top:0px;left:0px;background:#ff9900;color:#fff;}
.icon-custom.sending {top:0px;left:0px;background:#6699ff;color:#fff;}

/*아코드언 title 여백 조정 */
.accordion-button { padding: 0.5rem;}

.cate-nav {*zoom:1; background:#3bafda; list-style:none; margin:0; padding:8px 14px;}
.cate-nav:after {content:" "; display:block; clear:both;}
.cate-nav li {float:left; padding:2px 1px; }
.cate-nav li a {display:block; color:#fff; padding:5px 13px;}
.cate-nav li.active a {background:#fff; border-radius:20px; color:#1164c2}
.cate-nav li.col {width:200px}
.cate-nav .badge {margin-left:5px; background:#ffc000; font-weight:500;}

/**** 셀렉트 search li의 padding 조정 **/
.select2-container {font-size:12px !important};
.select2-dropdown {min-width:300px;}

.select2-results__option {padding:2px 4px  !important}
.select2-results__options {
   min-height: 500px;
}
.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}
.select2-selection__rendered {
    height: 29px !important;  _line-height: 31px !important;
}
.select2-container .select2-selection--single {
   height: 29px !important;  _height: 35px !important;
}
.select2-selection__arrow {
    height: 29px !important;  _height: 34px !important;
}
/* 포트폴리오 용 */
.yearly-calendar {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; font-weight:300;}
.yearly-calendar td {padding:3px; background:#fff;}
.yearly-calendar thead th {padding:5px;  width:3%; background:#d9534f; color:#fff; text-align:center;}
.yearly-calendar thead th:last-child {padding:5px;  width:3%; background:#333; color:#fff; text-align:center;}

.yearly-calendar tbody td {text-align:center; border-right:1px dashed #ddd; border-bottom:1px solid #ddd;}
.yearly-calendar tbody td.month {background:#666 !important; color:#fff; text-align:center; border:0;}
.yearly-calendar tbody td.t {background:#eee; text-align:right; border:0;}
.yearly-calendar tbody td.t span {display:inline-block;padding:2px; color:#fff; font-size:8pt; background:#337ab7 !important;}
.yearly-calendar tbody td.growth {background:#666 !important; color:#fff; text-align:right; border:0;}
.yearly-calendar tbody td.growth b {font-weight:700;}
.yearly-calendar tbody td:hover {background:#f4f4f4;}
.yearly-calendar tbody td.on {background:#ecfdff}
.yearly-calendar tbody td.on:hover {background:#d1faff}

.comment-bar {margin:1px 0; padding:3px; border-radius:3px; background:rgba(70,0,0,0.3); color:#ffffff;}

.air-nav {*zoom:1; list-style:none; margin:0 -2px; padding:0;}
.air-nav:after {content:" "; display:block; clear:both;}
.air-nav li {float:left; padding:2px; margin:0; height:42px}
.air-nav li a {display:block; background:#7e878f; color:#fff; padding:5px 13px 5px 10px; border-radius:6px; overflow:hidden;}
.air-nav li.active a {background:#d9534f;}
.air-nav img {width:40px; border-radius:40px;}

.snapshot-cate {border-radius:20px; box-shadow:1px 0 1px #eee; border:1px solid #ccc; overflow:hidden;}
.snapshot-cate .tot {float:left; padding:6px 12px; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle;}


.scroll-top {    position: fixed;    display: none;    bottom: 20px;    right: 20px;    width: 42px;    height: 42px;    font-size: 14px;    font-weight: 500;    line-height: 42px;    background: #333;    opacity: .6;    border-radius: 4px;    color: #fff !important;    text-decoration: none !important;    text-align: center;    z-index: 100;}
/* 실시간 예약자 검색 */
.search-ac {	position:absolute; 	/*top:120; 	left:20; */width:1000px;  padding:10px 0 0;   display: none;      z-index: 10;  padding :0px  background: #fdfdfd;  border: 1px solid;  border-color: #cbcfe2 #c8cee7 #c4c7d7;  border-radius: 3px;  background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);  background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);  background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);  background-image: linear-gradient(to bottom, #fdfdfd, #eceef4);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  -webkit-padding-start: 0px;}
.search-ac li {list-style:none; padding : 3px 10px}
.search-ac li a {padding:0px; font-size:12px; }
.search_value: focus {display:inline-block;}

.loading-spinner { width: 100%; height: 100%; top: 0; left: 0; display: none; opacity: .6; background: silver; position: absolute; z-index: 2; }
.loading-spinner div { width: 100%; height: 100%; display: table; }
.loading-spinner span { display: table-cell; text-align: center; vertical-align: middle; }
.loading-spinner img { background: white; padding: 1em; border-radius: .7em; }

.guest-product-info .card-heading {background:#fcf8e3;}
.guest-product-info .card-heading h2 {margin:0; color:#111; font-size:18px; line-height:normal;}
.guest-product-info .card-body {border-top:1px solid #ddd;}
.guest-product-info .card-body .info .col {padding-top:15px;}
.guest-product-info .price {text-align:center;}
.guest-product-info .price a {display:block; padding:3px; font-size:13px; border:1px solid #ccc; color:#666; border-radius:4px; background:#f9f9f9;}
.guest-product-info .price a:hover {border:1px solid #bbb; background:#f4f4f4;}
.guest-product-info .price p {margin:3px 0;}
.guest-product-info .price .label {margin-right:4px;}
.guest-product-info .price strong {color:#ca2222; font-weight:500;}
.guest-product-info .card-footer {color:#555;}
.guest-product-info .card-footer ul {list-style:none; padding:0; margin:0 -15px;}
.guest-product-info .card-footer ul li {display:inline-block; margin:0 15px;}
.guest-product-info .card-footer .row {padding:2px 0; color:#777;}
.guest-product-info .card-footer .price a {background:#fff;}
.guest-product-info .card-footer .price a:hover {background:#fcf8e3; border:1px solid #beb47e;}
.guest-product-info .card-footer .price strong {color:#333}

.guest-product-title {position:relative; padding:0 190px; margin:0 0 22px; z-index:10;}
.guest-product-title h2 {text-align:center; color:#000; font-size:36px; font-weight:400; line-height:1.3em;}
.guest-product-title .brochure {position:absolute; top:2px; right:0; width:180px;}
.guest-product-title .brochure .toggle {position:relative; display:block; padding:0 15px 0 0; text-decoration:none !important; background:#469ec7; text-align:center; color:#fff; font-size:14px; line-height:40px; font-weight:500;}
.guest-product-title .brochure .toggle i {position:absolute; top:13px; right:20px;}
.guest-product-title .brochure ul {display:none; background:#f9f9f9; list-style:none; margin:0; padding:10px 10px 10px 20px; border:1px solid #eee; border-top:0;}
.guest-product-title .brochure ul li {padding:3px 0;}
.guest-product-title .brochure ul li a {display:inline-block; color:#666; font-size:14px; line-height:18px; word-break:break-all;}

.guest-product-list {margin:0 0 40px; overflow:hidden;}
.guest-product-list > ul {padding:0; margin:0 -13px; list-style:none;}
.guest-product-list > ul:after {content:"";display:block;clear:both;}
.guest-product-list > ul > li {float:left; width:33.33333333%; padding:0 13px 26px;}
.guest-product-list > ul > li:nth-child(3n+1) {clear:left;}
.guest-product-list .card {border:1px solid #ddd;}
.guest-product-list .thumb {position:relative; height:0; padding-bottom:68.2%;}
.guest-product-list .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.guest-product-list .title-wrap {position:absolute; color:#fff; font-size:18px; font-weight:300; line-height:20px; letter-spacing:-.03em; z-index:2;}
.guest-product-list .title-wrap .title small {display:inline-block; margin:0 0 4px; font-size:12px;}
.guest-product-list .title-wrap.type1 {top:0; left:0; display:table; width:100%; height:100%; text-align:center;}
.guest-product-list .title-wrap.type1 .title-inner {display:table-cell; width:100%; height:214px; vertical-align:middle; padding:19px;}
.guest-product-list .title-wrap.type1 .title-inner .title {padding:8px 10px; background:url("/images/black70.png");}
.guest-product-list .title-wrap.type2 {bottom:0; left:0; width:100%; padding:8px 19px; background:url("/images/black70.png");}
.guest-product-list .body {background:#f9f9f9;}
.guest-product-list .body .price {padding:14px 19px; border-bottom:1px solid #eee; overflow:hidden;}
.guest-product-list .body .price .date {margin:0 0 4px; color:#666; font-size:12px; line-height:18px;}
.guest-product-list .body .price .date:after {content:"";display:block;clear:both;}
.guest-product-list .body .price .pri {float:left; color:#c80000; font-weight:700; font-size:18px; line-height:25px; margin:0;}
.guest-product-list .body .price .txt {float:right; color:#666; font-weight:300; font-size:13px; line-height:25px; margin:0;}
.guest-product-list .body .info {height:100px; padding:6px 19px; color:#666; font-size:12px; line-height:18px; border-bottom:1px solid #eee;}
.guest-product-list .body .info .date {margin:0;font-weight:700;color:#000;}
.guest-product-list .foot {_height:59px; padding:6px 10px; text-align:center; font-size:10px; line-height:1.3em; overflow:hidden;}
.guest-product-list .foot ul {padding:0; margin:0; list-style:none;}
.guest-product-list .foot ul li img {margin:0 auto 4px;}
.guest-product-list .foot ul li a {color:#666; text-decoration:none !important;}

.guest-product-list .foot ul.airline {padding:0; margin:0; list-style:none;}
.guest-product-list .foot ul.airline li {float: left;; padding:3px;}
.guest-product-list .foot ul.airline li img {margin:0 auto 4px;}
.guest-product-list .foot ul.airline li a {color:#666; text-decoration:none !important;}


.sort-wrap {*zoom:1; padding:8px 10px;}
.sort-wrap:after {content:" "; display:block; clear:both;}
.sort-wrap .sort {float:left; list-style:none; margin:0 30px 0 0; padding:0;}
.sort-wrap .sort li {float:left; position:relative; display:inline-block; line-height:34px; padding:0 15px;}
.sort-wrap .sort li:after {content:" "; display:block; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background:#ddd;}
.sort-wrap .sort li:first-child:after {display:none;}
.sort-wrap .sort li a {color:#666;}
.sort-wrap .sort li.active a {color:#1164c2; font-weight:500;}
.sort-wrap .bar {color:#ddd; margin:0 15px;}


.schedule-section {margin-bottom:20px; border:1px solid #c6c6c6; font-size:12px; background:#fff;}
.schedule-section .head {padding:14px 24px; font-size:15px; font-weight:300; color:#fff; background:#6d7588}
.schedule-section .head strong {font-size:18px; font-weight:500; margin-right:10px;}
.schedule-section .info {padding:0px 0 0; }
.schedule-section .info .city-dest {margin:15px 16px 0 16px; padding:0 0 22px 35px; font-size:15px; font-weight:500; background: url("/images/ico_map.png") no-repeat 0 0; color:#252525; line-height:20px;}
.schedule-section .info .plan-title {margin:0 21px 0; padding:0 0 20px 31px; color:#424242; font-size:13px; line-height:18px; font-weight:500; background: url("/images/ico_circle.png") no-repeat 0 4px;}
.schedule-section .info /* .plan-title*/ .time {display:inline-block; margin:0 2px 0 0; background:#8f94a4; color:#fff; font-size:11px; font-weight:500; line-height:18px; padding:0 5px; vertical-align:middle;}
.schedule-section .info .plan-cont {margin:-18px 21px 0; padding:0 0 20px 31px; color:#424242; font-size:13px; line-height:18px;}
.schedule-section .hotel-golf-cont {position:relative; overflow:hidden; padding:12px 20px 12px 30px; border-top:1px solid #c6c6c6; background-color:#fff;}
.schedule-section .hotel-golf-cont .ico-hotel {float:left; width:33px; height:33px; margin-right:32px; background:url("/images/icon_food.png") no-repeat 0 0;}
.schedule-section .hotel-golf-cont .cont-info {overflow:hidden; list-style-type:none; margin:0; padding:0;}
.schedule-section .hotel-golf-cont .cont-info li:first-child {margin-top:0; padding-top:0; border-top:0 none;}
.schedule-section .hotel-golf-cont .cont-info .brand {display:block; margin:0 0 4px; font-size:13px;}
.schedule-section .hotel-golf-cont .situation-confirm {display:inline-block; margin-right:5px; padding:3px 0; width:36px; font-size:12px; line-height:1.1em; background-color:#2a87f0; color:#fff; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.schedule-section .hotel-golf-cont .cont-info .brand-none {display:block; margin:10px 0;}
.schedule-section .hotel-golf-cont .cont-info .brand-name {margin-right:5px; font-size:13px; line-height:1.3em; color:#252525; font-weight:500;}
.schedule-section .hotel-golf-cont .cont-info .brand-name a {font-size:13px; line-height:1.3em; color:#252525;}
.schedule-section .hotel-golf-cont .cont-info .rating-star {color:#f6b32b;}
.schedule-section .hotel-golf-cont .cont-info .eng-name {display:block; margin-bottom:8px; font-size:11px; line-height:1.3em; font-family:Arial; color:#737373; letter-spacing:0 !important;}
.schedule-section .hotel-golf-cont .cont-info .address {display:block; margin-bottom:8px; font-size:12px; line-height:1.3em; color:#5e9acd;}
.schedule-section .meal-cont {overflow:hidden; padding:12px 20px 12px 30px; border-top:1px solid #d5d5d5; background-color:#FFF;}
.schedule-section .meal-cont .ico-meal {float:left; width:33px; height:33px; margin-right:32px; background:url("/images/icon_food.png") no-repeat -43px 0;}
.schedule-section .meal-cont ul {overflow:hidden; float:left; list-style-type:none; padding:0; margin:0;}
.schedule-section .meal-cont ul li {float:left; width:215px; margin-top:6px; font-size:13px; color:#424242; line-height:20px;}
.schedule-section .meal-cont ul li strong {font-weight:500;}
.spot-list {padding:10px;}
.spot-list.ico-dtp {font-weight:500; background: url("/images/ico_circle.png") no-repeat 21px 0;}
.spot-list .card-cont {padding:16px 20px; border:1px solid #b1b1b1; font-size:1.1em; color:#252525; box-shadow:3px 3px 0 rgba(0,0,0,.15);}
.spot-list .card-cont .tit {margin-bottom:5px; font-size:15px; line-height:1.1em; font-weight:500;}
.spot-list .card-cont .txt {margin-bottom:10px; color:#555; font-weight:300;}
.spot-list .card-cont .label-special {display:inline-block; margin:-.2em 3px 0 0; color:#fff; font-size:14px; font-weight:bold;  line-height:14px; padding:4px 7px; background:#00a1e9; border-radius:2px; vertical-align:middle;}
.spot-list .card-cont .thumnails {zoom:1; list-style-type:none; padding:0; margin:0 -4px 10px;}
.spot-list .card-cont .thumnails:after {content:" "; display:block; clear:both;}
.spot-list .card-cont .thumnails li {float:left; width:33.33333333%; padding:0 4px;}
.spot-list .card-cont .thumnails li img {width:100%;}
.spot-list .card-cont .btn-view {color:#2a87f0;}
.spot-list .card-cont .info-sec {zoom:1; margin-top:10px; position:relative;}
.spot-list .card-cont .info-sec:after {content:" "; display:block; clear:both;}
.spot-list .card-cont .info-sec .thumb {float:left; width:33.33333333%;}
.spot-list .card-cont .info-sec .thumb img {width:100%;}
.spot-list .card-cont .info-sec .cont {float:left; width:66.66666666%; padding:0 0 0 15px; color:#555; font-weight:300;}
.spot-list .card-cont .info-sec .cont ul {margin:15px 0 0 0; padding:0; list-style-type:none;}
.spot-list .card-cont .info-sec .cont ul li {position:relative; padding:0 0 0 7px;}
.spot-list .card-cont .info-sec .cont ul li:after {content:" "; position:absolute; top:7px; left:0; width:2px; height:2px; background:#666;}
.spot-list .card-cont .info-sec .cont .btn-view {position:absolute; right:0; bottom:0;}
.spot-list .card-cont .info-sec.non-img .cont {padding:0; width:100%;}
.spot-list .card-cont .article {padding:17px 0; border-top:1px dashed #ddd;}
.spot-list .card-cont .article.first {padding-top:0; border-top:0;}
.spot-list .spot-tit {margin-bottom:8px; padding:15px 0 14px; font-size:15px; font-weight:600; background-color:#2a87f0; color:#FFF; text-align:center;}
.spot-list .card-notice {position:relative; margin-top:15px; padding:15px 0 0 25px; border-top:1px dashed #ddd; color:#555; font-weight:300;}
.spot-list .card-notice .fa {color:#2a87f0; position:absolute; top:17px; left:0; font-size:1.2em;}
.spot-list .con-box {padding:10px; background:#fcf8e3; border:1px solid #faebcc; color:#bc6a00;}
.spot-list .con-box2 {padding:10px; background:#feeaea; border:1px solid #ebccd1; color:#b90000;}
.spot-list .con-box3 {padding:10px; background:#dff0d8; border:1px solid #d6e9c6; color:#278500;}
.spot-list .con-box4 {padding:10px; background:#d9edf7; border:1px solid #bce8f1; color:#005884;}

.doc-tit {    position: relative;    padding: 0 0 0 12px;    margin: 20 0 10px;    font-size: 18px;    font-weight: 500;    color: #1a82c5;}
.doc-tit:after {content:" "; display:block; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; background:#1a82c5; border-radius:50%;}

ul.list {list-style:none; margin:0; padding:0;}
ul.list>li { width:50%; float:left; padding:0 0 10px; margin:0; font-size:13px; color:#252525; line-height:1.3em;}

#preview{
				z-index: 9999;
				position:absolute;
				border:0px solid #ccc;
				background:#333;
				padding:1px;
				display:none;
				color:#fff;
			}

.dropZone {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    text-align: center;
    padding-top: 30px;
}

#basic_message {
    height: 200px;
    overflow-y: scroll;
}

.simple-upload-dragover {
    background-color: #eef;
}

.simple-upload-filename {
    margin-right: 0.5em;
}

@keyframes l23 {
  100% {transform: rotate(1turn)}
}


/* responsive */
@media (max-width: 1400px) {
	.header-title {display:none;}
}


@media (max-width: 1280px) {
	:root {
		--width-sidebar : 16.666666%;
	}
	.gnb > ul > li {flex:1;}
}

@media (max-width: 1024px) {

	.sidebar {margin-left:calc(0px - var(--width-sidebar));}
	.sidebar.is-hidden {margin-left:0;}
	.sidebar.is-hidden .sidebar-arrow {left:var(--width-sidebar); background-image:url("../images/icon_arrow_left.svg");}

	.sidebar-arrow {left:0; background-image:url("../images/icon_arrow_right.svg");}

}

@media (max-width: 768px) {
    /* [추가] html, body가 디바이스 너비를 꽉 채우도록 강제 설정 */
    html, body {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden; /* 가로 스크롤 방지 */
    }


}
@media print { /* 인쇄시 출력하지 않는 영역 지정용 */
    .no-print { display:none; }
	.modal-content {border : 0}
}

.dropdown-menu { font-size: 12px;  }
.dropdown-menu li { line-height:150%}