@font-face {
    font-family: 'JeongseonArirang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


/* 서브공통 */
.con_wrap {}
.con_wrap * {color: var(--main_black); word-break: keep-all;}
.con_wrap {}
.con_wrap .sub_tit_box {margin-bottom: 30px;}
.con_wrap .sub_tit_box .sub_tit {position: relative; font-size: 40px; text-align: center; padding-top: 20px;}
.con_wrap .sub_tit_box .sub_tit::after {content: ""; display: block; width: 10px; height: 10px; margin: 20px auto 0; border-radius: 100%;}
.con_wrap .sub_tit_box p {position: relative; font-weight: 700; padding-left: 32px; font-size: 25px; text-align: left; line-height: normal; margin-bottom: 30px; display: flex; align-items: center; flex-wrap: wrap;}
.con_wrap .sub_tit_box p::after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 4px; border-radius: 500px;}
.con_wrap .sub_tit_box span {font-size: 18px; display: block; margin-top: 20px;}
.con_wrap p {font-size: 18px; line-height: 1.5; word-break: keep-all;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .cont {display: none;}

@media screen and (max-width: 960px) {
	.con_wrap p {font-size: 16px;}
	.con_wrap .sub_tit_box .sub_tit {font-size: 35px;}
	.con_wrap .sub_tit_box p {font-size: 22px; padding-left: 28px;}
	.con_wrap .sub_tit_box p::after {width: 18px;}
	.con_wrap .sub_tit_box span {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	.con_wrap .sub_tit_box .sub_tit {font-size: 30px;}
	.con_wrap p {font-size: 14px;}
	.con_wrap .sub_tit_box .sub_tit::after {width: 8px; height: 8px; margin-top: 10px;}
	.con_wrap .sub_tit_box p {font-size: 20px; margin: 20px auto 0;}
	.con_wrap .sub_tit_box span {font-size: 15px;}
}

@media screen and (max-width: 450px) {
	.con_wrap .sub_tit_box {margin-bottom: 20px;}
	.con_wrap .sub_tit_box .sub_tit {font-size: 26px;}
	.con_wrap .sub_tit_box p {font-size: 18px;}
}
/* 서브공통 */

/* 준비중 페이지 */
.preparing_box {border-radius: 20px; background-color: var(--main-gray); padding: 30px; text-align: center;}
.preparing_box h3 {font-size: 35px; margin-bottom: 10px;}
.preparing_box h3 span {font-weight: 800; font-size: inherit !important;}
.preparing_box p {font-size: 18px; line-height: 1.5;}
@media screen and (max-width:640px) {
	.preparing_box {padding: 20px;}
	.preparing_box h3 {font-size: 25px;}
	.preparing_box p {font-size: 16px;}
}
/* 준비중 페이지 */


/*서브페이지 안내 공통*/
.con_wrap .delivery-notice { border-left: 2px solid #ddd; padding: 10px 14px; margin: 50px 0;}
.con_wrap .delivery-notice__fee { font-size: 18px; color: #666; margin: 0 0 4px; }
.con_wrap .delivery-notice__fee span { color: #999; }
.con_wrap .delivery-notice__free { font-size: 18px; color: #333; margin: 0; }
.con_wrap .delivery-notice__free strong { font-weight: 500; }

@media screen and (max-width:960px) {
.con_wrap .delivery-notice{    margin: 20px 0;}
.con_wrap .delivery-notice__fee{font-size: 14px;}
.con_wrap .delivery-notice__free{    font-size: 14px;}
}
/*서브페이지 안내 공통*/

/* a1 */
#a1 .menu-info { }
#a1 .menu-info__label { font-size: 12px; font-weight: 500; color: #999; letter-spacing: 0.06em; text-transform: uppercase; margin: 0 0 1rem; }
#a1 .menu-info__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0 0 1.25rem; padding: 0; list-style: none; }
#a1 .menu-info__item { background: #f7f7f5; border-radius: 8px; padding: 14px 12px; text-align: center; }
#a1 .menu-info__name { display: block; font-size: 20px; font-weight: 600; color: #222; margin-bottom: 2px; }
#a1 .menu-info__count { display: block; font-size: 18px; color: #888; }
#a1 .menu-info__summary { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eee; padding-top: 1rem; }
#a1 .menu-info__total { font-size: 20px; color: var(--sub_color);; }
#a1 .menu-info__total strong { font-weight: 500; color: #222; }
#a1 .menu-info__serving { font-size: 16px; background: #e6f0fb; color: #1a5fa5; padding: 4px 12px; border-radius: 6px; }
/* a1 */

/* b1 */
#b1 .menu-info { }
#b1 .menu-info__badge-wrap { display: flex; gap: 8px; margin: 0 0 1rem; }
#b1 .menu-info__badge { font-size: 16px; font-weight: 500; color: #1a5fa5; background: #e6f0fb; padding: 4px 12px; border-radius: 6px; }
#b1 .menu-info__title { font-size: 24px; font-weight: 600; color: #222; margin: 0 0 0.5rem; }
#b1 .menu-info__sub { font-size: 16px; color: #666; margin: 0; }

@media (max-width: 768px) { #b1 .menu-info__title { font-size: 18px; } }
@media (max-width: 480px) { #b1 .menu-info__title { font-size: 16px; } #b1 .menu-info__sub { font-size: 13px; } }
/* b1 */

/* c1 */
#c1 .menu-info { }
#c1 .menu-info__badge-wrap { display: flex; gap: 8px; margin: 0 0 1rem; }
#c1 .menu-info__badge { font-size: 16px; font-weight: 500; color: #1a5fa5; background: #e6f0fb; padding: 4px 12px; border-radius: 6px; }
#c1 .menu-info__title { font-size: 24px; font-weight: 600; color: #222; margin: 0 0 0.5rem; }
#c1 .menu-info__sub { font-size: 16px; color: #666; margin: 0 0 1.25rem; line-height: 1.7; }
#c1 .menu-info__detail { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; border: 0.5px solid #e0e0e0; border-radius: 8px; overflow: hidden; }
#c1 .menu-info__detail li { display: flex; align-items: center; padding: 11px 16px; border-bottom: 0.5px solid #e0e0e0; }
#c1 .menu-info__detail li:last-child { border-bottom: none; }
#c1 .menu-info__detail-label { font-size: 18px; font-weight: 500; color: #fff; background: var(--sub_color); padding: 5px 15px; border-radius: 3px; margin-right: 14px; white-space: nowrap; min-width: 68px; text-align: center; }
#c1 .menu-info__detail-value { font-size: 18px; color: #333; font-weight: 500; }

@media (max-width: 768px) { #c1 .menu-info__title { font-size: 18px; } #c1 .menu-info__sub { font-size: 13px; } }
@media (max-width: 480px) { #c1 .menu-info__title { font-size: 16px; } #c1 .menu-info__detail-label { min-width: 58px; font-size: 11px; } #c1 .menu-info__detail-value { font-size: 12px; } }
/* c1 */

/* d1 */
#d1 .menu-info { }
#d1 .menu-info__title { font-size: 24px; font-weight: 600; color: #222; margin: 0 0 0.5rem; }
#d1 .menu-info__sub { font-size: 16px; color: #666; margin: 0 0 1.25rem; line-height: 1.7; }
#d1 .menu-info__detail { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; border: 0.5px solid #e0e0e0; border-radius: 8px; overflow: hidden; }
#d1 .menu-info__detail li { display: flex; align-items: center; padding: 11px 16px; border-bottom: 0.5px solid #e0e0e0; }
#d1 .menu-info__detail li:last-child { border-bottom: none; }
#d1 .menu-info__detail-label { font-size: 18px; font-weight: 500; color: #fff; background: var(--sub_color); padding: 5px 15px; border-radius: 3px; margin-right: 14px; white-space: nowrap; min-width: 68px; text-align: center; }
#d1 .menu-info__detail-value { font-size: 18px; color: #333; font-weight: 500; }

@media (max-width: 768px) { #d1 .menu-info__title { font-size: 18px; } #d1 .menu-info__sub { font-size: 13px; } }
@media (max-width: 480px) { #d1 .menu-info__title { font-size: 16px; } #d1 .menu-info__detail-label { min-width: 58px; font-size: 11px; } #d1 .menu-info__detail-value { font-size: 12px; } }
/* d1 */



/* e1 */
#e1 .e1_inner {margin: 0 auto; }
#e1 .e1_hero { display: grid; grid-template-columns: 1fr 1fr;}
#e1 .e1_hero_left { background: #fff; padding: 64px 56px; display: flex; flex-direction: column; justify-content: center;}
#e1 .e1_tag { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500; color: var(--sub_color); letter-spacing: 2px; margin-bottom: 22px; }
#e1 .e1_tag::before { content: ''; display: block; width: 24px; height: 1px; background: var(--sub_color); }
#e1 .e1_hero_title { font-size: 38px; font-weight: 700; color: var(--main_black); line-height: 1.45; letter-spacing: -1px; margin-bottom: 24px; word-break: keep-all; }
#e1 .e1_hero_title strong { color: var(--sub_color); font-weight: 700; }
#e1 .e1_hero_desc { font-size: 18px; line-height: 2.1; color: var(--main_depGray); word-break: keep-all; padding-left: 18px; border-left: 2px solid var(--sub_color); }
/* #e1 .e1_hero_right { background: var(--main_color); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; } */
#e1 .e1_hero_right img{max-width: 100%;}
#e1 .e1_bowl_badge { position: absolute; top: 22px; right: 22px; background: var(--sub_color); color: #fff; font-size: 11px; font-weight: 500; padding: 5px 13px; border-radius: 12px; z-index: 3; letter-spacing: 0.5px; }
#e1 .e1_bowls_wrap { position: relative; z-index: 2; width: 340px; height: 300px; }
#e1 .e1_bowl1 { position: absolute; top: 10px; left: 0; width: 160px; height: 160px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(201,153,107,0.5); box-shadow: 0 8px 32px rgba(0,0,0,0.3); }
#e1 .e1_bowl2 { position: absolute; bottom: 0; right: 0; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(201,153,107,0.5); box-shadow: 0 8px 32px rgba(0,0,0,0.3); }
#e1 .e1_bowl1 img, #e1 .e1_bowl2 img { width: 100%; height: 100%; object-fit: cover; }
#e1 .e1_features { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--sub_color); }
#e1 .e1_feat { padding: 38px 32px; border-right: 1px solid rgba(255,255,255,0.22); position: relative; }
#e1 .e1_feat:last-child { border-right: none; }
#e1 .e1_feat_num { display: block; font-size: 42px; font-weight: 700; color: rgba(255,255,255,0.18); line-height: 1; margin-bottom: 14px; font-family: Georgia, serif; }
#e1 .e1_feat_title { display: block; font-size:24px; font-weight: 700; color: #fff; margin-bottom: 8px; letter-spacing: -0.3px; }
#e1 .e1_feat_desc { font-size: 18px; color: rgba(255,255,255,0.82); line-height: 1.85; word-break: keep-all; }
#e1 .e1_feat_line { position: absolute; bottom:20px; left: 32px; width: 30px; height: 2px; background: rgba(255,255,255,0.4); }
#e1 .e1_bottom { display: grid; grid-template-columns: 1fr 1fr; }
#e1 .e1_bottom_left { background: var(--main_black); padding: 60px 56px; display: flex; flex-direction: column; justify-content: center; }
#e1 .e1_bottom_title { font-size: 28px; font-weight: 700; color: var(--sub_tit); margin-bottom: 8px; letter-spacing: -0.5px; }
#e1 .e1_bottom_sub { display: block; font-size: 16px; color: var(--sub_color); letter-spacing: 2.5px; font-weight: 500; margin-bottom: 28px; }
#e1 .e1_info_list { list-style: none; display: flex; flex-direction: column; gap: 15px; }
#e1 .e1_info_list li { font-size: 16px; color: var(--sub_txt); line-height: 1.75; word-break: keep-all; padding-left: 16px; position: relative; opacity: 0.85; }
#e1 .e1_info_list li::before { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: var(--sub_color); }
#e1 .e1_bottom_right { background: var(--main-gray); padding: 60px 56px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
#e1 .e1_bottom_right::before { content: ''; position: absolute; bottom: -80px; right: -80px; width: 260px; height: 260px; border-radius: 50%; background: rgba(92,118,109,0.1); }
#e1 .e1_bottom_right::after { content: ''; position: absolute; top: -40px; right: 60px; width: 120px; height: 120px; border-radius: 50%; background: rgba(92,118,109,0.07); }
#e1 .e1_right_label { display: block; font-size: 16px; color: var(--point_color); letter-spacing: 2.5px; font-weight: 500; margin-bottom: 18px; }
#e1 .e1_right_big { font-size: 28px; font-weight: 700; color: var(--main_color); line-height: 1.6; letter-spacing: -1px; word-break: keep-all; margin-bottom: 32px; }
#e1 .e1_right_big em { color: var(--point_color); font-style: normal; }
#e1 .e1_cta { display: inline-flex; align-items: center; gap: 12px; background: var(--point_color); color: #fff; font-size: 16px; font-weight: 500; padding: 13px 26px; border-radius: 30px; text-decoration: none; width: fit-content; letter-spacing: -0.3px; position: relative; z-index: 1; transition: background 0.2s; }
#e1 .e1_cta:hover { background: var(--main_color); }
#e1 .e1_cta_arr { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(255,255,255,0.25); font-size: 12px; }

@media (max-width: 1200px) {
  #e1 .e1_hero_left { padding: 50px 40px; }
  #e1 .e1_bottom_left, #e1 .e1_bottom_right { padding: 50px 40px; }
}

@media (max-width: 1024px) {
  #e1 .e1_hero { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  #e1 .e1_features { grid-template-columns: 1fr; }
  #e1 .e1_feat { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2); }
  #e1 .e1_feat:last-child { border-bottom: none; }
  #e1 .e1_bottom { grid-template-columns: 1fr; }
  #e1 .e1_hero_left, #e1 .e1_bottom_left, #e1 .e1_bottom_right { padding: 40px 24px; }
  #e1 .e1_hero_title { font-size: 24px; }
  #e1 .e1_right_big { font-size: 20px; }
}

@media (max-width: 480px) {
  #e1 .e1_bowls_wrap { width: 260px; height: 240px; }
  #e1 .e1_bowl1 { width: 130px; height: 130px; }
  #e1 .e1_bowl2 { width: 165px; height: 165px; }
  #e1 .e1_hero_title { font-size: 20px; }
  #e1 .e1_right_big { font-size: 18px; }
}
/* e1 */



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* e2 */
#e2 {margin-bottom: 100px;}
#e2 .box {margin-bottom: 150px;}
#e2 .box:last-child {margin-bottom: 0;}

#e2 .box h3 {font-size: 23px; margin-bottom: 10px;}
#e2 .box p {margin-bottom: 10px;}
#e2 .box p:last-child {margin-bottom: 0;}
#e2 .box img {width: 100%; display: block; margin: 0 auto;}
#e2 .box .flex_box {display: flex; flex-wrap: wrap;}

#e2 .sub_tit_box {}
#e2 .sub_tit_box span {text-align: center;}
#e2 .box4 .sub_tit_box span {text-align: left;}
#e2 .sub_tit_box .sub_tit::after {background-color: #ff93ce;}
#e2 .sub_tit_box p::after {background-color: #ff93ce;}

#e2 .box .con {margin-bottom: 50px;}
#e2 .box .con:last-child {margin-bottom: 0;}

#e2 .box .desc_box {border-radius: 20px; padding: 30px; border: 1px solid #ddd;}
#e2 .box .desc_box p {display: flex; align-items: center; gap: 10px;}
#e2 .box .desc_box p .circle {display: inline-block; width: 5px; aspect-ratio: 1 / 1; background-color: #ff93ce; border-radius: 50%; }

#e2 .box1 {margin-top: 80px;}
#e2 .box1, #e2 .box3, #e2 .box4 {width: 100%; max-width: 1540px; margin: 0 auto 150px; padding: 0 20px;}
#e2 .box1 .desc_box p {display: flex; gap: 10px;}
#e2 .box1 .desc_box p.align {align-items: flex-start;}
#e2 .box1 .desc_box p .num {width: 25px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #ff93ce; color: #fff; font-weight: 800; font-size: 15px; display: grid; place-content: center;}
#e2 .box1 .desc_box p .text_box {width: calc(100% - 35px);}
#e2 .box1 .desc_box p .text_box .p {display: block;}
#e2 .box1 .desc_box .more_btn {line-height: 1; width: max-content; border: 1px solid transparent; font-size: 18px; display: block; border-radius: 30px; padding: 10px 30px; background-color: #ff93ce; color: #fff; transition: .4s;}
#e2 .box1 .desc_box .more_btn:hover {border-color: #ff93ce; color: #ff93ce; background-color: #fff;}

#e2 .box2 {background-color: #FFF4F7; padding: 100px 0;}
#e2 .box2 .con {width: 100%; max-width: 1540px; padding: 0 20px; margin: 0 auto 100px;}
#e2 .box2 .con .flex_box {gap: 20px; justify-content: center; align-items: flex-start;}
#e2 .box2 .con .flex_box li {width: calc(100% / 4 - 15px);}
#e2 .box2 .con .flex_box1 li {width: calc(100% / 5 - 16px);}
#e2 .box2 .con .flex_box li .icon_box {display: grid; place-content: center; border: 1px solid #ddd; background-color: #fff; border-radius: 50%; width: 60%; aspect-ratio: 1 / 1; margin: 0 auto 20px;}
#e2 .box2 .con .flex_box li .icon_box img {}
#e2 .box2 .con .flex_box li .txt_box {text-align: center;}
#e2 .box2 .con .flex_box li .txt_box .step {font-weight: 800; font-size: 16px; color: #ff93ce; display: block; margin-bottom: 10px;}
#e2 .box2 .con .flex_box li .txt_box p {text-align: center;}

#e2 .box .list_box {}
#e2 .box .list_box .flex_box {margin-bottom: 20px; border-radius: 20px; border: 1px solid #ddd; padding: 30px; gap: 30px;}
#e2 .box .list_box .flex_box:last-child {margin-bottom: 0;}
#e2 .box .list_box .flex_box .img_box {width: calc(40% - 15px);}
#e2 .box .list_box .flex_box .img_box img {width: 100%;}
#e2 .box .list_box .flex_box .txt_box {width: calc(60% - 15px);}
#e2 .box .list_box .flex_box .txt_box .step {font-family: "Montserrat", sans-serif; font-size: 80px; font-weight: 800; color: #ffe3ea;}
#e2 .box .list_box .flex_box .txt_box p {}
#e2 .box .list_box .flex_box .txt_box p.notice {font-weight: 800; color: #940000;}


@media screen and (max-width: 960px) {
	#e2 .box h3 {font-size: 20px;}
	#e2 .box1 .desc_box .more_btn {font-size: 16px;}
	#e2 .box2 .con .flex_box1 li {width: calc(100% / 3 - 14px);}
	#e2 .box2 .con .flex_box li {width: calc(100% / 3 - 14px);}
	#e2 .box .list_box .flex_box .txt_box .step {font-size: 70px;}
}

@media screen and (max-width: 640px) {
	#e2 {margin-bottom: 50px;}
	#e2 .box {margin-bottom: 100px;}
	#e2 .box1, #e2 .box3, #e2 .box4 {margin-bottom: 100px;}
	#e2 .box .desc_box {padding: 20px;}
	#e2 .box h3 {font-size: 18px;}
	#e2 .sub_tit_box p {margin: 0;}
	#e2 .box1 .desc_box .more_btn {font-size: 14px; padding: 10px 20px;}
	#e2 .box2 {padding: 50px 0;}
	#e2 .box2 .con .flex_box {justify-content: flex-start;}
	#e2 .box2 .con .flex_box1 li {width: calc(100% / 2 - 10px);}
	#e2 .box2 .con .flex_box li {width: calc(100% / 2 - 10px);}
	#e2 .box .list_box .flex_box {padding: 20px; gap: 10px;}
	#e2 .box .list_box .flex_box .img_box {width: 100%;}
	#e2 .box .list_box .flex_box .txt_box {width: 100%;}
	#e2 .box .list_box .flex_box .txt_box .step {font-size: 50px; line-height: 1;}
}

@media screen and (max-width: 450px) {
	#e2 .box2 .con .flex_box li .icon_box img {width: 70%;}
	#e2 .box2 .con .flex_box li .txt_box .step {font-size: 14px; margin-bottom: 0;}
}
/* e2 */








/* f2 */
#f2 {margin-bottom: 200px;}
#f2 .box {margin-bottom: 150px;}
#f2 .box:last-child {margin-bottom: 0;}

#f2 .box h3 {font-size: 23px; margin-bottom: 10px;}
#f2 .box p {margin-bottom: 10px;}
#f2 .box p:last-child {margin-bottom: 0;}

#f2 .box .sub_tit_box .sub_tit {margin-bottom: 30px;}
#f2 .box .sub_tit_box p::after {background-color: #53C6CA;}
#f2 .box .sub_tit_box .sub_tit::after {background-color: #53C6CA;}
#f2 .box .flex_box {display: flex; flex-wrap: wrap; align-items: center;}

#f2 .table_box {}
#f2 .table_box table {font-size: 18px; width: 100%; border-top: 2px solid var(--main_black); border-collapse: collapse;}
#f2 .table_box table th {width: calc(100% / 6); line-height: 1.5; padding: 15px; text-align: center; background-color: var(--main-gray); border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#f2 .table_box table td {line-height: 1.5; padding: 15px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#f2 .table_box table th:last-child, #f2 .table_box table td:last-child {border-right: 0;}
#f2 .table_box table td.last_td {border-right: 1px solid #ddd;}

#f2 .box .notice_box {margin-top: 10px;}
#f2 .box .notice_box .notice {font-weight: 800; font-size: 16px; color: #940000;}

#f2 .box .flex_box {gap: 30px;}
#f2 .box .flex_box li {display: flex; align-items: center; gap: 30px; width: calc(50% - 15px); border: 1px solid #ddd; border-radius: 20px; padding: 30px;}
#f2 .box .flex_box li .icon_box {width: 30%; margin: 0 auto 20px; aspect-ratio: 1 / 1; background-color: var(--main-gray); border-radius: 50%; display: grid; place-content: center;}
#f2 .box .flex_box li .icon_box img {}
#f2 .box .flex_box li .txt_box {width: calc(70% - 30px);}
#f2 .box .flex_box li .txt_box h3 {}
#f2 .box .flex_box li .txt_box p {}


@media screen and (max-width:1500px) {

}
@media screen and (max-width:960px) {
	#f2 .box .flex_box li {width: 100%;}
	#f2 .box h3 {font-size: 20px;}
	#f2 .table_box table {font-size: 16px;}
}
@media screen and (max-width:640px) {
	#f2 {margin-bottom: 100px;}
	#f2 .box {margin-bottom: 100px;}
	#f2 .box h3 {font-size: 18px;}
	#f2 .box .notice_box .notice {font-size: 14px;}
	
	#f2 .table_box table {font-size: 14px;}
	#f2 .table_box table th {padding: 10px;}
	#f2 .table_box table td {padding: 10px;}
	#f2 .box .flex_box li {padding: 20px;}
}
@media screen and (max-width:490px) {
	#f2 .box1 .table_box {overflow-x: scroll; width: 100%;}
	#f2 .box1 .sub_tit_box {position: relative; padding-bottom: 50px; margin-bottom: 10px;}
	#f2 .box1 .sub_tit_box::before {content: "📌 전체 내용을 확인하시려면 좌우로 스크롤하세요."; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #ddd; color: var(--main_depGray); padding: 10px; border-radius: 5px; font-size: 14px;}
	#f2 .box1 .table_box table {min-width: 490px;}
}
@media screen and (max-width:450px) {
	#f2 .box .flex_box li {flex-wrap: wrap;}
	#f2 .box .flex_box li .icon_box {width: 130px;}
	#f2 .box .flex_box li .icon_box img {width: 80%; display: block; margin: 0 auto;}
	#f2 .box .flex_box li .txt_box {width: 100%;}
}
/* f2 */






/* h1 */
#h1 {margin-bottom: 100px;}
#h1 .box {margin-bottom: 150px;}
#h1 .box:last-child {margin-bottom: 0;}

#h1 .box h3 {font-size: 23px; margin-bottom: 10px;}
#h1 .box p {margin-bottom: 10px;}
#h1 .box p:last-child {margin-bottom: 0;}

#h1 .tab_box{position:relative;}
#h1 .tab_box .tab{position:absolute;left:0;top:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease;}
#h1 .tab_box .tab.active{position:relative;opacity:1;visibility:visible;pointer-events:auto;}

#h1 .tab_menu {display: flex; align-items: center; gap: 20px; justify-content: center; margin-bottom: 50px;}
#h1 .tab_menu li {cursor: pointer; border: 1px solid #ddd; padding: 10px 20px; font-size: 18px; text-align: center; color: var(--main_depGray); border-radius: 30px; transition: .4s;}
#h1 .tab_menu li.active {background-color: var(--main_color); border-color: var(--main_color); color: #fff;}

#h1 .box .sub_tit_box {}
#h1 .box .sub_tit_box p::after {background-color: var(--main_color);}
#h1 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}
#h1 .box .flex_box {display: flex; flex-wrap: wrap; align-items: center;}

#h1 .box .desc_box {background-color: var(--main-gray); border-radius: 20px; padding: 30px;}
#h1 .box .desc_box .txt_box p {display: flex; align-items: center; gap: 10px;}
#h1 .box .desc_box .txt_box p .circle {display: inline-block; width: 5px; aspect-ratio: 1 / 1; background-color: var(--main_color); border-radius: 50%;}

#h1 .table_box {}
#h1 .table_box table {font-size: 18px; width: 100%; border-top: 2px solid var(--main_black); border-collapse: collapse;}
#h1 .table_box table th {line-height: 1.5; padding: 15px; text-align: center; background-color: var(--main-gray); border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#h1 .table_box table td {line-height: 1.5; padding: 15px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#h1 .table_box table th:last-child, #h1 .table_box table td:last-child {border-right: 0;}
#h1 .table_box table td.last_td {border-right: 1px solid #ddd;}

#h1 .box1, #h1 .box3, #h1 .box4, #h1 .box5 {width: 100%; max-width: 1540px; padding: 0 20px; margin: 0 auto 150px;}

#h1 .box1 .con1 {margin-bottom: 50px;}
#h1 .box1 .flex_box {border: 1px solid #ddd; padding: 30px; border-radius: 20px; row-gap: 20px;}
#h1 .box1 .flex_box li {width: 50%; display: flex; align-items: center; flex-wrap: wrap;}
#h1 .box1 .flex_box li.wid100 {width: 100%;}
#h1 .box1 .flex_box li.wid100 h3 {width: 15%;}
#h1 .box1 .flex_box li.wid100 p {width: 85%;}
#h1 .box1 .flex_box li h3 {width: 30%; text-align: center; font-size: 20px; background-color: #F0F8FB; border-radius: 30px; padding: 10px 20px;}
#h1 .box1 .flex_box li p {width: 70%; padding-left: 20px;}

#h1 .box2 {background-color: #F0F8FB; padding: 100px 0;}
#h1 .box2 .flex_box {width: 100%; max-width: 1500px; margin: 0 auto; gap: 30px;}
#h1 .box2 .flex_box li {display: flex; gap: 30px; align-items: center; width: calc(50% - 15px); border-radius: 20px; padding: 30px; border: 1px solid #ddd; background-color: #fff;}
#h1 .box2 .flex_box li .icon_box {width: calc(30% - 15px); aspect-ratio: 1 / 1; border-radius: 50%; background-color: var(--main-gray); display: grid; place-content: center;}
#h1 .box2 .flex_box li .icon_box img {}
#h1 .box2 .flex_box li .txt_box {width: calc(70% - 15px);}
#h1 .box2 .flex_box li .txt_box h3 {}
#h1 .box2 .flex_box li .txt_box p {display: flex; align-items: center; gap: 10px;}
#h1 .box2 .flex_box li .txt_box p .circle {display: inline-block; width: 5px; aspect-ratio: 1 / 1; background-color: var(--main_color); border-radius: 50%;}

#h1 .box5 .flex_box {border: 1px solid #ddd; padding: 30px; border-radius: 20px; row-gap: 20px;}
#h1 .box5 .flex_box li {width: 50%; display: flex; align-items: center; flex-wrap: wrap;}
#h1 .box5 .flex_box li h3 {width: 30%; text-align: center; font-size: 20px; background-color: #F0F8FB; border-radius: 30px; padding: 10px 20px;}
#h1 .box5 .flex_box li p {width: 70%; padding-left: 20px;}

#h1 .tab2 .box1 .flex_box2 {display: flex; gap: 40px; flex-wrap: wrap;}
#h1 .tab2 .box1 .flex_box2 .img_box {width: calc(35% - 20px); border-radius: 10px; overflow: hidden;}
#h1 .tab2 .box1 .flex_box2 .img_box img {width: 100%;}
#h1 .tab2 .box1 .flex_box2 .txt_box {width: calc(65% - 20px);}

#h1 .tab3 .box .table_box {}
#h1 .tab3 .box .notice_box {margin-top: 10px;}
#h1 .tab3 .box .notice_box .notice {font-weight: 800; font-size: 16px; color: #940000;}


@media screen and (max-width:1500px) {
	#h1 .box2 {padding: 100px 20px;}
	#h1 .tab_menu {padding: 0 20px;}
}
@media screen and (max-width:960px) {
	#h1 .box1 .flex_box li h3 {font-size: 18px;}
	#h1 .box5 .flex_box li h3 {font-size: 18px;}
	#h1 .box h3 {font-size: 20px;}
	#h1 .table_box table {font-size: 16px;}
	#h1 .box2 .flex_box li {width: 100%;}

	#h1 .tab2 .box1 .flex_box2 .img_box {width: calc(50% - 20px);}
	#h1 .tab2 .box1 .flex_box2 .txt_box {width: calc(50% - 20px);}
}
@media screen and (max-width:850px) {
	#h1 .box1 .flex_box li {width: 100%;}
  #h1 .box1 .flex_box li.wid100 h3 {width: 30%;}
	#h1 .box1 .flex_box li.wid100 p {width: 70%;}
	#h1 .box5 .flex_box li {width: 100%;}
}
@media screen and (max-width:640px) {
	#h1 {margin-bottom: 50px;}
	#h1 .box {margin-bottom: 100px;}
	#h1 .box h3 {font-size: 18px;}
	#h1 .box1, #h1 .box3, #h1 .box4, #h1 .box5 {margin-bottom: 100px;}
	#h1 .box1 .flex_box {padding: 20px; gap: 10px;}
	#h1 .box1 .flex_box li h3 {font-size: 16px; padding: 10px; width: 35%;}
	#h1 .box1 .flex_box li p {width: 65%; padding-left: 10px;}

	#h1 .box2 .flex_box li {flex-wrap: wrap; padding: 20px;}
	#h1 .box2 .flex_box li .icon_box {margin: 0 auto; width: 130px;}
	#h1 .box2 .flex_box li .icon_box img {width: 80%; margin: 0 auto;}
	#h1 .box2 .flex_box li .txt_box {width: 100%;}

	#h1 .box5 .flex_box {padding: 20px;}
	#h1 .box5 .flex_box li h3 {font-size: 16px; padding: 10px; width: 35%;}
	#h1 .box5 .flex_box li p {width: 65%; padding-left: 10px;}
	
	#h1 .tab_menu {flex-wrap: wrap;}
	#h1 .tab_menu li {font-size: 16px; width: calc(50% - 10px);}

  #h1 .box .desc_box {padding: 20px;}
	
	#h1 .table_box table {font-size: 14px;}
	#h1 .table_box table th {padding: 10px;}
	#h1 .table_box table td {padding: 10px;}

	#h1 .tab2 .box1 .flex_box2 {gap: 20px;}
	#h1 .tab2 .box1 .flex_box2 .img_box {width: 100%;}
	#h1 .tab2 .box1 .flex_box2 .txt_box {width: 100%;}

	#h1 .tab3 .box .notice_box .notice {font-size: 14px;}
}
@media screen and (max-width:580px) {
	#h1 .tab3 .box .table_box {overflow-x: scroll; width: 100%;}
	#h1 .tab3 .box3 .sub_tit_box {position: relative; padding-bottom: 80px; margin-bottom: 10px;}
	#h1 .tab3 .box3 .sub_tit_box::before {content: "📌 전체 내용을 확인하시려면 좌우로 스크롤하세요."; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #ddd; color: var(--main_depGray); padding: 10px; border-radius: 5px; font-size: 14px;}
	#h1 .tab3 .box .table_box table {min-width: 580px;}
}
@media screen and (max-width:450px) {
	#h1 .tab3 .box1 .flex_box {gap: 20px;}
	#h1 .tab3 .box1 .flex_box li.wid100 h3 {width: max-content; padding: 5px 20px; margin-bottom: 10px; display: block;}
	#h1 .tab3 .box1 .flex_box li.wid100 p {width: 100%;}
}
/* h1 */







/* i1 */
#i1 {margin-bottom: 100px;}
#i1 .box {margin-bottom: 150px;}
#i1 .box:last-child {margin-bottom: 0;}

#i1 .box h3 {font-size: 23px; margin-bottom: 10px;}
#i1 .box p {margin-bottom: 10px;}
#i1 .box p:last-child {margin-bottom: 0;}

#i1 .box .sub_tit_box .sub_tit {margin-bottom: 30px;}
#i1 .box .sub_tit_box p::after {background-color: var(--main_color);}
#i1 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}
#i1 .box .flex_box {display: flex; flex-wrap: wrap; align-items: center;}

#i1 .box .desc_box {background-color: var(--main-gray); border-radius: 20px; padding: 30px;}
#i1 .box .desc_box .txt_box p {display: flex; align-items: center; gap: 10px;}
#i1 .box .desc_box .txt_box p .circle {display: inline-block; width: 5px; aspect-ratio: 1 / 1; background-color: var(--main_color); border-radius: 50%;}

#i1 .table_box {}
#i1 .table_box table {font-size: 18px; width: 100%; border-top: 2px solid var(--main_black); border-collapse: collapse;}
#i1 .table_box table th {line-height: 1.5; padding: 15px; text-align: center; background-color: var(--main-gray); border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#i1 .table_box table td {line-height: 1.5; padding: 15px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#i1 .table_box table th:last-child, #i1 .table_box table td:last-child {border-right: 0;}
#i1 .table_box table td.last_td {border-right: 1px solid #ddd;}

#i1 .box1, #i1 .box3, #i1 .box4, #i1 .box5, #i1 .box6 {width: 100%; max-width: 1540px; padding: 0 20px; margin: 0 auto 150px;}

#i1 .box1 .con1 {margin-bottom: 50px;}
#i1 .box1 .flex_box {border: 1px solid #ddd; padding: 30px; border-radius: 20px;}
#i1 .box1 .flex_box li {width: 50%; display: flex; align-items: center; flex-wrap: wrap;}
#i1 .box1 .flex_box li.wid100 {width: 100%;}
#i1 .box1 .flex_box li.wid100 h3 {width: 15%;}
#i1 .box1 .flex_box li.wid100 p {width: 85%;}
#i1 .box1 .flex_box li h3 {width: 30%; text-align: center; font-size: 20px; background-color: #F0F8FB; border-radius: 30px; padding: 10px 20px;}
#i1 .box1 .flex_box li p {width: 70%; padding-left: 20px;}

#i1 .box2 {background-color: #F0F8FB; padding: 100px 0;}
#i1 .box2 .flex_box {width: 100%; max-width: 1500px; margin: 0 auto; gap: 30px;}
#i1 .box2 .flex_box li {width: calc(50% - 15px);}
#i1 .box2 .flex_box li .sub_tit_box {}
#i1 .box2 .flex_box li p {padding: 30px; border-radius: 20px; border: 1px solid #ddd; background-color: #fff;}


#i1 .box6 .flex_box {border: 1px solid #ddd; padding: 30px; border-radius: 20px;}
#i1 .box6 .flex_box li {width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
#i1 .box6 .flex_box li h3 {width: 30%; text-align: center; font-size: 20px; background-color: #F0F8FB; border-radius: 30px; padding: 10px 20px;}
#i1 .box6 .flex_box li p {width: 70%; padding-left: 20px;}
#i1 .box6 .center {margin-top: 30px; text-align: center;}

#i1 .box .flex_box .notice_box {}
#i1 .box .flex_box .notice_box .notice {padding-left: 0; width: 100%;}

#i1 .box .notice_box {margin-top: 10px;}
#i1 .box .notice_box .notice {font-weight: 800; font-size: 16px; color: #940000;}


@media screen and (max-width:1500px) {
	#i1 .box2 {padding: 100px 20px;}
}
@media screen and (max-width:960px) {
	#i1 .box1 .flex_box li h3 {font-size: 18px;}
	#i1 .box6 .flex_box li h3 {font-size: 18px;}
	#i1 .box h3 {font-size: 20px;}
	#i1 .table_box table {font-size: 16px;}
	#i1 .box2 .flex_box li {width: 100%;}

}
@media screen and (max-width:850px) {
	#i1 .box1 .flex_box li {width: 100%;}
  #i1 .box1 .flex_box li.wid100 h3 {width: 30%;}
	#i1 .box1 .flex_box li.wid100 p {width: 70%;}
}
@media screen and (max-width:640px) {
	#i1 {margin-bottom: 50px;}
	#i1 .box {margin-bottom: 100px;}
	#i1 .box h3 {font-size: 18px;}
	#i1 .box .notice_box .notice {font-size: 14px;}
	#i1 .box1, #i1 .box3, #i1 .box4, #i1 .box5 {margin-bottom: 100px;}
	#i1 .box1 .flex_box {padding: 20px; gap: 10px;}
	#i1 .box1 .flex_box li h3 {font-size: 16px; padding: 10px; width: 35%;}
	#i1 .box1 .flex_box li p {width: 65%; padding-left: 10px;}

	#i1 .box2 .flex_box li p {padding: 20px;}

	#i1 .box6 .flex_box {padding: 20px;}
	#i1 .box6 .flex_box li h3 {font-size: 16px; padding: 10px; width: 35%;}
	#i1 .box6 .flex_box li p {width: 65%; padding-left: 10px;}

  #i1 .box .desc_box {padding: 20px;}
	
	#i1 .table_box table {font-size: 14px;}
	#i1 .table_box table th {padding: 10px;}
	#i1 .table_box table td {padding: 10px;}
}
@media screen and (max-width:580px) {
	#i1 .box5 .table_box {overflow-x: scroll; width: 100%;}
	#i1 .box5 .sub_tit_box {position: relative; padding-bottom: 50px; margin-bottom: 10px;}
	#i1 .box5 .sub_tit_box::before {content: "📌 전체 내용을 확인하시려면 좌우로 스크롤하세요."; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #ddd; color: var(--main_depGray); padding: 10px; border-radius: 5px; font-size: 14px;}
	#i1 .box5 .table_box table {min-width: 580px;}
}
@media screen and (max-width:450px) {

}
/* i1 */