/* 웹폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); @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); /* 공통 */

* { margin:0; padding:0; box-sizing:border-box; letter-spacing: -.7px; scroll-behavior:smooth; word-break: keep-all; font-family: 'Pretendard Variable', sans-serif; } 


a { text-decoration:none; letter-spacing: -.08px; } 
ul, li { list-style:none; } 


:root { font-size: 10px; --main: #005eac; --text: #007ce8; --color20: #202020; --text2:#737a82; } 

/* color */
.c_main1 { color: #0050a8; } 
.c_main2 { color: #007ce8; } 
.c_main3 { color: #202020 !important; } 
.c_main4 { color: #737a82; } 

/* font */
.preT { font-family: 'Pretendard Variable', sans-serif; } 
.fair { font-family: "Playfair Display", serif; } 

.smtxt { font-size: 2rem; margin-bottom: 2rem; line-height: 1.5; font-weight: normal; } 
.eng { font-family: "Playfair Display", serif; text-transform: capitalize; font-size: 4rem; color: var(--text); font-weight: normal; letter-spacing: 1px; line-height: 1; } 
.kor { font-size: 4.5rem; color: var(--color20); margin: 1rem 0 3rem; font-weight: normal; letter-spacing: -2px !important; } 

.kor span { font-size: 4rem; } 

b { font-weight: 700; } 
.normal { font-weight: normal; } 
.fw600 { font-weight: 600; } 


/* 마진설정 */
.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; } 


/* .inner { width:1560px; margin: 0 auto; } */
.flex { display: flex; /*flex-wrap: wrap; */ } 
.col { flex: 1; } 
.img100 { width: 100%; display: block; } 


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


/* 공통 */
#wrap { margin:auto; overflow:hidden; max-width: 640px; width: 100%; } 
.swiper { overflow: hidden; } 


/* 이미지 하얗게 */
/* filter: brightness(0) invert(1); */


/* 텍스트 글씨 border */
 /* text-shadow:
 -1px -1px 0 #fff,
 1px -1px 0 #fff,
 -1px 1px 0 #fff,
 1px 1px 0 #fff; */



/************** HEADER **************/
header { position: fixed; max-width: 640px; width: 100%; z-index: 50; } 
nav { display: none; } 
header > .inner { display: flex; align-items: center; justify-content: space-between; transition: all .2s ease; padding: 3rem; } 
footer .footer_logo,
header .logo { width: 23rem; height: 5.2rem; background: url(images/logo.png) no-repeat center; display: block; background-size: contain; } 
header .m_btns { display: none; } 

header nav > ul { display: flex; align-items: center; text-align: center; gap: 5rem; } 
header nav > ul > li { position: relative; } 
header nav > ul > li > a { font-size: 2rem; display: block; color: #fff; padding: 4.8rem 0; transition: padding 300ms ease; } 

header nav > ul > li > a.on, header nav ul li:hover > a { font-weight: 700; color: var(--text); } 


header nav > ul > li > .subnav { display: none; position: absolute; top: 125px; left: 50%; transform: translateX(-50%); width: 180px; height: auto; text-align: center; z-index: 2; background: var(--text); } 

header nav > ul > li > .subnav > li > a { display: block; width: 100%; font-size: 1.8rem; padding: 1.5rem 0; border-bottom: 1px solid #c3f1ff; color: #fff; transition: font-weight 200ms ease; } 
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; } 


header.on { backdrop-filter:blur(20px); background-color:rgba(255, 255, 255, 0.6); border-bottom: 1px solid #e0e0e0; } 
header.on .inner { padding: 2rem 3rem; } 
footer .footer_logo,
header.on .logo { background: url(images/logo_on.png) no-repeat center; display: block; background-size: contain; } 
header.on nav > ul > li > a { color: var(--color20); display: block; padding: 2.8rem 0; } 
header.on nav > ul > li:hover > a { font-weight: 700; color: var(--text); } 
header.on nav > ul > li > .subnav { top: 80px; } 


header.on .menu { filter: brightness(0) saturate(100%) invert(41%) sepia(94%) saturate(2684%) hue-rotate(196deg) brightness(98%) contrast(94%); } 

/* 서브페이지 */
.sub header nav > ul > li > a { padding: 5.6rem 0 4rem !important } 
.sub header nav > ul > li > .subnav { top: 12rem !important; } 



/************** FOOTER **************/
footer { border-top: 1px solid #89b7df; display: flex; align-items: center; justify-content: center; } 

footer .con { max-width: 1400px; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; } 
footer .con>div { width: 100%; padding: 3rem 2rem; } 
footer .con .top { background: var(--text); color: #fff; } 
footer .con .top a { width: 100%; height: 100%; display: grid; place-items: center; } 
footer .con .top a h1 { font-size: 5rem; font-weight: 300; color: #fff; } 

footer .con .top h1 { display: flex; align-items: center; } 
footer .con .top h1 img { transform: scale(.7); } 

footer .con .left,footer .con .left a { font-size: 1.6rem; color: #b5b5b6; } 
footer .con .left .info { margin: 4rem 0 2.5rem; } 
footer .con .left .info span { color: var(--color20); padding-right: .5rem; } 


footer .con .left ul { justify-content: left; display: flex; gap: 2rem; align-items: center; margin-top: 3rem; } 
footer .con .left ul a { color: var(--color20); font-size: 2rem; letter-spacing: -1px; font-weight: bold; } 

footer .con .left ul li:nth-child(2) { width: 2px; height: 1.8rem; background: var(--color20); } 



/* 퀵메뉴 */
#quick { position: fixed; right: 1.5rem; top: 50%; transform: translatey(-50%); z-index: 100; background: #ffffffe0; padding: 30px 10px; border-radius: 30px; display: flex; flex-direction: column; gap: 20px; text-align: center; box-shadow: 0px 2px 7px #0000003a } 

#quick p { font-weight: bold; font-size: 1.3rem; color: var(--color30); } 
#quick img { transform: scale(.85); } 


@media (max-width: 1400px) { /* 모바일 퀵메뉴 */
#m_quick_menu { display: block; position: fixed; z-index: 50; left: 0; bottom: 0; width: 100%; background: #003a67; } 
#m_quick_menu ul { display: flex; } 
#m_quick_menu ul li { width: 33.3333%; border-left: 1px solid #336185; 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: 1480px) { /* header */

.m_show { display: block; } 
.pc_show { display: none; } 
/* header { padding: 0 70px; } */
header nav > ul { gap: 4rem; } 
header nav > ul > li > a { font-size: 1.8rem; } 
 }


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

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

/* ************************** */
 /* **********모바일********** */
@media (max-width: 720px) { 
:root { font-size: 7.3px; } 


nav { display: none; } 
#m_menu .close_btn { top: 22px; } 

}

@media (max-width: 640px) { html { font-size: 50%; } 

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


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

/* 모바일 퀵메뉴 */
#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; } 


/* 카카오지도 */
#root_daum_roughmap { width: 100%; } 
.root_daum_roughmap .wrap_controllers,
.section_address { display: none; } 

.kakaomap { width: 100% !important; }