@charset "utf-8";
.service_romand_box {
  position: relative;
  width: 100%;
}
.service_intro_box {
  position: relative;
  width: 100%;
  text-align: center;
}
.intro_vertical_line {
  display: block;
  width: 1px;
  height: 60px;
  background-color: #6c6c6c;
  margin: 0 auto;
}
.mobile_intro_title {
  display: none;
}
.top_bg_box {
  position: relative;
  width: 100%;
  height: 800px;
  margin-bottom: 240px;
}
.top_bg_box.romand {
  /* background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/romand01.jpg")
    no-repeat;
  background-size: cover; */
  height: 480px;
  margin-bottom: 20px;
}
.top_bg_box.iwedding {
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/iwd01.jpg")
    no-repeat;
  background-size: cover;
}
.top_bg_box .service_intro_box {
  width: 1000px;
  height: 478px;
  background-color: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 80px;
  position: absolute;
  left: 50%;
  bottom: -215px;
  transform: translateX(-50%);
}
.top_bg_box.romand .service_intro_box {
  height: 100%;
  position: relative;
  left: unset;
  bottom: unset;
  transform: unset;
  padding: 60px 0 0 0;
}
.top_bg_box.romand .service_intro_box .thumb_img {
  position: relative;
  display: block;
}
.top_bg_box.romand .service_intro_box .thumb_img > img {
  width: 150px;
}
.service_intro_box .intro_title {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
  margin: 35px 0 20px 0;
  color: #1e1e1e;
}
.service_intro_box .intro_summary {
  font-size: 20px;
  line-height: 29px;
  color: #333333;
  margin-bottom: 30px;
}
.service_intro_box .intro_description {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
}
.service_intro_box > .intro_description.pc {
  display: block;
}
.service_intro_box > .intro_description.mobile {
  display: none;
}
.service_logo_box {
  position: relative;
}
.service_logo_box.romand {
  width: 420px;
  height: 96px;
  margin: 0 auto 140px auto;
}
.service_logo_box.iwedding {
  width: 236.7px;
  height: 187.3px;
  margin: 0 auto 50px auto;
}
.service_logo_box > img {
  width: 100%;
}

.romand_value_box {
  position: relative;
  width: 100%;
  margin-bottom: 160px;
}
.romand_value_box .left_title {
  display: inline-block;
  vertical-align: top;
  margin-right: 150px;
}
.romand_value_box .left_title > p {
  font-family: "Poppins", sans-serif;
  font-size: 120px;
  font-weight: 700;
  color: #333333;
}
.romand_value_box .right_contents {
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
}
.value_group {
  margin-bottom: 60px;
}
.value_group:last-child {
  margin-bottom: 0;
}
.value_group > p {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #fcdee5;
}
.value_group > span {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.value_group > span.pc {
  display: block;
}
.value_group > span.mobile {
  display: none;
}

.romand_gallery_box {
  position: relative;
  width: 100%;
  margin-bottom: 150px;
}
.romand_gallery_box .gallery_item {
  display: inline-block;
  height: 300px;
}
.romand_gallery_box .item01 {
  width: 400px;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/romand_gallery01.jpg")
    no-repeat;
  background-size: cover;
  margin-right: 15px;
  margin-bottom: 20px;
}
.romand_gallery_box .item02 {
  width: 740px;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/romand_gallery02.jpg")
    no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}
.romand_gallery_box .item03 {
  width: 740px;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/romand_gallery03.jpg")
    no-repeat;
  background-size: cover;
  margin-right: 15px;
}
.romand_gallery_box .item04 {
  width: 400px;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/romand_gallery04.jpg")
    no-repeat;
  background-size: cover;
}

.romand_story_box {
  position: relative;
  width: 1160px;
  margin: 0 auto 125px auto;
}
.story_title > p {
  font-family: "Poppins", sans-serif;
  font-size: 120px;
  font-weight: 700;
  color: #333333;
}
.story_title > span {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin: 60px 0;
}
.story_title > span.pc {
  display: block;
}
.story_title > span.mobile {
  display: none;
}
.story_title > p.pink_title {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #fcdee5;
}

.story_items {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.story_items .story_item {
  display: inline-block;
  width: 540px;
  vertical-align: top;
  margin-bottom: 80px;
}
.story_items .story_item:nth-child(2n) {
  margin-left: 75px;
}
.story_items .story_item:nth-child(3),
.story_items .story_item:nth-child(4) {
  margin-bottom: 0;
}
.story_item .story_img {
  width: 100%;
  height: 320px;
  margin-bottom: 38px;
}
.story_item .story_img > img {
  width: 100%;
}
.story_item .story_text > p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #262626;
}
.story_item .story_text > span {
  font-size: 16px;
  line-height: 26px;
  color: #333333;
}
.story_item .story_text > span.pc {
  display: block;
}
.story_item .story_text > span.mobile {
  display: none;
}

.social_box {
  position: relative;
  width: 100%;
  height: 120px;
  margin-bottom: 150px;
}
.social_items {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.social_items.icolor {
  display: flex;
  gap: 36px;
}
.social_box .social_item {
  display: inline-block;
  width: 90px;
  text-align: center;
  margin-right: 25px;
}
.social_items.icolor > .social_item {
  margin-right: 0;
}
.social_box .social_item:last-child {
  margin-right: 0;
}
.social_item > a {
  display: block;
  width: calc(100% - 10px);
  height: 80px;
  border-radius: 50%;
  /* margin-bottom: 12px; */
  margin: 0 auto 12px auto;
}
.social_item > a > img {
  width: 100%;
}
.social_item > span {
  font-size: 16px;
}
.full_width_bg_box {
  position: relative;
  display: flex;
  width: 100%;
  height: 600px;
  justify-content: center;
  align-items: center;
}
.full_width_bg_box.romand {
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/20211026_img/romand_full_width_bg.jpg")
    no-repeat;
  background-size: cover;
}
.full_width_bg_box.romand > p {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 700;
  color: #fff;
  margin-right: 20px;
  z-index: 2;
}
.full_width_bg_box.romand > span {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-weight: 200;
  color: #fff;
  z-index: 2;
}
.romand_core_box {
  position: relative;
  width: 1160px;
  margin: 150px auto 0 auto;
}
.core_intro_box {
  margin-bottom: 90px;
}
.core_intro_box > span {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  color: #262626;
}
.core_intro_box > p {
  display: block;
  font-size: 60px;
  font-weight: 700;
  color: #262626;
}
.romand_core_box .core_item_box {
  width: 100%;
  margin-bottom: 170px;
}
.romand_core_box .core_item_box:first-child {
  margin-bottom: 120px;
}
.romand_core_box .core_item_box .core_title {
  display: flex;
  align-items: center;
}
.core_item_box .core_title .title_circle {
  width: 20px;
  height: 20px;
  background-color: #fcdee5;
  border-radius: 50%;
  margin-right: 10px;
}
.core_item_box .core_title > p {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #262626;
}
.core_item_box .core_description {
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-top: 16px;
  color: #333333;
}
.core_item_box .core_img_box {
  width: 100%;
  margin-top: 48px;
}
.core_item_box .core_img_box > img {
  width: 100%;
}
.core_item_box .core_img_box > img.pc {
  display: block;
}
.core_item_box .core_img_box > img.mobile {
  display: none;
}
.core_item_box .global_item_box {
  width: 100%;
  margin-top: 50px;
}
.core_item_box .global_item_box .global_item {
  position: relative;
  width: 100%;
  height: 120px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.core_item_box .global_item_box .global_item:last-child {
  margin-bottom: 0;
}
.global_item_box .global_item .country_img {
  width: 180px;
  margin-right: 40px;
}
.global_item_box .global_item .country_img > p {
  display: none;
}
.global_item_box .global_item .country_content {
  width: calc(100% - 220px);
  height: 100%;
  padding-top: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.global_item .country_content > p {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
.global_item .country_content > ul li {
  font-size: 16px;
  line-height: 26px;
  color: #434343;
}
.global_item .country_content > ul li.pc {
  display: block;
}
.global_item .country_content > ul li.mobile {
  display: none;
}
.core_culture_box {
  position: relative;
  width: 100%;
  margin: 48px 0 30px 0;
  display: flex;
  justify-content: space-between;
}
.core_culture_box .culture_item > img.pc {
  display: block;
}
.core_culture_box .culture_item > img.mobile {
  display: none;
}
.culture_description {
  font-size: 16px;
  font-weight: 300;
  color: #262626;
  text-align: center;
}
.romand_product_box {
  position: relative;
  width: 100%;
  margin: 188px auto 192px auto;
}
.romand_product_box .core_intro_box {
  width: 1160px;
  margin: 0 auto 70px auto;
  padding-top: 90px;
  border-top: 2px solid #262626;
}
.romand_product_box .product_box {
  width: 100%;
  margin-bottom: 120px;
}
.romand_product_box .product_box:last-child {
  margin-bottom: 0;
}
.romand_product_box .product_box .product_header {
  width: 1160px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 45px;
}
.product_box .product_header .product_title {
  display: flex;
  align-items: center;
}
.product_box .product_header .product_title > p {
  color: #333333;
  font-size: 80px;
  font-weight: 700;
  margin-right: 15px;
  font-family: "Poppins", sans-serif;
}
.product_box .product_header .product_title > span {
  color: #333333;
  padding-top: 5px;
  font-size: 40px;
}
.product_box .product_slider {
  width: 1160px;
  margin: 0 auto;
  overflow: visible;
}
.product_box .product_slider .product_item {
  width: 400px;
}
.product_box .product_slider .product_item.first_slide {
  width: 780px;
}
.product_box .product_slider .product_item > img {
  display: block;
  width: 100%;
}
.product_box .product_slider .product_item .product_info {
  margin-top: 40px;
}
.product_slider_nav > a,
.feature_slide_nav > a {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.product_slider_nav .lip_slider_next,
.product_slider_nav .eye_slider_next,
.product_slider_nav .base_slider_next,
.product_slider_nav .face_slider_next,
.feature_slide_nav .feature_slide_next {
  transform: rotate(180deg);
  margin-left: -1px;
  margin-top: 4px;
}
.product_slider_nav .divide_line,
.feature_slide_nav .divide_line {
  display: inline-block;
  width: 1px;
  height: 22px;
  background-color: #333333;
  margin: 0 23px;
}
.product_item .product_info > p {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #262626;
}
.product_item .product_info > span {
  font-size: 16px;
  color: #333333;
}

.romand_partners_box {
  position: relative;
  width: 1160px;
  margin: 0 auto 150px auto;
  border-top: 2px solid #262626;
  padding-top: 90px;
}
.partner_box {
  position: relative;
  width: 100%;
  margin-bottom: 110px;
}
.partner_box:last-child {
  margin-bottom: 0;
}
.partner_box .partner_title {
  margin-bottom: 38px;
}
.partner_box .partner_title > p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #262626;
}
.partner_box .partner_title > span {
  font-size: 16px;
  color: #333333;
}
.partner_img {
  width: 100%;
}
.partner_img > img {
  width: 100%;
}
.partner_img > img.pc {
  display: block;
}
.partner_img > img.mobile {
  display: none;
}

/* 서비스 - 아이웨딩 페이지 */
.iwd_slogan_box {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 118px;
}
.iwd_slogan_box > p {
  margin-top: 60px;
  font-size: 40px;
  letter-spacing: 10px;
  color: #333333;
}
.iwd_slogan_box > p.eng {
  letter-spacing: normal;
}
.top_slogan > p,
.bottom_slogan > p {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 700;
  display: inline-block;
}
.top_slogan {
  margin-bottom: 20px;
}
.top_slogan .text_circle {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #53ac65;
  margin: 32px 20px 0 20px;
  vertical-align: top;
}
.top_slogan > p:first-child {
  color: #6fb044;
}
.top_slogan > p:last-child {
  color: #1ea3a0;
}
.bottom_slogan > p:first-child {
  color: #189ebc;
  margin-right: 15px;
}
.bottom_slogan > p:last-child {
  color: #1077a0;
}

.iwd_device_bg {
  position: relative;
  width: 100%;
  height: 680px;
  margin-bottom: 70px;
}
.iwd_device_bg .iwd_device_bg_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/iwd02.jpg")
    no-repeat;
  background-size: cover;
}
.iwd_device_bg .iwd_device_bg_wrapper > img {
  position: absolute;
  width: 180px;
  height: 180px;
  right: 195px;
  bottom: 77px;
}

.iwd_value_box {
  position: relative;
  width: 100%;
  margin-bottom: 150px;
}
.iwd_value_box .iwd_value_item {
  position: relative;
  width: 100%;
  height: 300px;
  margin-bottom: 60px;
}
.iwd_value_box .iwd_value_item:last-child {
  margin-bottom: 0;
}
.iwd_value_item .value_bg {
  display: inline-block;
  vertical-align: top;
  width: 400px;
  height: 100%;
  margin-right: 40px;
}
.iwd_value_item .value_bg > img {
  width: 100%;
}
.iwd_value_item .value_text {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 450px);
  padding-top: 30px;
}
.value_text .value_title {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 26px;
  color: #333333;
}
.value_text .value_description {
  font-size: 19px;
  font-weight: 500;
  color: #333;
  line-height: 32px;
  margin-top: 30px;
}
.value_text .value_small_description {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #333;
  margin-top: 25px;
}
.value_text .value_description.pc,
.value_text .value_small_description.pc {
  display: block;
}
.value_text .value_description.mobile,
.value_text .value_small_description.mobile {
  display: none;
}
.value_text .key_to_tech {
  width: 100%;
  height: 80px;
}
.value_text .key_to_tech:nth-child(2) {
  margin: 40px 0 17px 0;
}
.key_to_tech .key_circle {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 100%;
  border-radius: 50%;
  background-color: #2eaadf;
  text-align: center;
  padding-top: 22px;
  margin-right: 15px;
}
.key_to_tech .key_circle.tech {
  background-color: #66bf7a;
}
.key_to_tech .key_circle > span {
  font-size: 17px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
}
.key_to_tech .key_circle_text {
  display: inline-block;
  vertical-align: top;
  padding-top: 13px;
}
.key_circle_text > p:first-child {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #1e1e1e;
}
.key_circle_text > p:last-child {
  font-size: 16px;
  color: #434343;
}
.key_circle_text > p .key_date {
  font-size: 15px;
  color: #666666;
  margin-left: 5px;
}
.key_to_tech .key_circle_text.eng {
  width: calc(100% - 100px);
  padding-top: 6px;
}
.key_to_tech .key_circle.eng {
  padding-top: 30px;
}
.key_to_tech .key_circle.eng > span {
  font-size: 14px;
}

.iwd_app_intro_box {
  position: relative;
  width: 100%;
  margin-bottom: 180px;
}
.iwd_app_title_box {
  position: relative;
  width: 100%;
  padding-top: 80px;
  border-top: 2px solid #262626;
  margin-bottom: 150px;
}
.iwd_app_title_box .iwd_app_text {
  position: relative;
  width: 100%;
}
.iwd_app_title_box .iwd_app_text > p {
  font-family: "Poppins", sans-serif;
  font-size: 120px;
  font-weight: 700;
  color: #333;
}
.iwd_app_title_box .iwd_app_text > span {
  display: block;
  font-size: 24px;
  margin-top: 60px;
}
.iwd_app_title_box .iwd_app_text > span.pc {
  display: block;
}
.iwd_app_title_box .iwd_app_text > span.mobile {
  display: none;
}
.iwd_app_title_box .iwd_app_text .iwd_screen_img {
  position: absolute;
  width: 353px;
  top: -50px;
  right: 95px;
}
.iwd_app_title_box .iwd_app_text .iwd_app_icon {
  position: absolute;
  width: 160px;
  right: 400px;
  top: 250px;
  z-index: 1;
}

.app_str_box {
  position: relative;
  width: 100%;
  padding: 0 75px;
  margin-bottom: 120px;
}
.app_str_box .str_item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 250px;
  margin-right: 125px;
  margin-bottom: 87px;
}
.app_str_box .str_item:nth-child(3n) {
  margin-right: 0;
}
.str_item .str_icon {
  width: 100%;
  height: 250px;
  border-radius: 50%;
  margin-bottom: 30px;
}
.str_item .str_icon > img {
  width: 100%;
}
.str_item .str_text {
  position: relative;
  width: 100%;
  text-align: center;
}
.str_item .str_text > p {
  font-size: 20px;
  font-weight: 500;
  color: #1e1e1e;
  margin-bottom: 15px;
  line-height: 1.2;
}
.str_item .str_text > span {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #434343;
}
.str_item:last-child > .str_text > span {
  position: absolute;
  width: 275px;
  left: 50%;
  transform: translateX(-50%);
}
.str_item .str_text > span.pc {
  display: block;
}
.str_item .str_text > span.mobile {
  display: none;
}

.app_down_btn {
  width: 350px;
  height: 50px;
  border: 1px solid #707070;
  margin: 0 auto 120px auto;
}
.app_down_btn > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}
.app_future_text {
  width: 100%;
  margin-bottom: 180px;
  text-align: center;
}
.app_future_text > p {
  font-size: 18px;
  line-height: 32px;
  color: #333333;
}
.app_future_text > p:first-child {
  margin-bottom: 60px;
}
.app_future_text > p.pc {
  display: block;
}
.app_future_text > p.mobile {
  display: none;
}

/* 서비스 아이컬러 페이지 */
.icolor_bg_box {
  position: relative;
  width: 100%;
  height: 530px;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/20230920_img/icolor01-2_pc.jpg")
    no-repeat;
  background-size: cover;
  margin-bottom: 100px;
}
/* .icolor_bg_box > img {
  display: block;
  position: absolute;
  right: 40px;
  bottom: -40px;
  width: 180px;
  height: 180px;
} */
.icolor_key_box,
.icolor_key_title {
  position: relative;
  width: 100%;
}
.icolor_key_box {
  padding-left: 50px;
  margin-bottom: 100px;
}
.icolor_key_title > p {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  line-height: 70px;
  font-weight: 700;
  color: #333333;
}
.icolor_key_title > span {
  display: block;
  margin-top: 40px;
  font-size: 19px;
  line-height: 32px;
  font-weight: 500;
  color: #333;
}
.icolor_key_title > p.pc,
.icolor_key_title > span.pc {
  display: block;
}
.icolor_key_title > p.mobile,
.icolor_key_title > span.mobile {
  display: none;
}
.icolor_key_items {
  position: relative;
  width: 100%;
  margin-top: 150px;
}
.icolor_key_items .icolor_key_item {
  display: block;
  width: 100%;
  margin-right: 75px;
  margin-bottom: 110px;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title > p {
  font-family: "Noto Sans KR", sans-serif;
  width: fit-content;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
}
.icolor_key_items .icolor_key_item:nth-child(2) > .icolor_key_item_title > p {
  font-family: "Noto Sans KR", sans-serif;
}

.icolor_key_items .icolor_key_item .icolor_key_item_title.one_line {
  display: grid;
  grid-template-columns: auto 87px 1fr;
  align-items: center;
  width: 100%;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title.one_line > p {
  line-height: normal;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title > .middle_line {
  /* position: absolute;
  top: 45px;
  right: 0;
  width: calc(100% - 285px);
  height: 2px;
  background-color: #262626; */
  position: relative;
  height: 2px;
  background-color: #262626;
}
/* .icolor_key_items .icolor_key_item:nth-child(2n) {
  margin-right: 0;
} */
.icolor_key_item .icolor_item_bg {
  width: 100%;
  height: 320px;
  margin-bottom: 30px;
}
.icolor_item_bg > img {
  width: 100%;
}
.icolor_key_item .icolor_item_text {
  width: 100%;
}
.icolor_item_text > p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.icolor_item_text > span {
  display: block;
  font-size: 16px;
  line-height: 26px;
}
.icolor_key_items .icolor_key_item .icolor_feature {
  display: flex;
  align-items: center;
  width: 100%;
}
.icolor_key_items .icolor_key_item .icolor_feature.left {
  margin-top: 78px;
  margin-bottom: 15px;
}
.icolor_key_items .icolor_key_item .icolor_feature.right {
  margin-bottom: 0;
}
.icolor_key_items .icolor_key_item .icolor_feature .icolor_screen {
  width: fit-content;
  margin-right: 63px;
}
.icolor_key_item .icolor_feature.right .icolor_screen {
  margin-right: 0;
  margin-left: 228px;
}
.icolor_key_items .icolor_key_item .icolor_feature .icolor_feature_txt {
  display: flex;
  flex-direction: column;
  gap: 40px;
  color: #333333;
}
.icolor_key_item .icolor_feature .icolor_feature_txt > p.title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 39px;
}
.icolor_key_item .icolor_feature .icolor_feature_txt .txt_box {
  display: flex;
  flex-direction: column;
}
.icolor_feature .icolor_feature_txt .txt_box > p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 13px;
  color: #1e1e1e;
}
.icolor_feature .icolor_feature_txt .txt_box > span {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #434343;
}
.icolor_feature .icolor_feature_txt .txt_box > p.pc,
.icolor_feature .icolor_feature_txt .txt_box > span.pc {
  display: block;
}
.icolor_feature .icolor_feature_txt .txt_box > p.mobile,
.icolor_feature .icolor_feature_txt .txt_box > span.mobile {
  display: none;
}
.icolor_key_item .feature_slide {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 35px;
  overflow: visible;
}
.feature_slide .feature_slide_intro {
  position: relative;
  width: 100%;
  margin-bottom: 78px;
}
.feature_slide .feature_slide_intro > p {
  font-size: 24px;
  line-height: 36px;
}
.icolor_key_item .feature_slide .feature_slide_intro > p.pc {
  display: block;
}
.icolor_key_item .feature_slide .feature_slide_intro > p.mobile {
  display: none;
}
.feature_slide .feature_slide_intro .feature_slide_nav {
  position: absolute;
  top: 12px;
  right: 0;
}
.feature_slide .feature_slide_intro .feature_slide_nav > .feature_slide_next {
  margin-top: 3px;
}
.feature_slide .feature_slide_item {
  display: flex;
  align-items: center;
  width: 950px;
  height: 574px;
  padding-left: 50px;
  border: 1px solid #e6e6e6;
}
.feature_slide .feature_slide_item .feature_img {
  position: relative;
  width: 385px;
  margin-right: 53px;
}
.feature_slide .feature_slide_item .feature_img > img {
  display: block;
  width: 100%;
}
.feature_slide .feature_slide_item .feature_txt {
  display: flex;
  flex-direction: column;
}
.feature_slide .feature_slide_item .feature_txt > p {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  color: #333;
}
.feature_slide .feature_slide_item .feature_txt > span {
  font-size: 16px;
  line-height: 26px;
  color: #434343;
}
.feature_slide .feature_slide_item .feature_txt > p.pc,
.feature_slide .feature_slide_item .feature_txt > span.pc {
  display: block;
}
.feature_slide .feature_slide_item .feature_txt > p.mobile,
.feature_slide .feature_slide_item .feature_txt > span.mobile {
  display: none;
}
.icolor_key_item .icolor_key_item_sub_desc {
  margin: 35px 0 70px 0;
}
.icolor_key_item .icolor_key_item_sub_desc > p {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.icolor_key_item .icolor_key_item_sub_desc > p.pc {
  display: block;
}
.icolor_key_item .icolor_key_item_sub_desc > p.mobile {
  display: none;
}
.icolor_key_item .icolor_key_item_img_box {
  width: 100%;
}
.icolor_key_item .icolor_key_item_img_box > img {
  display: block;
  width: 100%;
  margin-bottom: 150px;
}
.icolor_key_item .icolor_key_item_img_box > img.pc {
  display: block;
}
.icolor_key_item .icolor_key_item_img_box > img.mobile {
  display: none;
}
.icolor_key_item .icolor_key_item_img_box > img.mb80 {
  margin-bottom: 80px;
}
.icolor_logo_slogan {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.icolor_logo_slogan .logo_wrapper {
  width: 216px;
}
.icolor_logo_slogan .logo_wrapper > img {
  display: block;
  width: 100%;
  margin-bottom: 50px;
}
.icolor_logo_slogan .icolor_slogan_text {
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
  color: #333333;
  margin-bottom: 100px;
}
.icolor_logo_slogan .icolor_slogan_text > p:first-child {
  margin-bottom: 19px;
}
.icolor_logo_slogan .icolor_slogan_text > p.pc {
  display: block;
}
.icolor_logo_slogan .icolor_slogan_text > p.mobile {
  display: none;
}
.icolor_logo_slogan .icolor_inquiry {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
.icolor_logo_slogan .icolor_inquiry > p.bold {
  font-size: 30px;
  font-weight: 700;
  color: #1e1e1e;
  line-height: 45px;
}
.icolor_logo_slogan .icolor_inquiry > p.email {
  font-size: 16px;
  color: #434343;
  margin-top: 11px;
  line-height: 24px;
}
.icolor_logo_slogan .icolor_inquiry > p.pc {
  display: block;
}
.icolor_logo_slogan .icolor_inquiry > p.mobile {
  display: none;
}

.icolor_app_down_btn {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 50px;
  gap: 40px;
  margin: 0 auto 91px auto;
}
.icolor_app_down_btn > a {
  display: block;
  width: 350px;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 48px;
  font-family: "Poppins", "Noto Sans KR", sans-serif;
  border: 1px solid #707070;
}

/* 서비스 자리아 페이지 */
.zaria_gallery_box {
  position: relative;
  width: 100%;
  margin-bottom: 130px;
}
.zaria_gallery_box .zaria_top {
  width: 100%;
  height: 700px;
  margin-bottom: 20px;
}
.zaria_top > img {
  width: 100%;
}
.zaria_gallery_box .zaria_bottom {
  position: relative;
  width: 100%;
  height: 500px;
}
.zaria_bottom .bottom_left {
  display: inline-block;
  vertical-align: top;
  width: 700px;
  height: 100%;
  margin-right: 15px;
}
.zaria_bottom .bottom_right {
  display: inline-block;
  vertical-align: top;
  width: 440px;
  height: 100%;
}
.zaria_bottom > div > img {
  width: 100%;
}

.healthy_life_box {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
}
.healthy_life_box .zaria_logo {
  width: 274px;
  height: 157px;
  margin: 0 auto 55px auto;
}
.zaria_logo > img {
  width: 100%;
}
.healthy_title {
  width: 100%;
  text-align: center;
  margin-bottom: 130px;
}
.healthy_title > p:first-child {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 110px;
  color: #333333;
  margin-bottom: 35px;
}
.healthy_title > p:last-child {
  font-size: 40px;
  color: #333333;
  letter-spacing: 10px;
}
.healthy_title > p:last-child > span {
  margin-left: 15px;
}
.healthy_items {
  position: relative;
  width: 100%;
}
.healthy_items .healthy_item {
  display: inline-block;
  vertical-align: top;
  width: 540px;
}
.healthy_items .healthy_item:nth-child(1) {
  margin-right: 75px;
  margin-bottom: 86px;
}
.healthy_item .healthy_item_bg {
  width: 100%;
  height: 320px;
  margin-bottom: 30px;
}
.healthy_item_bg > img {
  width: 100%;
}
.healthy_item .healthy_item_text > p {
  font-size: 24px;
  font-weight: 700;
  color: #262626;
  margin-bottom: 20px;
}
.healthy_item .healthy_item_text > span {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
}
.healthy_item .healthy_item_text > span.pc {
  display: block;
}
.healthy_item .healthy_item_text > span.mobile {
  display: none;
}
.zaria_middle_bg {
  position: relative;
  width: 100%;
  height: 580px;
  margin-bottom: 110px;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/zaria07.jpg")
    no-repeat;
  background-size: cover;
}
.healthy_point_box {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
}
.healthy_point_box .point_title {
  width: 100%;
  padding-top: 100px;
  border-top: 2px solid #262626;
  text-align: center;
  margin-bottom: 60px;
}
.point_title > p {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 50px;
}
.point_title > span {
  display: block;
  font-size: 24px;
  color: #262626;
}
.healthy_point_box .point_items {
  position: relative;
  width: 100%;
  padding: 0 75px;
}
.point_items .point_item {
  display: inline-block;
  vertical-align: top;
  width: 250px;
}
.point_items .point_item:nth-child(2) {
  margin: 0 125px;
}
.point_item .point_icon {
  width: 100%;
  margin-bottom: 32px;
}
.point_icon > img {
  width: 100%;
}
.point_item .point_text {
  width: 100%;
  position: relative;
  text-align: center;
}
.point_text > p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #1e1e1e;
  margin-bottom: 20px;
}
.point_text > span {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #434343;
}
.point_text > span.pc {
  display: block;
}
.point_text > span.mobile {
  display: none;
}

/* 서비스 호텔크랜베리 페이지 */
.hotelc_bg_box {
  position: relative;
  width: 100%;
  height: 500px;
  background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/hotelc01_2.jpg")
    no-repeat;
  background-size: cover;
  margin-bottom: 94px;
}
.desc_box {
  width: 100%;
  margin-bottom: 120px;
}
.desc_box > p {
  text-align: center;
  font-size: 20px;
  color: #333333;
  line-height: 29px;
}
.hotelc_logo_box {
  width: 183px;
  height: 219px;
  margin: 0 auto 57px auto;
}
.hotelc_logo_box > img {
  width: 100%;
}
.hotelc_brand_box {
  position: relative;
  width: 100%;
  margin-bottom: 134px;
}
.hotelc_brand_box .brand_title {
  font-size: 40px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 110px;
  text-align: center;
}
.hotelc_brand_box .brand_list {
  position: relative;
  width: 100%;
  padding: 0 120px;
}
.brand_list .brand_item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 260px;
  border-top: 2px solid #333333;
  margin-right: 65px;
}
.brand_list .brand_item:nth-child(1),
.brand_list .brand_item:nth-child(2),
.brand_list .brand_item:nth-child(3) {
  margin-bottom: 120px;
}
.brand_list .brand_item:nth-child(3n) {
  margin-right: 0;
}
.brand_item .top_img_box,
.top_img_box .logo_img,
.top_img_box .brand_img,
.logo_img > img,
.brand_img > img {
  width: 100%;
}
.brand_item .top_img_box {
  margin-bottom: 25px;
}
.brand_item .bottom_text_box {
  width: 100%;
  text-align: center;
}
.bottom_text_box .brand_type,
.bottom_text_box .brand_description {
  display: block;
  font-size: 16px;
  color: #333333;
  line-height: 26px;
}
.bottom_text_box .brand_description.pc {
  display: block;
}
.bottom_text_box .brand_description.mobile {
  display: none;
}
.bottom_text_box .brand_name {
  font-size: 24px;
  font-weight: 700;
  color: #262626;
  margin: 15px 0;
}
.brand_item:nth-child(5) .bottom_text_box .brand_description {
  letter-spacing: -0.5px;
}
.hotelc_gallery {
  position: relative;
  width: 100%;
  /* height: 500px; */
  margin-bottom: 175px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.hotelc_gallery > div {
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
.hotelc_gallery > div > img {
  width: 100%;
}
.hotelc_gallery .left_img {
  width: 700px;
  /* margin-right: 15px; */
}
.hotelc_gallery .right_img {
  width: 440px;
}
.hotelc_desc_box {
  width: 100%;
  margin-bottom: 133px;
}
.hotelc_desc_box > p {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  line-height: 60px;
  color: #333333;
}
.coha_imgs {
  width: 960px;
  margin: 0 auto;
}
.coha_imgs .coha_img_box {
  width: 100%;
  margin-bottom: 81px;
}
.coha_imgs .coha_img_box > img {
  width: 100%;
}
.coha_imgs .coha_img_box.pc {
  display: block;
}
.coha_imgs .coha_img_box.mobile {
  display: none;
}

@media all and (max-width: 1240px) {
  .mobile_intro_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
  }
  .service_romand_box > .mobile_intro_title {
    margin-bottom: 0;
  }
  .mobile_intro_title .intro_vertical_line {
    width: 1px;
    height: 40px;
    background-color: #6c6c6c;
    margin-bottom: 28px;
  }
  .mobile_intro_title .intro_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
  }
  .mobile_intro_title .intro_summary {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .top_bg_box {
    height: 280px;
    margin-bottom: 170px;
  }
  .top_bg_box.romand {
    height: auto;
    margin-bottom: 67px;
  }
  .top_bg_box .service_intro_box {
    width: calc(100% - 36px);
    height: auto;
    padding: 45px 39px 0 39px;
    bottom: -100px;
    word-break: keep-all;
  }
  .service_intro_box > .intro_title,
  .service_intro_box > .intro_summary,
  .service_intro_box > .intro_vertical_line {
    display: none;
  }
  .service_intro_box > .intro_description {
    font-size: 13px;
    line-height: 20px;
  }
  .service_intro_box > .intro_description.pc {
    display: none;
  }
  .service_intro_box > .intro_description.mobile {
    display: block;
  }

  .service_logo_box.romand {
    width: 200px;
    margin: 0 auto 25px auto;
  }
  .service_logo_box.iwedding {
    width: 102.7px;
    height: 81.3px;
    margin: 0 auto 26.7px auto;
  }
  .romand_value_box {
    margin-bottom: 60px;
    padding: 0 18px;
  }
  .romand_value_box .left_title {
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .romand_value_box .left_title > p {
    font-size: 66px;
  }
  .romand_value_box .right_contents {
    display: block;
  }
  .value_group {
    margin-bottom: 34px;
  }
  .value_group > p {
    font-size: 36px;
  }
  .value_group > span {
    font-size: 14px;
    line-height: 22px;
    word-break: keep-all;
  }
  .value_group > span.pc {
    display: none;
  }
  .value_group > span.mobile {
    display: block;
  }
  .romand_gallery_box {
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 18px;
  }
  .romand_gallery_box .item01,
  .romand_gallery_box .item04 {
    width: 31.5vw;
    height: 23.46vw;
  }
  .romand_gallery_box .item02,
  .romand_gallery_box .item03 {
    width: 57vw;
    height: 23.46vw;
  }
  .romand_gallery_box .item01,
  .romand_gallery_box .item02 {
    margin-bottom: 7px;
  }
  .romand_gallery_box .gallery_item {
    margin-right: 0;
  }

  .romand_story_box {
    width: 100%;
    /* padding: 0 18px 0 18px; */
    margin-bottom: 80px;
    border-top: 0;
  }
  .romand_story_box .story_title {
    width: 100%;
    padding-top: 50px;
    border-top: 2px solid #262626;
  }
  .story_title > p {
    font-size: 66px;
  }
  .story_title > span {
    font-size: 13px;
    line-height: 20px;
    margin: 20px 0 30px 0;
  }
  .story_title > span.pc {
    display: none;
  }
  .story_title > span.mobile {
    display: block;
  }
  .story_title > p.pink_title {
    font-size: 36px;
  }
  .story_items {
    margin-top: 20px;
  }
  .story_items .story_item {
    width: 100%;
    margin-bottom: 40px;
  }
  .story_items .story_item:nth-child(2n) {
    margin-left: 0;
  }
  .story_items .story_item:nth-child(3) {
    margin-bottom: 40px;
  }
  .story_item .story_img {
    width: 100%;
    height: 53.33vw;
    margin-bottom: 25px;
  }
  .story_item .story_text > p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 9px;
  }
  .story_item .story_text > span {
    font-size: 14px;
    line-height: 23px;
  }
  .story_item .story_text > span.pc {
    display: none;
  }
  .story_item .story_text > span.mobile {
    display: block;
  }
  .social_box {
    padding: 0 18px;
    height: auto;
    margin-bottom: 100px;
  }
  .social_box .social_items {
    position: relative;
    left: unset;
    transform: unset;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .social_box .social_item {
    display: block;
    width: 67px;
    margin-right: 1px;
    position: relative;
  }
  .social_box .social_item:last-child {
    margin-right: 0;
  }
  .social_item > a {
    width: clac(100% - 7px);
    height: 60px;
    margin: 0 auto 10px auto;
  }
  .social_item > span {
    font-size: 12px;
  }

  /* 서비스 아이웨딩 페이지 */
  .iwd_slogan_box {
    padding: 0 18px;
    margin-bottom: 45px;
  }
  .top_slogan {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top_slogan > p {
    font-size: 34px;
  }
  .top_slogan .text_circle {
    width: 8px;
    height: 8px;
    margin: 0 9px;
  }
  .bottom_slogan > p {
    font-size: 34px;
  }
  .bottom_slogan > p:first-child {
    margin-right: 5px;
  }
  .iwd_slogan_box > p {
    margin-top: 20px;
    font-size: 17px;
    letter-spacing: 5px;
  }

  .iwd_device_bg {
    padding: 0 18px;
    height: 69vw;
    margin-bottom: 20px;
  }
  .iwd_device_bg .iwd_device_bg_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: center;
  }
  .iwd_device_bg .iwd_device_bg_wrapper > img {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 23px;
    bottom: 30px;
  }
  .iwd_value_box {
    padding: 0 18px;
    margin-bottom: 100px;
  }
  .iwd_value_box .iwd_value_item {
    height: auto;
    margin-bottom: 40px;
  }
  .iwd_value_item .value_bg {
    display: flex;
    width: 100%;
    height: 53vw;
    margin-right: 0;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
  .iwd_value_item .value_text {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 0;
  }
  .value_text .value_title {
    font-size: 30px;
  }
  .value_text .value_description {
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
  }
  .value_text .value_small_description {
    font-size: 14px;
    line-height: 23px;
    margin-top: 10px;
  }
  .value_text .value_description.pc,
  .value_text .value_small_description.pc {
    display: none;
  }
  .value_text .value_description.mobile,
  .value_text .value_small_description.mobile {
    display: block;
  }
  .iwd_value_item:nth-child(2) > .value_text > p:nth-child(3) {
    margin-top: 20px;
  }
  .value_text .key_to_tech {
    display: flex;
    height: auto;
    align-items: center;
  }
  .value_text .key_to_tech:nth-child(2) {
    margin: 25px 0 20px 0;
  }
  .key_to_tech .key_circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-right: 12px;
    padding-top: 0;
  }
  .key_to_tech .key_circle > span {
    font-size: 13px;
    line-height: 14px;
  }
  .key_to_tech .key_circle_text {
    width: calc(100% - 72px);
    padding-top: 0;
  }
  .key_circle_text > p:first-child {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .key_circle_text > p:last-child {
    font-size: 14px;
    line-height: 20px;
  }
  .key_circle_text > p:last-child > span {
    font-size: 14px;
    margin-left: 0;
  }
  .key_to_tech .key_circle.eng {
    padding-top: 0;
  }
  .key_to_tech .key_circle.eng > span {
    font-size: 10px;
  }

  .iwd_app_intro_box {
    margin-bottom: 80px;
    padding: 0 18px;
  }
  .iwd_app_title_box {
    padding-top: 35px;
    margin-bottom: 180px;
  }
  .iwd_app_title_box .iwd_app_text > p {
    font-size: 64px;
  }
  .iwd_app_title_box .iwd_app_text > span {
    font-size: 13px;
    line-height: 22px;
    color: #666666;
    margin-top: 40px;
  }
  .iwd_app_title_box .iwd_app_text > span.pc {
    display: none;
  }
  .iwd_app_title_box .iwd_app_text > span.mobile {
    display: block;
  }
  .iwd_app_title_box .iwd_app_text .iwd_screen_img {
    width: 45vw;
    top: 100px;
    right: 5px;
  }
  .iwd_app_title_box .iwd_app_text .iwd_app_icon {
    width: 80px;
    height: 80px;
    right: 39.5vw;
  }
  .iwd_app_title_box .iwd_app_text .iwd_app_icon.eng {
    right: 31.5vw;
  }
  .app_str_box {
    display: flex;
    flex-wrap: wrap;
    padding: 0 14px;
    margin-bottom: 30px;
    justify-content: space-between;
  }
  .app_str_box .str_item {
    width: 140px;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .app_str_box .str_item:nth-child(2n) {
    margin-right: 0;
  }
  .str_item .str_icon {
    height: auto;
    margin-bottom: 16px;
  }
  .str_item .str_text {
    height: 99px;
  }
  .str_item .str_text > p {
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    position: absolute;
    width: 275px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  .str_item .str_text > span {
    font-size: 13px;
    line-height: 23px;
    position: absolute;
    width: 275px;
    left: 50%;
    transform: translateX(-50%);
    top: 26px;
  }
  .str_item .str_text > span.pc {
    display: none;
  }
  .str_item .str_text > span.mobile {
    display: block;
  }
  .app_str_box.eng > .str_item {
    margin-bottom: 50px;
  }
  .app_str_box.eng > .str_item > .str_text > span {
    top: 42px;
  }

  .app_down_btn {
    width: 100%;
    margin: 0 auto 40px auto;
  }
  .app_down_btn > a {
    font-size: 13px;
  }

  .app_future_text {
    margin-bottom: 80px;
  }
  .app_future_text > p {
    font-size: 15px;
    line-height: 26px;
  }
  .app_future_text > p.pc {
    display: none;
  }
  .app_future_text > p.mobile {
    display: block;
  }
  .app_future_text > p:first-child,
  .app_future_text > p:nth-child(2) {
    margin-bottom: 60px;
  }

  /* 서비스 아이컬러 페이지 */
  .icolor_bg_box {
    background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/20230920_img/icolor01-2_mobile.jpg")
      no-repeat;
    background-size: cover;
    min-height: 436px;
    height: auto;
    aspect-ratio: 375 / 436;
    margin-bottom: 60px;
  }
  /* .icolor_bg_box > img {
    width: 120px;
    height: 120px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
  } */
  .icolor_key_box {
    margin-bottom: 0px;
    padding: 0 18px;
  }
  .icolor_key_box .divide_line.mobile {
    margin-top: 80px;
    width: 100%;
    height: 2px;
    background-color: #262626;
  }
  .divide_line.mobile.margin_vertical80 {
    margin: 80px auto;
  }
  .divide_line.mobile.margin_vertical50 {
    margin: 50px auto;
  }
  .divide_line.mobile.margin_top70_bottom80 {
    margin: 70px auto 80px auto;
  }
  .divide_line.mobile.margin_top57_bottom83 {
    margin: 57px auto 83px auto;
  }
  .icolor_key_title > p {
    font-size: 28px;
    line-height: 40px;
  }
  .icolor_key_title > span {
    position: relative;
    margin-top: 16px;
    font-size: 14px;
    line-height: 23px;
    color: #434343;
    font-weight: 400;
  }
  .icolor_key_title > p.pc,
  .icolor_key_title > span.pc {
    display: none;
  }
  .icolor_key_title > p.mobile,
  .icolor_key_title > span.mobile {
    display: block;
  }
  .icolor_key_items {
    margin-top: 0;
  }
  .icolor_key_items .icolor_key_item {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .icolor_key_item .icolor_item_bg {
    height: 53.33vw;
    margin-bottom: 18px;
  }
  .icolor_item_text > p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .icolor_item_text > span {
    font-size: 14px;
    line-height: 23px;
    word-break: keep-all;
  }
  .icolor_key_items .icolor_key_item .icolor_key_item_title > p {
    font-size: 32px;
    line-height: 47px;
  }
  .icolor_key_item .icolor_key_item_title > .middle_line {
    display: none;
  }
  .icolor_key_items .icolor_key_item .icolor_feature {
    position: relative;
    flex-direction: column;
  }
  .icolor_key_items .icolor_key_item .icolor_feature.left {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .icolor_key_items .icolor_key_item .icolor_feature .icolor_screen {
    order: 2;
    width: 100%;
    margin-right: 0;
    margin-top: 40px;
  }
  .icolor_key_items .icolor_key_item .icolor_feature .icolor_screen > img {
    display: block;
    width: 100%;
  }
  .icolor_key_items .icolor_key_item .icolor_feature.right .icolor_screen {
    margin-left: 0;
  }
  .icolor_key_items .icolor_key_item .icolor_feature .icolor_feature_txt {
    order: 1;
    gap: 20px;
  }
  .icolor_key_item .icolor_feature .icolor_feature_txt > p.title {
    font-size: 28px;
    line-height: normal;
    margin-bottom: 0;
  }
  .icolor_feature .icolor_feature_txt .txt_box > p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 11px;
  }
  .icolor_feature .icolor_feature_txt .txt_box > span {
    display: block;
    font-size: 14px;
    line-height: 23px;
  }
  .icolor_feature .icolor_feature_txt .txt_box > p.pc,
  .icolor_feature .icolor_feature_txt .txt_box > span.pc {
    display: none;
  }
  .icolor_feature .icolor_feature_txt .txt_box > p.mobile,
  .icolor_feature .icolor_feature_txt .txt_box > span.mobile {
    display: block;
    word-break: keep-all;
  }
  .icolor_key_item .feature_slide {
    margin-top: 18px;
  }
  .icolor_key_item .feature_slide .feature_slide_intro {
    margin-bottom: 50px;
  }
  .icolor_key_item .feature_slide .feature_slide_intro > p {
    font-size: 14px;
    line-height: 23px;
  }
  .icolor_key_item .feature_slide .feature_slide_intro > p.pc {
    display: none;
  }
  .icolor_key_item .feature_slide .feature_slide_intro > p.mobile {
    display: block;
  }
  .icolor_key_item .feature_slide .feature_slide_intro .feature_slide_nav {
    display: none;
  }
  .feature_slide .feature_slide_item {
    position: relative;
    width: 76%;
    height: auto;
    border: 0;
    flex-direction: column;
    padding-left: 0;
  }
  .feature_slide .feature_slide_item .feature_img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid #e6e6e6;
    margin-right: 0;
    padding: 35px 0 48px 0;
    margin-bottom: 20px;
    min-height: 341px;
  }
  .feature_slide .feature_slide_item .feature_img > img {
    display: block;
    width: 82%;
  }
  .feature_slide .feature_slide_item .feature_txt > p {
    font-size: 16px;
    line-height: 25px;
  }
  .feature_slide .feature_slide_item .feature_txt > span {
    font-size: 14px;
    line-height: 23px;
    word-break: keep-all;
    letter-spacing: -0.25px;
  }
  .feature_slide .feature_slide_item .feature_txt > p.pc,
  .feature_slide .feature_slide_item .feature_txt > span.pc {
    display: none;
  }
  .feature_slide .feature_slide_item .feature_txt > p.mobile,
  .feature_slide .feature_slide_item .feature_txt > span.mobile {
    display: block;
  }
  .icolor_key_item .icolor_key_item_sub_desc {
    margin: 20px 0 10px 0;
  }
  .icolor_key_item .icolor_key_item_sub_desc > p.pc {
    display: none;
  }
  .icolor_key_item .icolor_key_item_sub_desc > p.mobile {
    display: block;
    word-break: keep-all;
  }
  .icolor_key_item .icolor_key_item_img_box > img {
    margin-bottom: 0;
  }
  .icolor_key_item .icolor_key_item_img_box > img.pc {
    display: none;
  }
  .icolor_key_item .icolor_key_item_img_box > img.mobile {
    display: block;
  }
  .icolor_logo_slogan {
    margin-top: 80px;
  }
  .icolor_logo_slogan .logo_wrapper {
    width: 38%;
    margin-bottom: 40px;
  }
  .icolor_logo_slogan .logo_wrapper > img {
    margin-bottom: 0;
  }
  .icolor_logo_slogan .icolor_slogan_text {
    margin-bottom: 59px;
    font-size: 15px;
    line-height: 26px;
  }
  .icolor_logo_slogan .icolor_slogan_text > p:first-child {
    margin-bottom: 11px;
  }
  .icolor_logo_slogan .icolor_slogan_text > p.pc {
    display: none;
  }
  .icolor_logo_slogan .icolor_slogan_text > p.mobile {
    display: block;
  }
  .icolor_logo_slogan .icolor_inquiry {
    margin-bottom: 40px;
  }
  .icolor_logo_slogan .icolor_inquiry > p.bold {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
  }
  .icolor_logo_slogan .icolor_inquiry > p.email {
    font-size: 14px;
    line-height: 23px;
  }
  .icolor_logo_slogan .icolor_inquiry > p.pc {
    display: none;
  }
  .icolor_logo_slogan .icolor_inquiry > p.mobile {
    display: block;
  }
  .icolor_app_down_btn {
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    height: auto;
    margin: 0 auto 80px auto;
  }
  .icolor_app_down_btn > a {
    height: 48px;
  }
  .social_box .social_items.icolor {
    flex-wrap: wrap;
    gap: 20px 10px;
  }

  /* 서비스 자리아 페이지 */
  .zaria_gallery_box {
    margin-bottom: 90px;
    padding: 0 18px;
  }
  .zaria_gallery_box .zaria_top {
    height: 54.66vw;
    margin-bottom: 1.3vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zaria_gallery_box .zaria_bottom {
    height: 38.66vw;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .zaria_bottom .bottom_left {
    width: 54.93vw;
    /* margin-right: 1.3vw; */
    margin-right: 0;
  }
  .zaria_bottom .bottom_right {
    width: 34.13vw;
  }
  .healthy_life_box {
    margin-bottom: 80px;
    padding: 0 18px;
  }
  .healthy_life_box .zaria_logo {
    width: 149px;
    height: auto;
    margin-bottom: 30px;
  }
  .healthy_title {
    margin-bottom: 50px;
  }
  .healthy_title > p:first-child {
    font-size: 60px;
    line-height: 66px;
    margin-bottom: 25px;
  }
  .healthy_title > p:last-child {
    font-size: 20px;
    letter-spacing: 1px;
  }
  .healthy_items .healthy_item {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  }
  .healthy_items .healthy_item:nth-child(1) {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .healthy_items .healthy_item:nth-child(3) {
    margin-bottom: 0;
  }
  .healthy_item .healthy_item_bg {
    height: 53.33vw;
    margin-bottom: 20px;
  }
  .healthy_item .healthy_item_text > p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .healthy_item .healthy_item_text > span {
    font-size: 14px;
    line-height: 23px;
    word-break: keep-all;
  }
  .healthy_item .healthy_item_text > span.pc {
    display: none;
  }
  .healthy_item .healthy_item_text > span.mobile {
    display: block;
  }
  .zaria_middle_bg {
    width: calc(100% - 36px);
    height: 80vw;
    margin: 0 auto 80px auto;
    background-position: 90% center;
  }
  .healthy_point_box {
    margin-bottom: 80px;
    padding: 0 18px;
  }
  .healthy_point_box .point_title {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .point_title > p {
    font-size: 60px;
    line-height: 66px;
    margin-bottom: 30px;
  }
  .point_title > span {
    font-size: 13px;
  }
  .healthy_point_box .point_items {
    padding: 0 14px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .point_items .point_item {
    display: flex;
    flex-direction: column;
    width: 142px;
  }
  .point_items .point_item:nth-child(1),
  .point_items .point_item:nth-child(2) {
    margin: 0 0 40px 0;
  }
  .point_item .point_icon {
    margin-bottom: 18px;
  }
  .point_text > p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .point_text > span {
    font-size: 13px;
    line-height: 23px;
  }
  .point_text > span.pc {
    display: none;
  }
  .point_text > span.mobile {
    display: block;
  }

  /* 서비스 호텔크랜베리 페이지 */
  .hotelc_bg_box {
    width: calc(100% - 36px);
    height: 80vw;
    margin: 0 auto 50px auto;
    background-position: 80% center;
  }
  .desc_box {
    margin-bottom: 70px;
  }
  .desc_box > p {
    font-size: 16px;
    line-height: 24px;
  }
  .hotelc_logo_box {
    width: 133px;
    height: 159px;
    margin: 0 auto 80px auto;
  }
  .hotelc_brand_box {
    padding: 0 18px;
    margin-bottom: 60px;
  }
  .hotelc_brand_box .brand_title {
    font-size: 26px;
    margin-bottom: 40px;
  }
  .hotelc_brand_box .brand_list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .brand_list .brand_item {
    width: 43.2vw;
    margin-right: 0;
  }
  .brand_list .brand_item:nth-child(1),
  .brand_list .brand_item:nth-child(2),
  .brand_list .brand_item:nth-child(3) {
    margin-bottom: 40px;
  }
  .brand_item .top_img_box {
    margin-bottom: 15px;
  }
  .bottom_text_box .brand_type {
    font-size: 12px;
    line-height: normal;
  }
  .bottom_text_box .brand_description {
    font-size: 13px;
    line-height: 20px;
  }
  .bottom_text_box .brand_description.pc {
    display: none;
  }
  .bottom_text_box .brand_description.mobile {
    display: block;
  }
  .brand_item:nth-child(4) .bottom_text_box .brand_description {
    letter-spacing: -0.5px;
  }
  .bottom_text_box .brand_name {
    font-size: 16px;
    margin: 8px 0 10px 0;
  }
  .hotelc_gallery {
    height: auto;
    margin-bottom: 80px;
    padding: 0 18px;
  }
  .hotelc_gallery .left_img,
  .hotelc_gallery .right_img {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .hotelc_gallery .left_img {
    margin-bottom: 10px;
  }
  .hotelc_desc_box {
    margin-bottom: 90px;
  }
  .hotelc_desc_box > p {
    font-size: 18px;
    line-height: 27px;
  }
  .full_width_bg_box {
    width: 100%;
    height: 69vw;
    flex-direction: column;
  }
  .full_width_bg_box.romand {
    background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/20211026_img/romand_full_width_bg_mobile02.jpg")
      no-repeat;
    background-size: cover;
  }
  .full_width_bg_box.romand > p {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .full_width_bg_box.romand > span {
    font-size: 18px;
  }
  .romand_core_box {
    width: 100%;
    margin: 60px auto 0 auto;
    /* padding: 0 18px; */
  }
  .romand_core_box > .core_intro_box {
    width: calc(100% - 36px);
    margin: 0 auto 38px auto;
  }
  .core_intro_box {
    margin-bottom: 38px;
  }
  .core_intro_box > span {
    font-size: 15px;
  }
  .core_intro_box > p {
    font-size: 32px;
  }
  .romand_core_box .core_item_box {
    width: calc(100% - 36px);
    margin: 0 auto 68px auto;
  }
  .romand_core_box .core_item_box.culture {
    width: 100%;
  }
  .romand_core_box .core_item_box.culture > .core_title {
    padding-left: 18px;
  }
  .romand_core_box .core_item_box.culture > .core_description {
    width: calc(100% - 36px);
    margin: 16px auto 0 auto;
  }
  .core_culture_box {
  }
  .core_item_box .core_title .title_circle {
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }
  .core_item_box .core_title > p {
    font-size: 16px;
  }
  .core_item_box .core_description {
    font-size: 14px;
    line-height: 23px;
  }
  .core_item_box .core_img_box {
    margin-top: 30px;
  }
  .core_item_box .core_img_box > img.pc {
    display: none;
  }
  .core_item_box .core_img_box > img.mobile {
    display: block;
  }
  .core_item_box .global_item_box {
    margin-top: 30px;
  }
  .core_item_box .global_item_box .global_item {
    height: auto;
    flex-direction: column;
  }
  .global_item_box .global_item .country_img {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .global_item_box .global_item .country_img > img {
    width: 90px;
    height: 60px;
  }
  .global_item_box .global_item .country_img > p {
    display: block;
    margin-left: 21px;
    font-size: 16px;
    font-weight: 500;
  }
  .global_item_box .global_item .country_content {
    width: 100%;
    padding-bottom: 20px;
  }
  .global_item .country_content > p {
    display: none;
  }
  .global_item .country_content > ul li {
    font-size: 14px;
    line-height: 22px;
  }
  .global_item .country_content > ul li.pc {
    display: none;
  }
  .global_item .country_content > ul li.mobile {
    display: block;
  }
  .core_culture_box {
    margin: 30px 0 0 0;
    overflow-x: scroll;
    -ms-overflow-style: none;
    padding-left: 18px;
  }
  .core_culture_box::-webkit-scrollbar {
    display: none;
  }
  .core_culture_box .culture_item:first-child {
    margin-right: 12px;
  }
  .core_culture_box .culture_item > img.pc {
    display: none;
  }
  .core_culture_box .culture_item > img.mobile {
    display: block;
  }
  .core_culture_box .culture_item:last-child {
    margin-right: 18px;
  }
  .culture_description {
    display: none;
  }
  .romand_product_box {
    width: calc(100% - 36px);
    margin: 0 auto 85px auto;
  }
  .romand_product_box .core_intro_box {
    width: 100%;
    padding-top: 50px;
    margin: 0 auto 50px auto;
  }
  .romand_product_box .product_box {
    margin-bottom: 70px;
  }
  .romand_product_box .product_box .product_header {
    width: 100%;
    margin-bottom: 20px;
  }
  .product_box .product_header .product_title > p {
    font-size: 30px;
    margin-right: 5px;
  }
  .product_box .product_header .product_title > span {
    font-size: 20px;
    padding-top: 2px;
  }
  .product_box .product_header .product_slider_nav {
    display: none;
  }
  .product_box .product_slider {
    width: 100%;
  }
  .product_box .product_slider .product_item.first_slide {
    display: none;
  }
  .product_box .product_slider .product_item {
    width: 200px;
  }
  .product_box .product_slider .product_item .product_info {
    margin-top: 20px;
  }
  .product_item .product_info > p {
    font-size: 16px;
    margin-bottom: 7px;
  }
  .product_item .product_info > span {
    font-size: 14px;
    line-height: 20px;
  }
  .romand_partners_box {
    width: calc(100% - 36px);
    margin: 0 auto 80px auto;
    padding-top: 50px;
  }
  .romand_partners_box > .core_intro_box {
    margin-bottom: 50px;
  }
  .core_intro_box > span {
    margin-bottom: 15px;
  }
  .partner_box {
    margin-bottom: 78px;
  }
  .partner_box .partner_title {
    margin-bottom: 21px;
  }
  .partner_box .partner_title > p {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .partner_box .partner_title > span {
    font-size: 14px;
    line-height: 23px;
  }
  .partner_img > img.pc {
    display: none;
  }
  .partner_img > img.mobile {
    display: block;
  }
  .coha_imgs {
    width: calc(100% - 30px);
  }
  .coha_imgs .coha_img_box.pc {
    display: none;
  }
  .coha_imgs .coha_img_box.mobile {
    display: block;
  }
}

#container {
  display: block;
  position: relative;
  overflow-x: hidden;
  width: 100%;
}

#main {
  max-width: 1240px;
  margin: 0 auto;
}

.wrapper {
  margin: 0 40px;
}

.section_title {
  font-family: "Poppins", sans-serif;
  font-size: 70px;
  font-weight: bold;
  line-height: 70px;
}

section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}

#manage .content {
  margin-top: 18px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 29px;
}

#manage .content-mo {
  display: none;
}

.cards {
  gap: 10px;
  margin-top: 50px;
}

.card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  background-color: #f8f8fa;
}

.card::before {
  content: "";
  display: block;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}

.card .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

.card .desc {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
}

.wrapper .line_content,
#popup .line_content {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 70px;
}

.wrapper .line_content:nth-of-type(1),
#popup .line_content:nth-of-type(1) {
  margin-top: 40px;
}

.wrapper .line_content h4,
#popup .line_content h4 {
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
}

.wrapper .line_content hr,
#popup .line_content hr {
  flex: 1;
  border: 1px solid #262626;
  margin-left: 15px;
}

/* 지속가능경영 섹션 */
#manage {
  max-width: 820px;
  margin-top: 80px;
}

#manage .line {
  width: 1px;
  height: 60px;
  background-image: url("/image/iwedding_plus/company/operate/line.svg");
}

#manage .section_title.manage {
  font-size: 40px;
  margin-top: 35px;
  color: #1e1e1e;
  line-height: 60px;
}

/* environmental 섹션 */

#environmental {
  margin-top: 116px;
}

.section_title.environmental {
  color: #6abe96;
}

#environmental .cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 550px;
}

.card.environment {
  padding: 0 23px;
}

.card.environment::before {
  width: 135px;
  height: 115.09px;
  background-image: url("/image/iwedding_plus/company/environmental/environmental1.svg");
  margin-top: 57px;
}

.card.environment .title {
  margin-top: 48.9px;
}

.card.campain {
  padding: 0 27px;
}

.card.campain::before {
  content: "";
  display: block;
  position: relative;
  width: 122px;
  height: 122px;
  background-image: url("/image/iwedding_plus/company/environmental/environmental2.svg");
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 54px;
}

.card.campain .title {
  margin-top: 45px;
}

.card.architecture {
  padding: 0 15px;
}

.card.architecture::before {
  content: "";
  display: block;
  position: relative;
  width: 115px;
  height: 115px;
  background-image: url("/image/iwedding_plus/company/environmental/environmental3.svg");
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 57px;
}

.card.architecture .title {
  margin-top: 49px;
}

.card.cafe {
  padding: 0 14px;
}

.card.cafe::before {
  content: "";
  display: block;
  position: relative;
  width: 103px;
  height: 118.71px;
  background-image: url("/image/iwedding_plus/company/environmental/environmental4.svg");
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 56px;
}

.card.cafe .title {
  margin-top: 46.3px;
}

/* social 섹션 */

#social {
  margin-top: 150px;
}

.section_title.social {
  color: #2eaadf;
}

.cards.civil {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 460px;
}

.civil .member {
  padding: 0 25px;
}

.civil .diversity {
  padding: 0 41px;
}

.civil .labor {
  padding: 0 25px;
}

.cards.customer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 410px;
}

.customer .satisfaction {
  padding: 0 55px;
}

.customer .damage {
  padding: 0 92px;
}

.cards.data {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 440px;
}

.cards.data .card {
  padding: 0 24px;
}

.cards.isolate {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  height: 240px;
}

.card.member::before {
  width: 128.24px;
  height: 127.03px;
  background-image: url("/image/iwedding_plus/company/social/civil1.svg");
  margin-top: 44px;
}
.card.diversity::before {
  width: 157px;
  height: 119.19px;
  background-image: url("/image/iwedding_plus/company/social/civil2.svg");
  margin-top: 48px;
}

.card.labor::before {
  width: 131.05px;
  height: 128.99px;
  background-image: url("/image/iwedding_plus/company/social/civil3.svg");
  margin-top: 41px;
}

.card.satisfaction::before {
  width: 148.01px;
  height: 131.05px;
  background-image: url("/image/iwedding_plus/company/social/client1.svg");
  margin-top: 57px;
}

.card.damage::before {
  width: 136.18px;
  height: 131.05px;
  background-image: url("/image/iwedding_plus/company/social/client2.svg");
  margin-top: 57px;
}

.card.info_guard::before {
  width: 111.35px;
  height: 137.05px;
  background-image: url("/image/iwedding_plus/company/social/data1.svg");
  margin-top: 47px;
}

.card.security::before {
  width: 130.89px;
  height: 134.08px;
  background-image: url("/image/iwedding_plus/company/social/data2.svg");
  margin-top: 50px;
}

.card.protection::before {
  width: 122px;
  height: 131.08px;
  background-image: url("/image/iwedding_plus/company/social/data3.svg");
  margin-top: 50px;
}

.cards.isolate .card {
  padding: 54px 150px;
}

.card .isolated {
  display: flex;
  align-items: center;
}

.card .isolated::before {
  content: "";
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 130.71px;
  height: 132.39px;
  background-image: url("/image/iwedding_plus/company/social/isolated.svg");
}

.card .isolated .content_wrapper {
  margin-left: 70.6px;
}

.card .isolated .content_wrapper .desc {
  text-align: left;
}

.member .title {
  margin-top: 30px;
}

.diversity .title {
  margin-top: 33.8px;
}

.labor .title {
  margin-top: 31px;
}

.satisfaction .title {
  margin-top: 30.9px;
}

.damage .title {
  margin-top: 29.9px;
}

.info_guard .title {
  margin-top: 29px;
}

.security .title {
  margin-top: 26.9px;
}

.protection .title {
  margin-top: 29.9px;
}

/* governance 섹션 */

#governance {
  margin-top: 150px;
  padding-bottom: 200px;
}

.section_title.governance {
  color: #ed8241;
}

.cards.governance {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 460px;
}

.card.stockholder::before {
  width: 131.93px;
  height: 131.93px;
  background-image: url("/image/iwedding_plus/company/governance/governance1.svg");
  margin-top: 44px;
}

.card.directorate::before {
  width: 123.33px;
  height: 142.76px;
  background-image: url("/image/iwedding_plus/company/governance/governance2.svg");
  margin-top: 38px;
}

.card.ethics::before {
  width: 128px;
  height: 129.04px;
  background-image: url("/image/iwedding_plus/company/governance/governance3.svg");
  margin-top: 45px;
}

.stockholder .title {
  margin-top: 25.1px;
}
.directorate .title {
  margin-top: 20.2px;
}
.ethics .title {
  margin-top: 27px;
}

.cards.governance .stockholder {
  padding: 0 39px;
}

.cards.governance .directorate {
  padding: 0 39px;
}

.cards.governance .ethics {
  padding: 0 52px;
}
/* noto sans regular 400, medium 500, bold 700 */

.card-mo {
  display: none;
}

.mo_btn {
  display: none;
}

@media all and (max-width: 1240px) {
  .wrapper {
    margin: 0 20px;
  }

  #manage {
    margin-top: 40px;
  }

  #manage .line {
    height: 40px;
  }

  .section_title.manage {
    font-size: 28px;
  }

  #manage .content {
    display: none;
  }

  #manage .content-mo {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #333333;
  }

  .section_title {
    font-size: 34px;
  }

  .cards {
    margin-top: 20px;
  }

  .card {
    display: none;
  }

  section {
    max-width: 340px;
  }

  #environmental .cards {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    height: auto;
    gap: 40px 18px;
  }

  #social .cards {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    height: auto;
    gap: 40px 18px;
    margin-top: 20px;
  }

  #social .cards.isolate {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    height: auto;
    gap: 40px 18px;
  }

  #governance .cards {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    height: auto;
    gap: 40px 18px;
    margin-top: 20px;
  }

  .wrapper .line_content:nth-of-type(1),
  #popup .line_content:nth-of-type(1) {
    margin-top: 20px;
  }

  .wrapper .line_content,
  #popup .line_content {
    margin-top: 50px;
  }

  .wrapper .line_content h4,
  #popup .line_content h4 {
    font-size: 16px;
  }

  .card-mo {
    display: block;
    width: 100%;
    height: 200px;
    text-align: center;
  }

  .card-mo .img_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 160px;
    height: 160px;
    background-color: #f8f8fa;
  }

  /* environmental */
  #environmental {
    margin-top: 50px;
  }

  .card-mo .environment {
    width: 96px;
    height: 81.84px;
  }

  .card-mo .campain {
    width: 90px;
    height: 90px;
  }

  .card-mo .architecture {
    width: 87px;
    height: 87px;
  }

  .card-mo .cafe {
    width: 75.49px;
    height: 87px;
  }

  /* social */
  #social {
    margin-top: 80px;
  }

  .card-mo .mo-member {
    width: 87px;
    height: 86.18px;
  }

  .card-mo .mo-diversity {
    width: 102.04px;
    height: 77.47px;
  }
  .card-mo .mo-labor {
    width: 90px;
    height: 88.59px;
  }
  .card-mo .mo-satisfaction {
    width: 93.74px;
    height: 83px;
  }
  .card-mo .mo-damage {
    width: 90.34px;
    height: 86.93px;
  }

  .card-mo .mo-info_guard {
    width: 77.22px;
    height: 95.05px;
  }

  .card-mo .mo-security {
    width: 87px;
    height: 89.12px;
  }

  .card-mo .mo-protection {
    width: 85.81px;
    height: 92.19px;
  }

  .card-mo .mo-isolated {
    width: 90.83px;
    height: 92px;
  }

  /* governance */
  #governance {
    margin-top: 80px;
    padding-bottom: 110px;
  }

  .card-mo .mo-stockholder {
    width: 90px;
    height: 90px;
  }

  .card-mo .mo-directorate {
    width: 87px;
    height: 100.7px;
  }

  .card-mo .mo-ethics {
    width: 94px;
    height: 94.76px;
  }

  .card-mo .title {
    margin-top: 16px;
  }

  #social .cards.isolate .card-mo {
    width: 100%;
  }

  #social .cards.isolate .card-mo .img_wrapper {
    max-width: 100%;
  }

  .mo_btn {
    display: block;
    width: 100%;
    height: 48px;
    margin-top: 50px;
    border: 1px solid #707070;
    color: #1e1e1e;
    font-size: 13px;
    font-weight: 500;
    background-color: transparent;
  }

  .mo_btn:hover {
    background-color: #eee;
    transition: all 0.3s ease-in-out;
  }
}

#popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 18px;
  overflow-y: auto;
}

#popup.active {
  display: block;
}

#popup .btn_wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}

.btn_wrapper button {
  background: none;
  border: none;
  outline: none;
}

.popup_wrapper {
  padding-top: 20px;
  overflow-y: auto;
  padding-bottom: 50px;
}

.popup_wrapper .line_content:first-child {
  margin-top: 0;
}

.popup_card {
  background-color: #f8f8fa;
  padding: 40px 21px 40px 15px;
  margin-top: 20px;
}

.popup_header {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
  gap: 10px;
}

.popup_content {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.popup_header img {
  width: 40px;
  height: 35px;
}

.popup_environment {
  display: none;
}

.popup_social {
  display: none;
}

.popup_governance {
  display: none;
}

.popup_environment.active {
  display: block;
}

.popup_social.active {
  display: block;
}

.popup_governance.active {
  display: block;
}

.close_btn {
  position: fixed;
}



/* 250203 css 수정 */
.icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line {
  flex-wrap: wrap;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line {
  display: grid;
  grid-template-columns: auto 87px 1fr;
  align-items: center;
  width: 100%;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > .middle_line {
  position: relative;
  height: 2px;
  background-color: #262626;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line > p,
.icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > p {
  font-family: "Poppins", "Noto Sans KR", sans-serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 80px;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > p.pc {
  display: block;
}
.icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > p.mobile {
  display: none;
}

.icolor_key_item .icolor_kiosk_box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 120px;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk > p,
.icolor_kiosk_box .icolor_key_item_brand > p {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 60px;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 85px;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item {
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > span {
  display: block;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  font-weight: 500;
}

.icolor_kiosk_box .icolor_key_item_brand {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.icolor_kiosk_box .icolor_key_item_brand .brand_box {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 80px 30px;
  width: 100%;
}
.icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item > .brand_pic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item .brand_pic > img.pc {
  display: block;
}
.icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item .brand_pic > img.mobile {
  display: none;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > span.pc {
  display: block;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > span.mobile {
  display: none;
}
.icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > span.nowrap {
  white-space: nowrap;
}
.icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item > span > img {
  display: block;
  width: 100%;
}

.icolor_logo_slogan .icolor_slogan_text,
.icolor_logo_slogan .icolor_inquiry {
  padding: 0 15px;
}
.icolor_logo_slogan .icolor_slogan_text > p.first.pc {
  display: block;
}
.icolor_logo_slogan .icolor_slogan_text > p.first.mobile {
  display: none;
}

.feature_slide .feature_slide_intro .feature_slide_nav {
  display: flex;
  align-items: center;
}
.feature_slide_nav > a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.feature_slide .feature_slide_intro .feature_slide_nav > .feature_slide_next {
  margin: 0;
}
.feature_slide .feature_slide_intro > p {
  font-size: 16px;
  line-height: 26px;
}
.icolor_feature .icolor_feature_txt .txt_box > p {
  line-height: 34px;
}

@media all and (max-width: 1240px) {
  .icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line {
    grid-template-columns: 1fr;
  }
  .icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line > p,
  .icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > p {
    font-size: 32px;
    line-height: 40px;
  }
  .icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > .middle_line {
    display: none;
  }
  .icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > p.pc {
    display: none;
  }
  .icolor_key_items .icolor_key_item .icolor_key_item_title.multi_line .top_line > p.mobile {
    display: block;
  }

  .icolor_key_item .icolor_kiosk_box {
    margin-top: 50px;
    gap: 60px;
  }
  .icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk > p,
  .icolor_kiosk_box .icolor_key_item_brand > p {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk > p {
    line-height: 40px;
  }
  .icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths {
    padding: 0 12.5px;
    flex-wrap: wrap;
    gap: 40px 0;
  }
  .icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item {
    width: 142px;
  }
  .icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > span {
    font-size: 14px;
    line-height: 23px;
    word-break: keep-all;
  }
  .icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > span.pc {
    display: none;
  }
  .icolor_key_item .icolor_kiosk_box .icolor_key_item_kiosk .strengths > .item > span.mobile {
    display: block;
  }

  .icolor_kiosk_box .icolor_key_item_brand .brand_box {
    gap: 43px 19px;
  }
  .icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item {
    gap: 10px;
  }
  .icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item .brand_pic > img.pc {
    display: none;
  }
  .icolor_kiosk_box .icolor_key_item_brand .brand_box .brand_item .brand_pic > img.mobile {
    display: block;
  }


  .icolor_logo_slogan .icolor_slogan_text > p.first.pc {
    display: none;
  }
  .icolor_logo_slogan .icolor_slogan_text > p.first.mobile {
    display: block;
    margin-bottom: 20px;
  }
  .icolor_key_item .icolor_key_item_img_box > img.mb80 {
    margin-bottom: 30px;
  }
}