/* 웹폰트 */
@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/Paperlogy/Paperlogy.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);
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; } 

.paper { font-family: "Paperlogy", sans-serif; } 
.gmarket { font-family: 'Gmarket Sans'; } 
.jost { font-family: "Jost", sans-serif; } 

/* 마진설정 */
.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: #005191; } 
.c_main2 { color: #00b9f1; } 
.c_main3 { color: #e2f8ff; } 
.c_main4 { color: #003a67; } 
.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: 1.6rem; font-weight: 300; letter-spacing: 18px; text-indent: 18px; font-family: "Paperlogy"; } 

h5 { font-size: 22px; } 


/* 퀵메뉴 */
#quick_menu { position: fixed; top: 121px; right: 1px; width: 100px; z-index: 50; background: #003a67; box-sizing: border-box;} 
#quick_menu ul li { width: 100px; height: 100px; text-align: center; padding-top: 17px; border-top: 1px solid #336185; box-sizing: border-box; } 
#quick_menu ul li:first-child { border-top: none; } 
#quick_menu ul li a { width: 100%; height: 100%; display: block; } 
#quick_menu ul li a p { font-size: 1.7rem; 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 > 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: #00b9f1; } 

#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: #00b9f1; } 
#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; } 
#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 { 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: #00b9f1; } 




/* 모바일 메뉴 */
#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: #005191; } 
#m_menu .m_nav { width: 100%; margin: 9rem auto; border-top: 3px solid #005191; } 
#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 #fff; } 
#m_menu .m_nav ul li .sub_nav a { display: block; font-size: 1.8rem; padding-left: 3.2rem; background: #bee3ff; } 


/* 하단 */
#footer { padding: 7.5rem 0; border-top: 1px solid #e0e0e0; } 
#footer .inner { display: flex; gap: 160px; } 
#footer .f_logo img { width: 310px; display: block; margin-bottom: 3.5rem; } 
#footer .f_logo p, #footer .f_logo p a { color: #587faa; font-size: 1.6rem; } 
#footer h5 { color: #00b3eb; } 
#footer .inner .f_right { display: flex; gap: 80px; } 
#footer .inner .f_right .ft_center { display: flex; gap: 62px; } 
#footer .inner .f_right .ft_center .call h3 { font-weight: 900; margin-top: 1rem; } 
#footer .inner .f_right .ft_center { 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; font-size: 1.6rem; } 
#footer .inner .f_right .ft_center .time .timetable .column p, #footer .inner .ft_center .time .holiday { color: #005191; line-height: 3.5rem; font-size: 1.6rem; } 
#footer .inner .f_right .policy .policy_top a { font-size: 2.2rem; font-weight: 700; color: #00b3eb; display: block; margin-top: 1.8rem; font-size: 1.6rem; } 
#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 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: #00b9f1; 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: #003a67; } 
#m_quick_menu ul { display: flex; flex-wrap: wrap; } 
#m_quick_menu ul li {border-left: 1px solid #336185; text-align: center; } 
#m_quick_menu ul li:nth-child(-n+4) { width: 25%;} 
#m_quick_menu ul li:nth-child(n+5):nth-child(-n+7) {width: calc(100% / 3);border-top: 1px solid #336185; };
#m_quick_menu ul li:first-child { border-left: none; } 
/* #m_quick_menu ul li a { width: 100%; height: 100%; display: block; padding: 1rem 0; }  */
#m_quick_menu ul li a { width: 100%; height: 100%; display: flex; padding: 1rem 0; align-items: center; justify-content: center; } 
#m_quick_menu ul li a p { font-weight: 600; font-size: 1.4rem; color: #fff; line-height: 1; margin-left: .5rem;} 

/* 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; } 
.main_video.m_show { display: block !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) { /* 글자 반응형 */
html { font-size: 50%; } 

/* 글자 크기 */
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 .inner .f_right { flex-direction: column; } 
#footer .inner .f_right .ft_center { gap: 40px; } 
}


@media (max-width: 480px) { body { margin-bottom: 7.7rem; } 

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

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

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