@charset "UTF-8";


:root{
	--main-color: #e6aac7;

    --fs128: 12.8rem;
    --fs100: 10rem;
    --fs95: 9.5rem;
    --fs96: 9.6rem;
    --fs85: 8.5rem;
    --fs80: 8.0rem;
    --fs75: 7.5rem;
    --fs70: 7.0rem;
    --fs65: 6.5rem;
    --fs62: 6.2rem;
    --fs60: 6.0rem;
    --fs58: 5.8rem;
    --fs55: 5.5rem;
    --fs54: 5.4rem;
    --fs52: 5.2rem;
    --fs50: 5.0rem;
    --fs48: 4.8rem;
    --fs45: 4.5rem;
    --fs42: 4.2rem;
    --fs40: 4.0rem;
    --fs38: 3.8rem;
    --fs37: 3.7rem;
    --fs36: 3.6rem;
    --fs35: 3.5rem;
    --fs34: 3.4rem;
    --fs32: 3.2rem;
    --fs30: 3.0rem;
    --fs29: 2.9rem;
    --fs28: 2.8rem;
    --fs27: 2.7rem;
    --fs26: 2.6rem;
    --fs25: 2.5rem;
    --fs24: 2.4rem;
    --fs23: 2.3rem;
    --fs22: 2.2rem;
    --fs21: 2.1rem;
    --fs20: 2.0rem;
    --fs19: 1.9rem;
    --fs18: 1.8rem;
    --fs17: 1.7rem;
    --fs16: 1.6rem;
    --fs15: 1.5rem;
    --fs14: 1.4rem;
    --fs12: 1.2rem;
}
.fs128 {font-size: var(--fs128);}
.fs100 {font-size: var(--fs100);}
.fs95 {font-size: var(--fs95);}
.fs96 {font-size: var(--fs96);}
.fs85 {font-size: var(--fs85);}
.fs80 {font-size: var(--fs80);}
.fs75 {font-size: var(--fs75);}
.fs70 {font-size: var(--fs70);}
.fs65 {font-size: var(--fs65);}
.fs62 {font-size: var(--fs62);}
.fs60 {font-size: var(--fs60);}
.fs55 {font-size: var(--fs55);}
.fs54 {font-size: var(--fs54);}
.fs52 {font-size: var(--fs52);}
.fs50 {font-size: var(--fs50);}
.fs48 {font-size: var(--fs48);}
.fs45 {font-size: var(--fs45);}
.fs42 {font-size: var(--fs42);}
.fs40 {font-size: var(--fs40);}
.fs38 {font-size: var(--fs38);}
.fs37 {font-size: var(--fs37);}
.fs36 {font-size: var(--fs36);}
.fs35 {font-size: var(--fs35);}
.fs34 {font-size: var(--fs34);}
.fs32 {font-size: var(--fs32);}
.fs30 {font-size: var(--fs30);}
.fs29 {font-size: var(--fs29);}
.fs28 {font-size: var(--fs28);}
.fs27 {font-size: var(--fs27);}
.fs26 {font-size: var(--fs26);}
.fs25 {font-size: var(--fs25);}
.fs24 {font-size: var(--fs24);}
.fs23 {font-size: var(--fs23);}
.fs22 {font-size: var(--fs22);}
.fs21 {font-size: var(--fs21);}
.fs20 {font-size: var(--fs20);}
.fs19 {font-size: var(--fs19);}
.fs18 {font-size: var(--fs18);}
.fs17 {font-size: var(--fs17);}
.fs16 {font-size: var(--fs16);}
.fs15 {font-size: var(--fs15);}
.fs14 {font-size: var(--fs14);}
.fs12 {font-size: var(--fs12);}


/* 공통 */
.pc {display: block !important;}
.mob {display: none !important;}
@media all and (max-width: 768px) {
    .pc {display: none !important;}
.mob {display: block !important;}
}

/* ####################### 메인페이지 시작 ####################### */

/* 텍스트 배경 */
.guam_bg {position: absolute; right: 0; bottom: 0; z-index: 1;}
.guam_bg h2 {font-size: 20rem; color: #fdf2f3;}
#section1 .title {padding: 80px 0; margin-bottom: 0;}
#section1 .img_box1 {margin-bottom: auto; opacity: 0;}
#section1 .img_box1 img {max-width: 399px; width: 100%; height: auto;}
#section1 .img_box2 {margin-top: auto; opacity: 0;}
#section1 .img_box2 img {max-width: 399px; width: 100%; height: auto;}
#section1 .title a {margin-top: 80px;}


@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
    .guam_bg {position: absolute; right: 0; bottom: 0; z-index: 1;}
.guam_bg h2 {font-size: 10rem; color: #fdf2f3;}
#section1 .title {padding: 0 0; margin-bottom: 60px;}
#section1 .img_box1 {order: 2; width: 50%; text-align: center; opacity: 1;}
#section1 .img_box2 {order: 3; width: 50%; text-align: center; opacity: 1;}
#section1 .title {order: 1; width: 100%;}
#section1 .title a {margin-top: 60px;}
#section1 .title p br {display: block;}
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 650px) {
    .guam_bg h2 {font-size: 7.5rem; }
}
#section2 {position: relative;}
#section2 .common {position: relative; z-index: 5;} 
#section2 .title h3 {  font-family: 'Noto Serif KR';}
#section2 .title h3 b{  font-family: 'Noto Serif KR'; font-weight: 600;}
#section2 .box_wrap .box p {font-size: var(--fs24); font-weight: 400; color: #fff; line-height: 1.4; text-align: center; }
#section2 .box_wrap .box  { display: flex; align-items: center; justify-content: center; position: relative; height: 700px; width: 25%; overflow: hidden;}
#section2 .box_wrap .box::before {content: ""; width: 100%; height: 100%; background: url("../img/section2_bg1.png") no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0;  transition: transform 0.7s ease;}
#section2 .box_wrap .box:nth-child(2)::before {
    background: url('../img/section2_bg2.png') no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0;
}
#section2 .box_wrap .box:nth-child(3)::before {
    background: url('../img/section2_bg3.png') no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0;
} 
#section2 .box_wrap .box:nth-child(4)::before {
    background: url('../img/section2_bg4.png') no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0;
}
#section2 .box_wrap .box:hover::before {
    transform: scale(1.2); /* 120% 확대 */
}


#section2 .guam_bg {bottom: auto; top: 18%;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
    #section2 .box_wrap .box  {width: 50%;}
    #section2 .box_wrap .box  { height: 450px;}
    #section2 .guam_bg { top: 20%;}
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #section2 .box_wrap .box  {width: 100%;}
    #section2 .box_wrap .box  { height: 300px;}
    #section2 .guam_bg { top: 24.5%;}
}
@media all and (max-width: 650px) {
}


#section3 {position: relative;}
#section3 .title {margin-bottom: 80px;}
#section3 .box_wrap {}
#section3 .section3_swiper {width: 63%; overflow: hidden; }
#section3 .section3_swiper img {width: 100%; height: auto;}
#section3 .tab-list {width: 30%; }
#section3 .tab-list .swiper-wrapper {display: flex;  align-items: center;  justify-content: center; flex-direction: column; height: auto;} 
#section3 .tab-list .swiper-slide {width: 100% !important;} 
#section3 .tab-list .swiper-slide .tab {padding: 30px 0; border-bottom: 1px solid #b77373; display: flex; align-items: center;}
#section3 .tab-list a {margin-left: 20px; display: inline-block;  font-size: var(--fs18); line-height: 1.4;}
#section3 .tab-list a b { color: #b77373; font-size: var(--fs22); }
#section3 .tab-list .tab img {display: none;transition: all 0.2s ease-in;}
#section3 .tab-list .tab:hover img ,#section3 .txt_box .tab.on img {display: block;}
#section3 .section3_swiper  {}

#section3 .tab-list .swiper-slide-thumb-active img {display: block;}
#section3 .width {position: relative; z-index: 5;}


#section3 .section3_bg1 {position: absolute; z-index: 1; top: -10%; left: 0; width: 0%; height: 0%; background: #fdf5f5;}
#section3 .section3_bg2 {position: absolute; z-index: 1; top: 5%; left: 10%;}


@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
    #section3 .section3_swiper {width: 100%; }
    #section3 .tab-list{width: 100%;}
}
@media all and (max-width: 1024px) {
    #section3 .title {margin-bottom: 60px;}
    #section3 .tab-list .swiper-slide .tab {padding: 15px 0;}
    #section3 .tab-list a {margin-left: 10px;}
    #section3 .tab-list .tab img {width: 35px ; height: auto;}
#section3 .section3_bg1 {display: none;}
#section3 .section3_bg2 { top: 0%; left: 10%; display: none;}
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 650px) {
}


#section4 .common{padding-bottom: 0;}

#section4 .title a {width: 180px;}
#section4 .img_box {text-align: center;}
#section4 .img_box img {max-width: 1794px; width: 100%;}

#section4 .img_box {max-width: 1780px ; margin: 0 auto; width: 100%; text-align: center; position: relative; height: 452px; width: 100%; z-index: 9;}
#section4 .img_box::before  {content: ""; width: 100%; height: 100%; background: url("../img/section4_img1.png") no-repeat; background-size: cover; background-position: center ; position: absolute; top: 0; left: 0; z-index: 0;}


@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #section4 .img_box { height: 350px; }
    #section4 .img_box::before  {background-position:center ;}
}
@media all and (max-width: 650px) {
}

/* ####################### 서브페이지 시작 ####################### */

/* 공통 */


.subtitle {text-align: center; position: relative; z-index: 0;}
.subtitle span {font-size: var(--fs24); font-weight: 500; color: var(--main-color); letter-spacing: 0.3em; font-family: 'Pretendard'; padding-bottom: 10px; display: inline-block;}
.subtitle h3 {font-size: var(--fs48);}
.subtitle h4 {font-size: var(--fs40); font-weight: 700;}
.subtitle h6 {font-size: var(--fs30); font-weight: 700;}
.subtitle p {font-size: var(--fs20); font-weight: 500; line-height: 1.6; margin-top: 10px;}
.subtitle h3 b {font-weight: 700; }
.subtitle a {font-family: 'Pretendard';}
.cir {width: 10px; height: 10px; background: var(--main-color); border-radius: 5px; display: inline-block; margin-left: 10px;}

.subtitle h3 br {display: none;}
.subtitle h4 br {display: none;}
.subtitle h6 br {display: none;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    .subtitle h3 br {display: block;}
.subtitle h4 br {display: block;}
.subtitle h6 br {display: block;}
}
@media all and (max-width: 650px) {
}

#company .width {max-width: 1211px;}
#company .img_box {position: relative; width: 26%; text-align: center;}
#company .img_box {}
#company .txt_box {width: 74%;}
#company .img_box img {max-width: 194px; width: 100%;}

#company .txt_box h3 {font-size: var(--fs28); line-height: 1.2;}
#company .txt_box h3 b {font-weight: 700; color: var(--main-color);}
#company .txt_box p {font-size: var(--fs18); line-height: 1.5; margin-top: 20px;}

#company .img_wrap { position: relative;}
#company .img_wrap  {text-align: center; margin-top: 50px;position: relative; height: 452px; width: 100%; z-index: 9;}
#company .img_wrap::before  {content: ""; width: 100%; height: 100%; background: url("../img/company_img2.png") no-repeat; background-size: cover; background-position:center ; position: absolute; top: 0; left: 0; z-index: 0;}
#company .img_wrap span {position: absolute; left: 0; bottom: -30px; width: 0%; height: 100px; display: inline-block; background: var(--main-color); z-index: -1;}

@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
    #company .txt_box {width: 70%;}
    #company .txt_box p br {display: none;}
}
@media all and (max-width: 1024px) {
    
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #company .img_box {width: 100%; margin-bottom: 40px;}
    #company .txt_box {width: 100%;}
    #company .img_wrap  { height: 300px;}
    #company .img_wrap span {bottom: -15px;}
}
@media all and (max-width: 650px) {
}

#company2  {position: relative;}

#company2 .width1600 {position: relative; z-index: 5;}

#company2 .scroll_box {display: flex; margin-top: 50px;}
#company2 .scroll_box .scroll_tab {width: 25%; display: flex; flex-direction: column;}
#company2 .scroll_box .scroll_tab li { font-size: var(--fs20); font-weight: 700; color: #a3a3a3; padding: 15px 0; line-height: 1; margin-left: 6.5px; border-left: 2px solid #a3a3a3; padding-left: 25px; display: flex; align-items: center;}
#company2 .scroll_box .scroll_tab li.on {color: var(--main-color); border-left: 6px solid var(--main-color); margin-left: 5px;}
#company2 .scroll_box .strength_box { width: 75%;}
#company2 .box_wrap { max-width: 1100px; margin: 0 auto; margin-bottom: 160px;}
#company2 .box_wrap:last-child {margin-bottom: 0;}
#company2 .box_wrap .img_box {width: 44%;}
#company2 .box_wrap .txt_box {width: 55%;}

#company2 .box_wrap .img_box img {width: 100%; height: auto; max-width: 419px;}

#company2 .box_wrap .txt_box span {font-size: var(--fs18); font-weight: 500; color: var(--main-color);}
#company2 .box_wrap .txt_box h3 {font-size: var(--fs32); font-weight: 700; margin: 5px 0 20px 0; line-height: 1.2;}
#company2 .box_wrap .txt_box p {font-size: var(--fs16); line-height: 1.6; color: #494949;}
#company2 .box_wrap .txt_box ul {margin-top: 20px;}
#company2 .box_wrap .txt_box ul p {font-weight: 500;}
#company2 .guam_bg h2 {color: #f6f6f6;}

@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
#company2 .scroll_box {}
#company2 .scroll_box .scroll_tab {display: none;}
#company2 .scroll_box .strength_box { width: 100%;}
#company2 .box_wrap { margin-bottom: 60px;}
#company2 .box_wrap .img_box {width: 45%; text-align: center;}
#company2 .box_wrap .txt_box {width: 50%;}
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #company2 .box_wrap .img_box {width: 100%; }
#company2 .box_wrap .txt_box {width: 100%; margin-top: 40px;}
#company2 .box_wrap .img_box img { max-width: 768px;}
#company2 .box_wrap .txt_box p br {display: none;}
#company2 .box_wrap .txt_box h3 br {display: none;}
}
@media all and (max-width: 650px) {
}

#banner  {  display: flex; align-items: center; justify-content: center;  position: relative; height: 490px; width: 100%; overflow: hidden; z-index: 9;}
#banner::before  {content: ""; width: 100%; height: 100%; background: url("../img/banner_bg.png") no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; z-index: 0;}
#banner .title {margin-bottom: 0; position: relative; z-index: 9;}
#banner .title h3{color: #fff; font-family: 'Pretendard';}
#banner .title p{color: #fff; margin-top: 10px; }
#banner .title a{color: #fff; border: 1px solid #fff; width: 180px; margin-bottom: 0px;}
#banner .title a:hover {border: 1px solid var(--main-color);}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #banner  { height: 400px;}
}
@media all and (max-width: 650px) {
}
#contact {position: relative; z-index: 999;}
#contact .width {position: relative; z-index: 9;}
#contact .guam_bg h2 {color: #f6f6f6;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 650px) {
}

/* 괌출산  */


.Guam_labor .subtitle   {text-align: left;}
.Guam_labor  .subtitle h4 br {display: none;}
.Guam_labor .subtitle h4 b {font-size: var(--fs28);}
.Guam_labor .box_wrap {padding: 30px 0  30px 20px ; background: #fafafa; border: 1.5px solid var(--main-color); margin-top: 50px;}
.Guam_labor .box_wrap .img_box {width: 11%; border-right: 1px solid #d7d7d7; text-align: center;}
.Guam_labor .box_wrap .txt_box {width: 89%; padding-left: 30px;}

.Guam_labor .box_wrap .img_box img {max-width: 86px ; width: 100%; height: auto;}
.Guam_labor .box_wrap .txt_box h6 {font-family: 'Pretendard'; font-size: var(--fs20); font-weight: 600; margin-bottom: 15px;}
.Guam_labor .box_wrap .txt_box ul li {display: flex;}
.Guam_labor .box_wrap .txt_box ul i { font-size: var(--fs15); line-height: 22px; color: var(--main-color);margin-right: 5px;}
.Guam_labor .box_wrap .txt_box ul p {margin-top: 0;}
.Guam_labor .box_wrap .txt_box p {font-family: 'Pretendard'; font-size: var(--fs15); line-height: 1.5;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
.Guam_labor .box_wrap .img_box {width: 20%;}
.Guam_labor .box_wrap .txt_box {width: 80%;}
.Guam_labor .box_wrap .txt_box p br {display: none;}
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    .Guam_labor .box_wrap {padding: 30px 20px ;}
    .Guam_labor .box_wrap .img_box {width: 100%; margin-bottom: 30px; border-right:none;}
.Guam_labor .box_wrap .txt_box {width: 100%; padding-left: 0;}
.Guam_labor  .subtitle h4 br {display: block;}

.Guam_labor .subtitle h4 b {font-size: var(--fs24);}



}
@media all and (max-width: 650px) {
}
#program  .subtitle h4 br {display: none;}
#program .subtitle h4 b {font-size: var(--fs28);}
#program2 {position: relative; z-index: 20;}
#program2 .width {position: relative; z-index: 5;}
#program2 .subtitle {text-align: left;}
#program2 .subtitle h6 {display: flex; align-items: center;}
#program2 .subtitle h6 b {}
#program2 .subtitle h6 img{margin-right: 10px; display: inline-block;}

#program2 .guam_bg {bottom: -2%;}
#program2 .guam_bg h2 {color: #f6f6f6;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #program  .subtitle h4 br {display: block;}
}
@media all and (max-width: 650px) {
}

.graph  {margin-top: 70px;}
.graph {width: 100%;}
.graph p {font-size: var(--fs16);  line-height: 1.8;}
.graph h4 {font-size: var(--fs16); font-weight: 600; line-height: 1.8;}
.graph h5 {font-size: var(--fs16); font-weight: 700; line-height: 1.8;}
.graph em {font-style: normal; font-size: var(--fs12); margin-top: 10px;}
.graph .txt {display: flex; text-align: left;}
.graph .txt i {color: #f6838c; font-size: 15px; line-height: 26px; margin-right: 5px;}
/* .graph .txt2 {flex-wrap: wrap;}  */
.graph .no_txt {display: flex; text-align: left;}
.graph .no_txt p {color: #f6838c;}
.graph .left em {font-style: normal; font-size: var(--fs14); margin-top: 0px;}

.graph .left {text-align: left;}
.graph td, .graph th {text-align: center;}

.graph thead {border-bottom: 1px solid #999999;}
.graph thead th {padding-bottom: 20px; text-align: center; font-size: var(--fs16); font-weight: 500;}
.graph thead th h6 {width: 100%; text-align: center;}

.graph tbody td {padding: 30px 0;}
.graph tbody tr td:nth-last-child() {}

.graph tbody td:first-child {background: #fafafa;}
.graph .two {background: #fff !important;}

.graph tbody tr {border-bottom: 1px solid #e8e8e8;}
.graph .left {border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; padding-left: 30px;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    .graph tbody td {padding: 20px 0;}
    .graph tbody td:first-child {  writing-mode: vertical-rl; text-orientation: upright; }
    .graph .two { writing-mode: horizontal-tb !important;   text-orientation: mixed !important;  }
    .graph .left {padding-left: 10px;}
    .graph .txt2 p br {display: none;}
    .graph td .br br {display: none;}
}
@media all and (max-width: 650px) {
}
#labor2 {position: relative;}
#labor2 .width {position: relative; z-index: 5;}
#labor2 .guam_bg {bottom: -2%;}
#labor2 .guam_bg h2 {color: #f6f6f6;}


#labor .cir {background: #0b1444;}
#labor .box_wrap {border: 1.5px solid #0b1444; }

#labor2 .cir {background: #0b1444;}
#labor2 .youtube_box{ margin-top: 60px;}
#labor2 iframe {width: 100%;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
    #labor2 iframe {height: 450px;}
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
   
}
@media all and (max-width: 650px) {
    #labor2 iframe {height: 250px;}
}
/* 괌출산 - 미국 시민권 */

#program3 .subtitle {text-align: left;}
#program3 .subtitle h6 img{margin-right: 10px; display: inline-block;}
#program3 .box_wrap {margin-top: 60px;}
#program3 .box_wrap .box {width: 32%; border: 1px solid #dddddd ; text-align: center; padding: 40px 0;}
#program3 .box_wrap .box span {font-size: var(--fs20); font-weight: 900; color: #898989; border-bottom: 4px solid var(--main-color); display: inline-block;}


#program3 .box_wrap .box p{font-size: var(--fs20); font-weight: 700; margin-top: 20px;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #program3 .box_wrap {gap: 20px 0;}
#program3 .box_wrap .box {width: 100%;}
}
@media all and (max-width: 650px) {
}

#program4 .subtitle h6 img{margin-right: 10px; display: inline-block;}
#program4 .subtitle {text-align: left;}
#program4 .img_box {margin: 75px 0 60px 0; text-align: center;}
#program4 .img_box img {max-width: 1280px; width: 100%; height: auto;}
#program4 .txt_box li {display: flex; align-items: center; line-height: 1.8;}
#program4 .txt_box  p {font-size: var(--fs18); margin-left: 5px;}
#program4 .txt_box  span {font-size: var(--fs18);}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #program4 .img_box img {max-width: 500px; margin: 0 auto; }
    #program4 .txt_box li {align-items: start;}
    #program4 .txt_box  span {margin-top: 5px;}
}
@media all and (max-width: 650px) {
}
#program5  {position: relative; z-index: 20;}
#program5 .width {position: relative; z-index: 5;}
#program5 .subtitle {text-align: left;}
#program5 .subtitle h6 img{margin-right: 10px; display: inline-block;}

#program5 #formmail-write {max-width: 1280px; width: 100%; margin-top: 60px;}

#program5 .guam_bg {bottom: -2%;}
#program5 .guam_bg h2 {color: #f6f6f6;}

@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 650px) {
}
/* 괌숙소 */
#room_slide {}
#room_slide .swiper-slide {display: flex; align-items: center; justify-content: center;position: relative; height: 893px; overflow: hidden; flex-direction: column;}
#room_slide .slide1::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide1.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide1-2::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide1-2.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide1-3::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide1-3.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide1-4::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide1-4.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide1-5::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide1-5.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide1-6::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide1-6.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}


#room_slide .slide2::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide2.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide2-2::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide2-2.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide2-3::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide2-3.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide2-4::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide2-4.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide2-5::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide2-5.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide2-6::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide2-6.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

    

#room_slide .slide3::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide3.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide3-2::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide3-2.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide3-3::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide3-3.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide3-4::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide3-4.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide3-5::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide3-5.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

#room_slide .slide3-6::before {content: "";width: 100%;height: 100%;
background-image: url("../img/room_slide3-6.png");background-repeat: no-repeat;
background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}


#room_slide .slide4::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide4.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
    
    #room_slide .slide4-2::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide4-2.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
    
    #room_slide .slide4-3::before {content: "";width: 100%;height: 100%;
        background-image: url("../img/room_slide4-3.png");background-repeat: no-repeat;
        background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
    
    #room_slide .slide4-4::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide4-4.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
    
    #room_slide .slide4-5::before {content: "";width: 100%;height: 100%;
        background-image: url("../img/room_slide4-5.png");background-repeat: no-repeat;
        background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
    
    #room_slide .slide4-6::before {content: "";width: 100%;height: 100%;
    background-image: url("../img/room_slide4-6.png");background-repeat: no-repeat;
    background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}

    #room_slide .slide5::before {content: "";width: 100%;height: 100%;
        background-image: url("../img/room_slide5.png");background-repeat: no-repeat;
        background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
        
        #room_slide .slide5-2::before {content: "";width: 100%;height: 100%;
        background-image: url("../img/room_slide5-2.png");background-repeat: no-repeat;
        background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
        
        #room_slide .slide5-3::before {content: "";width: 100%;height: 100%;
            background-image: url("../img/room_slide5-3.png");background-repeat: no-repeat;
            background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
        
        #room_slide .slide5-4::before {content: "";width: 100%;height: 100%;
        background-image: url("../img/room_slide5-4.png");background-repeat: no-repeat;
        background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
        
        #room_slide .slide5-5::before {content: "";width: 100%;height: 100%;
            background-image: url("../img/room_slide5-5.png");background-repeat: no-repeat;
            background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
        
        #room_slide .slide5-6::before {content: "";width: 100%;height: 100%;
        background-image: url("../img/room_slide5-6.png");background-repeat: no-repeat;
        background-size: cover; background-position: center bottom; position: absolute;top: 0;left: 0; z-index: -1;}
        
    
    




#room_slide .swiper-slide h2 { color: #fff; font-size: var(--fs50); text-align: center; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2); margin-top: 300px;}

#room_slide .swiper-slide p {color: #fff; font-size: var(--fs20); font-weight: 500; text-align: center; padding: 25px 0 40px 0;}

#room_slide .room-swiper-next {position: absolute; top: 50%; transform: translate(0, -50%); left: 8%; z-index: 9; cursor: pointer;}
#room_slide .room-swiper-prev {position: absolute; top: 50%; transform: translate(0, -50%); right: 8%; z-index: 9; cursor: pointer;}

#room_slide .room-swiper-next:hover {left: 7%; transition: all 0.2s;}
#room_slide .room-swiper-prev:hover {right: 7%; transition: all 0.2s;}

#room {position: relative;}
#room .common_b {padding-bottom: 300px;}
#room .width {position: relative; z-index: 5;}
#room .room_info {display: flex; justify-content: space-between; align-items: center;}
#room .room_info p {font-size: var(--fs18); font-weight: 500; color: #686868;}
#room .room_info div {width: 70%; background: #e1e1e1; height: 1px; position: relative;}
 
#room .room_info div span {background: #686868;  height: 1px; display: inline-block; position: absolute; top: 0; left: 0;  }

#room .room_title {margin: 90px 0; text-align: center;}
#room .room_title h6 {font-size: var(--fs60);}
#room .room_title p {font-size: var(--fs16); color: #686868; margin-top: 20px;}

#room .img_box {max-width: 580px; width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}
#room .img_box .box {text-align: center;}
#room .img_box img {height: 55px; width: auto;}
#room .img_box p {font-size: var(--fs16); color: #686868; margin-top: 40px;}

#room .txt_box {margin-top: 120px;}
#room .txt_box li {display: flex; align-items: center; justify-content: center;}
#room .txt_box p {font-size: var(--fs16); line-height: 1.8;}
#room .txt_box span {width: 4px; height: 4px; border-radius: 2px; background: #e275a4; display: inline-block; line-height: 1.8; margin-right: 5px;}

#room .txt_box2 {margin-top: 40px;}
#room .txt_box2 li {display: flex; align-items: center; justify-content: center;}
#room .txt_box2 p, #room .txt_box2 span {font-size: var(--fs16); line-height: 1.5;  color: #686868;}
#room .txt_box2 span {margin-right: 5px;}
#room  .guam_bg {bottom: -2%;}
#room  .guam_bg h2 {color: #f6f6f6;}
@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
    #room_slide .swiper-slide { height: 600px; }
#room_slide .swiper-slide h2 { margin-top: 120px;}
#room_slide .room-swiper-next {display: none;}
#room_slide .room-swiper-prev {display: none;}


#room {position: relative;}
#room .common_b {padding-bottom: 120px;}

#room .room_title {margin: 60px 0; }
#room .img_box p {margin-top: 30px;}

#room .txt_box {margin-top: 60px;}
#room .txt_box li {display: flex; align-items: center; justify-content: center;}
#room .txt_box p {font-size: var(--fs16); line-height: 1.8;}
#room .txt_box span {width: 4px; height: 4px; border-radius: 2px; background: #e275a4; display: inline-block; line-height: 1.8; margin-right: 5px;}

#room .txt_box2 {margin-top: 40px;}
#room .txt_box2 li {display: flex; align-items: center; justify-content: center;}
#room .txt_box2 p, #room .txt_box2 span {font-size: var(--fs16); line-height: 1.5;  color: #686868;}
#room .txt_box2 span {margin-right: 5px;}
#room  .guam_bg {bottom: -2%;}
#room  .guam_bg h2 {color: #f6f6f6;}

}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
    #room .room_info img {height: 17px; width: auto;}
#room .room_info div {width: 50%; background: #e1e1e1; height: 1px; position: relative;}
 
}
@media all and (max-width: 650px) {
}
/* 해외 산후관리사파견 */
.care1 {background-image: url("../img/care_bg.png");background-repeat: no-repeat;
    background-size: 325px; background-position: right 10% center;}
    .care1 .subtitle {text-align: left !important;}
    .care1 .care_box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 90px;}
.care1 .img_box {width: 45%; text-align: center;}
.care1 .img_box img {max-width: 566px; width: 100%;}
.care1 .txt_box {width: 50%;}
.care1 .txt_box h2 {font-size: var(--fs28); font-weight: 700; line-height: 1.2;}
.care1 .txt_box p {font-size: var(--fs17); line-height: 1.5;}

.care2 .notice {font-size: var(--fs18); text-align: right;  margin-top: 25px;}
.care3 .txt_box{ margin-top: 50px !important;}

@media all and (max-width: 1600px) {
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1024px) {
    .care1 {background-image: url("../img/care_bg.png");background-repeat: no-repeat;
        background-size: 325px; background-position: right 10% center;}
        .care1 .care_box {margin-top: 60px;}
    .care1 .img_box {width: 100%; }
    .care1 .img_box img {}
    .care1 .img_box img {max-width: 1024px; width: 100%;}
    .care1 .txt_box {width: 100%; margin-top: 40px;}

}
@media all and (max-width: 850px) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 650px) {
    .guam_bg  {bottom: 0% !important;}
    #section2 .guam_bg {top: 16.5% !important;}
}
@media all and (max-width: 400px) {
    #section2 .guam_bg {top: 17.8% !important;}
}