@charset "utf-8";

/* Font */
@font-face {
    font-family: 'ELAND_Nice_M';
    src: url('/css/visitjj/font/ELAND_Nice_M.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('/css/visitjj/font/webIcon/icomoon.eot?75np4t');
  src:  url('/css/visitjj/font/webIcon/icomoon.eot?75np4t#iefix') format('embedded-opentype'),
    url('/css/visitjj/font/webIcon/icomoon.ttf?75np4t') format('truetype'),
    url('/css/visitjj/font/webIcon/icomoon.woff?75np4t') format('woff'),
    url('/css/visitjj/font/webIcon/icomoon.svg?75np4t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-food:before {
  content: "\e905";
}
.icon-stay:before {
  content: "\e906";
}
.icon-list:before {
  content: "\e902";
}
.icon-time:before {
  content: "\e903";
}
.icon-fee:before {
  content: "\e904";
}
.icon-street:before {
  content: "\e901";
}
.icon-blog:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-insta:before {
  content: "\e90c";
}
.icon-mark:before {
  content: "\e90f";
}
.icon-play:before {
  content: "\e910";
}
.icon-search:before {
  content: "\e911";
}
.icon-youtube:before {
  content: "\e919";
}
.icon-notice:before {
  content: "\e928";
}

:root {
	--purple: #7401b8;
	--gradient: linear-gradient(300deg, rgba(210,186,4,1) 0%, rgba(207,65,14,1) 100%);
}

button, select      { color:inherit}

/* Common */
#skip				{ top:0;right:0;position:absolute;width:100%;height:0px;text-align:center;z-index:999}
#skip a			{ display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active { background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind				{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0); }
.hide				{ display:none !important; margin:0;padding:0}
i			      { font-style:normal;}

.clearfix::after			{ display:block; clear:both; content:""}

.arr						{ position:relative; display:inline-block;}
.arr::after					{ position:absolute; bottom:0; left:0; width:100%; height:1px; content:""}
.arr::before				{ position:absolute; bottom:-1px; right:2px; width:1px; height:100%; transform:rotate(-45deg); content:""}

/* 이미지 효과 */
.zoom:hover img,
.zoom:focus img		{ transform:scale(1.1); transition:.2s ease-in-out }


/* 글자색 */
.f_purple							{ color:var(--purple) }


/***************** Header *****************/
.header										  		{ position:relative; width:100%; border-bottom:1px solid #d8d8d8; background:#fff; z-index:101; transition:.5s; }
.header .head_body								{ padding:3.1rem 0 1.3rem}
.header .head_etc									{ align-items:center; gap:1.5rem; position:absolute; right:1.2rem; top:-2.4rem; font-size:1.02rem;}
.header .head_body>.wrap            {align-items:center; }
.header .head_body .logo            { line-height:1}
.header .head_body .logo a					{ font-family:'ELAND_Nice_M'; font-weight:normal; font-size:1.75rem; letter-spacing:-.05em; }

.header .head_body .right						  { flex-direction:column; gap:2.4rem; align-items:flex-end; margin-left:auto; }
.header .head_body .btn-navi-wrap			{ gap:1.2rem; align-items:center;}

.header .translate                    { position:relative; font-size:14px}
.header .g_translate .global          { color:#7b7b7b; }
.header .v_translate .global            { font-weight:500; padding-left:23px; color:#181818; background:url('/images/visitjj/common/icon_global.svg') no-repeat 0 100% / 20px auto}
.header .global                         { padding:.1em 0; }
.header .global .arrDown								{ position:relative; width:16px; height:16px; margin:.3em 0 0 .4em; vertical-align:top;}
.header .global .arrDown::before						{ position:absolute; top:0; left:10%; width:50%; height:50%; border:solid #aeaeae; border-width:0 2px 2px 0; transform:rotate(45deg); content:""}
.header .active.global .arrDown::before			{ top:5px; transform:rotate(-135deg); }
.header .langBox 										{ position:absolute; visibility:hidden; top:2em; left:50%; z-index:10; padding:.5em 1em; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); text-align:center; background-color:#fff; border-radius:10px; opacity:0; transition:opacity 300ms ease-out, visibility 300ms ease-out}
.header .langBox.active 						{ opacity:1; visibility:visible; -webkit-box-shadow:0 0 15px rgba(0,0,0,.07); -moz-box-shadow:0 0 15px rgba(0,0,0,.07); box-shadow:0 0 15px rgba(0,0,0,.07) }
.header .langBox:before 						{ content:''; display:block; position:absolute; top:-4px; left:50%; width:8px; height:8px; margin-left:-4px; background-color:#fff; transform:rotate(135deg)}
.header .langBox li                 { padding:.1em; color:#777; font-size:15px; cursor:pointer; }
.header .langBox li a 							{ display:block; font-weight:500; }
.header .langBox li:hover,
.header .langBox li:focus						{ color:var(--purple)}

.header .right .btn-navi							{ display:flex; align-items:center; gap:4px; padding:.1rem .3rem .3rem; font-size:16px; font-weight:500; letter-spacing:-.05em; color:#181818; border-radius:.5rem; transition:.2s; }
.header .right .btn-navi::before     { width:22px; height:22px; margin-top:3px; background:no-repeat 0 0; content: '';}
.header .right .btn-navi:hover,
.header .right .btn-navi:active       { background-color: #edf1f5; }
.header .right .btn-navi.none_icon::before	{ display:none}
.header .right .login::before				{ background-image:url(/images/visitjj/common/icon_login.svg);}
.header .right .logout::before				{ background-image:url(/images/visitjj/common/icon_logout.svg);}
.header .right .sch::before				{ background-image:url(/images/visitjj/common/icon_search.svg);}
.header .right .all::before					{ background-image:url(/images/visitjj/common/icon_allmenu.svg);}
.header .search                    { color:var(--gray90)}
.header .close           { position:absolute; right:1rem; top:1rem; transition:all 0.2s}
.header .close::before   { display:block; width:100%; height:100%; background:url(/images/visitjj/common/icon_close.png) no-repeat 50% 50% / 100% auto; content:""}
.header .active .close    { width:48px; height:48px; opacity:1; overflow:hidden}
.header .active .close::before{transform:rotate(0);transition:all 0.2s}
.header .active .close:hover::before,
.header .active .close:focus::before{transform:rotate(180deg)}
.header .search .group             {visibility:hidden;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;position:fixed;left:0;top:0;z-index:999;background-color:#DEE2E8;transition:all 0.2s}
.header .search .group .search_box {display:table;width:100%;height:100%;table-layout:fixed}
.header .search .group .search_box .sch_content{display:table-cell;vertical-align:middle}
.header .search .inner             { position:static; width:90%; max-width:846px; margin:0 auto 1rem; background:none}
.header .search .search_top        { text-align:center; font-size:2.1rem; font-weight:700; letter-spacing:-.05em; color:#464c53}
.header .search .form              { margin:.8em auto; width:100%; max-width:100%; position:relative}
.header .search .form input        { width:100%; height:80px; padding:1rem 84px 1rem 20px; font-size:1.5rem; transition: all 0.2s; border-radius:1rem; font-weight:700; background:#fff;}
.header .search .form button       { display:inline-block; overflow:hidden; width:40px; height:40px;text-align:center; vertical-align:middle; position:absolute; right:24px; top:20px}
.header .search .form button::before { display:block; width:100%; height:100%; background:url(/images/visitjj/common/icon_search.svg) no-repeat 50% 50% / contain; content:""; }
.header .search.active .group      { visibility:visible;opacity:1;padding:1px 0}
.header .search .search_ex					{ align-items:center; gap:.2em .7em; font-size:1.15em; letter-spacing:-.06em; color:#333; }
.header .search .search_ex:before	{ display:inline-block; width:4em; height:2em; line-height:2; font-weight:700; color:#fff; text-align:center; background:var(--purple); border-radius:2em; content:'추천'; }

.header .nav						{ border-top:1px solid #d8d8d8; background:#fff;}

.nav									{ height:63px; position:relative; }
.nav_bg								{ position:absolute; top:63px; left:0; width:100%; height:auto; background:#fbf8fb; }
.nav_dimm							{ background:#000; display:none; height:100%; left:0; opacity:.5; position:fixed; top:0; width:100%; z-index:99; }

.nav > ul								{ font-size:0; text-align:left; }
.nav > ul > li						{ display:inline-block; height:63px; margin-right:10px; vertical-align:top; }
.nav > ul > li > a					{ display:block; padding:0 2em 0 1em; height:100%; color:#464c53; font-size:1.21rem; font-weight:700; letter-spacing:-.05em; line-height:60px; background:url("/images/visitjj/common/bg_gnb_arrow_u.png") center right 20px / 13px auto no-repeat; }
.nav > ul > li > a.on				{ background-image:url("/images/visitjj/common/bg_gnb_arrow_d.png"); color:#1d1d1d; }

.nav .sub_menu					{ display:none; position:absolute; top:63px; left:1.25rem; right:1.25rem; background:#fbf8fb; }
.nav .sub_menu_t					{ position:relative; height:90px; border-bottom:1px solid #dfc1e5; }
.nav .sub_menu_t > a			{ position:absolute; top:50%; left:0; padding-right:1.2em; font-size:25px; font-weight:700; letter-spacing:-.03em; color:#1f1821}
.nav .sub_menu_t > a::before	{ position:absolute; right:0; top:.3em; width:1em; height:1em; border-radius:50%; content:""; background:rgb(38,168,117); background:var(--gradient);}
.nav .sub_menu_t > a::after		{ position:absolute; right:.4em; top:.6em; width:8px; height:8px; border:solid #fff; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); content:""}
.nav .sub_menu_b									{ padding:0 0 50px; }
.nav .sub_menu_b > ul > li						{ margin-top:20px; width:20%; }
.nav .sub_menu_b > ul > li > a				{ position:relative; color:#3f3f3f; font-size:17.5px; font-weight:500; padding-left:12px; letter-spacing:-.03em; }
.nav .sub_menu_b > ul > li > a:hover,
.nav .sub_menu_b > ul > li > a:focus		{ color:var(--purple); }
.nav .sub_menu_b > ul > li > a:before		{ content:"･"; position:absolute; top:0; left:0; }
.nav .sub_menu_b > ul > li > a[target='_blank']::after		{ content:"↗"; display:inline-block; margin-top:-.4em; vertical-align:middle; color:#858585; opacity:.8; transition:all .4s;}
.nav .sub_menu_b .sub_menu_dep3			{ margin-top:.2rem;}
.nav .sub_menu_b .sub_menu_dep3 a		{ position:relative; display:block; padding-left:12px; color:#848484; font-size:16px; letter-spacing:-.03em; }
.nav .sub_menu_b .sub_menu_dep3 a:hover,
.nav .sub_menu_b .sub_menu_dep3 a:focus	{ color:#1f1821}


/* 모바일 GNB */
.header .m-gnb-wrap							  	{ display:none; position:fixed; top:0; right:-100%; width:100%; max-width:450px; height:100%; background:#fff; transition:right ease 0.3s 0.15s;}
.header .m-gnb-wrap .m-gnb-in					{ display:flex; flex-direction:column; height:100%;}
.header .m-gnb-in .m-gnb-top-etc			{ padding:1.2rem 1rem; background:#fff; border-bottom:1px solid #d8d8d8;}
.header .m-gnb-top-etc .top_etc				{ gap:.8em; align-items:center; position:relative; top:0; left:0; letter-spacing:-.03em; color:#777}

.m-gnb-wrap .login::after                 { width:.6em; height:.6em; margin-top:.1em; background:url(/images/visitjj/common/bg_gnb_arrow_u.png) no-repeat 50% 50%; transform: rotate(-90deg); content:"";}
.drop-btn,
.login                     { display:flex; align-items:center; gap:.2em;}
.drop-btn::after              { width:.6em; height:.6em; margin-top:.2em; background:url(/images/visitjj/common/bg_gnb_arrow_u.png) no-repeat 50% 50%; content:"";}
.drop-wrap.active .drop-btn::after      { transform: rotate(180deg);}
.drop-wrap                    { position:relative;}
.drop-wrap .drop-menu         { display:none; position:absolute; top:107%; left:50%; z-index:6; min-width:8rem; margin-top:.4rem; padding:.4rem; border:.1rem solid #ddd; border-radius:.8rem; background-color:#fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); transform:translateX(-50%); }
.drop-wrap.active .drop-menu { display:block}
.drop-wrap .drop-menu:before { display:inline-flex; position:absolute; left:50%; top:-.8rem; width:1rem; height:1rem; background:url(/images/visitjj/common/icon_drop_arr.svg) no-repeat 50% 50%; content:""; transform:translateX(-50%);}
.drop-wrap .drop-menu .drop-in { display:flex; align-items:flex-start; justify-content: flex-start; flex-direction: column; gap:.4rem;}
.drop-wrap .drop-menu .drop-top-info { width:100%; padding:.4rem .4rem .6rem; border-bottom:.1rem solid #ddd;}
.drop-wrap .drop-menu .drop-btm-btn       { display:flex; width:100%; padding:.4rem 0 0; border-top:.1rem solid #ddd; align-items:flex-start; justify-content:center; flex-direction:row;}
.drop-wrap .drop-menu .drop-list       { width: 100%; text-align:center; font-size:.9em}
.drop-wrap .drop-menu .drop-list a      { padding:.2em 0}

.header .m-gnb-in .m-gnb-body					{ flex:1; background:#faf7fb;position:relative;}
.header .m-gnb-menu .topmenu_all>li>a		{ display:flex;align-items:center;font-size:1.18rem;font-weight:700;width:9.5rem; height:3.5rem;letter-spacing:-.04em; border-bottom:1px solid #d8d8d8;padding:0 1.2rem;}
.header .m-gnb-menu .topmenu_all > li.active>a			{ color:#fff; background:var(--purple) }
.header .m-gnb-menu .topmenu_all > li.active .submenu { display:block}
.header .m-gnb-menu .topmenu_all>li .submenu { position:absolute; right:0; top:0; width:calc(100% - 9.5rem); height:100%; min-height:100%; background:#fff; display:none; padding:.4rem 1.6rem;overflow-y:scroll;scroll-behavior:smooth;}
.header .submenu>ul>li							{ border-bottom:1px solid #ddd}
.header .submenu>ul>li>a						{ display:block; padding:.6em 0; font-size:1.12rem; letter-spacing:-.03em; font-weight:500;}
.header .submenu>ul>li>a[target='_blank']::after		{ content:"↗"; display:inline-block; margin-top:-.4em; vertical-align:middle; color:#858585; opacity:.8; transition:all .4s;}

.header .submenu .lnb-detail					{ padding-bottom:.8em;}
.header .submenu .lnb-detail-item a			{ display:block; padding:.2em 0; font-size:1.05rem; color:#777; letter-spacing:-.03em; }
.header .m-gnb-wrap::after						{ content:"";display:block;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:0;visibility:hidden;transition:0.2s;}
.header .m-gnb-wrap .close				{ position:absolute; right:4%; top:1rem; width:36px; height:36px }





/* 모바일 GNB */
@media (min-width: 1025px) {
  .header .right .all                  { display: none; }
}
@media (max-width: 1024px) {
  .header .head_body                { padding:1.7rem 0 1rem}
  .header .head_body .logo a         { font-size:1.5rem; }
  .header .head_etc,
  .header .nav                        { display:none}
  .header .head_body .right           { margin-bottom:.4em}
  .header .right .login,
  .header .right .logout,
  .header .right .none_icon	{ display:none}
  .header .right .btn-navi span       { font-size:.9rem; }

  .header .head_body .btn-navi.all::before		{ background-position-y:4px; }
  .header .m-gnb-wrap                 { display:block; }
  .header .m-gnb-wrap.active          { right:0; }
  .header .m-gnb-wrap.active::after   { opacity:1; visibility:visible; }

  .header .search .search_top         { font-size:1.8rem}
  .header .search .form input         { height:65px; font-size:1.3rem}
  .header .search .form button        { top:13px}
}
@media (max-width: 768px) {
  .header .head_body .logo a         { font-size:1.4rem; }

  .header .search .search_top         { font-size:1.65rem}
  .header .search .form input         { height:60px; font-size:1.15rem}
  .header .search .search_ex:before   { width:3em; height:1.8em; font-size:.9em; line-height:1.8;}
    .header .search .form button        { top:11px}
}
@media (max-width: 468px) {
  .header .head_body                { padding:.5rem 0 .2em}
  .header .head_body .logo a        { font-size:1.25rem; }
  .header .right .btn-navi						{ flex-direction:column; gap:0; padding:.2rem; }
  .header .head_body .btn-navi-wrap				{ gap:.2rem}
  .header .right .btn-navi span       { font-size:.82rem; }
  .header .head_body .btn-navi.all				{ font-size:.9rem; letter-spacing:-.04em;}
  .header .head_body .btn-navi.all			        { font-size:.85rem;}

  .header .search .search_top         { font-size:1.4rem}
  .header .search .form input         { height:55px; padding:.8rem 55px .8em 1rem; font-size:1.07rem}
  .header .search .search_ex         { font-size:.95em}
  .header .search .form button        { top:7px; right:.6em}
  .header .search .form button::before  { background-size:32px auto;}
  .header .search.active .close         { width:36px; height:36px}
}



/***************** Footer *****************/
#footer											{ color:#fff; background:#161516;}
#footer a										{ display:inline}
#footer .wrap									{ position:relative; max-width:1480px; padding:4rem 1.25rem}
#footer .f_logo									{ font-family:'ELAND_Nice_M'; margin-bottom:1.5rem; font-size:1.75rem; color:rgba(255,255,255,.2); letter-spacing:-.05em;}
#footer .footer_info							{ position:relative; font-size:1.03rem; letter-spacing:-.025em;}
#footer .footer_info address				{ font-weight:300; font-style:normal}
#footer .footer_info span					{ font-weight:500;}

#footer .util										{ position:absolute; right:0; top:-3.5em; text-align:right;}
#footer .util .link_list li						{ margin-bottom:.1em; color:#c9c8ca;}
#footer .util .link_list li a						{ display:inline-block; position:relative; padding-right:.7em;}
#footer .util .link_list li a::after				{ position:absolute; right:0; top:.6em; width:6px; height:6px; border:solid #c7c7c7; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); content:""}
#footer .util .link_sns 							{ align-items:center; gap:.5em; margin-top:1em;}
#footer .util .link_sns .social_link			{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; font-size:1.15rem; color:#252425; background:#fff; border-radius:50%}

#footer .footer_bottom						{ justify-content:space-between; align-items:center; gap:.3em 1em; margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.1)}
#footer .fnb li									{ display:inline;}
#footer .fnb li+li::before						{ display:inline-block; width:1px; height:1rem; background:#a3a3a3; opacity:.2; margin:0 1em; font-weight:700; vertical-align:middle; content:""; }
#footer .copyright								{ font-size:.96rem; color:rgba(255,255,255,.5)}


@media (max-width: 1024px) {
    #footer .util									{ font-size:.95rem;}
    #footer .footer_cnt						{ padding:3rem 1.25rem}
    #footer .f_logo								{ margin-bottom:1rem; font-size:1.5rem; }
    #footer .footer_info address			{ font-size:.95rem;}
    #footer .footer_bottom					{ margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.3);}
    #footer .fnb li + li::before				{ margin:0 .7em;}
    #footer .copyright							{ font-size:.9rem; }
}
@media (max-width: 868px) {
    #footer .footer_info address			{ font-size:.85rem;}
    #footer .fnb									{ font-size:.95rem;}
    #footer .fnb li + li::before				{ margin:0 .5em; }
    #footer .util									{ font-size:.88rem; }
    #footer .util .link_sns     { margin-top:.6em}
    #footer .copyright							{ font-size:.8rem; }
}
@media (max-width: 568px) {
    #footer .f_logo								{ font-size:1.25rem; }
    #footer .util									{ position:static; width:100%; margin-top:1em; text-align:left; }
    #footer .util .link_list			{ display:flex; align-items:center; gap:1em}
    #footer .fnb									{ font-size:.82rem;}
    #footer .footer_info          { font-size:.95rem;}
    #footer .fnb li+li::before    { height:.8em; margin:-.3em .3em 0 .3em }
}
@media (max-width: 368px) {
    #footer .fnb li:last-child      { display:none}
}