@charset "utf-8";

@import url('common.css');
@import url('layout.css');
@import url('aos.css');

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 138px;
  z-index: 200;
}

header .header_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 38px;
	background: #09112A;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 125%;
	z-index: 999;
}

header .header_top .con {
	margin: 0 auto;
	/* max-width: 1560px; */
	height: 100%;
	padding: 0 9vw;
}

header .header_top .ctn {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}

header .header_top .ctn .ctn_left,
header .header_top .ctn .ctn_right {
	display: flex;
	column-gap: 24px;
}

header .header_top .ctn .ctn_left .menu_line,
header .header_top .ctn .ctn_right .menu_line {
	position: relative;
}

header .header_top .ctn .ctn_left .menu_line:before,
header .header_top .ctn .ctn_right .menu_line:before {
	content: "|";
	position: absolute;
	top: 0;
	right: -14px;
	color: #616777;
}

header .header_top .ctn .ctn_left a:hover,
header .header_top .ctn .ctn_right a:hover {
	text-decoration: underline;
	text-underline-position: under;
}

header .header_top .ctn .ctn_right .icon_menu {
	display: flex;
	align-items: center;
	column-gap: 4px;
}

header .header_right {
	position: absolute;
	top: 70px;
	right: 9vw;
	/* display: flex;
	column-gap: 20px; */
	width: 355px;
	height: 48px;
	z-index: 1000;
}

header .header_right .search_box {
	position: relative;
	width: 260px;
}

header .header_right .search_box .search_text {
	width: 100%;
	height: 100%;
	padding: 11px 22px;
	background: #F6F7FB;
	border: none;
	border-radius: 100px;
	font-size: 16px;
	line-height: 165%;
	font-weight: 500;
	color: #111;
	transition: transform .2s linear;
}

header .header_right .search_box .search_text::placeholder {
	color: #88919A;
}

header .header_right .search_box .search_icon {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 24px;
	cursor: pointer;
}

header .header_right .lang {
	position: absolute;
	/* top: 2.7rem;
	right: 3vw; */
	top: 0;
	right: -20px;
    padding: 0 1.7rem;
    z-index: 200
}

header .header_right .lang .current:after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8rem;
  margin-top: -1px;
  background: url("../images/lang_arrow.svg") no-repeat left top;
  background-size: 100%;
}

header .mo_search_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
	z-index: 151;
}

header .mo_search_box .search_text {
	position: relative;
	width: 100%;
	height: 40px;
	border-radius: 100px;
	background: #F6F7FB;
	padding: 0 24px;
}

header .mo_search_box .search_icon {
	position: absolute;
	top: 50%;
	right: 38px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
}

header .lang .current {
  padding: 1px 1px 0;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Roboto";
  line-height: 3.7rem;
  color: #333;
  cursor: pointer;
  text-align: center;
}

header .lang ul {
  display: none;
  padding: 0.9rem 0;
  text-align: center;
  width: 120%;
  margin-left: -10px;
}

header .lang ul li a {
  display: block;
  font-weight: 300;
  font-family: "Roboto";
  line-height: 1.7;
  color: #333;
}

header .lang ul li.on a {
	color: #1E2124;
	font-weight: 700;
	text-decoration: underline;
	text-underline-position: under;
}

header .lang ul li:hover a {
	color: #1E2124;
	font-weight: 700;
	text-decoration: underline;
	text-underline-position: under;
}

header.top,
header:hover {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

header h1 {
  position: absolute;
  top: 5.5rem;
  left: 9vw;
  font-size: 0;
  text-indent: -99999px;
  z-index: 999;
}

header h1 a {
  width: 12rem;
  height: 6.1rem;
  display: block;
  background: url("../images/header_logo.svg") no-repeat left top;
  background-size: 100%;
}

#header_wrap {
  position: relative;
  width: 100%;
  z-index: 200;
  top: 38px;
}

#header_wrap .header {
  position: relative;
  height: 10.5rem;
  z-index: 22;
  height: 100px;
}

#header_wrap .header #new_gnb {
  width: 31vw;
  height: 100%;
  margin-left: 31.5vw;
}

.member #header_wrap .header #new_gnb {
  width: 56vw;
  margin-left: 17vw;
}

#header_wrap .header #new_gnb .gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  column-gap: 80px;
  height: 100%;
}

#header_wrap .header #new_gnb .gnb li {
  display: block;
  heigth: 100%;
}

#header_wrap .header #new_gnb .gnb li a {
/*  min-width: 6vw;*/
  display: inline-block;
  font-size: 1.8rem;
  color: #111;
  line-height: 10.5rem;
  font-weight: 500;
  white-space: nowrap;
  height: 100%;
}

#header_wrap .header #new_gnb .gnb li.idx0 a,
#header_wrap .header #new_gnb .gnb li.idx3 a,
#header_wrap .header #new_gnb .gnb li.idx4 a,
.new_lnb .menus .nav .cat0,
.new_lnb .menus .nav .cat3,
.new_lnb .menus .nav .cat4 {
/*  width: 6vw;*/
}
#header_wrap .header #new_gnb .gnb li.idx1 a,
.new_lnb .menus .nav .cat1 {
/*  width: 6.5vw;*/
}
#header_wrap .header #new_gnb .gnb li.idx2 a,
.new_lnb .menus .nav .cat2 {
/*  width: 5vw;*/
}
#header_wrap .header #new_gnb .gnb li.idx5 a,
.new_lnb .menus .nav .cat5 {
/*  width: 8vw;*/
}

.member #header_wrap .header #new_gnb .gnb li.idx2 a,
.member .new_lnb .menus .nav .cat2 {
  min-width: 4vw;
}
.member #header_wrap .header #new_gnb .gnb li.idx5 a,
.member .new_lnb .menus .nav .cat5 {
  min-width: 7.5vw;
}

#header_wrap .header #new_gnb .gnb li a i {
  position: relative;
  display: inline-block;
  height: 100%;
}

#header_wrap .header #new_gnb .gnb li a i::before {
  content: "";
  width: 0;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  background: #e60012;
  transition: all .15s linear;
}

#header_wrap .header #new_gnb .gnb li a.on i::before {
  width: 100%;
}

#header_wrap .header #new_gnb .gnb li.idx0 {
	position: relative;
}

#header_wrap .header #new_gnb .gnb .depth_bg {
	position: fixed;
	top: 138px;
	left: 0;
	z-index: 20;
	width: 100vw;
	background: #fff;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
	display: none;
	pointer-events: none;
}

#header_wrap .header #new_gnb .gnb .two_depth {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 80px;
}

#header_wrap .header #new_gnb .gnb .two_depth li a {
	width: auto;
	height: auto;
	line-height: 8rem;
	min-width: auto;
	position: relative;
}

#header_wrap .header #new_gnb .gnb .two_depth li:hover a {
	color: #E60012;
}

#header_wrap .header #new_gnb .gnb .two_depth li a:after {
	position: absolute;
	top: 50%;
	right: -17px;;
	transform: translateY(-50%);
	width: 11px;
	height: 11px;
	background: url("../images/icon_arrow_r.svg") no-repeat center center;
}

#header_wrap .header #new_gnb .gnb .two_depth li:hover a:after {
	content: "";
}

.txt {
	color: #464C53;
}

.new_lnb {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #ffffff;
  z-index: 20;
  transition: ease-in 200ms;
  opacity: 0;
}

.new_lnb.menuActivate {
  height: 36rem;
  opacity: 1;
  box-shadow: 0 10px 10px -11px #29292910;
}

.new_lnb .menus {
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
.new_lnb .menus {
  width: 48vw;
}
.member .new_lnb .menus {
  width: 56vw;
  margin-left: 17vw;
}

.new_lnb .menus .nav {
  height: 36rem;
}

.new_lnb .menus .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

.new_lnb .menus .nav ul {
  min-width: 6vw;
  margin-top: 2.7rem;
}

.category-wrapper li a {
  display: inline-block;
  position: relative;
  padding: 6px 0 7px;
  color: #666;
  line-height: 1.4;
  font-size: 1.5rem;
}

.category-wrapper li a:hover,
.category-wrapper li a:focus {
  color: #e60012;
}

header .util {
  position: absolute;
  top: 4rem;
  right: 13.5vw;
  z-index: 200;
}

header .util a {
  display: inline-block;
  margin: 0 0.6rem 0 0.4rem;
  vertical-align: text-top;
  color: #333;
}

#gnb_wrap {
  display: none;
}

a.redcolor{
	color:red !important ;
}

/* 대문 페이지 */
.door_page {
	width: 100vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.door_page .con {
	width: 100%;
	height: 100%;
	position: relative;
}
.door_page .con .boor_bg {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.door_page .door_ctn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	column-gap: 12%;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1220px;
}
.door_page .left_ctn {
	width: 27%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.door_page .left_ctn .tit {
	font-size: 52px;
	font-weight: 700;
	margin: 36px 0 24px 0;
}
.door_page .left_ctn .txt {
	font-size: 20px;
	font-weight: 400;
	white-space: nowrap;
}
.door_page .right_ctn {
	width: 61%;
}
.door_page .right_ctn .lang_ctn {
	position: relative;
	max-width: 160px;
	margin-left: auto;
}
.door_page .right_ctn .lang_ctn .ko,
.door_page .right_ctn .lang_ctn .btn_ko,
.door_page .right_ctn .lang_ctn .btn_en {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	width: 100%;
	border-radius: 100px;
	padding: 12px 0;
	font-size: 14px;
	font-weight: 600;
	transition: all .2s linear;
}
.door_page .right_ctn .lang_ctn .btn_ko,
.door_page .right_ctn .lang_ctn .btn_en {
	border-radius: 0;
	background: transparent;
}
.door_page .right_ctn .lang_ctn .btn_en {
	background: #fff;
	border-radius: 100px;
}
.door_page .right_ctn .lang_ctn .ko:before,
.door_page .right_ctn .lang_ctn .btn_ko:before {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	background: url("../images/lnag_ko.svg") no-repeat center center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #E6E8EA;
}
.door_page .right_ctn .lang_ctn .btn_en:before {
	background: url("../images/lnag_en.svg") no-repeat center center;
}
.door_page .right_ctn .lang_ctn ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #E6E8EA;
	box-shadow: 0 0.3rem 0.9rem #00000010;
	display: none;
	overflow: hidden;
}
.door_page .right_ctn .lang_ctn ul a:hover {
	background: #E6E8EA;
}
.door_page .right_ctn .door_menu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	box-sizing: border-box;
}
.door_page .right_ctn .door_menu .menu_common {
	position: relative;
	width: calc(50% - 10px);
	border-radius: 16px 8px 8px 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
	aspect-ratio: 360 / 260;
}
.door_page .right_ctn .door_menu .menu_education {
	background: linear-gradient(-45deg, #0693FF 0%, #48CEFF 100%);
}
.door_page .right_ctn .door_menu .menu_journal {
	background: linear-gradient(-45deg, #FE5711 0%, #FF8243 100%);
}
.door_page .right_ctn .door_menu .menu_patient {
	background: linear-gradient(-45deg, #FC6C85 0%, #FEA3B1 100%);
}
.door_page .right_ctn .door_menu .menu_professional {
	background: linear-gradient(-45deg, #715BFF 0%, #A989FF 100%);
}
.door_page .right_ctn .bg_icon {
	position: absolute;
	right: 0;
	bottom: 0;
}
.door_page .right_ctn .menu_ctn {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	padding: 32px 32px 36px;
	color: #fff;
}
.door_page .right_ctn .menu_ctn .top_btn {
	display: inline-flex;;
	justify-content: center;
	align-items: center;
	padding: 6px 16px;
	border: 1px solid #fff;
	border-radius: 100px;
	font-size: 15px;
	font-weight: 500;
}
.door_page .right_ctn .menu_ctn .menu_tit {
	font-size: 32px;
	font-weight: 700;
	line-height: 150%;
	margin-top: 10px;
}
.door_page .right_ctn .menu_ctn .menu_bottom {
	display: flex;
	justify-content: right;
	column-gap: 10px;
	font-size: 18px;
	font-weight: 700;
}

/* 일반인 메인 페이지 */
.bottom_tap {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1360px;
	z-index: 10;
}

.bottom_tap .bottom_wrap {
	display: flex;
	background-color: #FB454A;
	border-radius: 16px 16px 0 0;
	position: relative;
}

.bottom_tap .bottom_wrap .bottom_ctn {
	width: 25%;
	height: 90px;
	cursor: pointer;
	position: relative;
	overflow: visible;
}

.bottom_tap .bottom_wrap .bottom_ctn .inner {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	column-gap: 18px;
	padding: 25px 59px;
	transition: all .2s linear;
	z-index: 1;
	border-radius: 16px 16px 0 0;
	text-align: center;
}

.bottom_tap .bottom_wrap .bottom_ctn img {
	width: 36px;
}

.bottom_tap .bottom_wrap .bottom_ctn .inner .hover_img {
	display: none;
}

.bottom_tap .bottom_wrap .bottom_ctn .text_tit {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}

.bottom_tap .bottom_wrap .bottom_ctn .text_sub {
	display: none;
	font-size: 16px;
	font-weight: 400;
	color: #464C53;
	line-height: 165%;
}

.main_ctn .bg {
	position: relative;
}

.main_ctn .bg .heart_bg {
	position: absolute;
	left: -5px;
	bottom: 0;
}

.main_ctn .bg .txt_bg {
	position: absolute;
	right: 0;
	bottom: 0;
}

.main_ctn .con .inner {
	display: flex;
}

.main_ctn .con .inner .ctn_left {
	width: 50%;
}

.main_ctn .con .inner .ctn_right {
	width: 50%;
	padding-left: 120px;
}

.main_ctn .con .inner .txt-box .more {
	display: flex;
	align-items: center;
	column-gap: 10px;
	cursor: pointer;
}

.more .icon {
	background-color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E6E8EA;
	transition: all .2s linear;
}

.more:hover .icon {
	background-color: #E60012;
	border-color: #E60012;
}

.more .icon:after {
	content: "";
	mask: url(../images/icon_more_arrow.svg) no-repeat 50% 50% / contain;
	-webkit-mask: url(../images/icon_more_arrow.svg) no-repeat 50% 50% / contain;
	display: block;
	background: #6D7882;
	width: 12px;
	height: 12px;
	transition: all .2s linear;
}

.more:hover .icon:after {
	background: #fff;
}

.main_ctn .con .inner .video_ctn {
	position: relative;
	overflow: visible;
}

.ctn_right .data_ctn {
	display: flex;
	column-gap: 20px;
}

.ctn_right .data_ctn .left_data,
.ctn_right .data_ctn .right_data {
	position: relative;
	width: calc((100% - 20px) / 2);
	border-radius: 8px;
	cursor: pointer;
}


.ctn_right .data_ctn .left_data .overlay,
.ctn_right .data_ctn .right_data .overlay {
	position: absolute;
	bottom: 0;
	display: flex;
	align-content: center;
	justify-content: end;
	flex-direction: column;
	row-gap: 16px;
	width: 100%;
	height: 0;
	padding: 0 24px 24px 24px;
	transition: all .2s linear;
	border-radius: 8px;
	transform: translateY(0);
	opacity: 0;
	visibility: hidden;
}

.ctn_right .data_ctn .left_data .overlay {
	background: linear-gradient(transparent 40%, #000 100%);
}

.ctn_right .data_ctn .right_data .overlay {
	background: linear-gradient(rgba(255, 167, 174, 0.8) 0%, rgba(170, 23, 34, 0.8) 100%);
}

.ctn_right .data_ctn .left_data .overlay p,
.ctn_right .data_ctn .right_data .overlay p {
	word-break: break-word;
	font-size: 20px;
	font-weight: 600;
	line-height: 160%;
	color: #fff;
	transition: all .2s linear;#
}

.ctn_right .data_ctn .left_data .overlay .download_btn,
.ctn_right .data_ctn .right_data .overlay .download_btn {
	display: flex;
	align-content: center;
	justify-content: center;
	column-gap: 8px;
	width: 100%;
	padding: 12px 0;
	background-color: #fff;
	border-radius: 100px;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
}

.ctn_right .data_ctn .left_data:hover .overlay,
.ctn_right .data_ctn .right_data:hover .overlay {
	height: 100%;
	transform: translateY(1);
	opacity: 1;
	visibility: visible;
}

.main_ctn_2 .bg {
	width: 100%;
	height: 590px;
	background: url("../images/news_ctn_bg.jpg") no-repeat left top;
	background-size: 100% 100%;
}

.main_ctn_2 .con {
	display: flex;
	column-gap: 53px;
	padding-top: 120px;
}

.main_ctn_2 .con .right_ctn {
	display: flex;
	column-gap: 24px;
}

.main_ctn_2 .con .right_ctn a {
	flex: 1;
}

.news_ctn {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 8px;
	padding: 40px;
	transition: all 0.3s ease;
	aspect-ratio: 360 / 290;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
	transition: all .3s linear;
}

.news_ctn .ctn_top {
	font-size: 24px;
	font-weight: 600;
	line-height: 150%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.news_ctn .ctn_middle {
	font-size: 18px;
	font-weight: 400;
	line-height: 165%;
	color: #464C53;
	margin: 16px 0 32px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 60px;
}

.news_ctn .news_calendar {
	position: relative;
	width: 100%;
	column-gap: 6px;
}
 
.news_ctn .news_calendar img {
	width: 20px;
	aspect-ratio: 5 / 6;
}

.news_ctn .news_calendar p {
	font-size: 15px;
}

.news_ctn .news_calendar::after,
.news_ctn .news_calendar::before {
	content: "";
	position: absolute;
	right: 0;
	width: 30px;
	aspect-ratio: 1 / 1;
	transition: all .3s linear;
}

.news_ctn .news_calendar::after {
	background: url("../images/icon_arrow_diagonal_default.svg") no-repeat center center;
}

.news_ctn .news_calendar::before {
	background: url("../images/icon_arrow_diagonal_hover.svg") no-repeat center center;
	background-size: contain;
	opacity: 0;
	visibility: hidden;
}

.news_ctn:hover {
	border-color: #AA1722;
	box-shadow: 0 0 20px rgba(170, 23, 34, 0.2);
}

.news_ctn:hover .news_calendar::after {
	opacity: 0;
	visibility: hidden;
}

.news_ctn:hover .news_calendar::before {
	opacity: 1;
	visibility: visible;
}

/* 푸터 */
.footer {
	position: relative;
	width: 100%;
	height: 210px;
	background-color: #333A46;
}

.footer .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer .footer_top {
	border-bottom: 1px solid #474D58;
}

.footer .legal_wrap {
	display: flex;
	align-items: center;
	height: 100%;
}

.footer .legal_wrap ul {
	display: flex;
	column-gap: 28px;
}

.footer .legal_wrap ul li {
	position: relative;
}

.footer .legal_wrap ul li a {
	font-size: 16px;
	font-weight: 400;
	color: #E6E8EA;
}

.footer .legal_wrap ul li:first-child::before {
	display: none;
}

.footer .legal_wrap ul li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -14px;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #d9d9d9;
}

footer .family_box {
	height: 100%;
}

footer .family_box .family {
  position: relative;
	height: 100%;
}

footer .family_box .family .btn {
  position: relative;
	display: flex;
	align-items: center;
  width: 23rem;
	height: 100%;
  padding: 0 3.5rem 0 2rem;
  color: #fff;
  font-size: 1.5rem;
	border: 1px solid #474D58;
  line-height: 4.8rem;
  cursor: pointer;
  z-index: 4;
}

footer .family_box .family:hover .btn {
  color: #E6E8EA;
  background: #333A46;
}

footer .family_box .family .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 9%;
  transform: translateY(-50%);
  background: url("../images/arrow_bottom_icon.svg") no-repeat center center;
  width: 13px;
  height: 13px;
}

footer .family_box .family ul {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0 2rem 5rem 2rem;
  background: #333A46;
  border-radius: 2.5rem;
  z-index: 3;
  border: 1px solid #ddd;
}

footer .family_box .family ul li a {
  position: relative;
  display: block;
  font-weight: 300;
  font-size: 1.5rem;
  color: #E6E8EA;
  border-bottom: 1px solid #ddd;
  padding:8px 0;
}

footer .family_box .family ul li a:hover {
  font-weight: 400;
  color: #fff;
}

footer .family_box .family ul li a::after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon_diagonal_w.svg") no-repeat left top;
  background-size: 100%;
}

.footer .footer_bottom .footer_inf .copy {
	font-size: 14px;
	color: #9EA2A8;
}

.footer .footer_bottom .footer_logo {
	width: 145px;
}

.footer .footer_bottom .footer_inf .tel span {
	margin-right: 32px;
}

/* aside */
.svisual .bg {
	position: relative;
	width: 100%;
	height: 280px;
	background: url("../images/sub_visual.jpg") no-repeat 50% 50% / cover;
}

.svisual .bg > .con {
	padding-top: 82px;
}

.svisual .bg .con .stit {
	font-size: 46px;
	font-weight: 700;
	color: #222;
}

.svisual .location {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	height: 60px;
	background-color: #FB454A;
	margin-top: auto;
	margin-bottom: 0;
	z-index: 22;
}

.svisual .location .con {
	height: 100%;
	display: flex;
}

.svisual .location .con .home {
	position: relative;
	display: block;
	width: 60px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.1);
}

.svisual .location .con .home::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	transform: translate(-50%, -50%);
	background: #fff;
	mask: url(../images/icon_home.svg) no-repeat center / contain;
	-webkit-mask: url(../images/icon_home.svg) no-repeat center / contain;
}

.svisual .location .con .g,
.svisual .location .con .s {
	position: relative;
	cursor: pointer;
	user-select: none;
}

.svisual .location .con .g dt,
.svisual .location .con .s dt {
	width: 280px;
	padding: 18px 24px;
	font-size: 18px;
	font-weight: 500;
	line-height: 120%;
}

.svisual .location .con .g dt::after,
.svisual .location .con .s dt::after {
	content: "";
	position: absolute;
	top: 0;
	right: 24px;
	width: 24px;
	height: 100%;
	background: #fff;
	mask: url(../images/lang_arrow.svg) no-repeat 50% 50% / contain;
	-webkit-mask: url(../images/lang_arrow.svg) no-repeat 50% 50% / contain;
	transition: .2s linear;
}

.svisual .location .con .g.active dt::after,
.svisual .location .con .s.active dt::after {
	transform: rotate(180deg);
}

.svisual .location .con dd {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	border: #ddd 1px solid;
	box-shadow: rgba(0, 0, 0, .1) 5px 0 10px;
	display: none;
}

.svisual .location .con dd a {
	position: relative;
	display: block;
	padding: 18px 24px;
	font-size: 18px;
	font-weight: 500;
	line-height: 120%;
	color: #1e2124;
	background: #fff;
	z-index: 21;
}

.svisual .location .con dd a.on,
.svisual .location .con dd a:hover {
	background: #FB454A;
	color: #fff;
}

/* 서브 페이지 */
.mainContent .con {
	max-width: 1360px;
	margin: 0 auto;
}

.mainContent {
	padding: 100px 0 160px;
}

.mainContent .board_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 41px;
}

.mainContent .board_top .total {
	font-size: 16px;
	font-weight: 400;
	line-height: 165%;
}

.mainContent .board_top .total strong {
	color: #203E99;
	font-weight: 600;
	margin-left: 8px;
}

.mainContent .board_top .search_wrap {
	display: flex;
	font-size: 16px;
	font-weight: 400;
	line-height: 165%;
}

.mainContent .board_top .nice-select {
	position: relative;
	padding: 14px 20px;
	width: 153px;
	height: 54px;
	margin-right: 12px;
	border: 1px solid #DDD;
	border-radius: 28px;
	background: #fff;
	float: left;
	cursor: pointer;
}

.mainContent .board_top .nice-select:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	display: block;
	width: 20px;
    height: 20px;
    background: url(../images/icon_arrow_bottom_line.svg) no-repeat center center / contain;
	transition: all 0.2s;
}

.mainContent .board_top .nice-select .current {
	color: #222;
}

.nice-select .list {
	position: absolute;
	width: 100%;
    top: 100%;
    left: 0;
	background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.mainContent .board_top .nice-select.active:after {
	transform: translateY(-50%) rotate(180deg);
}

.mainContent .board_top .nice-select.active .list {
	opacity: 1;
    pointer-events: auto;
	transform: scale(1) translateY(0);
}

.nice-select .list ul {
	max-height:360px;
	overflow:auto;
	box-shadow: rgba(0, 0, 0, .1) 5px 0 10px;
}

.nice-select .list ul li{
	cursor: pointer;
    line-height: 40px;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
}

.nice-select .list ul li.focus,
.nice-select .list ul li:hover {
	background-color: #f6f6f6;
	font-weight: bold;
}

.board_top .search_wrap input.text {
	width: 334px;
	height: 54px;
	padding: 14px 20px;
	border: 1px solid #DDD;
	border-radius: 28px;
	background: #fff;
	color: #6D7882;
}

.board_top .btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 24px;
	aspect-ratio: 15/16;
    background: url(../images/icon_search.svg) no-repeat 50% 50% / contain;
	font-size: 0;
}

.board_top .btn_youtube {
	display: flex;
	align-items: center;
	column-gap: 8px;
	font-size: 1.8rem;
	font-weight: 400;
	margin-right: 20px;
}

.board_top .btn_youtube:before {
	content: "";
	background: url(/pub/images/main/youtube_logo.png) no-repeat center center / contain;
	width: 32px;
	height: 32px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

.board_top .btn_youtube:hover {
	text-decoration: underline;
}

.video_list,
.news_list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 29px;
	margin-bottom: 80px;
}

.video_list a,
.news_list a {
	width: calc((100% - 60px) / 3);
	display: block;
}

.video_list a:hover .tit {
	text-decoration: underline;
	text-underline-position: under;
}

.video_list .thum {
	width: 100%;
}

.video_list .thum img {
	border-radius: 8px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 433 / 243;
}

.video_list .txt .tit {
	margin: 24px 0 17px;
	font-size: 22px;
	font-weight: 600;
	line-height: 160%;
	letter-spacing: -0.66px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	min-width: 0;
}

.video_list .txt .date {
	font-size: 15px;
	font-weight: 500;
	color: #6D7882;
	padding-left: 26px;
	background: url(../images/icon_calendar.svg) no-repeat 0 50%;
	background-size: 20px;
}

.board_bottom,
.board_bottom .paging {
	display: flex;
	justify-content: center;
}

.board_bottom .paging a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	aspect-ratio: 1/1;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.48px;
}

.board_bottom .paging a.on {
	background: #D20314;
	color: #fff;
}

.board_bottom .paging a.arrow {
	border: 1px solid #CCC;
	font-size: 0;
}

.board_bottom .paging .arrow.two {
	background: url(../images/arrow_double.svg) no-repeat center center;
}

.board_bottom .paging .arrow.one {
	background: url(../images/arrow_single.svg) no-repeat center center;
}

.board_bottom .paging .arrow.next,
.board_bottom .paging .arrow.last{
	transform: scaleX(-1);
}

.mainContent .news_list {
	gap: 30px 29px;
}

.mainContent .news_ctn {
	aspect-ratio: 434 / 280;
	padding: 0 32px;
}

/* view */
.board_view .content_header {
	border-bottom: 1px solid #E6E6E6;
}
.board_view .tit {
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
}

.mainContent .info {
	display: flex;
	column-gap: 33px;
	margin: 16px 0 40px;
	font-size: 18px;
	font-weight: 400;
	color: #1E2124;
	letter-spacing: -0.54px;
}

.board_view .date {
	position: relative;
	padding-left: 30px;
	background: url(../images/icon_calendar_line.svg) no-repeat 0 50%;
	background-size: 20px;
}

.board_view .date::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -16px;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: #E6E8EA;
}

.board_view .visit {
	padding-left: 30px;
	background: url(../images/icon_user_line.svg) no-repeat 0 50%;
	background-size: 20px;
}

.board_view .content {
	padding: 40px 24px 90px;
	font-size: 20px;
	font-weight: 400;
	line-height: 180%;
	letter-spacing: -0.6px;
	color: #464C53;
}

.board_view .board_bottom {
	display: block;
}

.board_view .attached {
	display: flex;
	align-items: center;
	width: 100%;
	height: 59px;
	border-radius: 8px;
	background: #F8F9FB;
	padding: 0 24px;
	margin-bottom: 8px;
}

.board_view .attached .tit {
	color: #222;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	padding-left: 30px;
	background: url(../images/icon_attached.svg) no-repeat 0 50%;
	background-size: 20px;
}

.board_view .btns {
	margin-top: 32px;
	padding-top: 52px;
	border-top: 1px solid #E6E6E6;
}

.board_view .btns .fl {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.board_view .btns .fl .btn {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.54px;
}

.board_view .btns .fl .btn.list {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	aspect-ratio: 160 / 60;
	border-radius: 8px;
	background: #1E2124;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

.board_view .btns .prevnext {
	display: flex;
	align-items: center;
	column-gap: 12px;
}

.board_view .btns .btn .arrow {
	display: block;
	width: 36px;
	aspect-ratio: 1 / 1;
	border-radius: 4px;
	border: 1px solid #E6E8EA;
	background: #FFF;
	background: url(../images/icon_arrow_prevnext.svg) no-repeat 50% 50%;
	background-size: 10px;
}

.board_view .btns .btn .next_arrow {
	transform: scaleX(-1);
}

.qna_top {
	display: flex;
	align-items: center;
	justify-content: left;
	column-gap: 48px;
	padding: 48px;
	height: 186px;
	border: 1px solid #E6E8EA;
	border-radius: 8px;
	background: #FFF;
	margin-bottom: 80px;
}

.qna_top img {
	display: block;
	width: 97px;

	aspect-ratio: 97 / 79;
}

.qna_top .tit {
	font-size: 30px;
	font-weight: 500;
	line-height: 132%;
	letter-spacing: -0.9px;
}

.qna_top .tit03 {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.54px;
	margin-top: 16px;
}

.qna_list {
	margin-bottom: 64px;
}

.qna_list dl {
	position: relative;
    border-radius: 8px;
	border: 1px solid #E6E8EA;
	background: #F8F8F8;
	margin-bottom: 16px;
}

.qna_list dl:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: #AA1722 2px solid;
    border-radius: inherit;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: .2s linear;
}

.qna_list dt button,
.qna_list dd {
	position: relative;
	display: block;
    width: 100%;
    text-align: left;
    word-break: break-word;
	padding: 25px 77px;
	font-size: 20px;
	font-weight: 500;
	line-height: 150%;
}

.qna_list dt button:before {
	content: "Q";
    color: #fff;
    background: #1E2124;
    top: 50%;
    transform: translateY(-50%);
}

.qna_list dt button:before,
.qna_list dd:before {
	left: 30px;
    font-size: 16px;
	font-weight: 700;
	color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qna_list dt button:before,
.qna_list dt button i,
.qna_list dd:before {
	position: absolute;
    width: 31px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

.qna_list dt button i {
	right: 30px;
    top: 50%;
    transform: translateY(-50%);
	border: 1px solid #E6E8EA;
}

.qna_list dt button i:before {
	width: 10px;
    height: 2px;
}

.qna_list dt button i:after {
	width: 2px;
    height: 10px;
}

.qna_list dt button i:before,
.qna_list dt button i:after {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #1E2124;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    transition: .2s linear;
}

.qna_list dl.on:before {
	opacity: 1;
}

.qna_list .on dt button {
	border-radius: 8px 8px 0px 0px;
	background: #FCE9EA;
}

.qna_list .on dt button i:after {
	width: 10px;
    height: 2px;
}

.qna_list dd {
    background: #fff;
	padding: 30px 30px 30px 77px;
	font-size: 18px;
	font-weight: 400;
	color: #222;
}

.qna_list dd:before {
	content: "A";
    color: #fff;
    background: #FB454A;
    top: 26px;
}

.qna_list .tit03 p,
.qna_list .tit03 span {
	font-size: 18px;
	font-weight: 400;
	line-height: 165%;
	letter-spacing: -0.54px;
	font-style: normal;
	font-family: 'Pretendard' !important;
}

.qna_list .tit03 a {
	text-decoration: underline;
	text-underline-position: under;
	color: #FB454A;
}

/* 교육자료 */
.mainContent .date_wrap {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.mainContent .date_wrap .ctn_item {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 30px;
	width: calc((100% - 30px) / 2);
	padding: 30px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
	border: 2px solid #fff;
	transition: all .3s linear;
}

.mainContent .date_wrap .ctn_item:hover {
	border-color: #AA1722;
	box-shadow: 0 0 20px rgba(170, 23, 34, 0.2);
}

.mainContent .date_wrap .ctn_item .img_box {
	width: 35%;
}

.mainContent .date_wrap .ctn_item .img_box img {
	border-radius: 8px;
}

.mainContent .date_wrap .ctn_item .text_box {
	width: 65%;
}

.mainContent .date_wrap .ctn_item .text_box .tit {
	font-size: 22px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.66px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.calendar {
	display: flex;
	column-gap: 6px;
	margin: 25px 0 50px ;
	font-size: 15px;
}

.calendar img {
	width: 20px;
    aspect-ratio: 5 / 6;
}

.download_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.54px;
	border-radius: 100px;
	border: 1px solid #DDD;
	padding: 12px 0;
	backdrop-filter: blur(10px);
	transition: all .3s linear;
	cursor: pointer;
}

.download_btn i {
	mask: url(../images/download_icon.svg) no-repeat 50% 50% / contain;
	-webkit-mask: url(../images/download_icon.svg) no-repeat 50% 50% / contain;
	display: block;
	width: 20px;
	height: 20px;
	background: #1E2124;
	transition: all .3s linear;
}

.mainContent .date_wrap .ctn_item:hover .download_btn {
	color: #fff;
	border-color: #E60012;
	background: #E60012;
}

.mainContent .date_wrap .ctn_item:hover .download_btn i {
	background: #fff;
}

/* 내가 심부전이라고요? */
.mainContent .tab_menu .mo_menu {
	display: none;
}

.mainContent .tab_menu ul {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.mainContent .tab_menu li {
	width: calc((100% - 36px) / 4);
}

.mainContent .tab_menu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	border-radius: 32px;
	background: #F4F5F6;
	font-size: 18px;
	font-weight: 400;
	color: #6D7882;
}

.mainContent .tab_menu li a.active {
	border: 2px solid #E60012;
	background: #fff;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
	color: #E60012;
	font-weight: 600;
}

.mainContent .ctn_top {
	padding: 80px 0;
	margin-bottom: 80px;
	border-bottom: 1px solid #E6E6E6;
}

.mainContent .ctn_top.nobd {
	border: none;
	padding: 0;
	margin: 80px 0;
}

.mainContent .tit01 {
	font-size: 34px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -1.02px;
}

.mainContent .ctn_top .tit03 {
	font-size: 18px;
	font-weight: 400;4
	line-height: 165%;
	letter-spacing: -0.54px;
	margin: 24px 0 56px 0;
}

.mainContent .ctn_top .img_box {
	border-radius: 20px;
	width: 100%;
	height: auto;
}

.mainContent .ctn_top .img_box {
	width: 100%;
	/* aspect-ratio: 1360 / 600; */
}

.mainContent .img_box.border {
	border: 2px solid #E6E8EA;
	background: #fff;
	padding: 48px 0;
	height: auto;
	border-radius: 20px;
	margin-top: 80px;
}

.mainContent .img_box.border img {
	display: block;
	max-width: 640px;
	margin: 0 auto;
}

.question_wrap .question_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 40px;
	border-radius: 20px;
	background: #F8F9FB;
	margin-bottom: 24px;
}

.question_wrap .question_item .dot_list {
	align-items: baseline;
}

.question_wrap .question_item .dot_list:last-child {
	margin-bottom: 10px;
}

.question_wrap.nobg {
	margin: 56px 0 80px 0;
}

.question_wrap.nobg .question_item {
	background: #fff;
	border: 1px solid #E6E8EA;
}

.question_wrap.nobg .question_item .tit02.num:before {
	background: #1E2124;
	width: 26px;
	height: 26px;
}

.question_wrap.nobg .question_item .tit02 {
	align-items: flex-start;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 12px;
	line-height: 170%;
}

.mainContent .tit02 {
	display: flex;
	align-items: center;
	column-gap: 12px;
	font-size: 24px;
	font-weight: 600;
	line-height: 125%;
	letter-spacing: -0.72px;
	margin-bottom: 24px;
}

.question_wrap.search .question_item .tit02:before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #E60012 url(../images/icon_search_h.svg) no-repeat 50% 50% / contain;
	background-size: 18px;
}

.mainContent .tit02.num:before {
	background: #E60012;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 16px;
	flex-shrink: 0;

	/* 추가 */
	vertical-align: middle;
	position: relative;
	top: 5px; /* 필요시 조정 */
}

.mainContent .tit02.num1:before {
	content: "1";
}

.mainContent .tit02.num2:before {
	content: "2";
}

.mainContent .tit02.num3:before {
	content: "3";
}

.mainContent .tit02.num4:before {
	content: "4";
}

.mainContent .tit02.num5:before {
	content: "5";
}

.mainContent .tit02.num6:before {
	content: "6";
}

.mainContent .tit02.num7:before {
	content: "7";
}

.mainContent .tit02.num8:before {
	content: "8";
}

.mainContent .tit02.num9:before {
	content: "9";
}

.mainContent .tit02.num10:before {
	content: "10";
}

.mainContent .tit02.num11:before {
	content: "11";
}

.mainContent .tit03 {
	font-size: 18px;
	font-weight: 400;
	line-height: 165%;
	letter-spacing: -0.54px;
}

.img_copyright {
	background: url(../images/icon_warning.svg) no-repeat left 50% / contain;
	background-size: 18px;
	padding-left: 26px;
	font-size: 18px;
	font-weight: 400;
	line-height: 165%;
	letter-spacing: -0.54px;
	color: #6D7882;
	margin-top: 16px;
}

.symptom_table {
	width: 100%;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 165%;
	letter-spacing: -0.54px;
	color: #222;
	text-align: center;
	border-top: 2px solid #222;
}

.symptom_table th,
.symptom_table td {
	border-bottom: 1px solid #DDD;
	padding: 30px 0;
	vertical-align: middle;
}

.symptom_table th {
	font-weight: 600;
}

.symptom_table td:first-child,
.symptom_table th:first-child {
	width: 20%;
	border-right: 1px solid #DDD;
}

.symptom_table td:last-child,
.symptom_table th:last-child {
	width: 80%;
}

.symptom_table td:last-child {
	text-align: left;
	padding-left: 32px;
}

.symptom_table.compartment3 td:first-child,
.symptom_table.compartment3 th:first-child {
	width: 20%;
}

.symptom_table.compartment3 td:nth-child(2),
.symptom_table.compartment3 th:nth-child(2) {
	width: 10%;
}

.symptom_table.compartment3 td:last-child,
.symptom_table.compartment3 th:last-child {
	width: 70%;
}

.symptom_table.compartment3 th,
.symptom_table.compartment3 td {
  border: 1px solid #DDD;
}

.symptom_table.compartment3 td:first-child,
.symptom_table.compartment3 th:first-child {
	border-left: none;
}

.symptom_table.compartment3 td:last-child,
.symptom_table.compartment3 th:last-child {
	border-right: none;
}

.symptom_table.compartment3 td:last-child {
	text-align: center;
}

.symptom_table.compartment3.compartment3_2 td:nth-child(2),
.symptom_table.compartment3.compartment3_2 th:nth-child(2) {
	width: 40%;
}

.symptom_table.compartment3.compartment3_2 td:last-child,
.symptom_table.compartment3.compartment3_2 th:last-child {
	width: 40%;
}

.mainContent .sub_tit {
	display: flex;
	align-items: center;
	column-gap: 16px;
	font-size: 28px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.84px;
}

.mainContent .sub_tit:before {
	content: "";
	display: block;
	width: 3px;
	height: 24px;
	background: linear-gradient(#E60012 50%, #0863B2 50%);
}

.announcement_wrap .announcement_item {
	display: flex;
	align-items: center;
	column-gap: 40px;
	background: #F8F9FB;
	border-radius: 20px;
	margin-top: 24px;
	padding: 40px;
}

.announcement_wrap .announcement_item.nobg {
	background: #fff;
	border: 1px solid #E6E8EA;
}

.announcement_wrap .announcement_item .img_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	aspect-ratio: 1 / 1;
	border: 1px solid #FF6355;
	border-radius: 50%;
	background: #fff;
}

.mainContent .dot_list {
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-size: 18px;
	font-weight: 400;
	line-height: 165%;
	letter-spacing: -0.54px;
	margin-bottom: 8px;
}

.mainContent .dot_list.bold {
	font-weight: 600;
}

.mainContent .dot_list:last-child {
	margin-bottom: 0;
}

.mainContent .dot_list:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #6D7882;
	border-radius: 50%;
}

.mainContent .check_item {
	display: flex;
	align-items: center;
	column-gap: 16px;
	border-radius: 15px;
	border: 1px solid #E6E8EA;
	padding: 23px 0 23px 30px;
	font-size: 20px;
	font-weight: 400;
	line-height: 170%;
	letter-spacing: -0.6px;
	margin-bottom: 16px;
}

.mainContent .check_wrap.flex {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.mainContent .check_wrap.flex .check_item {
	width: calc((100% - 24px) / 2);
	margin-bottom: 0;
	padding: 25px 25px 25px 30px;
}

.mainContent .check_item:last-child {
	margin-bottom: 0;
}

.mainContent .check_item:before {
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	flex-shrink: 0;
	background: url(../images/icon_check_list.svg) no-repeat center center / contain;
}

.mainContent .question_wrap.summary .tit02 {
	margin-bottom: 10px;
}

.mainContent .question_wrap.summary .tit04 {
	color: #6D7882;
}

.mainContent .line {
	width: 100%;
	height: 1px;
	background: #E6E6E6;
	margin: 24px 0;
}

.mainContent .question_wrap.summary .bottom_text {
	display: flex;
	align-items: flex-start;
	column-gap: 24px;
	font-size: 18px;
	font-weight: 400;
	line-height: 165%;
	letter-spacing: -0.54px;
}

.mainContent .question_wrap.summary .bottom_text .pill {
	display: flex;
	align-items: center;
	column-gap: 8px;
	font-weight: 600;
	flex: 0 0 172px;
}

.mainContent .question_wrap.summary .bottom_text .pill:before {
	content: "";
	width: 17px;
	height: 17px;
}

.mainContent .question_wrap.summary .bottom_text .pill_1:before {
	background: url(../images/icon_pill_1.svg) no-repeat center center / contain;
}

.mainContent .question_wrap.summary .bottom_text .pill_2:before {
	background: url(../images/icon_pill_2.svg) no-repeat center center / contain;
}

.mainContent .info_wrap {
	display: flex;
	column-gap: 10px;
	justify-content: space-between;
	width: 100%;
}

.mainContent .info_wrap .info_left,
.mainContent .info_wrap .info_rigt {
	width: calc((100% - 10px) / 2);
}

.mainContent .sub_tit,
.mainContent .tit01 {
	margin-bottom: 24px;
}

.mainContent .sub_tit {
	margin-top: 80px;
}

.card_wrap {
	display: flex;
	column-gap: 40px;
	align-items: stretch;
}

.card_wrap .card_item {
	width: calc((100% - 40px) / 2);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
}

.card_wrap .card_item .text_box {
	display: flex;
	align-items: start;
	flex-grow: 1;
	column-gap: 40px;
	padding: 24px;
	border-radius: 0 0 15px 15px;
	border: 1px solid #E6E8EA;
}

.card_wrap .card_item .text_box .card_tit {
	display: flex;
	align-items: center;
	column-gap: 16px;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.72px;
	white-space: nowrap;
}

.card_wrap .card_item .text_box .card_tit i {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #FF6355;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card_wrap .card_item .text_box .card_tit i:before {
	content: "";
	width: 24px;
	height: 24px;
}

.card_wrap .card_item .text_box .card_tit.cook i:before {
	background: url(../images/icon_cook.svg) no-repeat center center / contain;
}

.card_wrap .card_item .text_box .card_tit.table i:before {
	background: url(../images/icon_plate.svg) no-repeat center center / contain;
}

.item_grid {
	display: flex;
	column-gap: 24px;
}

.item_grid .item {
	width: calc((100% - 72px) / 4);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	row-gap: 16px;
}

.item_grid .item img {
	border-radius: 15px;
	width: 100%;
	display: block;
}

.item_grid.grid3 {
	margin-bottom: 16px;
}

.item_grid.grid3 .item {
	position: relative;
	width: calc((100% - 48px) / 3);
}

.item_grid.grid3 .item:after {
	position: absolute;
	bottom: 24px;
	left: 24px;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}

.item_grid.grid3 .item01:after {
	content: "포옹하기";
}

.item_grid.grid3 .item02:after {
	content: "손잡기";
}

.item_grid.grid3 .item03:after {
	content: "키스하거나 다정한 스킨십 나누기";
}

.flex_grid {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 24px;
	border-radius: 15px;
	border: 1px solid #E6E8EA;
	padding: 48px;
}

.flex_grid .item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex: 0 0 calc((100% - 240px) / 4);
	text-align: center;
}

.item .circle_img { 
	position: relative;
	border-radius: 50%;
	width: 140px;
	height: 140px;
	aspect-ratio: 1 / 1;
	margin-bottom: 16px;
}

.flex_grid .item .circle_img:after,
.flex_grid .item .circle_img:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
}

.flex_grid .item .circle_img:after {
	content: "";
	width: 100%;
	border: 2px solid #E60012;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.flex_grid .item .circle_img:before {
	width: 4px;
	background: #E60012;
	transform: translate(-50%, -50%) rotate(45deg);
	transform-origin: center center;
}

.flex_grid .item span {
	font-size: 18px;
	font-weight: 600;
	line-height: 165%;
	letter-spacing: -0.54px;
	color: #1E2124;
}

.flex_grid .item span em {
	font-style: normal;
	font-weight: 400;
}

.flex_grid .item i {
	background: url(../images/icon_down2.svg) no-repeat center center / contain;
	width: 20px;
	height: 20px;
}

.mainContent .nail_ctn {
	padding: 30px;
	border: 1px solid #E6E8EA;
	border-radius: 15px;
}

.text_wrap {
	display: flex;
	align-items: flex-start;
	column-gap: 40px;
	margin-bottom: 16px;
}

.text_wrap .nail {
	display: flex;
    align-items: center;
    column-gap: 8px;
	width: 144px;
    font-weight: 600;
	font-size: 18px;
}

.text_wrap .nail:before {
	content: "";
	background: url(../images/icon_nail.svg) no-repeat center center / contain;
	width: 20px;
	height: 20px;
}

.text_wrap .dot_wrap.flex {
	column-gap: 16px;
}

.text_wrap .dot_wrap .dot_list {
	margin-bottom: 12px;
}

.tit03.apple {
	display: flex;
	align-items: center;
	column-gap: 16px;
	font-weight: 600;
	margin: 24px 0 16px 0;
}

.tit03.apple:before {
	content: "";
	background: url(../images/icon_apple.svg) no-repeat center center / contain;
	width: 18px;
	height: 20px;
}

.circle_wrap {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 7rem;
	border: 1px solid #E6E8EA;
	border-radius: 15px;
	padding: 48px 0 40px 0;
}

.circle_wrap .item {
	text-align: center;
}

.circle_wrap .item span {
	font-weight: 600;
}

.circle_wrap .item p {
	margin-top: 6px;
}

.announcement_item .flex {
	column-gap: 16px;
}

.announcement_item .flex .dot_list {
	font-weight: 600;
}

.announcement_wrap.eat_out {
	margin-bottom: 80px;
}

.announcement_wrap.eat_out .announcement_item {
	align-items: flex-start;
}

.cl_box {
	margin-top: 24px;
}

.cl_box .check_list {
	background: url(../images/icon_check_list.svg) no-repeat left top 5px / contain;
	background-size: 20px;
	padding-left: 32px;
	margin-bottom: 16px;
}

.cl_box .check_list:last-child {
	margin-bottom: 0;
}

.cl_box .check_list .tit03.bold {
	font-weight: 600;
}

.cl_box.border {
	border: 1px solid #E6E8EA;
	border-radius: 15px;
	padding: 30px;
}

.cl_box.border .check_list {
	background: url(../images/icon_check_list.svg) no-repeat left top 5px / contain;
	background-size: 30px;
	padding-left: 46px;
}

.cl_box.border .check_list .tit03.bold {
	font-size: 24px;
	margin-bottom: 12px;
}

/* 비디오 팝업 */
.popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
}

.popup .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
}

.popup .pop_inner {
  width: 100%;
  max-width: 65rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #fff;
}

.popup.youtube .pop_inner {
  max-width: 91rem;
  background: none;
}

.popup .pop_inner .close {
  position: absolute;
  right: 0;
  top: -3.5rem;
  width: 2.6rem;
  height: 2.6rem;
  font-size: 0;
  text-indent: -9999px;
  background: url("../images/pop_close.png") no-repeat left top;
  background-size: 100%;
  cursor: pointer;
}

.video_wrap {
  position: relative;
  padding-bottom: 55%;
  height: auto;
}

.video_wrap iframe,
.video_wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.popup .pop_inner .mem {
  padding: 6.5rem 3rem 9rem;
}

.popup .pop_inner .agree_in p {
  text-align: center;
  margin-bottom: 0.4rem;
  font-weight: 300;
}

.popup .pop_inner .agree_in .txt01 {
  color: #333;
}

.popup .pop_inner h5.title {
  margin-bottom: 2.5rem;
  text-align: center;
  color: #333;
  font-weight: 600;
  font-size: 3.5rem;
}

.popup .f .desc {
  margin-bottom: 0.6rem;
  text-align: center;
  color: #333;
  font-weight: 300;
}

.popup .mem .ps {
  margin-top: 0.7rem;
  font-weight: 300;
  color: #e60012;
  font-size: 1.4rem;
}

.popup .pop_inner form {
  max-width: 39.7rem;
  margin: 3rem auto 0;
}

form.member .input_wrap {
  display: flex;
  padding: 0 2rem;
  margin: 1rem 0 0;
  line-height: 4.8rem;
  border: 1px solid #ddd;
}

form.member .input_wrap span {
  display: inline-block;
  margin-right: 0.8rem;
  color: #333;
}

form.member input[type="text"],
form.member input[type="password"] {
  width: 100%;
  height: 4.8rem;
  padding: 0;
  border: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.popup .inquiry {
  margin-top: 2.5rem;
  text-align: center;
}

.popup .inquiry .txt {
  margin-bottom: 0.2rem;
  color: #333;
  font-weight: 300;
}

.popup .inquiry .contact span {
  margin: 0 2rem;
  font-weight: 300;
}

.popup .inquiry .contact span b {
  color: #111;
  font-weight: 400;
}

.popup .find {
  text-align: center;
}

.popup .find .s_tit {
  margin-bottom: 3rem;
  font-size: 2.2rem;
  color: #111;
  font-weight: 500;
}

.popup .find .txt {
  margin-bottom: 1rem;
  color: #333;
  font-weight: 300;
}

.popup.join_finish .find .txt {
  margin-bottom: 3rem;
}

.popup .find .point {
  color: #e60012;
}

.popup .find .txt strong {
  font-size: 2.2rem;
  font-weight: 500;
}

.popup .find .desc {
  font-weight: 300;
  color: #666;
}

.mem_btn {
  margin: 3rem auto 0;
  max-width: 39.7rem;
}

.mem_btn a.btn {
  display: block;
  margin-top: 1rem;
  text-align: center;
  color: #fff;
  line-height: 5rem;
  font-size: 1.6rem;
  background: #999;
  border-radius: 50px;
}

.mem_btn .btn.red {
  background: #782D9F;
}
.mem_btn .btn.blue {
  background: transparent;
  border: 1px solid #782D9F;
  color: #782D9F;
}
.popup .mem .lg_util {
	text-align: center;
	margin-top: 3rem;
}
.lg_util a::before {
	content: " |";
    display: inline-block;
    margin: 0 1.4rem 0 1rem;
    color: #ddd;
}
.lg_util a:first-child::before {
	display: none;
}

/* 통합검색 */
.total_search {padding:50px 0;}
.total_search .inner {text-align:center; font-size:0;}
.total_search .text,
.total_search .btn {height:50px; border-radius:3px;}
.total_search .text {width:480px; line-height:48px; font-size:16px; color:#231815; padding:0 20px;}
.total_search .text::placeholder {color:#bbb;}
.total_search .btn {width:100px; font-size:18px; color:#fff; font-weight:600; line-height:50px; background:#FB454A;}

.total_search_wrap .stit {position:relative; padding-bottom:30px; border-bottom:#ddd 1px solid; margin-top:100px;}
.total_search_wrap .stit.m {font-size: 32px; font-weight: 700; line-height: 50px;}
.total_search_wrap .stit:first-child {margin-top:0;}
.total_search_wrap .stit strong {color:#1A4399;}
.total_search_wrap .stit .more {position:absolute; top:0; right:0; font-size:18px; color:#231815; font-weight:500; line-height:inherit; padding-right:30px;}
.total_search_wrap .stit .more:after {content:""; position:absolute; top:50%; right:0; width:20px; height:20px; border:#ddd 1px solid; border-radius:3px; background:url('../images/icon_more.svg') no-repeat 50% 50%; margin-top:-10px;}
.total_search_wrap ul {border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.total_search_wrap li {border-bottom:#eee 1px solid;}
.total_search_wrap li:last-child {border-bottom:0;}
.total_search_wrap li a {display:block; padding:40px;}
.total_search_wrap li span {display:block;}
.total_search_wrap li .tt {font-size:24px; color:#231815; font-weight:700; line-height:30px; margin-bottom:16px;}
.total_search_wrap li .t {font-size:18px; color:#666; font-weight:600; line-height:22px; margin-bottom:16px;}
.total_search_wrap li p {font-size:20px; color:#231815; font-weight:500; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.total_search_wrap li p strong {color:#E32E21; font-weight:500;}
.total_search_wrap li .view {display:block; font-size:15px; color:#1A4399; font-weight:500; line-height:20px; margin-top:30px;}
.total_search_wrap li .view:after {content:""; display:inline-block; vertical-align:top; width:18px; height:20px; margin-left:10px; background:url('../images/arrow_more_b.svg') no-repeat 50% 50% / contain;}

#depth {background:#fff; z-index:30; border-bottom:#ddd 1px solid; border-top:#ddd 1px solid; transition:.2s linear;}
#depth:before {content:""; position:absolute; top:0; left:50%; width:0; height:1px; background:#ddd; opacity:0; transition:.5s linear;}

#depth .depth_ctn {
	display: flex;
	justify-content: center;
	overflow-x: auto;
}

#depth .depth_ctn .depth_item {
	padding: 0 20px;
	white-space: nowrap;
}

#depth a {position:relative; display:flex; justify-content:center; align-items:center; text-align:center; font-size:20px; color:#222; font-weight:300; line-height:20px; height:94px; width:auto; transition:.2s linear;}
#depth a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:5px; background:#FB454A; transition:.2s linear;}
#depth a.on {font-weight:600;}
#depth a.on:after {left:0; width:100%;}