@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:50%;top:50%;transform:translate(-50%, -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(--color_point);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;
}

.telbox {display:flex;justify-content:space-between;}
.telbox input {width:34%;}
.telbox select {width:30%;}

.section {padding:130px 0;}
.title {text-align:left;margin-bottom:2rem;}
.title.center {text-align:center;}
.title strong {display:block;overflow:hidden;font-size:28px;font-weight:500;color:var(--color_dark);letter-spacing:-1px;font-weight:normal;}
.title p {display:block;font-size:1rem;letter-spacing:-1px;color:#777;font-family:'Pretendard';margin-top:1rem;}
.contain {width:1380px;margin:0 auto;}
.inner {width:1000px;margin:0 auto;}

/* ================================================
   상단 고정메뉴
   ================================================ */
#boxTopLine {position:relative;width:100%;height:40px;border-bottom:1px solid #eee;}
#boxTopLine .contain {gap:2rem;}
#boxTopLine .contain a {display:block;line-height:40px;font-size:.9rem;color:#777;}

#boxTopBanner {position:relative;height:80px;transition: transform .4s ease, opacity .4s ease;}
#boxTopBanner.hide {transform: translateY(-100%);opacity: 0;}
#boxTopBanner .swiper-slide {width:100%;overflow:hidden;line-height:80px;}
#boxTopBanner .swiper-slide .flexbox {gap:1.5rem;}
#boxTopBanner .swiper-slide .boxTopBanner_prefix {font-weight:500;font-size:1.5rem;}
#boxTopBanner .swiper-slide .boxTopBanner_main {font-weight:400;font-size:1.75rem;}
#boxTopBanner .swiper-slide .boxTopBanner_suffix {gap:.5rem;font-size:1rem;font-weight:400;border:1px solid #fff;border-radius:1rem;padding:0 1rem;line-height:2rem;}
#boxTopBanner_close {position:absolute;right:1rem;top:0;height:80px;background:none;border:0;color:#fff;cursor:pointer;z-index:100;}
#boxTopBanner_close span {font-size:2rem;}

#boxTopLang{position:relative;display:block;cursor:pointer;font-size:.9rem;line-height:38px; width:150px;}
#boxTopLang .lang-current{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #eee;border-top:0;border-bottom:0;user-select:none;padding:0 .7rem;position:relative;}
#boxTopLang .lang-current i{transition:transform .2s;position:absolute;top:0;right:1rem;line-height:40px;}
#boxTopLang.open .lang-current i{transform:rotate(180deg);}
#boxTopLang .lang-options{display:none;position:absolute;left:0;right:0;top:40px;background:#fff;border:1px solid #eee;border-top:0;border-bottom:0;z-index:1000;}
#boxTopLang .lang-options .lang-option{display:flex;align-items:center;padding-left:1rem;transition:background .15s;border-bottom:1px solid #eee;background:#fff;line-height:40px;}
#boxTopLang .lang-options .lang-option img {margin-right:.5rem;}
#boxTopLang.open .lang-options{display:block;}

#topNav {gap:1.5rem;}

#boxTop {position:absolute;top:0;left:0;background:#fff;overflow:hidden;min-width:1440px;z-index:1000;width:100%;transition: transform .4s ease, opacity .4s ease;}
#boxTop.hide {transform: translateY(-80px);}
#boxTop .logo {height:90px;font-weight:bold;font-size:2.5rem;font-family:'SchoolSafetyStarrySky';line-height:0;font-style: italic;letter-spacing:-1px;}
#boxTop .logo i {line-height: 3.2rem;display:block; color:var(--color_dark); font-size:2rem;}
#boxTop .logo img {display:block;height:1.5rem;margin:0 auto;}
#boxTop #boxMenu {gap:3rem;}
#boxTop #boxMenu a {position:relative;z-index:1;color:#222;font-family:'Pretendard';font-size:1.35rem;line-height:60px;display:block;font-weight:400;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;}
#boxTop #boxMenu a::after {content:'•';position:absolute;top:-1.75rem;left:50%;transform:translateX(-50%) translateY(10px);font-size:1rem;color:#222;opacity:0;transition:all .3s ease-in-out;animation:bounceDot 0.5s ease-in-out infinite alternate;}
#boxTop #boxMenu a:hover::after,
#boxTop #boxMenu a.on::after {opacity:1;}
#boxTop #boxTel {background:var(--color_point);padding:0 3.5rem 0 2.5rem;color:#fff;}
#boxTop #boxTel .img {border-radius:2rem;height:3.4rem;width:3.4rem;overflow:hidden;background:#fff;}
#boxTop #boxTel .img img {height:2rem;display:block;margin:0 auto;}
#boxTop #boxTel .txt {flex:1;margin-left:1rem;display:inline-block;font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxTop #boxTel .txt strong {display:block;font-size:1.5rem;font-family:'JalnanGothic';margin-top:.35rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal;letter-spacing:1px;}
#boxBlank {height:210px;transition: height .4s ease;}
#boxBlank.hide {height: 130px;}

@keyframes bounceDot {0%{transform:translateX(-50%) translateY(0);}100%{transform:translateX(-50%) translateY(.5rem);}}

/* ================================================
   메인 이미지
   ================================================ */
#boxMain {width:100%;position:relative;overflow:hidden;min-width:1380px;height:475px;z-index:100;}
#boxMain .swiper-slide {height:475px;position:relative;}

/* ================================================
   메인 럭키박스
   ================================================ */
#boxLuckybox {position:relative;overflow:hidden;}
#boxLuckybox .luckybox-slide .luckybox-image {position:relative;}
#boxLuckybox .luckybox-slide .luckybox-image img {display:block;}
#boxLuckybox .luckybox-slide .luckybox-info {color: #333;font-size: 1rem;line-height:1.6;}
#boxLuckybox .luckybox-slide .luckybox-info .luckybox-name {margin-top: 1rem;}
#boxLuckybox .luckybox-slide .luckybox-info .luckybox-description {color: #969696;}
#boxLuckybox .luckybox-slide .luckybox-info .luckybox-price {font-size: 1.35rem;margin-top: 0.5rem;cursor: pointer;font-weight:500;}

#boxLuckybox .swiper-button-next,
#boxLuckybox .swiper-button-prev {
    width: 40px;
    height: 40px;
	background:rgba(0,0,0,.5);
	border-radius:50%;
	color:#fff;
}
#boxLuckybox .swiper-button-next:after,
#boxLuckybox .swiper-button-prev:after {font-size:1rem;}
   
/* ================================================
   메인 베스트 리뷰
   ================================================ */
#boxReview {background:#f9f9f9;}
#boxReview .title strong {border-bottom:1px solid #ddd;padding-bottom:1rem;}
#boxReview .title p {border:1px solid #ddd;text-align:center;padding:1.25rem;font-size:1.15rem;}
#boxReview.sub {background:#fff;}
#boxReviewSub {margin-bottom:5rem;}
#boxReviewSub .review-card {width:18.5%;margin-top:2.5rem;}
#boxReviewSub .review-card .review-image {width:100%;aspect-ratio:1/1;border:1px solid #efefef;border-radius:.25rem;}
#boxReviewSub .review-card {color: #333;font-size: 1rem;line-height:1.6;}
#boxReviewSub .review-card .review-title {font-size:.9rem;color: #969696;margin-top: 1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxReviewSub .review-card .review-text {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxReviewSub .review-card .review-user {font-size: .9rem;margin-top: 0.5rem;cursor: pointer;font-weight:500;}

/* ================================================
   서브 게시판 리스트
   ================================================ */
#boxPageList .toggle_content {cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #eee;color:#222;text-decoration:none;}
#boxPageList .toggle_content .boxPlist {display:flex;align-items:center;gap:1rem;flex:1;padding:0 1rem;}
#boxPageList .toggle_content .boxPlist > em {font-size:.9rem;color:#888;min-width:100px;display:inline-block;font-style:normal;}
#boxPageList .toggle_content .boxPlist > strong {font-size:1rem;font-weight:normal;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#boxPageList .toggle_content .boxPlist > .category {color:var(--color_point);}
#boxPageList .toggle_content i {color:#aaa;font-size:1rem;flex-shrink:0;padding:0 1rem;}
#boxPageList .toggle_content .icNew {display:inline-block;margin-right:.75rem;font-size:.7rem;font-weight:600;color:#fff;background:var(--color_point);border-radius:50%;line-height:1.4rem;width:1.4rem;height:1.4rem;text-align:center;font-weight:700;}
#boxPageList .toggle_content {display:flex;}
#boxPageList .open_content {display:none;padding:1.5rem;color:#555;font-size:1rem;line-height:1.6;background:#fafafa;border-bottom:1px solid #eee;}

#boxFaqCate {gap:1rem;margin-bottom:2rem;}
#boxFaqCate span {cursor:pointer;display:block;font-size:1rem;line-height:2.4rem;text-align:center;flex:1;border:1px solid #ddd;border-radius:3px;}
#boxFaqCate span.on {background:#222;color:#fff;border:1px solid #222;}

/* ================================================
   하단 카피
   ================================================ */
#boxCopy {background:#313161;color:rgba(255,255,255,.5);font-size:1rem;}
#boxCopy .contain .boxCopyLeft .boxCopyLogo {color:#fff;font-size:2.5rem;margin-bottom:2rem;font-weight:bold;font-family:'SchoolSafetyStarrySky';font-style: italic;letter-spacing:-1px;}
#boxCopy .contain .boxCopyLeft .boxCopyLogo span {font-size:2.5rem;font-weight:normal;font-style: italic;margin-right:.5rem;}
#boxCopy .contain .boxCopyLeft .boxCopyLogo img {height:2rem;margin-right:1rem;}
#boxCopy .contain .boxCopyLeft .boxCopyLink a {display:block;color:#fff;}
#boxCopy .contain .boxCopyLeft .boxCopyLink a.strong {font-weight:600;}
#boxCopy .contain .boxCopyLeft .boxCopyLink em {width:1px;height:1rem;background:rgba(255,255,255,.15);display:block;margin:0 1.5rem;}
#boxCopy .contain .boxCopyLeft .boxCopySub {margin-top:1.5rem;line-height:1.6;}
#boxCopy .contain .boxCopyCenter {width:18%;}
#boxCopy .contain .boxCopyCenter h4 {font-size:1.15rem;color:#fff;}
#boxCopy .contain .boxCopyCenter .boxCopyMenu {margin-top:.75rem;gap:.5rem 0;}
#boxCopy .contain .boxCopyCenter .boxCopyMenu a {display:flex;align-items:center;color:rgba(255,255,255,.5);padding:.25rem 0;}
#boxCopy .contain .boxCopyCenter .boxCopyMenu a span.material-symbols-outlined {margin-right:.5rem;}
#boxCopy .contain .boxCopyCenter .boxCopyMenu a .text {transition:padding-left .2s;}
#boxCopy .contain .boxCopyCenter .boxCopyMenu a:hover .text {padding-left:.5rem;}
#boxCopy .contain .boxCopyCenter .boxCopyMenu a:hover span,
#boxCopy .contain .boxCopyCenter .boxCopyMenu a:hover .text{color:#fff;}
#boxCopy .contain .boxCopyRight .btn-inquiry {background:#fff;border:1px solid #ddd;border-radius:3px;line-height:3rem;margin-bottom:1rem;padding:0 2.5rem;}
#boxCopy .contain .boxCopyRight p {line-height:1.8;}
#boxCopyright {line-height:5rem;display:block;background:#333369;color:#fff;text-align:center;}
#boxCopyright a {color:#fff;}

/* ================================================
   고정 퀵메뉴
   ================================================ */
#boxQuick {position:fixed;bottom:2.5rem;right:2.5rem;z-index:1000;}
#boxQuickKakao {background:#FFE812;width:5rem;height:5rem;border-radius:2.5rem;overflow:hidden;position:relative;font-size:.9rem;font-weight:bold;padding-bottom:.75rem;line-height:100%;box-shadow:0 0 .5rem rgba(0,0,0,0.25);}
#boxQuickKakao img {display:block;margin:0 auto;width:60%;}