/* 웹폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url("https://font.elice.io/css?family=Elice+Digital+Baeum");
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSans.css');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);


html {font-size: 62.5%;}
*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none; font-size: 2rem;}
ul, li {list-style:none;}
body {font-family: "Pretendard Variable", Pretendard, sans-serif; color:#4b4948;}
.inner {width:1400px;margin:auto;}
.inner2 {width:1300px;margin:auto;}
.inner3 {width:1200px; margin:auto;}


h1 {font-size: 6rem;}
h2 {font-size: 5rem;}
h3 {font-size: 4rem;}
h4 {font-size: 3rem;}
h5 {font-size: 2.4rem;}
h6 {font-size: 2.2rem;}

h1, h2, h3, h4, h5 {word-break: keep-all;}
p {font-size: 2rem; line-height: 30px; word-break: keep-all;}
b {font-weight: 700;}
.thin {font-weight: 300;}

.elice {font-family: "Elice Digital Baeum", sans-serif;}
.gmarket {font-family: 'Gmarket Sans';}
.jost {font-family: "Jost", sans-serif;}

/* 마진설정 */
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}

.pt80 {padding-top:80px;}


.flex {display: flex; /*flex-wrap: wrap;*/}
.col {flex: 1;}
.img100 {width: 100%; display: block;}



.c_main1 {color: #fabe00;}
.c_main2 {color: #303030;}
.c_main3 {color: #339daf;}
.c_main4 {color: #00294d;}
.c_main5 {color: #44c2d8;}
.c_white {color: #fff;}
.c_gray {color: #b0b0b0;}


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

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}


.pc_show {display: none;}
.m_show {display: none;}


/* 공통 */
#wrap {width:100%; /*min-width:1200px;*/ margin:auto; overflow:hidden;}
h2.tit {font-weight: 400; letter-spacing: 0px; line-height: 6rem;}
h2.tit span {letter-spacing: 0px;}
h2.tit_big {font-size: 50px; font-weight: 800; letter-spacing: 0px;}
h2.tit_big_60 {font-size: 60px; font-weight: 800; letter-spacing: 0px;}
h2.tit_big span {letter-spacing: 0px;}
h2.tit_big .thin {font-weight: 400;}
.sub_tit {color: #d0d0d0; font-size: 2rem; margin-top: 10px; letter-spacing: 4px; font-family: "Jost", sans-serif;}

h5 {font-size: 22px;}


/* 퀵메뉴 */
#quick_menu {position: fixed; top: 226px; right: 0px; width: 100px; z-index: 50; border: 2px solid #fabe00; background: #303030; border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-sizing: border-box;}
#quick_menu ul li {width: 102px; height: 102px; text-align: center; padding-top: 17px; border-top: 1px solid #595959; box-sizing: border-box;}
#quick_menu ul li:first-child {border-top: none; background: #fabe00; border-top-left-radius: 15px;}
#quick_menu ul li a {width: 100%; height: 100%; display: block;}
#quick_menu ul li a p {font-size: 1.8rem; color: #fff; font-weight: 600;}



/* 모바일 퀵메뉴 */
#m_quick_menu {display: none;}


/* 헤더 */
#header {position: fixed; width:100%; z-index: 50; transition: .2s ease-in-out;}
#header > .inner {display: flex; align-items: center; justify-content: space-between;}
#header .logo {width: 220px; height: 43px; background: url(images/logo.png) no-repeat center; display: block; background-size: contain;}
#header .m_btns {display: none;}


#header nav {}
#header nav > ul {display: flex; align-items: center; text-align: center; gap: 35px;}
#header nav > ul > li {position: relative;}
#header nav > ul > li > a {font-size: 20px; display: block; color: #fff; padding: 4.8rem 0;}
#header nav > ul > li > a.on, #header nav ul li:hover > a {font-weight: 700; color: #fabe00;}

#header nav > ul > li > .subnav {display: none; position: absolute; top: 120px; left: 50%; transform: translateX(-50%); width: 180px; height: auto; text-align: center; z-index: 2; background: #fabe00;}
#header nav > ul > li > .subnav > li > a {display: block; width: 100%; font-size: 1.8rem; padding: 1.5rem 0; border-bottom: 1px solid #ffe078;}
#header nav > ul > li > .subnav > li:last-child > a {border-bottom: none;}
#header nav > ul > li > .subnav > li > a:hover, .subnav > li.on > a {font-weight: 700; color: #fff;}


#header.on {background: #fff; border-bottom: 1px solid #e0e0e0;}
#header.on .logo {width: 220px; height: 43px; background: url(images/logo_on.png) no-repeat center; display: block; background-size: contain;}
#header.on nav > ul > li > a {color: #303030; font-size: 20px; display: block;}
#header.on nav > ul > li:hover > a {font-weight: 700; color: #fabe00;}




/* 모바일 메뉴 */
#m_menu {position: fixed; top: 0; right: -400px; width: 400px; height: 100%; background: #fff; box-shadow : 5px 5px 10px 0; z-index: 9999; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; overflow-x: hidden;}
#m_menu.on {right: 0px;}
#m_menu .close_btn {position: absolute; top: 28px; right: 28px; font-size: 30px; color: #fabe00;}
#m_menu .m_nav {width: 100%; margin: 9rem auto; border-top: 3px solid #fabe00;}
#m_menu .m_nav > ul > li {border-bottom: 1px solid #e0e0e0;}
#m_menu .m_nav > ul > li > a {font-weight: 600;}
#m_menu .m_nav ul li a {display: block; width: 100%; padding: 1.8rem; font-size: 2rem;}
#m_menu .m_nav ul li .sub_nav {display: none;}
#m_menu .m_nav ul li .sub_nav li {border-top: 1px solid #ffe078;}
#m_menu .m_nav ul li .sub_nav a {display: block; font-size: 1.8rem; padding-left: 3.2rem; background: #fabe00;}


/* 하단 */
#footer {background: #4b4948; padding: 5rem 0 10rem;}
#footer .inner {display: flex; gap: 160px;}
#footer .f_logo img {width: 310px; display: block; margin-bottom: 3.3rem;}
#footer .f_logo p, #footer .f_logo p a {color: #b3b3b3; font-size: 1.6rem;}
#footer h5 {color: #b3b3b3;}
#footer .inner .f_right {display: flex; gap: 80px;}
#footer .inner .f_right .ft_center {display: flex; gap: 62px;}
#footer .inner .f_right .ft_center .time .timetable p {font-size: 1.8rem;}
#footer .inner .f_right .ft_center .time .timetable {display: flex; gap: 25px; margin-top: 1rem;}
#footer .inner .f_right .ft_center .time .timetable .column .day {text-align-last: justify;}
#footer .inner .f_right .ft_center .time .timetable .column p, #footer .inner .ft_center .time .holiday {color: #fff; line-height: 4rem;}
#footer .inner .f_right .policy .policy_top a {font-size: 1.8rem; font-weight: 700; color: #b3b3b3; display: block; margin-top: 1.8rem;}
#footer .inner .f_right .policy .policy_top a:first-child {margin-top: 0;}
#footer .inner .f_right .policy .policy_bottom ul {display: flex; margin-top: 4rem;  gap: 15px;}







/* 미디어쿼리 반응형 */
@media (max-width: 1920px) {
    #wrap {width: 100%; margin: 0 auto;}
}

@media (max-width: 1600px) {
    
}

@media (max-width: 1400px) {
    .inner {width: 100%; padding: 0 20px;}
    .inner2 {width: 100%; padding: 0 20px;}

    /* 모바일 이미지 나타내기 */
    .m_show {display: block;}
    .pc_show {display: none;}

    /* header */
    #header nav > ul > li > a {font-size: 1.8rem;}

    /* 하단 */
    #footer .inner {gap: 110px;}
    #footer .inner .f_right {gap: 60px;}
    #footer .inner .f_right .ft_center {flex-direction: column;}
}


@media (max-width: 1300px) {
    /* header */
    #header > .inner {}
    #header nav, #header .header_top .header_sub {display: none;}
    #header .header_top {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 2rem 0;}
    #header .header_top .logo {position: static; transform: none;}
    #header .header_top .m_btns {display: block; color: #fabe00; font-size: 4rem;}
}

@media (max-width: 1200px) {
    body {margin-bottom: 93px;}

    /* 퀵메뉴 */
    #quick_menu {display: none;}

    /* 모바일 퀵메뉴 */
    #m_quick_menu {display: block; position: fixed; z-index: 50; left: 0; bottom: 0; width: 100%; background: #303030; border-top: 2px solid #fabe00; border-bottom: 2px solid #fabe00;}
    #m_quick_menu ul {display: flex;}
    #m_quick_menu ul li {width: 25%; border-left: 1px solid #595959; text-align: center;}
    #m_quick_menu ul li:first-child {border-left: none;}
    #m_quick_menu ul li a {width: 100%; height: 100%; display: block; padding: 1.2rem 0 1rem;}
    #m_quick_menu ul li a p {font-weight: 800; font-size: 1.6rem; color: #fff; }

    /* form */
    .form {width:100%; position: fixed; bottom: -400px; left: 50%; transform: translate(-50%, 0%); z-index: 1000; min-height: unset;}
    .form_close {display: block !important;}
    .form .inner {display: flex; justify-content: space-around; align-items: center;}
    .form .form_tit h4 {font-size: 2.6rem;}
    .form .form_tit p {font-size: 1.6rem; margin-top: 0.8rem;}
    .form_row {display: flex; align-items: center; justify-content: flex-end; gap: 2%;}
}

@media (max-width: 1024px) {
    .m_show {display: none !important;}

    /* 하단 */
    #footer .inner {gap: 60px; flex-direction: column; align-items: center;}
    #footer .inner .f_right {gap: 40px;}
}

@media (max-width: 960px) {
    .form {padding: 3.5rem 2rem !important;}
    .form .inner {flex-direction: column; padding: 0;}
}

@media (max-width: 720px) {
    /* header */
    #header .header_top {height: 70px;}
    #header .header_top .logo {width: 180px;}
    #header .header_top .m_btns a {width: 70px; height: 70px;}
    #header .header_top .m_btns a.menu_btn i {font-size: 40px; line-height: 70px;}

    /* mobile menu */
    #m_menu .close_btn {top: 22px;}
    #m_menu .m_nav {margin: 8rem auto;}

    /* 간격 */
    #content .paragraph {padding: 80px 0;}
}

@media (max-width: 640px) {

    /* 글자 크기 */
    h2.tit_big {font-size: 40px;}

    /* 헤더 */
    #header {height: 70px;}
    #header .inner {height: 70px;}
    #header .header_top .logo {width: 150px;}

    /* 모바일 메뉴 */
    #m_menu {width: 75%; right: -75%;}
    #m_menu .close_btn {top: 20px; right: 20px;}
    #m_menu .m_nav {margin: 7rem auto;}

    /* 하단 */
    #footer {background: #4b4948; padding: 7rem 0;}
    #footer .inner .f_right {flex-direction: column;}
    #footer .inner .f_right .ft_center {gap: 40px;}
}


@media (max-width: 480px) {
    /* 글자 반응형 */
    html {
        font-size: 50%;
    }

    body {margin-bottom: 7.7rem;}

    /* 메인 글자 크기 */
    p {line-height: 24px;}

    /* 모바일 퀵메뉴 */
    #m_quick_menu ul li a img {width: 40%;}

    /* 모바일 메뉴 */
    #m_menu .m_nav {margin: 9rem auto;}

    /* form */
    #form_cont .form_row {flex-wrap: wrap;}
    #form_cont .form_row a {display: block; margin-top: 1rem;}

    /* 하단 */
    #footer .f_logo img {width: 230px;}
}