/* 웹폰트 */
@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: 1.8rem; 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; margin-bottom: 30px; } 
.kor { font-size: 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 { width:100%; margin:auto; overflow:hidden; min-width: 1200px; } 
.swiper { overflow: hidden; } 
/* 이미지 하얗게 */
/* filter: brightness(0) invert(1); */



/************** HEADER **************/
header { position: fixed; width:100%; z-index: 50; transition: .2s ease-in-out; padding: 0 100px; } 
header > .inner { display: flex; align-items: center; justify-content: space-between; } 
header .logo { width: 29.5rem; height: 43px; background: url(images/logo.png) no-repeat center/contain; display: block;  } 
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 .logo { background: url(images/logo_on.png) no-repeat center/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; } 


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

@media (max-width: 1480px) { /* header */
header { position: fixed; width:100%; z-index: 50; transition: .2s ease-in-out; padding: 0 70px; } 
header nav > ul { gap: 4rem; } 
header nav > ul > li > a { font-size: 1.8rem; } 
 }




/************** FOOTER **************/
footer { border-top: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: center; padding: 5rem; } 

footer .con { max-width: 1400px; width: 100%; display: flex; justify-content: space-between; align-items: center; } 
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 .right h1 { display: flex; align-items: center; } 
footer .con .right h1 a { margin-left: 1rem; font-size: 3.6rem; font-weight: lighter; color: var(--text); } 
footer .con .right ul { justify-content: end; display: flex; gap: 2rem; align-items: center; margin-top: 3rem; } 
footer .con .right ul a { color: var(--color20); font-size: 2rem; letter-spacing: -1px; font-weight: bold; } 

footer .con .right 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: 1920px) {#wrap { width: 100%; margin: 0 auto; } 
 }

@media (max-width: 1600px) { header .logo { width: 300px; } 
 }

@media (max-width: 1400px) {.m_show { display: block; } 
.pc_show { display: none; } 

/* 모바일 퀵메뉴 */
#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: 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) { /* header */

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

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

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

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

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


@media (max-width: 480px) {
  
  
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; } 
 }


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