@import url('../../font/NanumSquare/fonts.css');
@import url('../../font/GmarketSans/fonts.css');
@import url('../../font/Pretendard/fonts.css');
@import url('../../font/RemixIcon/remixicon.css');

#wrap { overflow: hidden; }

#header.on::before { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.2); content: ""; }
#header .top_Wrap { background: #F08200; font-family: 'NanumSquare'; }
#header .gnb li { font-family: 'NanumSquare'; }

/* .logo { width: 256px; }
.logo a { background: url('../images/layout/mob_logo.png') no-repeat; } */
.jeju_logo {position:absolute; top:10px; left:0; width:256px; height:50px; z-index:10;float:left;}
/* .jeju_logo a { background: url('../images/common/logo.png') no-repeat; } */
.jeju_logo a {display:block; width:100%; height:50px; text-indent:-9999px; background:url('../../images/common/mob_logo.png') no-repeat 0 0; margin-top:8px;}



.lnb-pc { box-shadow: 0px 40px 40px 0px rgba(109, 109, 109, 0.251); }
#header.on .lnb-pc::before { position: absolute; bottom: 0; left: 0; width: 229px; height: 201px; background: url('../../images/layout/menu_bg01.png') no-repeat; content: ""; }
#header.on .lnb-pc::after { position: absolute; bottom: 42px; right: 42px; width: 280px; height: 90px; background: url('../../images/layout/menu_bg02.png') no-repeat; content: ""; }
.lnb-pc .menu > li { font-family: 'NanumSquare'; }
.lnb-pc .menu > li > a { font-weight: 600; }
.lnb-pc .menu > li:nth-child(1) > ul { border-left: 1px #ebebeb solid; }
.lnb-pc .menu > li > ul { padding: 18px; }
.lnb-pc .menu > li > ul li { border-bottom: none; padding: 0; }
.lnb-pc .menu > li > ul li + li { margin-top: 10px; }
.lnb-pc .menu > li > ul li div { text-align: center; font-family: 'NanumSquare'; }
/* .lnb-pc .menu > li > ul li div a { position: relative; padding-left: 8px; transition: 0.3s; } */
.lnb-pc .menu > li > ul li div a::before { position: absolute; top: 6px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #BFBFBF; content: ""; transition: 0.3s; }

.lnb-pc .menu > li > ul.sel_list { background: none; }

.lnb-pc .menu > li > ul li div a:hover,
.lnb-pc .menu > li > ul li div a:focus { color: #184D9D; text-decoration: underline; }
.lnb-pc .menu > li > ul li div a:hover::before,
.lnb-pc .menu > li > ul li div a:focus:before { background: #184D9D; }

#footer { background: #222; padding: 45px 0 52px; }
#footer .inner { width: 1440px; max-width: 100%; margin: 0 auto; }
#footer .footer_link { margin-bottom: 44px; }
#footer .footer_link ul { display: flex; gap: 20px 30px; }
#footer .footer_link ul li a { color: rgba(255, 255, 255, 0.8); font-size: 17px; font-weight: 300; font-family: 'NanumSquare'; }
#footer .footer_link ul li a strong { color: #FFF2AE; font-weight: 500; }
#footer address { color: rgba(255, 255, 255, 0.8); font-size: 17px; font-weight: 300; font-family: 'NanumSquare'; }

.locaText { font-family: 'NanumSquare'; }

.locaArea h3 { font-family: 'NanumSquare'; font-weight: 600; }

.lnbArea h2 { background: #E68513; }
.lnbArea .lnb_listArea li.sel_menu div { background: #F8EDDE url('../../images/sub/lnb_on_arr.png')no-repeat 94% 50%; color: #F27824; }

.scontentsArea { width: 100%; padding-left: 299px; }

@media (max-width:1480px) {
    #footer { padding: 36px 0; }
    #footer .inner { width: 100%; padding: 0 60px; }
    #footer .footer_link { margin-bottom: 30px; }
}

@media (max-width:1300px) {
    #header .gnbArea { width: 100%; padding: 0 1rem; }

    .lnb-pc { padding: 0 1rem; }

    .sconArea { width: 100%; padding: 0 1rem; }
}

@media (max-width:1000px) {
    .lnb_wrap .lnb_m_nav .logo { position: relative; top: auto; left: 50%; transform: translateX(-50%); margin: 0 auto; display: flex; justify-content: center; align-items: center; }
    .lnb_wrap .lnb_m_nav .logo a { background: url('../../images/layout/mob_logo.png') no-repeat center / contain; }

    #footer { text-align: left; }

    .sconArea { padding: 0; }
    .scontentsArea { padding-left: 0; }

}

@media (max-width:960px) {
    #footer .inner { padding: 0 37px; }
    #footer .footer_link ul li a {color: rgba(255, 255, 255, 0.8);font-size: 13px;font-weight: 300;font-family: 'NanumSquare';}
    #footer address {color: rgba(255, 255, 255, 0.8);font-size: 12px;font-weight: 300;font-family: 'NanumSquare';}
}