@charset "UTF-8";

.no_vsl #container {background: #fafafa;}
.no_vsl #container::before {content: ""; display: block; padding-top: 110px; background: #fafafa;}

@media (max-width: 992px) {
	.no_vsl #container::before {padding-top: 80px;}
}

@media (max-width: 576px) {
	.no_vsl #container::before {padding-top: 66px;}
}

/* common */
.content_header {background-repeat: no-repeat; background-position: center; background-size: cover; height: 585px; text-align: center; position: relative; padding-top: 109px; padding-bottom: 66px;}
/* .content_header.type2 {height: 650px; } */
.content_header .inner {margin-top: -1rem;}
.openarray .content_header {background-image: url(../../images/img/openarray_title_bg.jpg);}
.microarray .content_header {background-image: url(../../images/img/microarray_title_bg.jpg);}
.ngs .content_header {background-image: url(../../images/img/ngs_title_bg.jpg);}
.genocare .content_header {background-image: url(../../images/img/genocare_title_bg.jpg);}
.genocheck .content_header {background-image: url(../../images/img/mray_title_bg.jpg);}
.genocoach .content_header {background-image: url(../../images/img/genocoach_title_bg.jpg);}
.contactus .content_header {background-image: url(../../images/img/contactus_title_bg.jpg);}
.news .content_header {background-image: url(../../images/img/news_title_bg.jpg);}
.result .content_header {background-image: url(../../images/img/result_title_bg.jpg);}

@media (max-width: 992px) {
	.content_header {padding-top: env(safe-area-inset-top); height: 323px; padding-top: 80px; padding-bottom: 48px;}
/* 	.content_header.type2 {height: 371px; } */
	.contactus .content_header {background-position: 20% 0;}
	.openarray .content_header {background-image: url(../../images/img/openarray_title_bg_m.jpg);}
  .microarray .content_header {background-image: url(../../images/img/microarray_title_bg_m.jpg);}
	.ngs .content_header {background-image: url(../../images/img/ngs_title_bg_m.jpg);}
	.genocare .content_header {background-image: url(../../images/img/genocare_title_bg_m.jpg);}
	.genocheck .content_header {background-image: url(../../images/img/mray_title_bg_m.jpg);}
	.genocoach .content_header {background-image: url(../../images/img/genocoach_title_bg_m.jpg);}
	.contactus .content_header {background-image: url(../../images/img/contactus_title_bg_m.jpg);}
	.result .content_header {background-image: url(../../images/img/result_title_bg_m.jpg);}
}


@media (max-width: 576px) {
	.content_header {height: 270px; padding-top: 66px; padding-bottom: 40px;}
	/* .content_header.type2 {height: 309px; } */
}

.heading {font-size: var(--font-size-70); line-height: 1; font-weight: var(--font-wth-bk); letter-spacing: var(--letter-sp-lg);}
.heading.eng {font-size: var(--font-size-80); line-height: .8; letter-spacing: 0;}
.head_copy {font-size: var(--font-size-22); line-height: calc(var(--font-size-22) + 10px); letter-spacing: var(--letter-sp-lg); margin: -.42em 0;}
.heading + .head_copy {margin-top: 1em;}
.section {padding: var(--spacing-160) 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sec_tit {font-size: var(--font-size-45); font-weight: var(--font-wth-bd); letter-spacing: var(--letter-sp-lg); color: var(--color-black); line-height: 1;}
.sec_tit.type2 {font-weight: var(--font-wth-bk); line-height: var(--font-size-45);}
.sec_tit.type2 .eng {line-height: inherit;}
.sec_tit .eng {font-size: 1.223em; line-height: 1.2; letter-spacing: -0.025em; display: inline-block;margin-top: -.2em; margin-right: .1em;}
.sec_tit .eng .sm {font-size: var(--font-size-24); font-weight: var(--font-wth-sm);}
.sec_tit .eng.mb {margin-bottom: .1em;}
.sec_tit .bk {font-weight: var(--font-wth-rg);}
.sec_tit > * + .txt_desc {margin-top: .295em;}
.sec_tit > * + .txt_desc.sm {margin-top: 1.15em;}
.sec_tit.inline .eng {position: relative; top: .05em; display: inline-block;}
.sec_tit.line::before {content: ""; display: block; width: 35px; height: 10px; background: var(--color-point-light); margin-bottom: .556em;}
.sec_tit_sm {font-size: var(--font-size-18); font-weight: var(--font-wth-bd); color: #000; line-height: 1;}
.sec_tit_sm.type2 {font-size: 21px;}
.txt_desc {font-size: var(--font-size-24); line-height: 1; color: var(--color-black); letter-spacing: var(--letter-sp-lg); font-weight: var(--font-wth-md);}
.txt_desc.sm {font-size: var(--font-size-20); line-height: 1.513; letter-spacing: -0.025em; font-weight: var(--font-wth-rg); margin: -.2em 0;}
.txt_desc.lg {font-size: var(--font-size-45); font-weight: var(--font-wth-bd);}
.intro_tit + .sec_tit.line {margin-top: 1.067em;}
.intro_tit + .sec_tit {margin-top: 1.2222em;}
.intro_tit + p {margin-top: 1.75em;}
.intro_tit {font-size: var(--font-size-70); line-height: 1; font-weight: var(--font-wth-bk); letter-spacing: -0.025em; color: #000;} 
.intro_tit::before {content: ""; display: block; width: 76px; height: 72px; background: url(../../images/img/intro_tit_img.png) no-repeat 0/cover; margin-bottom: 10px;}
.intro_tit .kor {font-size: .857em; margin-left: .15em;}
.intro_tit .sm {font-size: .786em; }
.intro_tit .sm .bk {font-weight: var(--font-wth-rg);}

@media (min-width: 993px) {
	.section.top_md {padding-top: 140px;}
}

@media (max-width: 992px) {
	.sec_tit {font-size: var(--font-size-23m);}
	.sec_tit.type2 {line-height: var(--font-size-23m);}
	.sec_tit .eng {font-size: 1.13em;}
	.sec_tit .eng .sm {font-size: .462em;}
	.sec_tit .eng.mb {margin-bottom: .55em;}
	.txt_desc.sm {font-size: var(--font-size-16);}
	.txt_desc.lg {font-size: var(--font-size-23m);}
	.intro_tit + .sec_tit {margin-top: .9231em;}
	.intro_tit + p {margin-top: 1.539em;}
	.intro_tit::before {width: 3.514rem; height: 3.283rem; background-image: url(../../images/img/intro_tit_img_m.png);}
	.sec_tit.line::before {width: 1.309rem; height: 0.36rem; margin-bottom: .475em;}
	.sec_tit_sm.type2 {font-size: 1.309rem;}
}

@media (max-width: 766px) {
	.sec_tit br {content: ""; margin-bottom: .267em;}
}

/* snb */
#snb {position: absolute; width: calc(100% - var(--padding-inner)); max-width: 1600px; bottom: 0; left: 50%; background: #fff; padding: 0 var(--padding-inner); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10;}
.snb_inner {height: 66px; line-height: 66px; border-bottom: 1px solid #ccc;}
.snb_tit {font-size: 20px; font-weight: var(--font-wth-bd); letter-spacing: var(--letter-sp-lg); color: #000; padding: 0 38px 0 20px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; min-width: 125px; text-align: left;}
.snb_tit::after {content: ""; display: block; width: 12px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256' xml:space='preserve'%3E%3Cpath d='M79.093 0 48.907 30.187 146.72 128l-97.813 97.813L79.093 256l128-128z'/%3E%3C/svg%3E") no-repeat center/contain;}

.snb_link {display: block; padding:0 27px; height: inherit; color: #bfbfbf; position: relative; font-weight: var(--font-wth-md);}
.snb_link.eng {letter-spacing: 0;}
.snb_list .active .snb_link {color: var(--color-point);}

@media (min-width: 993px) {
	#snb {padding: 0 5.255%;}
	.snb_inner {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	.snb_btn {display: none;}
	.snb_list {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 5.215%;}
	.snb_link {font-size: 18px;}
	.snb_list .active .snb_link::after {content: ""; display: block; height: 2px; background: var(--color-point); position: absolute; bottom: -1px; left: 27px; right: 27px;}
}

@media (min-width: 993px) and (max-width: 1200px) {
	#snb {padding: 0 3.255%;}
}

@media (max-width: 992px) {
	.snb_inner {height: var(--spacing-60); line-height: var(--spacing-60); border: none;}
	.snb_tit {display: none;}
	.snb_btn {display: block; height: inherit; font-weight: var(--font-wth-md); color: var(--color-point); letter-spacing: -0.025em; position: relative; border-bottom: 1px solid var(--color-point); width: 100%; text-align: left; position: relative;}
	.snb_btn::after {content: ""; display: block; width: 0.77rem; height: 0.77rem; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256' xml:space='preserve'%3E%3Cpath fill='%23bfbfbf' d='M225.813 48.907 128 146.72 30.187 48.907 0 79.093l128 128 128-128z'/%3E%3C/svg%3E") no-repeat center/contain;}
	.snb_btn.on::after {-webkit-transform: translateY(-50%) rotate(-180deg);transform: translateY(-50%) rotate(-180deg);}
	.snb_list {position: absolute; background: #fff; left: 0; top: 100%; width: 100%; padding: 0 var(--padding-inner); text-align: left;}
	.snb_list > li + li {border-top: 1px solid #ccc; }
	.snb_link {padding: 0;}
}

/* tab menu */
.subtab .tab_inner {display: -webkit-box;display: -ms-flexbox;display: flex; text-align: center;}
.subtab .sub_tlink {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: .13em; font-weight: var(--font-wth-md); background: #bfbfbf; color: #fff; height: 60px;}
.subtab .sub_tlink.eng {letter-spacing: 0;}
.subtab .sub_tlink.active {background: var(--color-point)}
.subtab .sub_tlink + .sub_tlink {margin-left: 2px;} 
.content_header + .subtab {margin-top: 99px;}
.subtab + .section {margin-top: -95px;}

@media (min-width: 993px) {
	.subtab .sub_tlink {font-size: 20px;}
	.subtab .sub_tlink.eng {letter-spacing: -0.025em;}
}

@media (max-width: 992px) {
	.subtab .sub_tlink {height: 2.565rem;}
	.content_header + .subtab {margin-top: 2.565rem;}
	.subtab + .section {margin-top: -2.052rem;}
}


/* tabs */
.tab_basic {display: -webkit-box;display: -ms-flexbox;display: flex; text-align: center;}
.tab_basic > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; border-bottom: 1px solid #ccc; position: relative;}
.tab_basic > li.active::after {content: ""; display: block; width: 100%; height: 2px; background: var(--color-point); position: absolute; left: 0; bottom: -1px; z-index: 1;}
.tab_basic .tab_link {display: block; font-size: var(--font-size-18); line-height: calc(var(--font-size-18) + 10px); font-weight: var(--font-wth-bd); margin: -.3em 0; padding-bottom: 1.44em;}
.tab_basic .active .tab_link {color: var(--color-point);}

@media (max-width: 992px) {
	.tab_basic .tab_link {line-height: calc(var(--font-size-18) + 6.6px);}
}

/* info box */
.info_box {background: #f5f5f5; border: 1px solid var(--color-line); padding: 30px;}
.info_box.type2 {background: #fafafa; border-color: #e1e1e1; padding: var(--spacing-70) 6.49%;}
* + .info_box {margin-top: var(--spacing-40);}
.info_ul {font-size: var(--font-size-14); line-height: calc(var(--font-size-14) + 10px); letter-spacing: -0.01em; margin: -.4em 0 -.3em;}
.info_ul > li {padding-left: 1.2em; text-indent: -1.2em;}
.info_ul > li::before {content: "※ ";}
.info_ul > li + li {margin-top: .36em;}
.info_ul2 {font-size: var(--font-size-17); line-height: calc(var(--font-size-17) + 10px); margin: -.25em 0;}
.info_ul2 > li {padding-left: .45em; text-indent: -.45em;}
.info_ul2 > li::before {content: "· ";}
.info_ul3 > li {padding-left: 1.26em; position: relative;}
.info_ul3 > li::before {content: "•"; position: absolute; left: 0; font-weight: bold;}
.info_dl .tit {font-size: var(--font-size-20); line-height: 1.44444; font-weight: var(--font-wth-bd); letter-spacing: var(--letter-sp-lg); color: #000; margin: -.25em 0 1.55em;}
.info_dl .tit::before {content: ""; display: inline-block; font-size: 0; width: 22px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97.619' height='97.618' style='enable-background:new 0 0 97.619 97.618' xml:space='preserve'%3E%3Cpath fill='%23009ec6' d='M96.939 17.358 83.968 5.959a1.99 1.99 0 0 0-1.449-.494 2.002 2.002 0 0 0-1.373.677L34.1 59.688 17.372 37.547a1.995 1.995 0 0 0-1.319-.773 1.972 1.972 0 0 0-1.481.385L.794 47.567a2 2 0 0 0-.39 2.801l30.974 40.996c.362.479.922.771 1.522.793h.073c.574 0 1.122-.246 1.503-.68L97.12 20.18a1.998 1.998 0 0 0-.181-2.822z'/%3E%3C/svg%3E") no-repeat center/cover; margin-right: 10px;}
.info_ol {counter-reset: num;  color: #000;}
.info_ol > li::before {counter-increment: num; content: counter(num) '. ';}
.info_ol > li + li {margin-top: .55em;}
.info_ol > li > .info_ul_sub {margin-top: .2em;}
.info_ol2 {counter-reset: num; font-size: var(--font-size-16); line-height: calc(var(--font-size-16) + 10px); color: var(--color-base); font-weight: var(--font-wth-rg);}
.info_ol2 > li {padding-left: .9em; text-indent: -.9em;}
.info_ol2 > li::before {counter-increment: num; content: counter(num) '. ';}
.info_ol2.type2 {--spc: 1.2em;}
.info_ol2.type2 > li {padding-left: var(--spc); text-indent: calc(var(--spc) * -1);}
.info_ol2.type2 > li::before {content: "";}
.info_ol2.mg > li + li {margin-top: .4em;}
.info_ul_sub {font-size: var(--font-size-14); line-height: calc(var(--font-size-14) + 10px); font-weight: var(--font-wth-sm); margin: -.4em 0;}
.info_ul_sub > li::before {content: "- ";}
.info_ol2.type2 .info_ul3 {text-indent: calc(var(--spc) * 0.05);}

@media (max-width: 992px) {
	.info_ul3 > li {padding-left: .85em;}
}

/* 230313 */
.info_dl3 dt {font-weight: inherit; color: inherit;}
.info_dl3 dt + dt {margin-top: .335em;}
.info_dl3 dd {margin-left: .6em;}
.info_ol3 > li .info_ol3 {padding-left: .6em;}

@media (min-width: 993px) {
	.info_dl .tit::before {-webkit-transform: translateY(14%);transform: translateY(14%);}
	.info_ol {font-size: 15px; line-height: 1.667;}
	.info_ul2.p_inline > li {display: inline-block;}
	.info_ul2.p_inline > li + li {margin-left: 5%;}
}

@media (max-width: 992px) {
	.info_box {padding: 30px 1.129rem;}
	.info_box.type2 {padding: var(--spacing-60) 6%;}
	.info_ul {line-height: calc(var(--font-size-14) + 6.6px);}
	.info_ul > li + li {margin-top: 1em;}
	.info_ul2 {font-size: var(--font-size-16); line-height: 1.513;}
	.info_dl .tit {font-size: var(--font-size-24); margin: 0 0 .8em;}
	.info_dl .tit::before {display: block; width: 1.796rem; height: 1.796rem; margin-bottom: 0.616rem;}
	.info_ol > li + li {margin-top: .8em;}
	.info_ol > li > .info_ul_sub {margin-top: .5em;}
	.info_ul_sub {line-height: 1.55;}
}

@media (max-width: 576px) {
	.info_box.type2 {padding-left: 20px; padding-right: 20px;}
}

.video_cont {position: relative; background: #000;}
.video_cont::after {content: ""; display: block; padding-bottom: 56.222222%;}
.video_cont iframe {position: absolute; left: 0; top: 0; left: 0; width: 100%; height: 100%;}

.tech_video .video_wrap {background: rgba(190,207,217,.4); width: 80%; max-width: 1000px; margin: 0 auto; padding: 50px;}
.tech_video .video_cont::after {padding-bottom: 56.222222%;}


@media (max-width: 992px) {
	.tech_video .video_wrap {padding: 1.232rem; width: 100%; max-width: 640px;}
}

.box_content {overflow: hidden;}
.box_list {display: -webkit-box;display: -ms-flexbox;display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.box_list:not(.line) {margin: 0 calc(var(--spacing-20) * -1); margin-top: calc(var(--spacing-20) * 2 * -1);}
.box_list > li {-ms-flex: 0 0 auto;  flex: 0 0 auto;}
.box_list:not(.line) > li {padding: 0 var(--spacing-20); margin-top: calc(var(--spacing-20) * 2);}
.box_list.col1 {flex-direction: column;}
.box_list.col3 > li {-ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; width: 33.33%;}
.box_list.col4 > li {-ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%;}
.box_list.line > li + li {border-top: 1px solid #e5e5e5; margin-top: var(--spacing-50); padding-top: var(--spacing-50);}
.box_list:not(.line) .box {background: #fff; padding: var(--spacing-60) 0; height: 100%;}
.box_list .tit {font-size: var(--font-size-22); line-height: 1.1; color: var(--color-black); font-weight: var(--font-wth-bd); letter-spacing: var(--letter-sp-md); margin: -.1em 0 .75em; }
.box_list .tit::before {content: ""; display: block;}

@media (max-width: 1280px) {
	.box_list:not(.line) {margin: 0 -15px; margin-top: -15px;}
	.box_list:not(.line) > li {padding: 0 15px; margin-top: 15px;}
}

@media (max-width: 992px) {
	.box_list:not(.line) {margin-left: calc(var(--spacing-15m) / 2 * -1); margin-right: calc(var(--spacing-15m) / 2 * -1); margin-top: calc(var(--spacing-15m) * -1);}
	.box_list:not(.line) > li {padding: 0 calc(var(--spacing-15m) / 2); margin-top: calc(var(--spacing-15m));}
	.box_list.col3 > li {-ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 400px;}
	.box_list.col4 > li {-ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%;}
	.box_list .tit {font-size: var(--font-size-19m); margin-bottom: .894em;}
}

@media (max-width: 766px) {
	.box_list.col3 > li {-ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%;}
}

/* technology */
.tech_intro {overflow: hidden;}
.tech_intro .article {background-repeat: no-repeat; background-size: 50% auto;}
.tech_intro .article + .article {margin-top: var(--spacing-160);}
.tech_intro .txt_area p {line-height: 1.875;}
.tech_intro .txt_area p + p {margin-top: .938em;}
.tech_intro .sec_tit {margin-bottom: .3777em;}
.tech_intro .img_area {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tech_intro .img_area .img {display: inline-block; font-size: 0; position: relative; z-index: 1; -ms-flex-negative: 0; flex-shrink: 0; min-width: 0;}
.tech_intro .img_area .img img {box-shadow: 40px 50px 50px 0 rgba(0,0,0,.12);}
.tech_intro .img_area {position: relative;}
.tech_intro .img_area::after {content: ""; display: block; position: absolute; top: 0; width: 50vw; height: 100%; z-index: 0; background-repeat: no-repeat; background-size: auto 101%;}
.tech_intro .atc1 .img_area::after {background-image: url(../../images/img/tech_intro_bg_01.jpg), linear-gradient(356deg, rgba(195,240,242,1) 0%, rgba(203,242,241,1) 100%); background-position: 0 0; }
.tech_intro .atc2 .img_area::after {background-image: url(../../images/img/tech_intro_bg_02.jpg), linear-gradient(0deg, rgba(93,214,209,1) 0%, rgba(67,204,216,1) 100%); background-position: right 0; right: 0;}
.tech_intro .atc1 .img_area {padding: 6.25% 0;}
.tech_intro .atc2 .img_area {padding: 5.938% 0 6.5%;}
.tech_intro .atc1 .img_area .img1 {width: 63.75%; position: absolute; right: 12.5%; z-index: 2;}
.tech_intro .atc1 .img_area .img2 {width: 46.25%; margin-left: auto;}

@media (min-width: 1400px) {
	.tech_intro .atc1 .txt_area {padding-left: 6.25%;}
	.tech_intro .atc2 .txt_area {padding-left: 3.625%;}
}

@media (min-width: 993px) and (max-width: 1400px) {
	.tech_intro .atc1 .img_area {margin: auto 0;}
	.tech_intro .atc1 .txt_area {padding-left: 3.125%;}
	.tech_intro .atc2 .txt_area {padding-left: 1.8125%;}
}


@media (min-width: 993px) {
  .tech_intro .article .inner {display: -webkit-box;display: -ms-flexbox;display: flex; } 
  .tech_intro .article .col {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; width: 50%;}
	.tech_intro .atc1 .inner {flex-direction: row-reverse; align-items: flex-start;}
  .tech_intro .atc2 .inner {align-items: center;}
	.tech_intro .atc1 .img_area {padding: 100px 0;}
	.tech_intro .atc2 .img_area {padding: 95px 0 104px;}
	.tech_intro .atc1 .img_area::after {left: 0;}
	.tech_intro .atc2 .img_area::after {right: 0;}
	.tech_intro .atc2 .img_area .img {width: 83.75%;}

	.microarray .tech_intro .atc2 .img_area .img {max-width: 660px;}
}


@media (max-width: 992px) {
	.tech_intro .intro_tit {margin-top: -0.77rem;}
	.tech_intro .txt_area p {line-height: 1.523; max-width: 690px;}
	.tech_intro .sec_tit {margin-bottom: .5em;}
	.tech_intro .img_area {max-width: 580px; margin: 0 auto; margin-bottom: var(--spacing-60);}
	.tech_intro .img_area::after {width: 150vw;}
	.tech_intro .img_area .img img {box-shadow: 1.693rem 1.77rem 1.77rem 0 rgba(0,0,0,.12);}
	.tech_intro .atc1 .img_area::after {margin-left: -8%;}
	.tech_intro .atc2 .img_area::after {margin-right: -16%;}
	.tech_intro .atc1 .img_area {padding: 51px 0;}
	.tech_intro .atc2 .img_area {padding: 60px 0;}
	.tech_intro .atc1 .img_area .img1 {width: 83.73%; right: 16.36%;}
	.tech_intro .atc1 .img_area .img2 {width: 60.8%;}
	.tech_intro .atc2 .img_area .img {width: 100%;}
}

@media (max-width: 576px) {
	.tech_intro .img_area::after {width: 100vw;} 
	.tech_intro .atc1 .img_area::after {margin-left: calc(var(--padding-inner) * -1); background-image: linear-gradient(356deg, rgba(207,241,242,1) 0%, rgba(207,241,240,1) 100%);}
	.tech_intro .atc2 .img_area::after {margin-right: calc(var(--padding-inner) * -1); background-image: url(../../images/img/tech_intro_bg_02_m.jpg), linear-gradient(0deg, rgba(79,210,209,1) 0%, rgba(92,211,225,1) 100%);}
	.tech_intro .atc1 .img_area {padding: 43px 0;}
	.tech_intro .atc2 .img_area {padding: 50px 0;}
}

.tech_video {background-repeat: no-repeat; background-position: center; background-size: cover;}
.openarray .tech_video {background-image: url(../../images/img/openarray_video_bg.jpg);}
.microarray .tech_video {background-image: url(../../images/img/microarray_video_bg.jpg);}
.ngs .tech_video {background-image: url(../../images/img/ngs_video_bg.jpg);}
.tech_video .sec_tit {margin-bottom: var(--spacing-50);}
.tech_video .article + .article {margin-top: var(--spacing-160);}


@media (max-width: 992px) {
	.tech_video {background-position: center 0;}
	.openarray .tech_video {background-image: url(../../images/img/openarray_video_bg_m.jpg);}
	.microarray .tech_video {background-image: url(../../images/img/microarray_video_bg_m.jpg);}
	.ngs .tech_video {background-image: url(../../images/img/ngs_video_bg_m.jpg);}
}


.tech_app {background-repeat: no-repeat; background-position: center; background-size: cover;}
.openarray .tech_app {background-image: url(../../images/img/openarray_app_bg.jpg);}
.microarray .tech_app {background-image: url(../../images/img/microarray_app_bg.jpg);}
.ngs .tech_app {background-image: url(../../images/img/ngs_app_bg.jpg);}
.box_list.tech_list:not(.line) .box {padding: var(--spacing-30) var(--spacing-50) var(--spacing-50);}
.box_list.tech_list .tit {font-size: var(--font-size-30); letter-spacing: -0.025em; line-height: 1.3; margin-bottom: -.1em;}
.box_list.tech_list .tit.xsm {font-size: var(--font-size-20); line-height: 1.6; letter-spacing: var(--letter-sp-md); font-weight: var(--font-wth-md);}
.box_list.tech_list .tit::before {content: ""; width: 45px; height: 45px; border-radius: 50%; font-size: 1em; background: #f1f1f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97.619' height='97.618' style='enable-background:new 0 0 97.619 97.618' xml:space='preserve'%3E%3Cpath fill='%2304afda' d='M96.939 17.358 83.968 5.959a1.99 1.99 0 0 0-1.449-.494 2.002 2.002 0 0 0-1.373.677L34.1 59.688 17.372 37.547a1.995 1.995 0 0 0-1.319-.773 1.972 1.972 0 0 0-1.481.385L.794 47.567a2 2 0 0 0-.39 2.801l30.974 40.996c.362.479.922.771 1.522.793h.073c.574 0 1.122-.246 1.503-.68L97.12 20.18a1.998 1.998 0 0 0-.181-2.822z'/%3E%3C/svg%3E") no-repeat center/17px auto; margin-bottom: 20px;}
.box_list.tech_list .tit + .info_ul2 {margin-top: .53em;}
.box_list.tech_list:not(.col1) > li:nth-child(even) .box {background: #f1f1f1;}
.box_list.tech_list:not(.col1) > li:nth-child(even) .tit::before {background-color: #fff;}
.box_list.tech_list.type2 .info_ul2 {line-height: 1.476;}
.box_list.tech_list.type2 .info_ul2 > li {font-weight: var(--font-wth-md); color: #000; }
.box_list.tech_list.type2 .info_ul2 > li + li {margin-top: .35em;}
.box_list.tech_list.type2 .info_ul2 .info_ol2 {margin-top: .375em; margin-bottom: .875em;}
.tech_app.type2 .sec_tit > * + .txt_desc.lg {margin-top: .6888em;}
.tech_app .sec_tit > * + .txt_desc.lg {margin-top: .12em;}

@media (min-width: 993px) {
	.box_list.tech_list .box.inline {padding-bottom: var(--spacing-30);}
	.box_list.tech_list .tit.inline {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--font-size-22); min-height: 45px; position: relative; padding-left: 66px;}
	.box_list.tech_list .tit.inline::before {position: absolute; left: 0; top: 0;}
	.box_list.tech_list.type2 {margin-top: -10px;}
	.box_list.tech_list.type2 > li {margin-top: 10px;}
	.box_list.tech_list.type3 {margin: 0 -12.5px; margin-top: -25px;}
	.box_list.tech_list.type3 > li {padding: 0 12.5px; margin-top: 25px;}

	.tech_app .row {display: -webkit-box;display: -ms-flexbox;display: flex;}
	.tech_app .row .sec_tit {margin-right: 5%;}
	.tech_app .row .sec_tit .eng.mb {margin-bottom: .55em;}
	.tech_app .row .box_content {-ms-flex-negative: 0;flex-shrink: 0; width: 65.72%; margin-left: auto;}
	.tech_app .row .tech_list .info_ul2 {padding-left: 66px;}
	/* .tech_app .row .tech_list .info_ol2 {padding-left: 1em;} */
	.tech_app .row .tech_list .info_ol2 > li {position: relative; /* padding-left: 35px; */ text-indent: 0;}
	.tech_app .row .tech_list .info_ol2 > li::before {position: absolute; left: 0; top: 0;}
}

@media (max-width: 1200px) {
	.tech_list.box_list.col3.type2 > li {-ms-flex-preferred-size: 50%;flex-basis: 50%;}
}

@media (max-width: 992px) {
	.tech_app {background-position: center 0; background-size: 100% auto;}
	.openarray .tech_app {background-image: url(../../images/img/openarray_app_bg_m.jpg); background-color: #233041;}
	.microarray .tech_app {background-image: url(../../images/img/microarray_app_bg_m.jpg); background-color: #1a4858;}
	.ngs .tech_app {background-image: url(../../images/img/ngs_app_bg_m.jpg); background-color: #1d364a;}
	/* .box_list.tech_list:not(.type2) {max-width: 640px; margin-left: auto; margin-right: auto;} */
	.box_list.tech_list:not(.type2):not(.line) .box {max-width: 640px; margin-left: auto; margin-right: auto;}
	.box_list.tech_list.tech_list > li {max-width: none; -ms-flex-preferred-size: 100%;flex-basis: 100%;}
	.box_list.tech_list:not(.line) .box {padding-top: var(--spacing-50); padding-bottom: var(--spacing-60);}
	.box_list.tech_list .tit {font-size: var(--font-size-22m);}
	.box_list.tech_list .tit::before {width: 2.616rem; height: 2.616rem; background-size: 0.975rem; margin-bottom: 1.155rem;}
	.box_list.tech_list .tit + .info_ul2 {margin-top: 1.3077em;}
	.box_list.tech_list .tit.inline.sm {font-size: var(--font-size-19m);}
	.box_list.tech_list .tit.xsm {font-size: var(--font-size-24); line-height: 1.444; position: relative; padding: .55rem 0 0 3.463rem;}
	.box_list.tech_list .tit.xsm::before {position: absolute; left: 0; top: 0;}

	.box_list.tech_list.type2 .info_ul2 {font-size: var(--font-size-16-md);}
	.box_list.tech_list.type2 .tit + .info_ul2 {margin-top: 1.0714em;}
	.box_list.tech_list.type2 .info_ul2 > li + li {margin-top: .4em;}
	.box_list.tech_list.type2 .info_ul2 .info_ol2 {/* margin-left: -.5em; */ margin-bottom: 1.693em;}
	.tech_app .sec_tit > * + .txt_desc.lg {margin-top: .55em;}
}

@media (max-width: 766px) {
	.tech_list.box_list.col3.type2 > li {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
}

.tech_platform {overflow: hidden;}
.tech_platform .article + .article {margin-top: var(--spacing-70);}
.tech_platform .txt_area {background: #f4f3f8; padding: 5.715% 5%;} 
.tech_platform .txt_area .tit {font-size: var(--font-size-30); line-height: 1; font-weight: var(--font-wth-bd); color: #000; margin-bottom: .3em;}
.tech_platform .txt_area .tit::before {content: ""; display: block; width: 35px; height: 10px; background: var(--color-point-light); margin-bottom: .867em;}
.tech_platform .txt_area p {color: #000;}
.tech_platform .video_cont {position: relative; z-index: 1;}
.tech_platform .video_cont::after {padding-bottom: 56.29%;}

@media (min-width: 993px) {
	.tech_platform .article {display: -webkit-box;display: -ms-flexbox;display: flex;} 
	.tech_platform .article {margin-bottom: 5%;}
	.tech_platform .article.atc3 {margin-top: calc(5% + var(--spacing-70));}
	.tech_platform .article > div {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; width: 50%;}
	.tech_platform .article:nth-last-of-type(even) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
	.tech_platform .txt_area p {font-size: 20px;}
	.tech_platform .video_wrap {position: relative; line-height: 1.5;}
	.tech_platform .video_wrap::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(35deg, rgba(40,197,175,1) 0%, rgba(4,175,218,1) 100%); z-index: 0; -webkit-transform: translate(12.85%, -17.76%); transform: translate(12.85%, -17.76%); opacity: .3;}
	.tech_platform .atc2 .video_wrap::before {-webkit-transform: translate(-12.85%, 17.76%);transform: translate(-12.85%, 17.76%);}
	.tech_platform .atc3 .video_wrap::before {-webkit-transform: translate(12.85%, 17.76%);transform: translate(12.85%, 17.76%);}
}

@media (max-width: 992px) {
	.tech_platform .article {max-width: 640px; margin-left: auto; margin-right: auto;}
	.tech_platform .article + .article {margin-top: var(--spacing-15m);}
	.tech_platform .txt_area {padding: var(--spacing-50); padding-bottom: var(--spacing-60);}
	.tech_platform .txt_area .tit::before {width: 1.309rem; height: 0.36rem; margin-bottom: .422em;}
}


/* service */
/* genocoach */
.svc_intro {overflow: hidden;}
.genocare .svc_intro {background-image: url(../../images/img/genocare_summary_bg.png);}
.genocheck .svc_intro {background-image: url(../../images/img/mray_summary_bg.png);}
.genocoach .svc_intro {background-image: url(../../images/img/genocoach_summary_bg.png);}
.svc_intro .col {-webkit-box-flex: 1;-ms-flex: 1 1 50%;flex: 1 1 50%; }
.svc_intro .img_area .img {box-shadow: 55px 55px 70px 0 rgba(0,0,0,.12);}
.svc_intro .img_area .img1 {-webkit-box-flex: 1;-ms-flex: 1 1 37.5%;flex: 1 1 37.5%; -webkit-transform: translateY(12.5%); transform: translateY(12.5%);}
.svc_intro .img_area .img2 {-webkit-box-flex: 1;-ms-flex: 1 1 62.5%;flex: 1 1 62.5%; position: relative; z-index: 2;}
.svc_intro .txt_area {position: relative;}
.svc_intro .sec_tit {position: relative; padding-top: 81px;}
.svc_intro .sec_tit::before {content: ""; display: block; position: absolute; left: 0; height: 10px; top: 0; background: #f4f4f7;  width: calc(100% + var(--padding-inner));}
.svc_intro .txt_desc {margin: 1.9em 0 1em;}
.svc_intro .txt_area p:not(.txt_desc) {line-height: 1.875em; margin-bottom: 42px; max-width: 575px;}

@media (min-width: 993px) {
	.svc_intro .img_area {margin-top: 40px;}
	.svc_intro .txt_area {padding-left: 7.5%; align-self: flex-start; margin-top: calc(40px + 1.875%);}
}

@media (max-width: 992px) {
	.svc_intro {background-position: center 0; background-size: 100% auto;}
	.genocare .svc_intro {background-image: url(../../images/img/genocare_summary_bg_m.png);}
	.genocheck .svc_intro {background-image: url(../../images/img/mray_summary_bg_m.png);}
	.genocoach .svc_intro {background-image: url(../../images/img/genocoach_summary_bg_m.jpg);}
	/* .svc_intro .d_flex {width: 90%; margin: 0 auto;} */
	.svc_intro .img_area .img {box-shadow: 1.692rem 1.692rem 1.769rem 0 rgba(0,0,0,.12);}
	.svc_intro .sec_tit::before {height: 0.462rem;}
	.svc_intro .sec_tit {padding-top: 2.043em; margin-top: 2.217em;}
	/* .svc_intro .txt_desc {margin: 2.135em 0 1.534em;} */
	.svc_intro .txt_desc {margin: 1.133em 0 .666em;}
	.svc_intro .txt_area p:not(.txt_desc) {line-height: 1.54em; max-width: 500px; margin-bottom: 32px;}
}

@media (max-width: 576px) {
	.svc_intro .d_flex {width: auto;}
	.svc_intro .txt_area p:not(.txt_desc) {margin-bottom: 26px;}
}

.genocare .svc_service {background-image: url(../../images/img/genocare_service_bg.jpg);}
.mray .svc_service {background-image: url(../../images/img/mray_service_bg.jpg);}
.sngs .svc_service {background-image: url(../../images/img/sngs_service_bg.jpg);}
.genocoach .svc_service {background-image: url(../../images/img/genocoach_service_bg.jpg);}

@media (max-width: 992px) {
	/* .svc_service {background-position: center 0;} */
	.genocare .svc_service {background-image: url(../../images/img/genocare_service_bg_m.jpg);}
	.mray .svc_service {background-image: url(../../images/img/mray_service_bg_m.jpg);}
	.sngs .svc_service {background-image: url(../../images/img/sngs_service_bg_m.jpg);}
	.genocoach .svc_service {background-image: url(../../images/img/genocoach_service_bg_m.jpg);}
}

.svc_service .box_content {background: rgba(29,46,63,.6); padding: var(--spacing-70) 5%;}
.svc_service .box_content.type2 {background: #ffffff;}
.svc_service .box_content .box_tit {font-size: var(--font-size-36); line-height: 1.333; letter-spacing: -0.025em; margin: -.2em 0 1.056em;}
.svc_service .row .txt_area {background: #fff;}
.svc_service .row .img_area img {border: 3px solid #e1e6e8; box-shadow: 15px -15px 29px 0 rgba(0,0,0,.07);}
.svc_list .ico {background: #f1f1f1; width: 26%; max-width: 100px;  position: relative; overflow: hidden; border-radius: 50%; margin-bottom: var(--spacing-30);}
.svc_list .ico::after {content: ""; display: block; padding-bottom: 100%;}
.svc_list .ico img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.svc_list .ico + .ico {margin-left: 10px;}
.svc_list .tit::before {content: "text"; font-size: .82em; font-weight: var(--font-wth-rg); letter-spacing: -0.025em; color: var(--color-point-light); margin-bottom: 3px;}
.genocoach .svc_list .tit::before {content: "GenoCoach";}
.box_list p {font-size: var(--font-size-17); line-height: calc(var(--font-size-17) + 10px); margin: -.2em 0;}
.svc_service .info_area {color: #fff; opacity: .45; font-size: var(--font-size-14); line-height: 1.714; letter-spacing: -0.01em;}
.svc_service .info_area p,
.svc_service .info_area ul > li {padding-left: .7em; text-indent: -.7em;}
.svc_service .info_area ul > li + li {margin-top: .55em;}
.svc_service * + .info_area {margin-top: 50px;}

@media (min-width: 993px) {
	.svc_service .box_content.type2 {padding-left: 7.143%; padding-right: 7.143%;}
	.svc_service .box_content.type2 .info_ul2 {margin-left: 64px;}
	.svc_service .row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.svc_service .row > div {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}
	.svc_service .row .txt_area {max-width: 856px;}
	.svc_service .img_area {width: 3.09%; min-width: 250px; -ms-flex-item-align: start;align-self: flex-start;}
	.svc_service .img_area img {width: 70%; max-width: 223px;}

	.sngs .svc_service .row .txt_area {-webkit-transform: translateY(-58%);transform: translateY(-58%);}
	/* .sngs .svc_service .row .info_ul2 {margin-bottom: 141.625px;} */

	/* 230313 */
	.svc_service.type2 .row {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
	.svc_service.type2 .img_area {text-align: left; width: 40%; margin-right: 5.5%; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 350px;}
	.svc_service.type2 .img_area img {margin: 0 13px; width: calc(50% - 26px); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
	.svc_service.type2 .txt_area {text-align: left;} 
	.svc_service.type2 .box {padding: 0;}
	.svc_service.type2 .box_list {margin-top: 0;}
	.svc_service.type2 .box_list > li {padding-left: 80px; position: relative;}
	.svc_service.type2 .box_list .ico {position: absolute; max-width: 60px; left: 0; top: -9px;}
}

@media (min-width: 577px) {
	.svc_service .sec_tit_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;}
	.svc_service .sec_tit_wrap .el_btn {margin-left: auto;}
}


@media (min-width: 577px) and (max-width: 992px) {
	.svc_service .sec_tit_wrap .el_btn {margin-top: -8px;}
}

@media (max-width: 992px) {
	.svc_service .box_content {padding: var(--spacing-60);}
	.svc_service .box_content.type2 {padding: 0; background: none;}
	.svc_service .box_content .box_tit {font-size: var(--font-size-20m);}
	.svc_service .row .txt_area {padding: var(--spacing-60) var(--spacing-50);}
	.svc_service .row .img_area {width: 69.394%; max-width: 480px; margin: var(--spacing-60) auto 0;}
	.svc_service .row .img_area img {box-shadow: 0.463rem -0.463rem 0.693rem 0 rgba(0,0,0,.07);}
	.svc_list .ico {width: 96px;}
	.svc_list .tit::before {font-size: .895em;}
	.svc_list p {line-height: calc(var(--font-size-17) + 7px); height: 3em;}
	.svc_service .info_area {line-height: 1.5555; }
	.svc_service .info_area ul {line-height: 1.2777; }
	.svc_service .info_area ul > li + li {margin-top: .8em;}
	.svc_service * + .info_area {margin-top: var(--spacing-30);}

	/* 230313 */
	.svc_service.type2 .inner_md > .box_content {padding-left: var(--spacing-40); padding-right: var(--spacing-40);}
	.svc_service.type2 .txt_area {padding: 0; max-width: 400px; margin: 0 auto;}
	.svc_service.type2 .img_area {width: 80.8%; max-width: 370px;}
	.svc_service.type2 .img_area img + img {margin-top: var(--spacing-30);}
}

@media (max-width: 576px) {
	.svc_service .sec_tit_wrap {margin-bottom: 40px; margin-top: -10px;}
	.svc_service .sec_tit_wrap .sec_tit {margin-bottom: 20px;}
	.svc_list .ico {width: 80px;}
}

@media (max-width: 360px) {
	.svc_service .box_content .box_tit {font-size: 5.6vw;}
}

/* process */
.prc_content {background: #f1f6f6; border-radius: 150px 150px 0 0; padding: 100px 5% var(--spacing-70); text-align: center;}
.prc_list {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.prc_list > li {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; width: 20%; max-width: 257px;}
.prc_list .ico_wrap	{background: #fff; width: 72%; max-width: 180px; margin: 0 auto; margin-bottom: var(--spacing-30); border-radius: 50%; border: 1px solid #d5d5d5; position: relative;}
.prc_list .ico_wrap::after {content: ""; display: block; padding-bottom: 100%;}
.prc_list .ico_wrap::before {content: ""; display: block; width: 10px; height: 10px; background: #000; position: absolute; left: 50%; top: 0; border-radius: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.prc_list .ico_wrap.rt::before {left: 100%; top: 50%;}
.prc_list .ico_wrap.btm::before {top: 100%;}
.prc_list .ico_wrap.lt::before {left: 0; top: 50%;}
.prc_list .ico {position: absolute; left: 50%; top: 50%; background: #000; width: 56.18%; max-width: 100px; border-radius: 50%; box-shadow: 14px 14px 14px 0 rgba(0,0,0,.15); -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.prc_list .ico::after {content: ""; display: block; padding-bottom: 100%;}
.prc_list .ico img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.prc_list .box0 .ico_wrap::before,
.prc_list .box0 .ico {background: #02b99f;}
.prc_list .box1 .ico_wrap::before,
.prc_list .box1 .ico {background: #03b3b1;}
.prc_list .box2 .ico_wrap::before,
.prc_list .box2 .ico {background: #00a6b5;}
.prc_list .box3 .ico_wrap::before,
.prc_list .box3 .ico {background: #009ec6;}
.prc_list .box4 .ico_wrap::before,
.prc_list .box4 .ico {background: #0082c6;}
.prc_list .box .num {display: block; font-size: var(--font-size-18); line-height: 1; letter-spacing: 0; margin-bottom: .389em;}
.prc_list .box0 .num {color: #02b99f;}
.prc_list .box1 .num {color: #03b3b1;}
.prc_list .box2 .num {color: #00a6b5;}
.prc_list .box3 .num {color: #009ec6;}
.prc_list .box4 .num {color: #0082c6;}
.prc_list .box .tit {font-size: var(--font-size-22); line-height: 1; font-weight: var(--font-wth-bd); letter-spacing: var(--letter-sp-lg); color: #000;}
.prc_list .box p {margin: -.3em 0;}
.prc_list .box .tit + p {margin-top: .75em;}

.prc_footer {background: #e6eded; border-radius: 0 0 150px 150px; text-align: center; padding: var(--spacing-50) 5% 100px;}

@media (max-width: 992px) {
	.prc_content {border-radius: 3.847rem 3.847rem 0 0; padding: 3.334rem 3% var(--spacing-60);}
	.prc_list {max-width: 520px; margin-left: auto; margin-right: auto; margin-top: calc(var(--spacing-40) * -1);}
	.prc_list > li {width: 50%; max-width: none; margin-top: var(--spacing-40);}
	.prc_list .ico_wrap {width: 87.18%;}
	.prc_list .ico_wrap::before {width: 0.565rem; height: 0.565rem;}
	.prc_list .ico {box-shadow: 0.463rem 0.463rem 0.463rem 0 rgba(0,0,0,.15);}
	.prc_list .box .num {font-size: var(--font-size-17m);}
	.prc_list .box .tit {font-size: var(--font-size-30);}

	.prc_footer {border-radius: 0 0 3.847rem 3.847rem; padding: var(--spacing-60) 3.334rem;}
}

@media (max-width: 360px) {
	.prc_list .box .tit {font-size: 5.4vw;}
}


/* Certifications */
.svc_license {background: linear-gradient(0deg, #ececf0 40.38%, #f4f4f7 40.38%); overflow: hidden;}
.box_license {overflow: visible;}
.box_license .box_list {margin-left: calc(var(--spacing-50) * -1); margin-right: calc(var(--spacing-50) * -1);}
.box_license .box_list > li {padding: 0 var(--spacing-50); }
.box_license .box_list > li.type2 {flex-basis: 30.4%; width: 30.4%;}
.box_license .box_list .box { padding: 0 ; position: relative; background: none;}
.box_license .img {border: 3px solid #e1e6e8; position: relative; background: #000; margin-bottom: var(--spacing-30); box-shadow: 18px -15px 29px 0 rgba(0,0,0,.07);}
.box_license .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.box_license .img::before,
.box_license .img::after {content: ""; display: block;}
.box_license .img::after {padding-bottom: calc(137.92% + 3px);}
.box_license .box_list > li.type2 .img::after {padding-bottom: calc(77.143% + 3px);}
.box_license .img::before {position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; -webkit-transform: translateY(100%);transform: translateY(100%); z-index: 0; background: linear-gradient(0deg, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 100%); opacity: .4;}
.box_license p {color: var(--color-black); margin: -.25em 0; position: relative; z-index: 1;}

@media (max-width: 1280px) {
	.box_license .box_list {margin: 0 calc(var(--spacing-20) * -1); }
	.box_license .box_list > li {padding: 0 var(--spacing-20); max-width: 320px;}
	.box_license .box_list > li.type2 {max-width: 464px;}
}

@media (min-width: 993px) {
	.box_license .box_list > li.type2 {align-self: flex-end;}
}

@media (max-width: 992px) {
	.svc_license {background: #f4f4f7;}
	.box_license .box_list {margin: 0 calc(var(--spacing-15m) * -1); margin-top: calc(var(--spacing-60) * -1);}
	.box_license .box_list > li {padding: 0 var(--spacing-15m); margin-top: var(--spacing-60);}
	.box_license .box_list > li.type2 {flex-basis: 65.86%; width: 65.86%;}
	.box_license p {font-size: var(--font-size-12m); line-height: 1.4; height: inherit;}
	.box_license .img {box-shadow: 0.616rem -0.463rem 1.078rem 0 rgba(0,0,0,.07);}
}

/* 230316 */
.box_license.type2 {background: #fff; padding: var(--spacing-70) var(--padding-inner); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.box_license.type2 .img_area img {border: 3px solid #e1e6e8; -webkit-box-shadow: 15px -15px 29px 0 rgba(0,0,0,.07); box-shadow: 15px -15px 29px 0 rgba(0,0,0,.07);}
.box_license.type2 .img_area p {font-size: var(--font-size-17); text-align: center; margin-top: var(--spacing-30);}
.box_license.type2 .info_ul2 {font-size: inherit; line-height: 1.875;}
.box_license.type2 .info_ul2 > li:not(:first-of-type) {margin-top: 1.1em;}
.box_license.type2 .info_ul2 a:hover,
.box_license.type2 .info_ul2 a:focus {text-decoration: underline;}

@media (min-width: 993px) {
	.box_license.type2 .row {display: -webkit-box;display: -ms-flexbox;display: flex; width: 90%; max-width: 910px;}
	.box_license.type2 .img_area {width: 30%; max-width: 275px;}
	.box_license.type2 .txt_area {min-width: 0; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 9.68%; margin-top: 3.8%;}
}

@media (max-width: 992px) {
	.box_license.type2 {padding: var(--spacing-60) var(--padding-inner);}
	.box_license.type2 .img_area {width: 73%; max-width: 370px; margin: 0 auto;}
	.box_license.type2 .txt_area {margin-top: 43px;}
	.box_license.type2 .img_area p,
	.box_license.type2 .info_ul2 {font-size: var(--font-size-14);}
	.box_license.type2 .info_ul2 {line-height: 1.555;}
	.box_license.type2 .info_ul2 > li:not(:first-of-type) {margin-top: .833em;}
}

@media (max-width: 576px) {
	.box_license.type2 .txt_area {margin-top: 36px;}
}



/* board */
.board_header {margin-bottom: var(--spacing-20);}
.board_header .total {font-weight: var(--font-wth-sm); line-height: 1; color: #000; font-size: var(--font-size-16-md);}
.board_search + .board_header,
.btn_area + .board_header {margin-top: var(--spacing-35);}
.board_header .info {margin-left: auto; font-size: 14px; letter-spacing: -0.04em;}

@media (max-width: 992px) {
	.btn_area + .board_header {margin-top: -13px;}
}

/* list */
.bbs_list {border-top: 1px solid #000; border-bottom: 1px solid var(--color-line);}
.bbs_list .row {position: relative;}
.bbs_list .row .el_ico.lock {position: absolute; left: 0; bottom: 0;}
.bbs_list .row .num {font-weight: var(--font-wth-sm); color: #5a5a5a;}
.bbs_list .row .name,
.bbs_list .row .date {font-size: 15px; letter-spacing: 0; font-weight: var(--font-wth-sm); color: #5a5a5a;}
.bbs_list .row .tit { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 0;} 
.bbs_list .row .tit .tit_txt {display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis;}
.bbs_list .row .tit .tit_ico {display: inline-block; position: relative; margin-left: 10px; flex-shrink: 0; width: 25px;}

.bbs_list dt.row {border-bottom: 1px solid var(--color-line);}
.bbs_list dt.row .col {font-size: 15px; font-weight: var(--font-wth-md); color: #000;}
.bbs_list dt.row .tit {max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.bbs_list dd.row + dd.row {border-top: 1px solid var(--color-line);}

.bbs_tit {font-size: var(--font-size-16-md); font-weight: var(--font-wth-md); color: #000;}

.board_contet .no_post {width: 100%; height: 255px; font-size: var(--font-size-16-md); font-weight: var(--font-wth-md); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.bbs_list.result_list .row .num {word-break: break-all;}
@media (min-width: 767px) {
	.bbs_list .row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	.bbs_list .row .col {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; padding: 27px .8rem; min-height: 88px; }
	.bbs_list dt.row .col {padding-top: 0; padding-bottom: 0; min-height: 56px;}

	.bbs_list .row .el_ico.lock {margin-bottom: -12.5px;}
	.bbs_list .row .tit {text-align: left; -ms-flex-negative: 1; flex-shrink: 1; width: auto; margin-right: auto;}
	.bbs_list .row .tit .tit_txt {white-space: nowrap;}
	
  .bbs_list .row .num {width: 7.75%;}
	.bbs_list .row .name,
	.bbs_list .row .date {width: 11.35%; min-width: 105px;}
	.bbs_list .row .state {width: 14.48%; min-width: 120px;}

	.bbs_view .bbs_list .row .tit .tit_txt {white-space: inherit;}
	.bbs_view .bbs_list .row .name {width: 14.84%;}
	.bbs_view .bbs_list .row .date {width: 8.98%;}
	.bbs_view .bbs_list .row .state {width: 10.55%;}
	
	.bbs_list.result_list .row .num {width: 17.6566%;}
	.bbs_list.result_list .row .date {width: 13.75;}
	.bbs_list.result_list .row :is(.name, .state) {width: 8.282%; min-width: 82px;}
	.bbs_list.result_list .row .state {min-width: 105px;}
}

@media (min-width: 767px) and (max-width: 992px) {
	.bbs_list .row .col {padding-top: 1.539rem; padding-bottom: 1.539rem;}
}

@media (max-width: 992px) {
	.board_search + .board_header {margin-top: var(--spacing-60);}
	.bbs_list .row .name,
	.bbs_list .row .date {font-size: 13px;}
	.bbs_list .row .tit .tit_ico {width: 26px;}

	.bbs_list.result_list .row .num {font-size: 15px;}

	.bbs_tit {line-height: 1.476;}

	.board_contet .no_post {height: 160px;}
}

@media (max-width: 766px) {
	.bbs_list .row {padding: 1.539rem 0; padding-right: 8.078rem;}
	.bbs_list .row .tit .tit_txt {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
	.bbs_list .row .inline {display: inline-block;}
	.bbs_list .row .inline + .inline {margin-left: 2.16em;}
	.bbs_list .row .state {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

	.bbs_view .bbs_list .row {padding-right: 0;}
	.bbs_view .bbs_list .tit {margin-bottom: 0.77rem;}
	.bbs_view .bbs_list .row .tit .tit_txt {display: inline-block; -webkit-line-clamp: inherit; -webkit-box-orient: inherit;} 
	.bbs_view .bbs_list .row .state {margin-bottom: 1.24rem; position: static; -webkit-transform: translateY(0); transform: translateY(0);}

	.bbs_list.result_list {--num: max(17.222vw, 62px);}
	.bbs_list.result_list .row {padding-left: var(--num); padding-right: 3.847rem;}
	.bbs_list.result_list .row .tit {margin-bottom: .645em;}
	.bbs_list.result_list .row .num {position: absolute; left: 0; top: 0; height: 100%; width: var(--num);display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 0.572em;}
	.bbs_list.result_list .row .xm_show {display: inline-block !important;}
	.bbs_list.result_list .row .state {right: 0.77rem;}
	.bbs_list.result_list .no_post {margin-left: calc(var(--num) * -1);}
	
	.board_contet .bbs_list .no_post {height: calc(160px - 1.539rem * 2);}
	.board_contet .bbs_list .no_post {width: calc(100% + 8.078rem);}
}

@media (max-width: 576px) {
	.bbs_list .row .name,
	.bbs_list .row .date {font-size: 12px;}

	.bbs_list.result_list .row .num {font-size: 14px;}

	.board_contet .no_post {height: 133px;}
	.board_contet .bbs_list .no_post {height: calc(133px - 1.539rem * 2);}
}

/* faq */	
.search_area + .faq_list,
.board_search + .faq_list,
.btn_area + .faq_list {margin-top: var(--spacing-70);}
.faq_list .row {border-top: 1px solid var(--color-line); border-bottom: 1px solid var(--color-line); margin-bottom: -1px;}
.faq_list .faq_q,
.faq_list .faq_a {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.faq_list .faq_q {padding: 24px 0; padding-right: calc(17px + 2.345% * 3); min-height: 88px; cursor: pointer; position: relative;}
.faq_list .faq_a {border-top: 1px solid var(--color-line); margin-bottom: -1px; position: relative; padding: 50px 0; font-weight: var(--font-wth-sm); word-break: keep-all;}
.faq_list .faq_a::after {content: ""; display: block; width: 100%; height: 2px; background: var(--color-point); position: absolute; left: 0; bottom: 0; z-index: 1;}
.faq_list .faq_ico {width: 7.82%; min-width: 40px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-item-align: start; align-self: flex-start; text-align: center; position: relative;}
.faq_list .faq_ico .ico {display: block; width: 40px; height: 40px; line-height: 40px; background: #f7f7f7; color: var(--color-point); font-weight: var(--font-wth-bd); border-radius: 50%; margin: 0 auto;}
.faq_list .faq_a .faq_ico .ico {background: var(--color-point); color: #fff;}
.faq_list .faq_q .ico_arr {display: block; width: 17px; height: 17px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256' xml:space='preserve'%3E%3Cpath d='M225.813 48.907 128 146.72 30.187 48.907 0 79.093l128 128 128-128z'/%3E%3C/svg%3E") no-repeat center/cover; position: absolute; right: 2.345%;}
.faq_list .faq_q.on .ico_arr {transform: rotate(180deg);}

@media (max-width: 992px) {
	.search_area + .faq_list,
	.btn_area + .faq_list {margin-top: var(--spacing-30);}
	.faq_list .faq_q {padding-top: 1.539rem; padding-right: calc(17px + 0.77rem * 3); padding-bottom: 1.539rem; min-height: 5.693rem;}
	.faq_list .faq_a {padding: 2.309rem 0;}
	.faq_list .faq_ico .ico {width: 2.309rem; height: 2.309rem; line-height: 2.309rem; margin-left: 0; margin-right: auto;}
	.faq_list .faq_q .ico_arr {right: 0.77rem;}
}

/* 240709 추가 */
.board_search_group {display: grid; grid-template-areas: "date number select"; grid-template-columns: minmax(350px, 1fr) 1fr minmax(400px, 1fr); gap: min(1.667vw * 1.3, 32px); margin-bottom: 70px;}
.board_search_group .col_date {grid-area: date;}
.board_search_group .col_number {grid-area: number;}
.board_search_group .col_select {grid-area: select;}
.board_search_group .col {display: flex; gap: 10px; align-items: center;}
.board_search_group .tit {flex-shrink: 0; font-size: 16px; font-weight: var(--font-wth-md); color: var(--color-black); letter-spacing: -0.04em;}
.board_search_group .input {flex-grow: 1; display: flex; align-items: center;}
.board_search_group .frm_input {font-size: var(--font-size-16);}
.board_search_group .date {gap: 6px;}
.board_search_group .flex .el_btn {flex-shrink: 0; width: 75px;}

@media (max-width: 1200px) {
	.board_search_group {grid-template-areas: "date date" "number select"; grid-template-columns: repeat(2, minmax(350px, 1fr)); row-gap: 8px; margin-bottom: calc(var(--spacing-40) - 5px);}
	.board_search_group .tit {width: 5.7143em;}
}

@media (min-width: 993px) {
	.board_search_group {margin-top: -80px;}
}

@media (max-width: 992px) {
	.board_search_group .tit {font-size: 15px;}
	.board_search_group .flex .el_btn {width: 72px;}
}

@media (max-width: 766px) {
	.board_search_group {grid-template-areas: "date" "number" "select"; grid-template-columns: 1fr;}
}

@media (max-width:576px) {
	.board_search_group .tit {font-size: 14px;}
}

.pagination {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* width: 87.88%; */ max-width: 510px; margin: 0 auto;}
.board_contet + .pagination {margin-top: 100px;}
.btn_area + .pagination {margin-top: 45px;}
/* .page_link {display: block; font-size: var(--font-size-16-md); line-height: 1.375; color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center;} */
.page_link {display: block; font-size: var(--font-size-16-md); line-height: 1.375; color: #333; max-width: 57px; -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; text-align: center;}
.page_link.current {color: var(--color-point); pointer-events: none;}
.page_link.ico {width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background-repeat: no-repeat; background-position: center; background-size: 13px;}
.page_link.ico.no_more {opacity: .2; pointer-events: none;}
.page_link.first,
.page_link.last {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 256 256' xml:space='preserve' width='256' height='256'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath d='M159.027 30.187 128.841 0l-128 128 128 128 30.186-30.187L61.214 128z'/%3E%3Cpath d='M158.186 30.187 128 0 0 128l128 128 30.186-30.187L60.373 128z' class='selected'/%3E%3Cpath d='M256 30.187 225.814 0l-128 128 128 128L256 225.813 158.187 128z'/%3E%3Cpath d='M256 30.187 225.814 0l-128 128 128 128L256 225.813 158.187 128z'/%3E%3C/g%3E%3C/svg%3E");}
.page_link.prev,
.page_link.next {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256' xml:space='preserve'%3E%3Cpath d='M207.093 30.187 176.907 0l-128 128 128 128 30.186-30.187L109.28 128z'/%3E%3C/svg%3E");}
.page_link.last,
.page_link.next {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.page_link.first {margin-right: 11px;}
.page_link.last {margin-left: 11px;}
.page_link.prev {margin-right: 9.5%;}
.page_link.next {margin-left: 9.5%;}

@media (max-width: 992px) {
	/* .pagination {max-width: 380px;} */
	.board_contet + .pagination {margin-top: 48px;}
	.btn_area + .pagination {margin-top: 42.5px;}
	.page_link {max-width: 2.232rem;}
	.page_link.ico {width: 0.924rem; height: 0.924rem;}
	.page_link.prev {margin-right: 7.5%;}
	.page_link.next {margin-left: 7.5%;}
}

@media (max-width: 576px) {
	.board_contet + .pagination,
	.btn_area + .pagination {margin-top: 40px;}
}

.btn_area {font-size: 0; position: relative;}
.btn_area::after {content: ""; display: block; clear: both;}
.btn_area .el_btn + .el_btn {margin-left: 5px;}
.btn_area.d_flex .el_btn {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; width: auto;}
.btn_area.d_flex .el_btn + .el_btn {margin-left: 6px;}
.board_contet + .btn_area,
.joinmb_content + .btn_area {margin-top: var(--spacing-30);}
.bbs_view + .btn_area {margin-top: var(--spacing-40);}

@media (min-width: 993px) {
	.btn_area.type2 {text-align: center;}
	.btn_area.type2 .el_btn.rt {position: absolute; top: 0; right: 0;}
	.board_search + .btn_area .el_btn.rt {-webkit-transform: translateY(-100%);transform: translateY(-100%); right: auto; left: 0;}
}

@media (max-width: 992px) {
	.btn_area .el_btn + .el_btn {margin-left: 4px;}
	.btn_area.d_flex .el_btn + .el_btn {margin-left: 4px;}
	.bbs_view + .btn_area {margin-top: var(--spacing-30);}
	.btn_area.type2 .el_btn.rt {float: right;}
	.board_search + .btn_area {margin-top: var(--spacing-40);}
}

@media (max-width: 576px) {
	.btn_area.d_flex .el_btn + .el_btn {margin-left: 3px;}
	.btn_area .el_btn + .el_btn {margin-left: 3px;}
}

/* 추가(230125) */
@media (min-width: 993px) {
	.search_area {display: flex; flex-direction: row-reverse;}
	.search_area .board_search {width: 50%;}
}

/* @media (max-width: 992px) {
	.search_area .btn_area.rt {float: right;}
	.search_area .btn_area.mcol {display: flex; flex-direction: column;}
	.search_area .btn_area .el_btn + .el_btn {margin-left: 0; margin-top: 4px;}
} */

/* 230313 */
@media (min-width: 993px) {
	.bbs_btns {position: absolute; right: var(--padding-inner); top: -75px;}
}

@media (max-width: 992px) {
	.bbs_btns {display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: var(--spacing-40);}
	.bbs_btns .el_btn {padding: 0 !important;}
	.bbs_btns .el_btn:not(.full) {flex: 1 0 auto; min-width: 45%;}
	.bbs_btns .el_btn.full {width: 100%;}
	.bbs_btns .el_btn + .el_btn {margin: 0;}
	.bbs_btns .el_btn.last {margin-right: -5px;}
}

.board_search {max-width: 530px; /* margin: 0 auto; */ }
.board_search_frm {display: -webkit-box;display: -ms-flexbox;display: flex;}
.board_search .row {-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;}
.board_search .row.select {width: 16.99%;}
.board_search .row.input {margin-left: 7.55%; -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex;}
.board_search .el_btn {width: 45px; height: 45px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='7.13 7.13 33.74 33.75'%3E%3Cpath fill='%23fff' d='m40.285 37.46-6.486-6.486a14.738 14.738 0 0 0 3.044-8.988c0-3.97-1.546-7.701-4.353-10.508a14.763 14.763 0 0 0-10.508-4.353c-3.969 0-7.7 1.546-10.508 4.353-5.793 5.794-5.793 15.222 0 21.016a14.762 14.762 0 0 0 10.508 4.353c3.294 0 6.415-1.079 8.989-3.045l6.486 6.487c.39.39.902.586 1.414.586s1.024-.196 1.414-.586a2 2 0 0 0 0-2.829zm-25.982-7.794c-4.235-4.235-4.234-11.125 0-15.36a10.792 10.792 0 0 1 7.68-3.18 10.79 10.79 0 0 1 7.679 3.18 10.79 10.79 0 0 1 3.181 7.68c0 2.901-1.13 5.628-3.181 7.68s-4.778 3.18-7.68 3.18c-2.9 0-5.628-1.13-7.68-3.18z'/%3E%3C/svg%3E") no-repeat center/20px;}

@media (min-width: 577px) {
	.board_search {margin-left: auto;}
}

@media (max-width: 992px) {
	.board_search {max-width: 500px;}
	.board_search .row.select {width: 27.27%;}
	.board_search .row.input {margin-left: 36px;}
	.board_search .el_btn {width: 40px; height: 40px; background-size: 20px auto;}
}

@media (max-width: 576px) {
	.board_search .row.input {margin-left: 8.7%;}
	.board_search .el_btn {width: 33px; height: 33px;  background-size: 16px auto;}
}

.el_badge {font-size: 15px; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px; height: var(--spacing-35); border-radius: calc(var(--spacing-35) / 2); background: #fff; border: 1px solid #5a5a5a; color: #5a5a5a;}
.el_badge.done {border-color: var(--color-point); color: #000;}
.el_badge.fin {border-color: var(--color-point); background: var(--color-point); color: #fff;}
.el_badge.sm {width: 62px; height: var(--spacing-30); border-radius: calc(var(--spacing-30) / 2); font-weight: var(--font-wth-md); border: none; background: var(--color-point-light); color: #fff;}
.el_badge.sm.green {background: var(--color-green-light);}

@media (max-width: 992px) {
	.el_badge {width: 6.59rem; height: var(--spacing-40); border-radius: calc(var(--spacing-40) / 2); font-size: 14.5px;}
	.el_badge.sm {width: 64px; height: var(--spacing-26m); border-radius: calc(var(--spacing-26m) / 2); font-size: 14px;}
}

@media (max-width: 576px) {
	.el_badge {font-size: 14px;}
	.el_badge.sm {width: 53px; font-size: 13px;} 
}


.el_ico {display: inline-block; font-size: 0; background-repeat: no-repeat; background-size: cover; vertical-align: middle;}
.el_ico.lock {width: 25px; height: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='792' height='792' style='enable-background:new 0 0 792 792' xml:space='preserve'%3E%3Cpath fill='%23009ec6' d='M396 495c-13.662 0-24.75 11.088-24.75 24.75v99c0 13.662 11.088 24.75 24.75 24.75s24.75-11.088 24.75-24.75v-99c0-13.662-11.088-24.75-24.75-24.75zm198-98.555V198C594 88.654 505.346 0 396 0S198 88.654 198 198v198.445c-30.938 41.333-49.5 92.466-49.5 148.055C148.5 681.194 259.306 792 396 792s247.5-110.806 247.5-247.5c0-55.589-18.562-106.722-49.5-148.055zM247.5 198c0-82.021 66.479-148.5 148.5-148.5S544.5 115.979 544.5 198v148.847C503.093 315.686 451.786 297 396 297c-55.787 0-107.093 18.686-148.5 49.847V198zM396 742.5c-109.346 0-198-88.654-198-198s88.654-198 198-198c105.633 0 198 92.367 198 198 0 109.346-88.654 198-198 198z'/%3E%3C/svg%3E");}
.el_ico.download {width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23009ec6' d='M472 313v139c0 11.028-8.972 20-20 20H60c-11.028 0-20-8.972-20-20V313H0v139c0 33.084 26.916 60 60 60h392c33.084 0 60-26.916 60-60V313h-40z'/%3E%3Cpath fill='%23009ec6' d='m352 235.716-76 76V0h-40v311.716l-76-76L131.716 264 256 388.284 380.284 264z'/%3E%3C/svg%3E");}

@media (max-width: 992px) {
	.el_ico.lock {width: 26px; height: 26px;}
	.el_ico.download  {width: 30px; height: 30px;}
}

/* view */
.bbs_view_header {border-top: 1px solid #000; border-bottom: 1px solid var(--color-line); padding: var(--spacing-50) 20px;}
.bbs_view_header .el_badge + .tit {margin-top: .5em;}
.bbs_view_header .tit {font-size: var(--font-size-30); line-height: calc(var(--font-size-30) + 6px); color: #000; font-weight: var(--font-wth-md); margin-bottom: .767em;}
.bbs_view_header .date {font-size: 15px; font-weight: var(--font-wth-sm); line-height: 1; color: #5a5a5a; letter-spacing: 0;}

@media (max-width: 992px) {
	.bbs_view_header {padding: var(--spacing-30) 0;}
	.bbs_view_header .tit {font-size: var(--font-size-17m); line-height: calc(var(--font-size-17m) + 6.66px);}
	.bbs_view_header .date {font-size: 14px;}
}

@media (max-width: 576px) {
	.bbs_view_header .date {font-size: 12px;}
}

.bbs_view_detail {border-bottom: 1px solid var(--color-line);}
.bbs_view_detail .article {padding: var(--spacing-80) 0; font-weight: var(--font-wth-sm);}
.qna_view .bbs_view_detail .article {padding: 70px 20px;}
.bbs_view_detail .article + .article {border-top: 1px solid var(--color-line);}
.bbs_view_detail .bbs_tit {font-size: 17px; line-height: 1; font-weight: var(--font-wth-bd); margin-bottom: .824em;}
.bbs_view_detail .article .ready {color: #000; font-weight: var(--font-wth-rg)}

@media (max-width: 992px) {
	.qna_view .bbs_view_detail {margin: 0 calc(var(--padding-inner) * -1);}
	.qna_view .bbs_view_detail .article {padding: 36px var(--padding-inner);}
	.bbs_view_detail .bbs_tit {font-size: 16px; margin-bottom: 1em;}
}

@media (max-width: 576px) {
	.qna_view .bbs_view_detail .article {padding-top: 30px; padding-bottom: 30px;} 
	.bbs_view_detail .bbs_tit {font-size: 15px;}
}

.bbs_view_nav {border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: -1px; position: relative; z-index: 1;}
.bbs_view_nav .nav_list li + li {border-top: 1px solid #cecece;}
.bbs_view_nav .nav_list li {padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 0; line-height: 1;}
.bbs_view_nav .nav_list .sort {display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 11.72%; min-width: 120px; text-align: center; font-weight: var(--font-wth-md); color: #000; white-space: nowrap;}
.bbs_view_nav .nav_list .sort::before {content: ""; display: inline-block; width: 13px; height: 13px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.769 28.769' style='enable-background:new 0 0 28.769 28.769' xml:space='preserve'%3E%3Cpath d='M28.678 5.798 14.713 23.499a.434.434 0 0 1-.658 0L.088 5.798a.435.435 0 0 1-.048-.445.42.42 0 0 1 .374-.233H28.35c.16 0 .31.089.378.233a.427.427 0 0 1-.05.445z'/%3E%3C/svg%3E") no-repeat center/cover; margin-right: 1.125em;}
.bbs_view_nav .nav_list .prev .sort::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.bbs_view_nav .nav_list a {display: block; -ms-flex-negative: 1; flex-shrink: 1; width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--font-wth-sm);}

@media (max-width: 992px) {
	.bbs_view_nav .nav_list li {padding: 1.052rem 0;}
	.bbs_view_nav .nav_list .sort {width: 21.9%; max-width: 87px; min-width: 72px; text-align: left;}
	.bbs_view_nav .nav_list .sort::before {width: 0.77rem; height: 0.77rem; margin-right: 0.77rem;}
}

/* write */
.bbs_write {border-top: 1px solid #000; margin-bottom: -27px;}
.bbs_write .row {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.bbs_write .row + .row {border-top: 1px solid var(--color-line);}
.bbs_write .col {padding: 27px 0; min-height: 98px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.bbs_write .col > * {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.bbs_write .col .tit {width: 82px; text-align: center; font-size: var(--font-size-16-md); font-weight: var(--font-wth-md); color: #000; line-height: 45px;}
.bbs_write .col .cont {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; width: auto; font-size: 15px; font-weight: var(--font-wth-sm);}
.bbs_write .col .cont.num {letter-spacing: 0;}
.bbs_write .col .frm_radio + .frm_radio {margin-left: 25px;}
.bbs_write .col.line .frm_radio + .frm_radio {margin-left: 20px;}
.bbs_write .col .frm_textarea {vertical-align: top;}

.bbs_write.dt_lt .col .tit {text-align-last: left;}


.bbs_write.type2 {border: none; margin: -24px 0;}
.mb_change .bbs_write.type2 {margin-top: calc(-24px + -16px);}
.bbs_write.type2 .col {padding: 24px 0;}
.bbs_write.type2 .col .tit {width: 14%; max-width: 150px;}
.bbs_write.type2 .col .cont {font-size: var(--font-size-16); font-weight: inherit; color: #5a5a5a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 1; flex-shrink: 1;}
.bbs_write.type2 .col .frm_radio + .frm_radio {margin-left: 25px;}
.bbs_write.type2 .col .frm_label {line-height: 50px;}
.bbs_write .frm_info .agree_check {font-size: inherit; font-weight: inherit;}
.bbs_write .frm_info {font-size: var(--font-size-14); color: var(--color-base); font-weight: var(--font-wth-sm);}
.bbs_write * + .frm_info {margin-left: 20px;}
.bbs_write.type2 .el_btn {-ms-flex-negative: 0;flex-shrink: 0;}
.bbs_write.type2 .frm_group + .frm_group {margin-top: 10px;}
.frm_group {width: 100%; min-width: 0;  max-width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.frm_group .frm_input {-ms-flex-negative: 1;flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.frm_group .frm_input + .el_btn_form {margin-left: 5px;}
.frm_group .frm_input + .frm_input,
.frm_group .frm_select + .frm_input,
.frm_group .frm_input + .frm_select,
.frm_group .frm_select + .frm_select {margin-left: 10px;}
.frm_group .addtxt {display: inline-block; line-height: 50px; margin: 0 9px; font-weight: var(--font-wth-bd); color: #000;}

@media (max-width: 1280px) {
	.bbs_write .frm_group + .frm_info.type2 {margin-left: 0; width: 100%; margin-top: 10px;}
}


@media (min-width: 993px) {
	.bbs_write .col .tit {-ms-flex-item-align: start;align-self: flex-start;}
	.board_contet.bbs_write .col .frm_textarea::placeholder,
	.board_contet.bbs_write .col .frm_input::placeholder {color: transparent;}
}

@media (max-width: 992px) {
	.bbs_write {margin-bottom: -16px;}
	.bbs_write .row:last-child .col.lg {margin-bottom: -8px;}
	.bbs_write .col {padding: 16px 0; min-height: 64px;}
	.bbs_write .col.lg {padding: 24px 0;}
	.bbs_write .col .tit {width: 3.616rem; text-align: left; line-height: 25px;}
	.bbs_write .col .cont {font-size: 13px;}
	.bbs_write .col:not(.half) {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
	.bbs_write .col.half {-ms-flex-preferred-size: 50%;flex-basis: 50%;}
	.bbs_write .col.line {border-top: 1px solid var(--color-line);}
	.bbs_write .col.line .frm_radio + .frm_radio {margin-left: 36px;}
	.bbs_write .col .frm_textarea.txt_m_hide::placeholder,
	.bbs_write .col .frm_input.txt_m_hide::placeholder {color: transparent;}
	
	.bbs_write.type2 {margin: -36px 0;}
	.mb_change .bbs_write.type2 {margin-top: calc(-36px + -2px);}
	.bbs_write.type2 .col:not(.inline) {display: block;}
	.bbs_write.type2 .col {padding: 36px 0;}
	.bbs_write.type2 .col:not(.inline) .tit {width: 100%; max-width: none; line-height: 1; margin-bottom: .715em;}
	.bbs_write.type2 .col .cont {font-size: var(--font-size-16-md); font-weight: var(--font-wth-md);}
	.bbs_write.type2 .col.inline .tit {width: 33.22%; max-width: 7.386rem;}
	.bbs_write.type2 .col .frm_label {line-height: 1; padding: 0;}
	.bbs_write.type2 .col .frm_radio + .frm_radio {margin-left: 3.078rem;}
	.bbs_write .frm_info {margin: -.4em 0;}
	.bbs_write .frm_info.type2 {font-size: 13.5px;}
	.bbs_write * + .frm_info {margin-left: 0; width: 100%; margin-top: .834em; font-weight: var(--font-wth-sm);}
	.bbs_write .frm_group + .frm_info.type2 {margin-top: var(--spacing-30);}
	.frm_group {max-width: none;}
	.frm_group .frm_input + .el_btn_form {margin-left: 10px}
	.frm_group .addtxt {line-height: 48px;}
}

@media (max-width: 576px)  {
	.bbs_write {margin-bottom: -14px;}
	.bbs_write .row:last-child .col.lg {margin-bottom: -6px;}
	.bbs_write .col {padding: 14px 0; min-height: 53px;}
	.bbs_write .col.lg {padding: 20px 0;}
	.bbs_write .col .cont {font-size: 12px;}
	.bbs_write .col.line .frm_radio + .frm_radio {margin-left: 30px;}

	.bbs_write.type2 {margin: -30px 0;}
	.mb_change .bbs_write.type2 {margin-top: calc(-30px + -2px);}
	.bbs_write.type2 .col {padding: 30px 0;}
	.bbs_write .frm_info.type2 {font-size: 13px;}
	.frm_group .addtxt {line-height: 40px;}
}

/* news */
.card_list {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; margin-top: -40px;}
.card_list .item {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; width: 33.333333%; padding: 0 20px; margin-top: 40px;}
.card_list .card {height: 100%;}
.card_list .card a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-transition: box-shadow .3s; transition: box-shadow .3s; position: relative;}
.card_list .card a::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--color-point-light); z-index: 1; pointer-events: none; opacity: 0; -webkit-transition: opacity .3s;transition: opacity .3s;}
.card_list .card.news a::after {background: var(--color-green-light);}
.card_list .card a:hover {box-shadow: 0.314rem 0.939rem 1.876rem 0 rgba(0,0,0,.15);}
.card_list .card a:hover::after {opacity: 1;}
.card_thumb {position: relative;}
.card_thumb::after {content: ""; display: block; padding-bottom: 56.25%;}
.card_thumb img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.card_cont {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; background: #fafafa; position: relative; padding: 48px 30px;}
.card_cont .el_badge {position: absolute; left: 30px; top: 0; -webkit-transform: translateY(-73.333%); transform: translateY(-73.333%);}
.card_cont .tit {font-size: var(--font-size-18); line-height: calc(var(--font-size-18) + 10px); font-weight: var(--font-wth-md); color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: -.3em 0 1.556em; height: 3.112em;}
.card_cont .info {font-size: 15px; line-height: 1; font-weight: var(--font-wth-sm);}
.card_cont .info .date {letter-spacing: 0;}
.card_cont .info .origin {color: #000;}

@media (min-width: 577px) {
	.card_cont .info {display: -webkit-box;display: -ms-flexbox;display: flex;}
	.card_cont .info .origin {margin-left: auto;}
}

@media (max-width: 992px) {
	.card_list {margin: 0 -12px; margin-top: -18px;}
	.card_list .item {width: 50%; padding: 0 12px; margin-top: 18px;}
	.card_cont {padding: 31px 12px 22px;}
	.card_cont .el_badge {left: 12px;}
	.card_cont .tit {font-size: var(--font-size-17); line-height: calc(var(--font-size-17) + 6.65px); height: 2.79em;}
	.card_cont .info {font-size: 14px;}
}

@media (max-width: 576px) {
	.card_list {margin: 0 -10px; margin-top: -15px;}
	.card_list .item {padding: 0 10px; margin-top: 15px;}
	.card_cont {padding: 26px 10px 18px;}
	.card_cont .el_badge {left: 10px;}
	.card_cont .tit {height: 2.95em;}
	.card_cont .info {font-size: 12px; height: 2.719em;}
	.card_cont .info .origin {margin-top: .72em;}
}

/* member */
/* login */
.member_content .tab_list {margin-bottom: var(--spacing-40);}
.member_content {max-width: 590px; margin: 0 auto;}
.member_content .row + .row {margin-top: var(--spacing-20);}
.member_content .cols {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center; margin: 0 -5px;}
.member_content .cols .col {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; position: relative; padding: 0 5px;}
.member_content .cols.col3 .col {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%; width: 33.33%;}
.member_content .col .addtxt {position: absolute; left: 0; top: 50%; transform: translate(-50%, -55%); color: #000;}
.member_content .col.pdd_rt {padding-right: calc(5px + 7px);}
.member_content .col.pdd_lt {padding-left: calc(5px + 7px);}
.member_content .frm_label {margin-bottom: 11px;}
.member_content .frm_checkbox {font-size: 14px; display: block;}
.member_content .btn_area {margin-top: var(--spacing-40);}
.mb_link_area {width: 100%;}
* + .mb_link_area {margin-top: var(--spacing-30);}
.mb_link {font-size: 15px; line-height: 1; padding-bottom: .54em; position: relative;}
.mb_link.join {color: #000;}
.mb_link.join::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #656565;}
.mb_link.join:hover {color: var(--color-point);}
.mb_link.join:hover::after {background: var(--color-point);}
.mb_link_area .mb_link.lt {float: left;}
.mb_link_area .mb_link.rt {float: right;}

.frm_result {height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: var(--font-wth-md); font-size: var(--font-size-16-md);}
.frm_result .match {color: #000;}
.frm_result .txt_lg {font-size: var(--font-size-24);}
.frm_result .result_id {line-height: 1;}
.frm_result .result_id strong {font-weight: inherit;}
.frm_result * + .result_id {margin-top: .542em;}

@media (max-width: 992px) {
	.member_content .col.pdd_rt {padding-right: calc(5px + 0.436rem);}
	.member_content .col.pdd_lt {padding-left: calc(5px + 0.436rem);}
	.member_content .frm_checkbox {font-size: 13.5px;}
	.mb_link {font-size: 14px;}

	.frm_result {line-height: 1.476;}
	.frm_result .txt_lg {font-size: var(--font-size-25m);}
}

@media (max-width: 576px) {
	.member_content .frm_checkbox {font-size: 13px;}
	.frm_result {height: 228px;}
	.mb_link {font-size: 13px;}
}

/* join */
.joinmb_step {text-align: center;}
.joinmb_step .step_txt,
.joinmb_step .step_point {display: -webkit-box;display: -ms-flexbox;display: flex;}
.joinmb_step .step_txt {counter-reset: step; font-size: 18px; line-height: 1; margin-top: 1.06em;}
.joinmb_step .step_txt > li {font-weight: var(--font-wth-md);}
.joinmb_step .step_txt > li::before {counter-increment: step; content: "0" counter(step) ' ';}
.joinmb_step .step_txt > li.current,
.joinmb_step .step_txt > li.on {color: #000; font-weight: var(--font-wth-bd);}

.joinmb_step .step_point {position: relative;}
.joinmb_step .step_point .item::before {content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; margin: 0 auto; background: #ccc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97.619' height='97.618' style='enable-background:new 0 0 97.619 97.618' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M96.939 17.358 83.968 5.959a1.99 1.99 0 0 0-1.449-.494 2.002 2.002 0 0 0-1.373.677L34.1 59.688 17.372 37.547a1.995 1.995 0 0 0-1.319-.773 1.972 1.972 0 0 0-1.481.385L.794 47.567a2 2 0 0 0-.39 2.801l30.974 40.996c.362.479.922.771 1.522.793h.073c.574 0 1.122-.246 1.503-.68L97.12 20.18a1.998 1.998 0 0 0-.181-2.822z'/%3E%3C/svg%3E") no-repeat center/14px; position: relative; z-index: 2;}
.joinmb_step .step_point .item.current::before,
.joinmb_step .step_point .item.on::before {background-color: var(--color-point);}
.joinmb_step .step_point::before,
.joinmb_step .step_point::after {content: ""; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background: #ccc; z-index: 0;}
.joinmb_step .step_point::after {z-index: 1; background: var(--color-point);}
.joinmb_step.step1 .step_point::after {width: 16.666%;}
.joinmb_step.step2 .step_point::after {width: 50%;}
.joinmb_step.step3 .step_point::after {width: 100%;}

@media (min-width: 767px) {
	.joinmb_step .step_txt > li,
	.joinmb_step .step_point .item {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; width: 33.33333333%;}
}

@media (max-width: 766px) {
	.joinmb_step .step_txt > li:not(.current) {display: none;}
	.joinmb_step .step_txt > li.current {width: 100%;}

	.joinmb_step .step_point {width: 170px; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
}

@media (max-width: 576px) {
	.joinmb_step .step_point {width: 140px;}
	.joinmb_step .step_point .item::before {width: 33px; height: 33px;}
}

.joinmb_step + .joinmb_content {margin-top: var(--spacing-70);}
.joinmb_content {background: #fff; border-top: 2px solid var(--color-point); border-bottom: 1px solid var(--color-line); padding: var(--spacing-70) 7.82%;}
.joinmb_content.sm {max-width: 590px; margin: 0 auto;}
.joinmb_content .txt_info {font-size: var(--font-size-14); line-height: calc(var(--font-size-14) + 10px); letter-spacing: -0.01em;}
.joinmb_content .article + .article {margin-top: var(--spacing-50);}
.joinmb_content .article.btm_line {border-bottom: 1px solid var(--color-line); padding-bottom: var(--spacing-50);}
.joinmb_content.mb_check .row + .row {margin-top: 10px;}
.joinmb_content.mb_check .row + .btn_area {margin-top: var(--spacing-20);}
.joinmb_content.mb_check * + .txt_info {line-height: 1; margin-top: var(--spacing-30);}
.agree_check {font-weight: var(--font-wth-md); color: #000; display: block;} 
.terms_area {border: 1px solid var(--color-line); height: 215px; overflow: hidden; overflow-y: scroll; padding: 40px;}
.terms_area .cont {white-space: pre-wrap; font-family: inherit; font-size: 14px; line-height: 24px; font-weight: var(--font-wth-sm); letter-spacing: -0.01em; padding: 0; margin: 0;}
.terms_area .cont strong {font-weight: 500; color: #222;}
.agree_check + .terms_area {margin-top: var(--spacing-20);}

@media (min-width: 993px) {
	.joinmb_content.sm {padding: var(--spacing-70);}
}

@media (max-width: 992px) {
	.joinmb_content {padding: var(--spacing-60) 6%;}
	.terms_area {height: 280px; padding: 23px 16px;}
	.terms_area .cont {font-size: 13.5px; line-height: 1.513;}
}

@media (max-width: 766px) {
	.joinmb_step + .joinmb_content {margin-top: var(--spacing-50);}
}


@media (max-width: 576px) {
	.joinmb_content {padding-left: 20px; padding-right: 20px;}
	.terms_area {height: 233px; padding: 19px 14px;}
	.terms_area .cont {font-size: 13px;}
}

/* complete */
.joinmb_done {padding: var(--spacing-50) 0;}
.joinmb_done .img {width: 65px; margin-bottom: var(--spacing-30);}
.joinmb_done p {font-size: var(--font-size-24); font-weight: var(--font-wth-md); line-height: 1;}
.joinmb_done .name {color: #000;}
.joinmb_done p + p {margin-top: .7em;}
.joinmb_done .txt_lg {font-size: var(--font-size-36); color: #000;}
.joinmb_done .btn_area {margin-top: var(--spacing-70);}

@media (max-width: 992px) {
	.joinmb_done {padding: var(--spacing-30) 0;}
	.joinmb_done .img {width: 3.334rem;}
	.joinmb_done p {font-size: var(--font-size-16m);}
	.joinmb_done .txt_lg {font-size: var(--font-size-22m);}
	.joinmb_done p + p {margin-top: .44em;}
	.joinmb_done .btn_area {margin-top: var(--spacing-60);}
}

/* policy */
.policy_content {font-size: 15px; line-height: 25px;}
.policy_content p,
.policy_content .info_ul2,
.policy_content .info_ul3,
.policy_content .info_ol2,
.policy_content .info_ol3,
.policy_content .info_dl3,
.policy_content .info_ul_sub {font-size: 1em; line-height: inherit;  font-weight: var(--font-wth-sm);}
.policy_content p {margin: -.25em 0 -.4em;}
.policy_content .info_ol2 {margin: -.3em 0;}
.policy_content .sub_tit {font-size: 1em; font-weight: var(--font-wth-md); color: #000; line-height: 1; margin-bottom: .6em;}
.policy_content * + .sub_tit {margin-top: 1.333em;}
.policy_content .sec_tit_sm {/* margin-bottom: 1em; */margin-bottom: .8em;}
.policy_content * + h4.sec_tit_sm {margin-top: var(--spacing-70);}
.policy_content * + h5.sec_tit_sm {margin-top: var(--spacing-30);}
.policy_content p + .info_ul2,
.policy_content p + .info_ul3,
.policy_content p + .info_ol2,
.policy_content p + .info_ul_sub {/* margin-top: 1em; */margin-top: .8em;}
.policy_content li .info_ul_sub,
.policy_content li .info_ol2 {margin: 0; margin-left: .6em;}
.policy_content li .info_ol2.type2 {margin-left: 0;}
.policy_content li .info_ul3 {margin-left: -.5em;}
.policy_content li .mgt {margin-top: .2em;}
.policy_content .info_ul2 + .info_ul_sub,
.policy_content * + .info_dl3 {margin-top: .6em;}
.policy_content a:hover,
.policy_content a:focus {text-decoration: underline;}
.policy_content .space {clear: both; margin-top: 25px;}

@media (min-width: 993px) {
	.policy_content .dth2 {margin-left: .667em;}
}

@media (max-width: 992px) {
	.policy_content {font-size: 14px; line-height: 1.513;}
	.policy_content .sec_tit_sm {margin-bottom: 1.2em;}
	.policy_content * + h4.sec_tit_sm {margin-top: var(--spacing-60);}
	.policy_content .space {margin-top: var(--spacing-15m);}
}

@media (max-width: 576px) {
	.policy_content {font-size: 13px;}
}

/* 230313 */
.tb_policy {border-bottom: 1px solid #222; position: relative; overflow: hidden; display: inline-block; vertical-align: top;}
.tb_policy::before {content: ""; display: block; width: 100%; height: 1px; background: #222; position: absolute; left: 0; top: 0; z-index: 1;}
.tb_policy table {margin-left: -1px; width: calc(100% + 1px);}
.tb_policy th,
.tb_policy td {border-left: 1px solid #ccc;}
.tb_policy th {font-size: var(--font-size-16); font-weight: var(--font-wth-md); color: #4d4d4d; padding: .75em 0;}
.tb_policy tbody th,
.tb_policy tbody td {border-top: 1px solid #ccc; text-align: left;}
.tb_policy tbody th {background: #f4f4f4; padding: .75em 1.25em;}
.tb_policy tbody td {font-weight: var(--font-wth-sm); padding: .8em 1.334em;}

.tb_policy.center tbody th,
.tb_policy.center tbody td {text-align: center;}

.tb_policy.stripe tbody tr:nth-child(odd) td {background: #f4f4f4;}

.policy_content * + .swiparea {margin-top: 1.067em;}

@media (min-width: 993px) {
	.tb_policy {width: 760px;}
}

@media (max-width: 992px) {
	.tb_policy {width: 100%; min-width: 660px;}
}

.swiparea {overflow: hidden; cursor: inherit !important;}
.mobile .swiparea {overflow-x: scroll;}

/* 내결과보기 (241111) */
.surveyPopup .modal_header .logo {width: 173px;}
.surveyPopup .modal_body {font-size: 16px; letter-spacing: -0.05em; color: #666;}
.surveyPopup .date {text-align: right; line-height: 1.75; margin-bottom: 50px;}
.surveyPopup .info {font-size: 18px; line-height: 1.5556; color: #5A5A5A; letter-spacing: -0.05em; font-weight: 500; text-align: center; margin: 18px 0 40px; word-break: keep-all;}
.surveyPopup .tbl_basic .col1 {width: 11.667%;}
.surveyPopup .tbl_basic .col2 {width: auto;}
.surveyPopup .tbl_basic .col3 {width: 35%;}
.surveyPopup .tbl_basic p {padding-left: 1em; text-indent: -1em;}
.surveyPopup .tbl_textarea {margin: 3.5px 4px;}
.surveyPopup .check_group {display: flex; gap: 18px; align-items: center; justify-content: center;}

@media (max-width: 1200px) {
	.surveyPopup .check_group {gap: min(0.938vw * 1.5, 18px);}
}

@media (max-width: 992px) {
	.surveyPopup .modal_header .logo {width: 132px;}
	.surveyPopup .modal_body {font-size: 0.9231rem;}
	.surveyPopup .date {line-height: 1.834; margin-bottom: 1.85rem;}
	.surveyPopup .info {font-size: 1.077rem; line-height: 1.571; margin: 1em auto 2.286em; max-width: 800px;}
	.surveyPopup .info br {display: none;}
	.surveyPopup .tbl_basic {font-size: var(--font-size-16);}
	.surveyPopup .check_group {gap: min(5.333vw, 40px); margin: 3px 0;}
	.surveyPopup .check_group,
	.surveyPopup .tbl_textarea {font-size: 0.9231em;}
	.surveyPopup .tbl_textarea {margin: 0;}
}

@media (max-width: 576px) {
	.surveyPopup .modal_header .logo {width: 110px;}
}

@media (max-width: 360px) {
	.surveyPopup .check_group {gap: 4.167vw;}
}

/* table */
.tbl_basic :is(th, td), .tbl_grid :is(dt, dd) {font-size: 16px; line-height: 1.5; letter-spacing: -0.05em; text-align: center; border: 1px solid #CECECE; border-right: none; word-break: keep-all;}
.tbl_basic :is(th, td) {--tpl: 30px; height: 54px; padding: 14px var(--tpl);}
.tbl_grid dt, .tbl_basic th {color: #000; font-weight: 500;}
.tbl_basic td {color: #666;}
.tbl_basic td.lt {text-align: left;}
.tbl_grid dt, .tbl_basic tbody th {background: #F4F4F7;}
.tbl_basic {border-top: 1px solid #000;}
.tbl_basic tbody th:first-child {border-left: none;}
.tbl_basic thead th {font-size: 15px; height: 41px; border: none; padding-top: 8px; padding-bottom: 8px;}

.tbl_grid {display: flex; border-right: 1px solid #CECECE;}
.tbl_grid .row {flex: 1; display: grid; grid-template-columns: repeat(2, 1fr);}
.tbl_grid :is(dt, dd) {min-height: 45px; display: flex; align-items: center; justify-content: center; font-weight: 500; padding: 10px;} 

@media (max-width: 1200px) {
	.tbl_basic :is(th, td) {--tpl: min(1.563vw * 1.5, 30px);}
}

@media (max-width: 992px) {
	.tbl_basic :is(th, td), .tbl_grid :is(dt, dd) {font-size: var(--font-size-16);}
	.tbl_basic :is(thead, colgroup) {display: none;}
	.tbl_basic,
	.tbl_basic :is(tbody, th, td) {display: block;}
	.tbl_basic tr {display: flex; flex-direction: column; width: 100%;}
	.tbl_basic :is(th, td) {border-left: none; border-top: none; height: auto;}
	.tbl_basic td {padding: 0.9231em; line-height: 1.6154;}
	.tbl_basic th {padding-top: 17px; padding-bottom: 17px;}
	.tbl_basic td.mo_wide {padding-left: 0; padding-right: 0;}

	.tbl_grid {flex-direction: column;}
	.tbl_grid .row:not(:first-child) :is(dt, dd) {border-top: none;}
	.tbl_grid :is(dt, dd) {min-height: 42px; padding: 5px 10px;}
	.tbl_grid dd {font-size: 1.021em;} 
}

@media (max-width: 576px) {
	.tbl_grid :is(dt, dd) {min-height: 39px;}
}

.tbl_check input {position: absolute; opacity: 0; pointer-events: none;}
.tbl_check span {display: inline-flex; align-items: center; gap: 6px; vertical-align: top;}
.tbl_check span::before {content: ""; display: inline-block; width: 20px; aspect-ratio: 1; background: #fff; border: 1px solid #000;}
.tbl_check input:checked + span::before {background: #068080;}
.tbl_textarea {width: 100%; height: 78px; font-size: inherit; color: inherit; border: none;}
.tbl_textarea::-webkit-input-placeholder {font-size: inherit; color: inherit;}
.tbl_textarea::-moz-placeholder {font-size: inherit; color: inherit;}
.tbl_textarea::placeholder {font-size: inherit; color: inherit;}

@media (max-width: 992px) {
	.tbl_check span::before {width: 1.231rem;}
	.tbl_textarea {height: 95px;}
	.tbl_textarea::placeholder {text-align: center; line-height: 95px;}
}