/* 웹폰트 */
@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; } */
a { 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; } */
.sub_tit { color: #d0d0d0; font-size: 2rem; margin-top: 10px; letter-spacing: 3px; } 

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 .xi-bars{line-height: 1;}
#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: 50px; } 
#header nav > ul > li { position: relative; } 
#header nav > ul > li > a { font-size: 2rem; display: block; color: #fff; padding: 4.8rem 0; } 
#header nav > ul > li > a.on, #header nav ul li:hover > a { color: #fabe00; font-weight: 600; } 

#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 > a { color: #303030; display: block; } 
/* #header.on nav > ul > li:hover > a { font-weight: 600; color: #fabe00; } */
#header.on nav > ul > li:hover > a { color: #fabe00; font-weight: 600; } 



/* 모바일 메뉴 */
#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: 1400px){
 .inner { width: 100%; padding: 0 20px; } 
 .inner2 { width: 100%; padding: 0 20px; } 
 .inner3 { width: 100%; padding: 0 20px; } 

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

 /* header */





 /* 하단 */
 #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: grid; place-content: center; 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; } 
 }