@charset "utf-8";

/* 초기화 */
* img {max-width:100%;}
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:1rem;font-family:'Pretendard';background-color:transparent;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1rem;font-family:'Pretendard'}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1rem}
input, button {margin:0;padding:0;font-family:'Pretendard';font-size:1rem}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard';font-size:1rem}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none}

*, :after, :beBfore {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
outline:none;
}

/* div 클릭시 복사방지 */
/* div {user-select:none;-webkit-user-select:none;} */

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 팝업레이어 */
#boxBlack {display:none;left:0;top:0;position:fixed;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.5);}
#hd_pop {overflow:hidden;z-index:1000;width:90%;max-width:680px;position:fixed;left:1%;top:50%;transform:translateY(-50%);margin:0 auto;}
.hd_pops {width:100%;position:relative;}
.hd_pops img {width:100%;display:block;}
.hd_pops_footer {background:#fff;color:#333;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:.5rem 1rem;border:0;background:#fff;color:#333;font-size:.9rem;}
.hd_pops_footer .hd_pops_reject {text-align:left}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0}
@media (min-width:720px) {
		#hd_pop {max-width:540px;}
		.hd_pops_footer button {padding:1rem;font-size:1rem;}
}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */
.btn_submit {border:0;background:#4273ea;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ddd;background:#fff;color:#333;vertical-align:middle;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}
.frm_input_full {width:100%}
.frm_textarea {border:1px solid #ddd;width:100%;}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 페이징 */
.pg_wrap {clear:both;display:block;margin:1.5rem auto;text-align:center;}
.pg_wrap .pg {align-items:center;display:block;}
.pg_wrap .pg a,
.pg_wrap .pg strong {display:inline-block;text-align:center;vertical-align:middle;background-color:#eee;color:#959595;border:1px solid #eee;font-size:1rem;height:2rem;line-height:2rem;min-width:2rem;text-decoration:none;border-radius:3px;}
.pg_wrap .pg a:focus,
.pg_wrap .pg a:hover {text-decoration:none}
.pg_wrap .pg strong {background:var(--color1);color:#fff;font-weight:normal;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.section {padding:130px 0;}
.title {text-align:center;margin-bottom:3.5rem;}
.title span {display:inline-block;font-size:1.5rem;color:#222;font-family:'Pretendard';margin-bottom:1.25rem;}
.title strong {display:block;overflow:hidden;font-family:'JalnanGothic';font-size:3rem;color:var(--color_dark);font-weight:normal;}
.title strong em { font-style:normal;color:var(--color_point);}
.contain {width:1200px;margin:0 auto;}

#boxContents {margin:0 auto; padding:130px 0; text-align:center;}

#boxSubimg {height:300px;position:relative;}
#boxSubimg::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
#boxSubimg strong {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;color:#fff;font-size:3.5rem;padding-bottom:3.4rem;font-weight:600;}
#boxSubimg strong.noMenu {padding-bottom:0;}
#boxSubimg .boxSubimg_menu {position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:100;gap:1px;}
#boxSubimg .boxSubimg_menu a {display:block;flex:1;line-height:3.4rem;background:rgba(0,0,0,0.65);color:var(--color_gray);font-weight:600;}
#boxSubimg .boxSubimg_menu a.on {background:#fff;color:#222;font-size:1.15rem;}

.subtitle {text-align:center;margin-bottom:3.5rem;}
.subtitle strong {display:block;color:var(--color_dark);font-size:5rem;}
.subtitle p {display:block;color:#222;margin-top:1.5rem;font-size:1.75rem;}
.subtitle p em {display:inline-block;color:var(--color_point);font-style:normal;font-weight:bold;}

/* ================================================
   상단 고정메뉴
   ================================================ */
#boxTop {position:fixed;top:0;left:0;background:var(--color_dark);min-width:1540px;z-index:1000;width:100%;}
#boxTop .logo {height:90px;padding:0 2.5rem;color:#fff;font-family: 'JalnanGothic';font-size:1.75rem;line-height:0;}
#boxTop .logo img {display:block;height:3rem;margin:0 auto;filter:brightness(0) invert(1);}

#boxTop #boxMenu{width:55%;padding:0 2.5rem;}
#boxMenu .depth1{position:relative;}
#boxMenu .depth1 .mn{padding:0 1rem;color:#fff;font-family:'Pretendard';line-height:90px;display:block;font-size:1.2rem;font-weight:400;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxMenu .depth1:hover .mn,#boxMenu .depth1.on .mn{color:var(--color_point);font-weight:600;}
#boxMenu .depth2{position:absolute;top:90px;left:-.75rem;min-width:180px;background:var(--color_dark);padding:0 1.75rem;overflow:hidden;max-height:0;transition:max-height .3s ease;z-index:1;}
#boxMenu .depth2 li{list-style:none;padding:0;}
#boxMenu .depth2 a{color:#fff;font-size:1rem;line-height:2rem;display:block;}
#boxMenu .depth2 li:last-child {margin-bottom:1rem;}
#boxMenu .depth2 a:hover{color:var(--color_point);font-weight:600;}
#boxMenu .depth1:hover .depth2{max-height:300px;}

#boxTop #boxTel {padding:0 calc(90px + 2.5rem) 0 2.5rem;color:#fff;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease, transform .15s ease;}
/* 탭/클릭했을 때 눌리는 느낌 (모바일에서 전화 연결 피드백) */
#boxTop #boxTel:active {opacity:.55;transform:scale(.96);}
#boxTop #boxTel span {font-size:1.5rem;display:block;margin:0 auto;margin-right:.5rem;}
#boxTop #boxTel strong {display:block;font-size:1.5rem;font-family:'JalnanGothic';font-weight:normal;letter-spacing:1px;}
#boxBlank {height:90px;}

/* ================================================
   메인 이미지
   ================================================ */
#boxMain {width:100%;position:relative;overflow:hidden;min-width:1200px;height:calc(100vh - 90px);background:#000;}
#boxMain .swiper-slide {height:calc(100vh - 90px);position:relative;}
#boxMain .swiper-slide .image-overlay {height:100%;width:100%;top:0;left:0;position:absolute;background:rgba(0,0,0,0.5);}
#boxMain .boxMainText{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 90px);z-index:11;display:flex;align-items:center;justify-content:center;}
#boxMain .boxMainText img{max-width:75%;display:block;}
#boxMain .boxMainText .mainText{width:88%;text-align:center;line-height:1.05;}
#boxMain .mainTextEn{display:block;font-family:'Pretendard';font-size:1.55vw;font-weight:600;letter-spacing:.5em;text-indent:.5em;color:rgba(255,255,255,.9);margin-bottom:.9vw;text-shadow:0 2px 10px rgba(0,0,0,.45);}
#boxMain .mainTextKo{display:block;font-family:'JalnanGothic';font-weight:normal;font-size:5vw;color:#fff;white-space:nowrap;filter:drop-shadow(0 5px 12px rgba(0,0,0,.55));}
#boxMain .mainTextKo em{font-style:normal;background:linear-gradient(180deg,#a6da4b 0%,#69a72c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}

@keyframes scrollBg {
	0% {background-position: left 100%;}
	100% {background-position: left 0;}
}

#boxMainSub {width:100%;height:100%;position:absolute;left:0;top:0;}

/* ================================================
   메인 프리미엄
   ================================================ */
#boxPremium {position:relative;overflow:hidden;}
#boxPremium .swiper-button-next, #boxPremium .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--color_point));
}
#boxPremium .swiper-button-prev, #boxPremium .swiper-rtl .swiper-button-next {
    left: 50%;
	transform:translateX(-680px);
    right: auto;
}
#boxPremium .swiper-button-next, #boxPremium .swiper-rtl .swiper-button-prev {
    left: auto;
	transform:translateX(680px);
    right: 50%;
}

/* ================================================
   메인 배너
   ================================================ */
#boxBanner { background:var(--color_box); }
#boxBanner ul {text-align:center;}
#boxBanner ul li {display:block;width:33%;border-right:1px solid #ddd;}
#boxBanner ul li:last-child {border-right:0;}
#boxBanner ul li a {display:block;}
#boxBanner ul li a span {display:block;font-size:3rem;}
#boxBanner ul li a dt {font-size:1.75rem;font-weight:700;margin:1.5rem auto;}
#boxBanner ul li a dd {font-size:1rem;color:#777;line-height:1.6;}
#boxBanner ul li a p {display:inline-block;margin-top:1rem;border-radius:1.5rem;line-height:2.4rem;padding:0 2rem;color:#fff;background:var(--color_gray);cursor:pointer;}
#boxBanner ul li a p:hover{background:var(--color_point);}

/* ================================================
   메인 오시는길
   ================================================ */
#boxMap {background:#fff;}
#boxMap .flexbox a {display:block;width:48%;}
#boxMap .flexbox a img {display:block;max-width:100%;}

/* ================================================
   하단 카피
   ================================================ */
#boxCopy {background:var(--color_light);color:#222;text-align:center;font-size:1.15rem;}
#boxCopy .boxCopyLogo img {height:4rem;margin:0 auto 2.5rem auto;}
#boxCopy .boxCopyLink a {display:block;color:#222;}
#boxCopy .boxCopyLink a.strong {font-weight:600;color:#222;}
#boxCopy .boxCopyLink em {width:1px;height:1rem;background:rgba(0,0,0,.15);display:block;margin:0 1.5rem;}
#boxCopy .boxCopySub {margin-top:2.5rem;line-height:1.6;}
#boxCopy .boxCopySub em {width:1px;height:1rem;background:rgba(0,0,0,.15);display:inline-block;margin:0 .5rem;}
#boxCopy .boxCopyNotice {display:block;margin-top:.75rem;font-size:.95rem;color:#555;line-height:1.7;word-break:keep-all;}
#boxCopyright {line-height:5rem;display:block;text-align:center;background:var(--color_gray);color:#fff; }
#boxCopyright a {color:#fff;}

/* ================================================
   하단 협력사
   ================================================ */
#boxLink {padding:1.5rem 0;border-top:1px solid #ddd;}
#boxLink .contain {gap:4rem;justify-content:center;}
#boxLink .contain > div > strong {display:block;margin-right:1rem;font-weight:500;font-size:1rem;color:#555;}
#boxLink .contain > div img {height:3rem;}
#boxLink .contain > div .linkName {font-size:1.15rem;font-weight:600;color:#222;white-space:nowrap;}

/* ================================================
   고정 퀵메뉴
   ================================================ */
#boxQuick {position:fixed;width:90px;height:100%;background:#fff;top:0;right:0;z-index:10000;box-shadow:0 0 10px rgba(0,0,0,.15);}
#boxQuick > .flexbox {width:100%;}
#boxQuick a {width:100%;display:flex;align-items:center;flex-direction:column;font-size:.9rem;}
#boxQuick a:not(.home) {border-bottom:1px solid #ddd;padding:1.75rem 0;}
#boxQuick a span {display:block;color:var(--color_point);margin-bottom:.5rem;font-size:1.75rem;}
#boxQuick a.home {height:90px;background:var(--color_point);color:#fff;padding:1.2rem 0;}
#boxQuick a.home span {color:#fff;}
#boxQuick button {background:transparent;border:0;height:90px;width:100%;display:block;}