* { position:relative; word-break:keep-all; }


#cont{width:100%; background-color: #fff;}
.cont_line{width:70px; border-top: 5px solid rgba(255, 255, 255, .7); margin: 0 auto; margin-bottom: 20px;}
.txt_01{text-align: center; margin-top:350px; opacity: 0;}
.txt_01>b{font-size: 80px; color: rgb(255, 255, 255);}
.txt_01>p{font-size: 45px; color: rgba(255, 255, 255, .7); line-height: 55px;}
  

#cont_01{width:100%; height:1980px; overflow: hidden; }
.cont_01_line{height:0; width: 2px; margin: 0 auto; border-left: rgb(203, 203, 203) 2px solid; margin-bottom: 60px; display: block; overflow: hidden;}
.cline{animation: cline 1s .5s both;}
@keyframes cline{
  0%{height: 0;}
  100%{height: 100px;}
}
#cont2_u{animation: fade_up 2s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

#cont2 > #cont2_u > li {width:100%; height:999px;}

#cont2_u  .cont2_txt_bg {width:100%; height:400px; background:url(../images/con2_bg.jpg) no-repeat; background-size:cover;background-position: center;}
#cont2_u  > li {margin-top:30px;}
#cont2_u > li > div > div > span {color:#3a2f33; font-size:40px; font-weight:600; vertical-align:middle; left:5px; top:90px;}
#cont2_u  > li > div > div > div {margin-top:20px;}
#cont2_u > li > div > div > img {width:45px; height:45px; margin-left:40px; margin-top:90px;}
#cont2_u  > li > div > div > div > b {color: #D54433; font-size: 55px; font-weight:700; margin-left:40px;}
#cont2_u  > li > div > div > div > p {color:#121212; font-size:30px; margin-top:20px; margin-left:40px;}
#cont2_u  > li > div > div > div {top:10px;}
.cont2_01_img {background:url(../images/cont2_01_img.jpg) no-repeat; background-size: cover; background-position: center; width:100%; height:599px;}
.cont2_02_img {background:url(../images/cont2_02_img.jpg) no-repeat; background-size: cover; background-position: center; width:100%; height:599px;}
.cont2_03_img {background:url(../images/cont2_03_img.jpg) no-repeat; background-size: cover; background-position: center; width:100%; height:599px;}
.cont2_04_img {background:url(../images/cont2_04_img.jpg) no-repeat; background-size: cover; background-position: center; width:100%; height:599px;}


/*cont_01_img{width:100%; height:772px; background:url(../images/cont01_1_backimg.png) no-repeat; background-size: cover;opacity: 0; animation-delay: 1s;}*/
.cont_01_2{text-align: center; width:100%; height:910px; background:url(../images/cont01_2_backimg.png) no-repeat; background-size: cover; background-position: center; opacity:0; animation-delay: .3s;}
.cont_01_2 img {width:500px; height:51px; margin-top:120px;}
.cont_01_2 p{color: #121212; font-size: 30px;  line-height: 47px; letter-spacing: -0.05em; font-weight: 400; margin-top:80px; }
.cont_01_2 p span{color: #121212; font-size: 45px; font-weight: 600; line-height: 55px; }
.cont_01_2 .cont_01_2_p1 b{color: #D54433; font-size: 47px; line-height: 57px; font-weight: 600; }
.cont_01_2 .cont_01_2_p1 {margin-top:80px;}

/*.cont_01_2{opacity: 0; text-align: center; width:100%; height:728px; background:url(../images/cont_01_2_bg.png) no-repeat; background-size: cover; background-position: center;}*/
.cont_01_1 {opacity:0;text-align: center; padding-top:100px; width:100%; height:970px; background:url(../images/cont_01_1_bg.png) no-repeat; background-size: cover; background-position: center;}
.cont_01_1 p{color: #121212; font-size: 30px;  line-height: 47px; letter-spacing: -0.05em; font-weight: 400; margin-bottom: 30px; margin-top: 30px; }
.cont_01_1 p span{color: #D54433; font-size: 45px; font-weight: 600; line-height: 50px;}
.cont_01_1 p b{color: #121212; font-size: 45px; line-height: 60px; font-weight: 600; }
.cont_01_1 .small_txt {color:#121212; font-size: 30px;  line-height: 47px; letter-spacing: -0.05em; font-weight: 400; margin-bottom: 30px; top: 50px;}
.cont_01_1 .red_txt {color: #D54433; font-size: 30px; }



#con_text_01{width:100%; background-color: #fff; text-align: center; margin-top:100px;}
#con_text_01>b{margin-top: 200px; font-size: 42px; color: rgb(31, 31, 31);}
#con_text_01>p{font-size: 42px; color: #D54433; margin-top: 60px; font-weight: 500; letter-spacing: -3; line-height: 50px;}
#con_text_01>p>span {color: #121212;}

#con_text_01{animation: fade_up 1s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}


#cont_02{width:100%; height:2500px; margin-top:100px; overflow: hidden;}
.notice {color:#606060; font-size: 18px; text-align: left; top:30px; left:30px;}
.cont_02_img{width:100%; height:809px; background:url(../images/cont_02_img.jpg) no-repeat; background-size: contain; background-position: center; display: block; opacity: 20; animation-delay: .2s;}
.cont_02_img{animation: fade_up 1s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
.notice{animation: fade_up 3s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
.cont_02_1{position:relative; width:85%; text-align:left;  top:15px; opacity: 0; animation-delay: .3s; margin: 0 auto;}

.cont_02_1 b{color: #D54433; font-size: 35px;}
.cont_02_1 table {border-spacing:0;width:100%;overflow:hidden; margin-top: 40px;}
.cont_02_1 table th,
.cont_02_1 table td {padding:20px;font-size:40px; color: #7c7c7c; line-height:1.3; border-bottom:1px solid #dfdfdf;letter-spacing:-0.05em;}
.cont_02_1 table td{left:20px;}
.cont_02_1 table th {width:80px; color:#2b2b2b;text-align:center;font-weight:800; border-bottom: #D54433 2px solid;}
.cont_02_1 table tr:last-child th ,
.cont_02_1 table tr:last-child td {border:0;}


#cont_03{width:100%; height:1555px; margin-top:100px;}
.cont_03_map{opacity: 1;}
.cont_03_map_1{width:700px; height: 770px; margin: 0 auto;}
.cont_03_map_1 .map_1{border: 1px rgb(223, 223, 223) solid;}
.cont_03_map_1 .tx{text-align: left; top:30px;}
.cont_03_map_1 .tx b{color: #D54433; font-size: 40px; letter-spacing:-0.05em; display: block; line-height: 45px;}
.cont_03_map_1 .tx p{color: #121212; font-size: 30px; letter-spacing:-0.05em;}
.cont_03_map_1 .tx > div:nth-child(2){width:60px;height:2px; border-bottom: #D54433 2px solid; display: inline-block; }
.cont_03_map_1 .tx > div:nth-child(3){width:510px;height:2px; border-bottom: #a3a3a3 1px solid; display: inline-block; left:-2px;}
.cont_03_map_1 .btn{width:605px; display: inline-block; margin-top:50px;}
.cont_03_map_1 .btn img{margin-right:20px; width: 45%;}



#cont_04{width:100%; margin-top:100px; text-align: center; overflow: hidden; opacity: 0; animation-delay: .3s;}
#cont_04 img{width: 100%;}


#cont_05{width:100%; text-align: center; overflow: hidden;}
#cont_05 .pre_title {margin-top:100px;}
.pre_title{animation: fade_up 1s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}


/*#cont_05 .premium_title{text-align: left; width: 620px; overflow: hidden; margin: 150px auto 120px auto;}
#cont_05 .premium_title b{font-weight: 400; font-size: 58px; color: #5e5e5e; letter-spacing: -3px; word-spacing:-6px ;}
#cont_05 .premium_title p{font-size: 77px; line-height: 70px; letter-spacing: -5px; word-spacing: -6px; color: #D54433; font-weight: 600;}
#cont_05 .premium_title span{position: absolute; right: 0px; top:-30px; font-size: 170px; color: #a3131b; font-weight: 700;}*/

.pre_title{margin-top:100px; text-align: center;}
#cont_05 ul {margin-top:50px;}
#cont_05 ul li{ margin-top:100px; margin-bottom: 100px; width: 100%; text-align: left;}
#cont_05 ul li div:nth-child(2){width:840px; margin: 0 auto; display:inline-block; text-align: left;}
#cont_05 ul li div .pre_number{font-size: 45px; color: #d54432; border-right: #d54432 1px solid; width: 70px; height:150px; font-weight: 600; display: inline-block; letter-spacing:-0.05em; vertical-align:top;}
#cont_05 ul li div>span{display: inline-block; vertical-align: middle; font-size: 32px; line-height: 40px; margin-left: 19px; color: #121212; letter-spacing: -1px;}
#cont_05 ul li div b{font-weight: 800; font-size: 55px; color: #d54432;}
#cont_05 ul li div >span> p {margin-top:20px;}
#cont_05 ul li div:nth-child(1) img {object-fit:cover;  width:100%;}
#cont_05 ul li div:nth-child(2) {margin-top:30px; margin-left:30px;}
#cont_05 ul li:nth-child(8){margin-bottom: 200px;}

.region { 
  color :#121212;
  font-weight: 700;
  font-size: 40px;
  letter-spacing: -0.01em;
  line-height: 70px;
}


#cont_06{width:100%; overflow: hidden; margin-bottom:100px;}
#cont .txt_01 {margin-top:100px;}
#cont .txt_01 p {color: #D54433; font-size: 50px; text-transform: uppercase; line-height: 60px; font-weight:600;}
#cont .txt_01 p span {color: #121212; font-size: 50px; letter-spacing:-0.05em; font-weight:400;}

/*#cont .txt_01 {animation: fade_up 3s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}*/
/*.cont_06_img{width: 100%; margin-top: 100px; left:0;}*/
/*.cont_06_tx{margin: 50px 20px 160px 20px;}*/
.cont_06_tx b{color: #D54433; font-size: 30px; text-transform: uppercase; line-height: 35px;}
.cont_06_tx>p{color: #373737; font-size: 65px; letter-spacing:-0.05em;}
.cont_06_tx>span{display: block; color: #8b8b8b; font-size: 35px; letter-spacing:-0.02em; line-height: 40px; margin-top: 40px;}
#cont_06 ul li div .cont_06_line{width:40px; height:20px; border-top: #D54433 3px solid; top:10px;}
.cont_06_tx>p>span{font-size: 22px; font-weight: 300; opacity: .7;}

/*#cont_06 ul li{width: 90%; margin: 0 auto; opacity: 0;}*/
/* #cont_06 ul li:last-child{margin-bottom: 200px;} */

#cont_06 ul li .cont_06_tx1{ margin-top:100px;}
#cont_06 ul li .cont_06_tx2{ margin-top:60px;}
#cont_06 ul li .cont_06_tx3{margin-top:60px;}
#cont_06 ul li .cont_06_tx4{ margin-top:60px;}
#cont_06 ul li .cont_06_tx5{ margin-top:60px;} 
#cont_06 ul li .cont_06_tx6{ margin-top:60px;} 
#cont_06 ul li .cont_06_tx1 img {width:100%; object-fit:cover; object-position:center center;}
#cont_06 ul li .cont_06_tx2 img {width:100%; object-fit:cover; object-position:center center;}
#cont_06 ul li .cont_06_tx3 img {width:100%; object-fit:cover; object-position:center center;}
#cont_06 ul li .cont_06_tx4 img {width:100%; object-fit:cover; object-position:center center;}
#cont_06 ul li .cont_06_tx5 img {width:100%; object-fit:cover; object-position:center center;}
#cont_06 ul li .cont_06_tx6 img {width:100%; object-fit:cover; object-position:center center;}

#cont_06 ul li div:nth-child(2) img {width:90px; height:90px; text-align:left; margin-top:50px;}
#cont_06 ul li div b {color:#121212; font-size:55px; text-align:left;}
#cont_06 ul li div .cont_06_title_eg {color:#D54433; font-size:40px; font-weight:600;}
#cont_06 ul li div .cont_06_title {color:#D54433; font-size:55px; font-weight:700; top:-20px;}
#cont_06 ul li p {color:#121212; font-size:32px; font-weight:400; margin-top:30px;}
#cont_06 ul li .cont_06_title_eg b {margin-top:30px; font-weight:600;}
#cont_06 ul li .cont_06_contents {margin-left:30px;}

#cont_07{width:100%; overflow: hidden;}
#cont_07 ul li{width: 90%; margin: 0 auto; opacity: 0;}
#cont_07 ul li:last-child{margin-bottom: 200px;}
#cont_07 ul li:nth-child(1) .cont_06_tx{background: url(/images/cont_07_bg3.png) no-repeat;}
#cont_07 ul li:nth-child(2) .cont_06_tx{background: url(/images/cont_07_bg1.png) no-repeat;}
#cont_07 ul li:nth-child(3) .cont_06_tx{background: url(/images/cont_07_bg2.png) no-repeat;}

#cont_07 ul li:nth-child(1) .cont_06_img{background: url(/images/cont_07_3.jpg) no-repeat; background-size: cover; margin-top: 0;}
#cont_07 ul li:nth-child(2) .cont_06_img{background: url(/images/cont_07_1.jpg) no-repeat; background-size: cover;}
#cont_07 ul li:nth-child(3) .cont_06_img{background: url(/images/cont_07_2.jpg) no-repeat; background-size: cover;}



#cont .txt_01 {margin-top:100px;}
#cont .txt_01 p {color: #D54433; font-size: 50px; text-transform: uppercase; line-height: 60px; font-weight:600;}
#cont .txt_01 p span {color: #121212; font-size: 50px; letter-spacing:-0.05em; font-weight:400;}
#cont_08{width:100%; height: 100%; overflow: hidden;}
#cont_08 .unit{margin: 100px auto 100px auto; color: #fff;}
#cont_08 .unit>div{width:49.4%; height: 450px; overflow: hidden; text-align: center; opacity: 0; display: inline-block;}
#cont_08 .unit>div:first-child{border-top-left-radius: 50px; margin-right: 11px;}
#cont_08 .unit>div:last-child{border-bottom-right-radius: 50px; margin-left: 11px; margin-top: 11px;}
#cont_08 .unit b{display: block; width: 55px; height: 48px; background-color: #a59487; border-radius: 100px; font-size: 35px; font-weight: 600; margin: 20px auto; padding-top: 7px;}
#cont_08 .unit p{font-size: 50px; font-weight: 700; line-height: 53px;}
#cont_08 .unit span{font-size: 35px; font-weight: 300; line-height: 38px; top: 10px; color: rgba(255, 255, 255, .8);}
#cont_08 .unit01{background: url(/images/unit_d1.jpg) no-repeat; background-size: cover; background-position: center; animation-delay: .2s;}
#cont_08 .unit02{background: url(/images/unit_d2.jpg) no-repeat; background-size: cover; background-position: center; animation-delay: .3s;}
#cont_08 .unit03{background: url(/images/unit_d3.jpg) no-repeat; background-size: cover; background-position: center; animation-delay: .4s;}
#cont_08 .unit04{background: url(/images/unit_d4.jpg) no-repeat; background-size: cover; background-position: center; animation-delay: .5s;}
#cont_08 .unit_line{width:2px; height: 85px; border-right: rgba(255, 255, 255, .3) 2px solid; margin: 0 auto;}


#cont_08 .cont_dep{opacity: 0; margin-top:100px;}
#cont_08 .tab-unit {position:relative;text-align:center;font-size:0;text-align:left; margin: 0 auto; top: -1px; width:100%; display: flex;}
#cont_08 .tab-unit:after {clear: both; display:block; content:""}
#cont_08 .tab-unit li {display:inline-block;width:50%;text-align:center; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc;/*margin-left:-1px;*/}
/* #cont_08 .tab-unit li:nth-child(n+5):nth-child(-n+7){border-top: 0;} */
#cont_08 .tab-unit li:first-child {margin-left:0;}
     
#cont_08 .tab-unit li a {display:block;width:100%;line-height:120px;font-size:40px;color:#121212;font-weight:600;}
#cont_08 .tab-unit li.active {background-color:#D54433; }
#cont_08 .tab-unit li.active a {color:#fff;font-weight:700;font-size:40px; line-height: 119px; font-weight:600;}
#cont_08 .tab-unit li a span{font-size: 24px; font-weight: 300;}
     
#cont_08 .tab-view .unit-img {overflow:hidden;margin: 0 auto; opacity: 0; top: 50px;}
#cont_08 .tab-view .unit-img img{width: 100%; margin-top: 20px;}
#cont_08 p {font-size: 18px; line-height: 28px; color: #606060; text-align: center; margin: 80px auto 120px;}

#cont_08 .tab-view .unit-img>p{ position: absolute; z-index: 99; width: 80%; height: 65px; border-radius: 5px; border: 1px solid #bfbfbf; color: #fff; font-size: 35px; text-align: center;
    padding-top: 16px; transform: rotate(-20deg); background: rgba(0, 0, 0, 0.4); top: 240px; left: 65px; cursor: default;}


#cont_08 .unit-tx{font-size: 55px; color: rgb(15, 25, 30); letter-spacing: -1px; display: inline-block;  margin-left: 50px; }
#cont_08 .unit-tx {
  display: flex;
  flex-direction: column; /* 세로로 쌓이도록 */
  align-items: center;    /* 자식 요소 가로 중앙 */
}

/* 2. 표 자체는 기본 스타일 유지 */
#cont_08 .unit-tx table {
  margin: 0; /* 부모가 flex라서 중앙 정렬 */
}

/* 3. 표 안 글자는 왼쪽 정렬 유지 */
#cont_08 .unit-tx table th,
#cont_08 .unit-tx table td {
  text-align: left !important;
}

/* 4. tr display 원래대로 */
#cont_08 .unit-tx table tr {
  display: table-row;
}

#cont_08 .unit-tx img { margin-top:70px;}
#cont_08 .unit-tx b{font-size: 70px; font-weight:600; color:#D54433;  }
#cont_08 .unit-tx span{font-size: 30px; color:#D54433; font-weight: 600; margin-left: 20px; }
#cont_08 table {border-spacing:0;;overflow:hidden; margin-top: 10px;}
#cont_08 table tr{display: inline-block; text-align: center;}
#cont_08 table th,
#cont_08 table td {padding:15px;font-size:30px; color: #121212; line-height:2; border-bottom:1px solid #dfdfdf;letter-spacing:-0.05em;}
#cont_08 table td{width: 200px;}
#cont_08 table th {width:180px; color:#2b2b2b;text-align:center;font-weight:700; border-bottom: #D54433 2px solid;}
#cont_08 .guide-txt2 p {margin-top:30px; color:#606060; font-size:18px; text-align: center;}

.guide-txt2{animation: fade_up 1s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}


/* 탭 컨텐츠 전체 배경 회색 */
.menu_tab00, .menu_tab01 {
    display: none;
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    gap: 50px;
    width: 100%;
    background-color: #f5f5f5; /* 회색 배경 */
    padding: 100px 0;
}

/* 활성화 시 flex */
.menu_tab00.active,
.menu_tab01.active {
    display: flex;
}

/* 제목과 세대 수 가로 정렬 */
.unit-title {
    display: flex;
    align-items: center;
    gap: 20px; /* 84A/B와 세대 수 사이 간격 */
    margin-top: 20px;
}

/* b와 span 크기/색상 유지 */
.unit-title b {
    font-size: 70px;
    color: #D54433;
    font-weight: 600;
}

.unit-title span {
    font-size: 30px;
    color: #D54433;
    font-weight: 600;
}
.supply_cont {text-align: center; margin-top:100px;}
.supply_cont{animation: fade_up 1s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
#cont .supply_cont b {font-size:55px; font-weight:600; color:#121212; }
#cont  .supply_cont .answer {font-size:32px; font-weight:400; color:#121212; text-align: center; margin-top:20px; line-height:42px;}
.benefits_wrap {  display: flex;
  flex-wrap: wrap;
  gap: 40px; /* 박스 사이 간격 */
  justify-content: space-between;}
.benefits_wrap{animation: fade_up 2s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
  
.benefit {background-color: #ECECEC; width: calc(50% - 20px);  display:inline-block; margin-top:40px;   }
.benefit2 {background-color: #ECECEC;  width: calc(50% - 20px); display:inline-block; margin-top:40px;  }
.benefit h3 {color:#121212; font-size:40px; font-weight:600; margin-left:40px;}
.benefit p {color:#121212; font-size:28px; font-weight:400; margin-bottom:50px;margin-left:40px;} 
.benefit2 h3 {color:#121212; font-size:40px; font-weight:600; margin-left:40px;}
.benefit2 p {color:#121212; font-size:28px; font-weight:400; margin-bottom:50px;margin-left:40px;} 
.benefit span {color:#D54433; font-size:40px; font-weight:600; }
.benefit2 span {color:#D54433; font-size:40px; font-weight:600; }

.benefit .icon {margin-top:50px; margin-bottom:40px; margin-left:40px;}
.benefit2 .icon {margin-top:50px; margin-bottom:40px; margin-left:40px;}

.hug_title {text-align: center; margin-top:100px; margin-bottom:100px;}
.hug_title p {font-size:55px; color:#121212; font-weight:600; margin-top:30px;}
.hug_title span {font-size:55px; color:#D54433; font-weight:600;}

.hug_title{animation: fade_up 3s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
.hug_info{animation: fade_up 4s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}


/* 전체 회색 배경 */
.hug_info_1 {
  display: flex;
  flex-direction: column;      /* 세로 정렬 */
  align-items: center;         /* 가로 가운데 */
  justify-content: center;     /* 세로 가운데 */
  background-color: #ECECEC;   /* 회색 배경 */
  padding: 50px 20px;          /* 내부 여백 */
  text-align: center;          /* 텍스트 가운데 정렬 */
  gap: 35px;                   /* 두 박스 사이 간격 */
  width: 100%;
  box-sizing: border-box;
}

/* 각 내용 박스 */
.hug_box {
  width: 90%;                  /* 모바일 화면 양옆 여백 확보 */

}

.hug_box b {
  display: block;
  font-size: 40px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
}

.hug_box p {
  font-size: 30px;
  line-height: 40px;
  color: #555;
}

/* 두 박스 사이의 얇은 구분선 */
.hug_line {
  width: 80%;
  height: 1px;
  background-color: #989898;
  margin: 10px 0;
}
/*.hug_info {text-align:center;}
.hug_info_1 {background-color:#ECECEC; text-align: center; width:100%; height:600px;}
.hug_info_1 .hug_line {border: 1px solid #989898; width:80%;}
.hug_info div {margin-top:30px}
.hug_info_1 div {margin-top:60px;}
.hug_info_1 div b {color:#121212; font-size:40px;}
.hug_info_1 div p {color:#121212; font-size:30px; margin-top:30px; line-height: 40px;}
.hug_info div b {color:#121212; font-size:40px;}
.hug_info div p {color:#121212; font-size:30px; margin-top:30px; line-height: 40px;}*/

/* 전체 섹션 */
.hug_info_2{
  width:100%;
  margin:0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:48px;           /* 두 박스 간 간격 */
  padding:10px 0;
  box-sizing:border-box;
  
}

/* 각 박스 */
.hug-box{
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* 제목 */
.hug-box h4{
  font-size:40px;
  font-weight:800;
  color:#121212;
  margin:0 0 12px;
}

/* 설명 */
.hug-box .desc{
  font-size:30px;
  line-height:40px;
  color:#121212;
  margin:0 0 22px;
}

/* 플로우: 아이콘 - 라인(화살표) - 아이콘 */
.flow{
  display:grid;
  grid-template-columns: 1fr minmax(140px, 2fr) 1fr; /* 가운데 라인이 충분히 늘어나도록 */
  align-items:center;
  column-gap:10px;
  width:100%;
}

/* 좌/우 아이콘 + 라벨 */
.node{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.node img{
  width:150px;
  height:150px;
  object-fit:contain;   /* 원형 PNG 그대로 사용 */
  display:block;
}
.node p{
  margin-top:10px;
  font-size:30px;
  color:#44383A;        /* 1번째 박스 라벨 색(회색) */
  font-weight:600;
}

/* 가운데 라인(→) + 설명 텍스트 */
.arrow{
  position:relative;
  height:2px;
  background:#9A9A9A;   /* 1번째 박스 라인 색(회색) */
  width:100%;
  align-self:center;
}
/* 기존 화살표 이미지 숨김 (CSS로 그릴 거라서) */
.arrow img{ display:none; }

/* 라인 오른쪽 화살촉 */
.arrow::after{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  transform:translateY(-50%);
  border-left:10px solid #9A9A9A;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
}

/* 라인 중앙 문구 */
.arrow p{
  position:absolute;
  top:-42px;            /* 라인 위로 띄우기 */
  left:50%;
  transform:translateX(-50%);
  margin:0;
  padding:0 6px;
  font-weight:700;
  font-size:30px;
  color:#121212;
  white-space:nowrap;
  background:transparent;
}

/* ─────────────────────────────────────────
   두 번째 박스(보증책임내용) 색상 강조 (오렌지 톤)
   기존 마크업은 유지하고 nth-of-type으로 스타일만 변경
   ───────────────────────────────────────── */
.hug-box:nth-of-type(2) .node p{
  color:#D54433;        /* 아이콘 아래 라벨 색 */
  font-weight:700;
}

.hug-box:nth-of-type(2) .arrow{
  background:#D54433;   /* 라인 색 */
}
.hug-box:nth-of-type(2) .arrow::after{
  border-left-color:#D54433;
}
.hug-box:nth-of-type(2) .arrow p{
  color:#222;           /* 중앙 문구는 진하게 */
}

/* 여백 미세 조정(모바일) */
@media (max-width:360px){
  .hug_info_2{ gap:40px; }
  .hug-box h4{ font-size:19px; }
  .hug-box .desc{ font-size:12.5px; }
  .node img{ width:66px; height:66px; }
  .arrow{ height:2px; }
  .arrow p{ font-size:12.5px; top:-20px; }
}


#cont_09{animation: fade_up 3s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

#cont_09{width:100%; overflow: hidden; text-align: center;}
#cont_09>img {object-fit:contain; margin-top:100px; width:100%; height:auto;}

/* 공급안내 페이지 전용 확대 (캘린더는 유지) */
#cont_09.info-img > img{
    width: 130% !important;   /* 모바일에서 더 크게 */
    max-width: none;
    margin-left: -15%;
}
#cont_09>p {margin-top:20px;margin-bottom: 150px;}


#mo_cont_9 {
  width: 100%;
  padding: 28px 16px 100px;
  box-sizing: border-box;
}

/* 레이아웃 전체를 세로형 */
.mo_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* 이미지 영역 */
.mo_image_section img {
  width: 100%;
  display: block;
  margin: 50px 0;
}

/* 텍스트 카드 */
.mo_white_box {
  background: #f7f3ec;
  padding: 50px 30px 50px;
  text-align: center;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.mo_ylogo_img {
  width: 100%;
  max-width: 70%;
  margin-bottom: 40px;
}

.mo_main_title {
  font-size: 24px;
  font-weight: 700;
  color: #244591;
  margin: 28px 0 38px;
}

/* 버튼 */
.mo_btn_group .mo_btn_blue {
  display: inline-block;
  padding: 20px 200px;
  background: #D54433;
  color: #ffffff;
  font-size: calc(24 / 640 * 100vw);
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s;
}

.mo_btn_group .mo_btn_blue:hover {
  background: #a5281a;
}

/*청약안내 페이지*/
#cont_09_1{animation: fade_up 3s;}
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

#cont_09_1{width:100%; overflow: hidden; text-align: center;}
#cont_09_1>img {object-fit:contain; margin-top:100px; width:100%; height:auto;}

/* 공급안내 페이지 전용 확대 (캘린더는 유지) */
#cont_09_1.info-img > img{
    width: 130% !important;   /* 모바일에서 더 크게 */
    max-width: none;
    margin-left: -15%;
}
#cont_09_1>p {margin-top:20px;margin-bottom: 150px;}


#mo_cont_9_1 {
  width: 100%;
  padding: 28px 16px 100px;
  box-sizing: border-box;
}

/* 레이아웃 전체를 세로형 */
.mo_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* 이미지 영역 */
.mo_image_section img {
  width: 100%;
  display: block;
  margin: 50px 0;
}

/* 텍스트 카드 */
.mo_white_box {
  background: #f7f3ec;
  padding: 50px 30px 50px;
  text-align: center;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.mo_ylogo_img {
  width: 100%;
  max-width: 70%;
  margin-bottom: 40px;
}

.mo_main_title {
  font-size: 24px;
  font-weight: 700;
  color: #244591;
  margin: 28px 0 38px;
}

/* 버튼 */
.mo_btn_group .mo_btn_blue {
  display: inline-block;
  padding: 20px 200px;
  background: #D54433;
  color: #ffffff;
  font-size: calc(24 / 640 * 100vw);
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s;
}

.mo_btn_group .mo_btn_blue:hover {
  background: #a5281a;
}



#cont_09{text-align: center;}
#cont_10{text-align: center;}
#cont_10 div{margin:70px auto; opacity: 0;}
#cont_10 {
    text-align: center;
    margin: 50px 0;
    padding: 0 10px; /* 좌우 여백 최소화, 완전 0으로 해도 됨 */
    box-sizing: border-box; /* 패딩 포함해서 계산 */
}

#cont_10 div {
    margin: 50px auto;
    max-width: 100%; /* 모바일에서 넘치지 않도록 */
}

#cont_10 iframe {
    width: 100%;          /* 부모 너비에 맞춤 */
    max-width: 1200px;    /* 최대 너비 제한 */
    aspect-ratio: 16 / 9; /* 16:9 비율 유지 */
    border: 0;
    display: block;       /* inline-block 여백 제거 */
}


#cont_11{text-align: center;}

#cont_12{width: 90%; margin: 0 auto;}
.guide-txt{font-size: 18px; margin: 30px 0 100px 0;}
.agree-txt {position:relative; margin-top: 100px;}
.agree-txt h2, .per-info h2  {display:block;position:relative;line-height:calc(37/ 640 * 100vw);font-weight:500;padding-bottom:calc(10/ 640 * 100vw);letter-spacing:-2px;font-size:calc(36/ 640 * 100vw);color:#333;}
.agree-txt .txt_area {position:relative;display:block;border:1px solid #a59487;font-size:calc(16/ 640 * 100vw);color:#555555;padding:calc(10/ 640 * 100vw);}
.agree-txt .txt_area .tbox {position:relative;height:calc(180/ 640 * 100vw);overflow-y:auto;letter-spacing:-0.5px;padding:0 calc(10/ 640 * 100vw);}
.agree-txt .txt_area h1 {display:block;text-align:center;font-size:calc(28/ 640 * 100vw);letter-spacing:calc(-3/ 640 * 100vw);font-weight:500;line-height:2;}
.agree-txt .txt_area dl dt {display:block;text-align:left;font-size:calc(20/ 640 * 100vw);letter-spacing:-1px;font-weight:300;color:#D54433;padding:calc(20/ 640 * 100vw) 0 10px;font-weight:400;}
.agree-txt .txt_area dd ul {padding-top:calc(10/ 640 * 100vw);}
.agree-txt .txt_area dd ul li {display:block;position:relative;line-height:1.3;padding:calc(5/ 640 * 100vw) 0 calc(5/ 640 * 100vw) calc(20/ 640 * 100vw);}
.agree-txt .txt_area dd ul li:before {content:'-';display:block;position:absolute;left:0;top:5px;}
.agree-txt .txt_area dd p {font-weight:500;padding:calc(10/ 640 * 100vw) 0 calc(5/ 640 * 100vw);}
.agree-txt .agree-box {position:relative;padding:calc(20/ 640 * 100vw) 0;text-align:center;}
.agree-txt .agree-box span {display:inline-block;position:relative;padding-right:calc(30/ 640 * 100vw);}
.agree-txt .agree-box input[type="radio"] {display:none;}
.agree-txt .agree-box input[type="radio"] + label {padding-left:calc(50/ 640 * 100vw);font-size:calc(24/ 640 * 100vw);letter-spacing:-1px;}
.agree-txt .agree-box input[type="radio"] + label:before {content:' '; display:block; width:calc(26/ 640 * 100vw); height:calc(26/ 640 * 100vw); position:absolute;left:0;top:0;border:calc(2/ 640 * 100vw) solid #ddd;border-radius:50%; }
.agree-txt .agree-box input[type="radio"]:checked + label:before {border:calc(2/ 640 * 100vw) solid #D54433;z-index:1;}
.agree-txt .agree-box input[type="radio"]:checked + label:after{content:' '; display:block;left: calc(6/ 640 * 100vw);top: calc(6/ 640 * 100vw);background:#D54433;width: calc(18/ 640 * 100vw);height: calc(18/ 640 * 100vw);border-radius:50%; position: absolute;}
.agree-txt .agree-box .bt-agree-info {display:block;position:absolute;left:calc(504/ 640 * 100vw);top:calc(13/ 640 * 100vw);border-bottom:1px solid #D54433;padding-bottom:10px;}
.agree-txt .agree-box .bt-agree-info span {color:#a59487;font-size:calc(20/ 640 * 100vw);letter-spacing:-1px;}

.per-info  {margin-top: 150px; opacity:0; animation-delay: .3s; margin-bottom: 150px;}
.per-info > p {display:block;position:absolute;right:0;top:calc(10/ 640 * 100vw);font-size:calc(18/ 640 * 100vw);}
.per-info > p > span {color:#D54433;font-weight:700;}
.per-info table {border-top:2px solid #a59487;width:100%;border-collapse:collapse;border-spacing:0; }
.per-info table th, 
.per-info table td {border-bottom:1px solid #ddd;font-size:calc(24/ 640 * 100vw);color:#333;letter-spacing:-1px;font-weight:300;padding:calc(20/ 640 * 100vw) calc(5/ 640 * 100vw);}

.per-info table tr:last-child th, 
.per-info table tr:last-child td {border-bottom:1px solid #a59487;}
.per-info table tr:last-child th {padding-left:calc(7/ 640 * 100vw);}
.per-info table tr:last-child th {padding:calc(20/ 640 * 100vw) calc(25/ 640 * 100vw)}


.per-info table th {width:calc(150/ 640 * 100vw);background:#f5f5f5;font-weight:400;text-align:left;}
.per-info table th span {display:inline-block;color:#D54433;font-weight:500;padding-right:calc(20/ 640 * 100vw);padding-left:calc(10/ 640 * 100vw);}
/*.per-info table tr:last-child th {padding-left:37px;}*/
.per-info table td span {display:inline-block;font-size:calc(15/ 640 * 100vw); font-weight:400;padding-left:5px;}
.per-info input[type="text"] {display:inline-block;line-height:calc(44/ 640 * 100vw);padding:0 calc(10/ 640 * 100vw);width:95%;border:1px solid #ccc;vertical-align:middle;outline: none;box-sizing:border-box;font-size:calc(24/ 640 * 100vw);margin-left:calc(10/ 640 * 100vw);}
.per-info input[type="text"]:focus{ border:1px solid #ae746e;}
.per-info .tx {position:relative;padding-top:calc(10/ 640 * 100vw);}
.per-info .tx ul li {display:block;position:relative;padding-left:calc(20/ 640 * 100vw);font-size:calc(20/ 640 * 100vw);color:#666;}
.per-info .tx ul li:before {content:'※';position:absolute;left:0;top:0;}
.per-info .bt-send {display:block; width:100%; line-height:calc(100/ 640 * 100vw);color:#fff;text-align:center;background:#D54433;font-size:calc(30/ 640 * 100vw);font-weight:700;}


/* DRM Name card*/
#drm-ncard {position: relative;  overflow: hidden;}
#drm-ncard .t_info { padding:calc(130/640*100vw) calc(30/640*100vw) calc(50/640*100vw); font-weight:400; background:#fff; }
#drm-ncard .t_info .logo { position:absolute; top:calc(60/640*100vw);left:calc(50/640*100vw); width:calc(100/640*100vw); height:calc(88/640*100vw);background:url('/m/images/d-logo.png') center 0 no-repeat; background-size:100% 100%;font-size:0;}
#drm-ncard .t_info .name { font-size:calc(26/640*100vw); color:#666; text-align:right; margin-bottom:calc(30/640*100vw);margin-right: calc(30/640*100vw); line-height:calc(50/640*100vw);margin-top:calc(24/640*100vw);}
#drm-ncard .t_info .name b { display:inline-block; vertical-align:calc(-10/640*100vw); margin-left:calc(24/640*100vw); font-size:calc(50/640*100vw); color:#333; letter-spacing:-0.2vw; font-weight:700; word-break: keep-all;}
#drm-ncard .t_info dl { position:relative;font-size:calc(24/640*100vw); letter-spacing:-0.05em; left: 20px;}
#drm-ncard .t_info dl dt { position:absolute; top:0; left:0; color:#a59487; font-weight:500; }
#drm-ncard .t_info dl dd { margin-left:calc(90/640*100vw); color:#666; }
#drm-ncard .t_info dl.place dt { }
#drm-ncard .t_info dl.place dd { font-size:calc(26/640*100vw); color:#5a5a5a; letter-spacing:clac(-1/640*100vw);  }
#drm-ncard .t_info dl.phone dt { top:3vw; }
#drm-ncard .t_info dl.phone dd { font-size:calc(50/640*100vw); color:#333; letter-spacing:0.5vw; font-weight:800; }
#drm-ncard .t_info dl.phone dd a{color:#333;font-weight:700;}
#drm-ncard .t_info .place{height: 55px; font-size: calc(28/640*100vw);}

/* 홍보센터 : news */

/*cont */
.cont {position:relative;padding:calc(100/ 640 * 100vw) 0 calc(100/ 640 * 100vw);line-height:1;}
.cont .inner {position:relative;width:calc(600/ 640 * 100vw);margin:0 auto;text-align:center;}
.cont  .tit-box {position:relative;text-align:center;margin-bottom:calc(60/ 640 * 100vw);letter-spacing:calc(-1/ 640 * 100vw);overflow:hidden;}
.cont  .tit-box h2 {font-weight:700;font-size:calc(45/ 640 * 100vw);letter-spacing:calc(-2/ 640 * 100vw);}
.cont  .tit-box p {padding-top:calc(20/ 640 * 100vw);font-size:calc(22/ 640 * 100vw);line-height:1.3;}



.news-box {position:relative;overflow:hidden;}
.news-box .posts {position:relative;line-height:2;color:#a0a0a0;font-size:calc(24/ 640 * 100vw);text-align:left;}
.news-box .posts span {color:#222;font-weight:500;}
.news-box ul {position:relative;border-top:calc(2/ 640 * 100vw) solid #333;}
.news-box ul li {position:relative;display:block;border-bottom:calc(1/ 640 * 100vw) solid #e5e5e5;}
.news-box ul li a {position:relative;display:block;}
.news-box ul li a .num {display:block;position:absolute;left:0;top:0;width:calc(76/ 640 * 100vw);text-align:center;line-height:calc(130/ 640 * 100vw);font-size:calc(26/ 640 * 100vw);color:#121212;font-weight:500;}
.news-box ul li a .category {display:block;position:absolute;left:calc(76/ 640 * 100vw);top: calc(5/ 640 * 100vw);color: #D54433;line-height:calc(74/ 640 * 100vw);font-size:calc(20/ 640 * 100vw);font-weight:400;letter-spacing:-0.5px;text-align: left;}
.news-box ul li a .tit {display:block;margin-left:calc(76/ 640 * 100vw);font-weight:500;color:#333;font-size:calc(30/ 640 * 100vw);line-height:calc(130/ 640 * 100vw);letter-spacing:-1px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top:calc(10/ 640 * 100vw);}
.news-box ul li a .date {display:none;position:absolute;left: calc(180/ 640 * 100vw);top: calc(5/ 640 * 100vw);width:calc(150/ 640 * 100vw);line-height: calc(74/ 640 * 100vw);font-size:calc(20/ 640 * 100vw);color:#a0a0a0;text-align:left;}




/* 페이징 */
.paginate {margin-top:calc(40/ 640 * 100vw);font-size:0;text-align:center;}
.paginate a {display:inline-block;position:relative;width: calc(52/ 640 * 100vw);height: calc(52/ 640 * 100vw);box-sizing:border-box;font-size:calc(24/ 640 * 100vw);line-height: calc(52/ 640 * 100vw);text-align:center;vertical-align:top;transition:all 0.4s;}
.paginate a.on {background:#D54433;width:calc(52/ 640 * 100vw);height:calc(52/ 640 * 100vw);color:#fff;font-weight:700;border-radius:50%;}
.paginate a.next {width: calc(55/ 640 * 100vw);height: calc(55/ 640 * 100vw);margin-left:calc(15/ 640 * 100vw);background:url(/images/icon_next.png) center no-repeat;background-size: calc(25/ 640 * 100vw) calc(25/ 640 * 100vw);overflow:hidden;text-indent:-999999px;}
.paginate a.pre {width: calc(55/ 640 * 100vw);height: calc(55/ 640 * 100vw);margin-right:calc(15/ 640 * 100vw);background:url(/images/icon_prev.png) center no-repeat;background-size: calc(25/ 640 * 100vw) calc(25/ 640 * 100vw);overflow:hidden;text-indent:-999999px;}




#sub_top{
    width:100%;
    height:1000px;
    overflow: hidden;
    background: url("../images/sub_top01.jpg") no-repeat;
    background-size: cover;
  }

  #sub_top2{
    width:100%;
    height:1000px;
    overflow: hidden;
    background: url("../images/sub_top02.jpg") no-repeat;
    background-size: cover;
  }

  #sub_top3{
    width:100%;
    height:1000px;
    overflow: hidden;
    background: url("../images/sub_top03.jpg") no-repeat;
    background-size: cover;
  }

  #sub_top4{
    width:100%;
    height:1000px;
    overflow: hidden;
    background: url("../images/sub_top04.jpg") no-repeat;
    background-size: cover;
  }

  #sub_top5{
    width:100%;
    height:1000px;
    overflow: hidden;
    background: url("../images/sub_top05.jpg") no-repeat;
    background-size: cover;
  }

  #sub_top6{
    width:100%;
    height:1000px;
    overflow: hidden;
    background: url("../images/sub_top06.jpg") no-repeat;
    background-size: cover;
  }



#footer{position: relative; width:100%; height: 780px; background-color: #3a2f33; color: #b7b7b7; font-size: 20px; overflow: hidden;}
#footer>div>b{color: rgb(177, 177, 177);  font-weight: 400; top:20px;}
.footer_t{width:90%; margin: 0 auto; top:48px;}
#footer #bt_top { position:absolute; bottom:-60px; right:0; width:100px; height:100px; background-color: #d54432; border-radius:50%; text-align:center;z-index:20;}
#footer #bt_top span {top:30px; font-size:30px; color:#fff; font-weight: 600;}

#footer .copyright{margin-top:35px;}
#footer .footercopytxt a {color:#fff;font-weight:400;display:inline-block;padding-bottom:2px;}
#footer .yourbiz{margin-top: 5px; line-height: 22px;}

#footer .info{position:relative;text-align:center;background:#3a2f33;height:100px;overflow:hidden; color: #b7b7b7; top: 20px;}
#footer .info ul:after {clear: both; display:block; content:""}
#footer .info ul li {display:inline-block;font-size:24px;font-weight:400;line-height:88px;letter-spacing:-1px;}
#footer .info ul li span {display:inline-block;line-height:88px;padding-right:20px;font-size:24px;font-weight:300; color: #c8b9af;}
#footer .info ul li + li {padding-left:88px;}
#footer .info ul li img {vertical-align:middle;}

/*하단 바*/
@media(orientation: Landscape){

    #bottom-bar {display: none;}

    }


@media(orientation: Portrait){
#bottom-bar {position:fixed;bottom:0;left:0;right:0;background:rgba(213, 68, 50, 0.9);overflow:hidden; z-index:100;}
#bottom-bar > ul {position:relative;font-size:0;}
#bottom-bar > ul li {float:left;display:inline-block;width:49.5%;height:calc(154 / 640 * 100vw);background-repeat:no-repeat;background-position:center calc(20 / 640 * 100vw); background-size:calc(63 / 640 * 100vw); }
#bottom-bar > ul li + li {border-left:1px solid rgba(255,255,255,.2)}
#bottom-bar > ul li:nth-child(1) {background-image:url(/m/images/bar-ico-call.png);}
#bottom-bar > ul li:nth-child(2) {background-image:url(/m/images/bar-ico-apply.png);}
#bottom-bar > ul li:nth-child(3) {background-image:url(/m/images/bar-ico-register.png);}
#bottom-bar > ul li a {display:block;width:100%;height:100%;text-align:center;line-height:1;}
#bottom-bar > ul li a span {display:inline-block;margin-top:calc(100 / 640 * 100vw);color:rgba(255,255,255,.8);font-size:calc(28 / 640 * 100vw);font-weight:500;letter-spacing:-0.03em;}
}



/* 공통 하단 관심등록*/
.registration  {position:relative;text-align:left;overflow:hidden; box-sizing:border-box;background:#fff;border-top:1px solid #cfcfcf;}
.registration .inner {position:relative;width:800px;margin: calc(40/ 640 * 100vw) auto 0;}
.registration h4 {display:block;position:relative;padding:calc(40/ 640 * 100vw);text-align:center;}
.registration h4 span {position:relative;color:#D54433;font-size:calc(46/ 640 * 100vw);font-weight:700;line-height:calc(60/ 640 * 100vw);letter-spacing:-2px;padding-left:calc(60/ 640 * 100vw);}
.registration h4 span:before {content:'';position:absolute;top:calc(9/ 640 * 100vw);left:0px;width:calc(40/ 640 * 100vw);height:calc(38/ 640 * 100vw);background-image:url(/images/regist.png);background-size:100%; }
.registration ul {position:relative;text-align:left;}
.registration ul:after {clear: both; display:block; content:""}
.registration ul li {position:relative;vertical-align:middle; display:inline-block; font-size:calc(24/ 640 * 100vw);line-height:calc(60/ 640 * 100vw);letter-spacing:-0.5px;margin-bottom:calc(10/ 640 * 100vw);}
.registration ul li label {width:calc(90/ 640 * 100vw);display:inline-block;font-size:calc(22/ 640 * 100vw);font-weight:400;line-height:calc(60/ 640 * 100vw);}
.registration ul li input[type="text"] {background:#eee;border:none;font-size:calc(22/ 640 * 100vw); height:calc(60/ 640 * 100vw);}
.registration ul li:nth-child(1) input[type="text"] {width:calc(420/ 640 * 100vw);}
.registration ul li:nth-child(2) input[type="text"] {width:calc(420/ 640 * 100vw);}
.registration ul li input[type="checkbox"] {display:none;}
.registration ul li input[type="checkbox"] + label {padding-left:calc(22/ 640 * 100vw);text-indent:-999999px;font-size:0;}
.registration ul li input[type="checkbox"] + label:before { content:' '; display:block; width:calc(32/ 640 * 100vw); height:calc(32/ 640 * 100vw); position:absolute;left:calc(120/ 640 * 100vw);top:calc(10/ 640 * 100vw);background:url(/images/rgs-check.png); background-size:100%;}
.registration ul li input[type="checkbox"]:checked + label:before {background:url(/images/rgs-check-on.png) no-repeat 0 0px;background-size:100%;z-index:1;}
.registration ul li .privacy {border-bottom:1px solid #a59487;color:#a59487;font-weight:500;margin-left:calc(50/ 640 * 100vw);}
.registration ul li.bts-r  {position:relative;margin-left:calc(30/ 640 * 100vw);margin-bottom:calc(80/ 640 * 100vw);}
.registration ul li .bt-submit {display:block;padding:0 calc(30/ 640 * 100vw);background:#D54433;border-radius:calc(50/ 640 * 100vw);text-align:center;width:calc(430/ 640 * 100vw);line-height:calc(90/ 640 * 100vw);}
.registration ul li .bt-submit span {position:relative;color:#fff;font-weight:700;font-size:calc(32/ 640 * 100vw);}



/*********************************** popup ***************************************/

html.on { height:100%; overflow:hidden;}
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:1000; display:none;}

/*개인정보약관*/
.pop-privacy {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%;height:80%; background:#fff; box-sizing:border-box;z-index:1001;padding:20px;display:none; }

.pop-privacy .bt_close { position:absolute; display:block;top:-75px;right:0px;width:70px; height:70px; background:url(../images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px; }

.pop-privacy  .pu_txt_area {overflow-y:auto;height:98%;padding:20px;font-size:24px;letter-spacing:-0.5px;}

.pop-privacy .pu_txt_area h1 {display:block;text-align:center;font-size:40px;letter-spacing:-3px;font-weight:500;line-height:2;}
.pop-privacy .pu_txt_area dl dt {display:block;text-align:left;font-size:20px;letter-spacing:-1px;font-weight:300;color:#753232;padding:20px 0 10px;font-weight:400;}
.pop-privacy .pu_txt_area dd ul {padding-top:10px;}
.pop-privacy .pu_txt_area dd ul li {display:block;position:relative;line-height:1.3;padding:5px 0 5px 20px;}
.pop-privacy .pu_txt_area dd ul li:before {content:'-';display:block;position:absolute;left:0;top:5px;}
.pop-privacy .pu_txt_area dd p {font-weight:500;padding:10px 0 5px;}







  /*menu*/

body.on{overflow: hidden;}

#menu-container{
    position: fixed;
    z-index: 101;
    width: 100%;
    top: 0;
    transition: 0.3s;
    
}

/*** 아래 스타일 추가 ***/
@media(orientation: Landscape){
    #menu-container.scroll{
        background: transparent; } 
}

@media(orientation: Portrait){
#menu-container.scroll{
    background: rgb(213, 68, 51);    
}
}


#menu-container.scroll .m_logo {
    background: url("../images/logo_on.png");
}

#menu-container.scroll #h_menu span{background-color: #fff;}

#menu-container.scroll .navbar_menu a::before, #menu-container.scroll .navbar_menu a::after {
    
}
.btn_back{
    position: absolute;
	display:flex;
    z-index: 102;
    top: 10px;
    right:10px;
    background-image:url('../images/btn_back.png');
	width:25px;height:25px;
	background-size:100%;
	text-indent:-99999px;
}
 .btn_back a{
	display:block;
	width:100%;
	height:100%;
}
#menu-wrapper {
    overflow: hidden;
    width: 150px;
    height:163px;   
    cursor: pointer; 
    margin-left: auto;
    z-index: 100;

}


#menu-wrapper #h_menu {
    position: relative;
    /*width: 25px;
    height: 20px;*/
    margin: 35px;
    margin-top: 45px;
    width:70px;
    height:70px;
    

}

#menu-wrapper #h_menu span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    border-radius: 10px;
    color: black;
    background-color: black;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: 9999;
}

#menu-wrapper #h_menu span:nth-child(1) {
    top: 11px;
}
#menu-wrapper #h_menu span:nth-child(2) {
    top: 36px;
}
#menu-wrapper #h_menu span:nth-child(3) {
    top: 61px;
}
#menu-wrapper #h_menu.open span:nth-child(1) {
    top: 36px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: rgb(251, 251, 251);
}
#menu-wrapper #h_menu.open span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -60px;
}
#menu-wrapper #h_menu.open span:nth-child(3) {
    top: 36px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background-color: rgb(255, 255, 255);
}


#menu-container .menu-list .menu-submenu {
    padding:0;
    background-color: #898083;
}
#menu-container .menu-list .menu-submenu li a {
    display:block;
    padding:50px 0 50px 55px;
    border-top: 1px solid #ECECEC;
    color: rgb(255, 255, 255);
}
#menu-container .menu-list .menu-submenu li a:hover {
    background:#44383A;
    color: rgb(255, 255, 255);
}
#menu-container .menu-list {
    padding-left: 0;
    display: block;
    position:fixed;
    width: 0;
    background: rgb(213, 68, 51);
    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
    z-index: 3;
    overflow-y: auto;
    overflow-x: hidden;
    height:100%;
    right:0;
    top:0;
    transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;
}


#menu-container .menu-list li:nth-child(1) img{left: 52px; top: 55px;}


#nav1{margin-top:116px;}
#nav6{width: 600px; padding: 50px; font-size: 42px; font-weight: bold; border-top: 1px solid #ECECEC;}
#nav6:active{background-color: #44383A; color: #fff;}

#menu-container .menu-list li.h_menu_toggle, #menu-container .menu-list .menu-login {
    font-size: 42px;
    font-weight: bold;
    padding: 50px;
    text-transform: uppercase;
    border-top: 1px solid #ECECEC;
    
}

/*
#menu-container .menu-list li:first-of-type {
    border-top: 0;
}
*/
.h_menu_toggle, .h_menu_content {
    cursor: pointer;
    font-size: 35px;
    position: relative;
    letter-spacing: 1px;
    
}

  .h_menu_content {
    display: none;
}

.h_menu_toggle a:before, .h_menu_toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 475px;
    width: 25px;
    height: 2px;
    margin-top: -1px;
    background-color: rgb(251, 251, 251);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease-out;
}

.h_menu_toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.h_menu_toggle.active-tab {
  background: #44383A;
  transition: all 0.3s ease;
}

.h_menu_toggle.active-tab a{color: #fff;}

.h_menu_toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: rgb(255, 255, 255) !important;
}

.h_menu_toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: rgb(255, 255, 255) !important;
    opacity: 0;
}

.m_logo{position: absolute; background: url(../images/logo.png) no-repeat; width: 313px; height:45px; top:55px; left:50px; text-indent: -9999px; z-index: 1;}
.m_menu2{position: fixed; width:0; height:100%; top:0; background-color:rgba(0, 0, 0, .8); z-index: 2;  -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.m_menu2.on{width:100%;}
.h_menu_link{cursor: pointer; color: rgb(255, 255, 255);}
.h_menu_line{position:absolute; top:163px;left:0;width:100%;border-bottom:1px solid rgb(236, 236, 236);filter:alpha(opacity=30);opacity:0.3;}


/*********************************** popup ***************************************/

html.on { height:100%; overflow:hidden;}
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:1000; display:none;}

/* popup start */

/* 모바일 팝업 전체 래퍼 – 화면 가로 거의 꽉 차게 */
.popup_wrap{
    position: fixed;
    top: 260px;                 /* 세로 위치 – 필요하면 숫자만 조절 */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 6px;             /* 좌우 살짝 여백 */
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    gap: 4px;                   /* 두 팝업 사이 간격 (더 붙이고 싶으면 2px, 0px로 줄여도 됨) */
    opacity: 0;
    animation: fadeInD2 1s ease-in-out both;
    z-index: 990;
    font-size: 0;
}

/* 각 팝업 카드 – 화면을 반씩 차지 */
.popup_wrap .divpop_yb{
    width: 50%;
    position: relative;
}

/* 안쪽 래퍼 */
.popup_inner{
    position: relative;
}

/* 팝업 이미지 – 카드 폭 100% 사용 */
.popup_img{
    width: 100%;
    height: auto;
    display: block;
}

/* 버튼 – 첫 번째 팝업만 사용 */
.popup_btn{
    position: absolute;
    left: 50%;
    bottom: 18.5%;
    transform: translateX(-50%);
    width: 78%;          /* 버튼 크기 (조절 가능) */
    z-index: 10;   /* ← 이 줄 추가: 이미지보다 항상 위 */
}
.popup_btn img{
    width: 100%;
    height: auto;
    display: block;
}

/* 세 번째 팝업 전용 버튼 */
.popup_btn_2{
    position: absolute;
	  left: 51.5%;
    bottom: 11.8%;          /* ← 이미지에 맞게 조절 */
    transform: translateX(-50%);
    width: 90%;           /* ← 필요하면 조절 */
    z-index: 10;
}

.popup_btn_2 img{
    width: 100%;
    height: auto;
    display: block;
}

/* 닫기 버튼 */
.close_yb{
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 0;
    right: 0px;
    background:#000000c7;
    cursor: pointer;
}
.close_yb span{
    position: absolute;
    width: 24px;
    height:2px;
    background: #fff;
    left: 50%;
    top: 50%;
}
.close_yb span:nth-of-type(1){transform: translate(-50%, -50%) rotate(135deg);}
.close_yb span:nth-of-type(2){transform: translate(-50%, -50%) rotate(-135deg);}

/*.divpop_yb{position:fixed; top:400px; right: auto; width: 95%;  left: 50%; transform: translateX(-50%); opacity: 0; animation: fadeInD2 1s ease-in-out both; z-index: 990; font-size: 0;}*/

.divpop_yb>img{width: 100%;}
@keyframes fadeInD2 {
  from {opacity: 0; margin-top: -60px;}
  to {opacity: 1; margin-top: 0;}
} 


@media (max-width: 768px){
    #cont_09 .info-img > img {
        width: 130%;      /* ← 모바일에서 확대 */
        max-width: none;  /* 고정폭 제한 해제 */
        margin-left: -15%; /* 정중앙 보정 */
    }
}