@charset "UTF-8";

.subpage     ._obj {padding: 0px 0;  }
._paging > ._inner > ul li {font-size:1.6rem;}
._formCheck ._err {font-size:1.4rem;}

.board-table thead th,
.board-table thead td {font-family: 'Pretendard';  font-weight:500;}
.board-table tbody th, 
.board-table tbody td,
.board-write .title{font-family: 'Pretendard'; font-weight:400;}
.board-write .insert.editor textarea.tarea{font-family: 'Pretendard'; font-weight:400;  border-width: 1px; border-color: #ccc; border-style: solid;}

.board-search img, .board-search  fieldset, .board-search iframe, .board-search button, 
.board-date img, .board-date  fieldset, .board-date iframe, .board-date button,
.view-comment-write img, .view-comment-write fieldset, .view-comment-write iframe, .view-comment-write button,
.list-search img, .list-search fieldset, .list-search iframe, .list-search button { border: 0 none;}

.board-search legend, 
.board-date legend , 
.view-comment-write legend,
.list-search legend { width: 0; height: 0; font-size: 0; position: absolute; z-index: -1;}
.board-date .line legend {font-family: 'Pretendard'; font-size:1.8rem; font-weight:400;}
.view-comment-write .small-btn-box.align-r {margin-top:10px;}
.board-button .btn-deco {font-family: 'Pretendard'; padding:0 14px; min-width:100px; font-size:1.6rem; line-height:40px;}
.board-button.answer-button {display:flex; align-items: center;  justify-content: flex-end; gap:3px;}
.board-button.view .btn-control {display:flex; align-items: center;  justify-content: flex-end; gap:3px;}
.board-button.view form  {display:flex; align-items: center;  justify-content: flex-end; gap:3px;}
.scroll-table table {width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; text-align: center;}
.scroll-table table caption {width: 0;   height: 0;    padding: 0;    font-size: 0;    opacity: 0;}
.board-view-info .view-detail  {display:flex;  align-items: center;  justify-content: flex-end; }

@media (max-width: 1000px) {
  .board-view-info .view-detail {display: inline-block; width: 100%;}
}
.board-table tbody td.td-file  {line-height: 1.6rem}
.blockUI  iframe {border-radius:0;      border: 0 none;}

.board-album .deleteArtclSeqs {appearance: auto}
.board-album .shadow > a:hover {text-decoration: none; color: #2247a6; transition: all .125s cubic-bezier(0.7, 0, 0.3, 1);}
.board-album.horizon1 .list-album > li {font-size: 1.8rem; }
.board-album .list-album .no-data {grid-column: 1 / -1;}

.wrap-temp .wrap-con .img img {max-width:100%;}
.wrap-temp .wrap-con .func .download li {width:100%; display:block;}
.wrap-temp .wrap-con .grid-item .item .detail .control .subject { font-size: 1.8rem; }

.agreeWrap .agreeInner .agreeTitle span {font-size:1.6rem}
.agreeWrap .agreeInner .agreeContentWrap .agreeContent ,
.agreeWrap .agreeInner .agreeFooter label {font-size:1.4rem}

._versionList {float:none; display: flex; align-items: center;}
.version-content {font-size:1.8rem}
._versionList > span,
.version-content strong {font-size:1.8rem}
._versionList button {line-height: normal}
/* Tab */

/* =========================================
TAB RESET
========================================= */
.tab {
  width: 100%;
}

.inner-box > .tab {
  margin-top: 0;
}

.tab ul,
.tab li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tab a {
  text-decoration: none;
  box-sizing: border-box;
}

.tab .div_3,
.tab .div_4,
.tab .div_5 {
  margin-bottom: 0;
}

.tab_div .mobile-tab {
  display: none;
}

#menuUItab > .hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* =========================================
DESKTOP
========================================= */
@media all and (min-width: 861px) {
  #menuUItab {
	position: relative;
	/*padding-bottom: 88px;*/
  }

  .tab_div {
	position: relative;
  }

  /* -----------------------------
  1DEPTH
  ----------------------------- */
  .tab_div .ul_3 {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 12px;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	text-align: center;
  }

  .tab_div .ul_3::after {
	display: none;
  }

  .tab_div .ul_3 > li {
	position: relative;
	flex: 0 1 280px;
	min-width: 0;
	margin:0;
	border: 1px solid #d9dfe6;
	border-radius: 999px;
	background: #fff;
	overflow: visible;
	transition:
	  background-color 0.25s ease,
	  border-color 0.25s ease,
	  box-shadow 0.25s ease;
  }

  .tab_div .ul_3 > li::before,
  .tab_div .ul_3 > li::after {
	display: none;
  }

  .tab_div .ul_3 > li > a {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 55px;
	padding: 0 24px;
	font-family: "Pretendard", sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #717171;
	text-align: center;
	transform: none;
	top: auto;
	word-break: keep-all;
	white-space: nowrap;
	transition: color 0.25s ease;
  }

  .tab_div .ul_3 > li > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 6px;
	vertical-align: middle;
	background: url("../../images/guide/tab-link-blank.png") no-repeat center center;
	background-size: contain;
  }

  .tab_div .ul_3 > li._active,
  .tab_div .ul_3 > li:hover {
	border-color: #0080fb;
	background: #0080fb;
  }

  .tab_div .ul_3 > li._active > a,
  .tab_div .ul_3 > li:hover > a {
	font-family: "Pretendard", sans-serif;
	color: #fff;
  }

  .tab_div .ul_3 > li._active > a[target="_blank"]::after,
  .tab_div .ul_3 > li:hover > a[target="_blank"]::after {
	background: url("../../images/guide/tab-link-blank-ov.png") no-repeat center center;
	background-size: contain;
  }

  /* -----------------------------
  2DEPTH / 3DEPTH
  absolute로 빼서 상단 탭 높이에 영향 안 주기
  ----------------------------- */
  .tab_div ._childDiv,
  .tab_div .div_4,
  .tab_div .div_5 {
	position: absolute;
	left: 50%;
	top: calc(100% + 50px);
	transform: translateX(-50%);
	width: max-content;
	min-width: 100%;
	margin-top: 0;
	z-index: 3;
  }

  /* 활성된 상위 메뉴의 하위탭만 표시 */
  .tab_div .ul_3 > li ._childDiv,
  .tab_div .ul_3 > li .div_4,
  .tab_div .ul_3 > li .div_5 {
	display: none;
  }

  .tab_div .ul_3 > li._active > ._childDiv,
  .tab_div .ul_3 > li._active > .div_4,
  .tab_div .ul_3 > li._active > .div_5 {
	display: block;
  }

  /* -----------------------------
  2DEPTH LIST
  ----------------------------- */
  .tab_div .ul_4,
  .tab_div .ul_5 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	width: max-content;
	min-width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	border: 0;
	background: transparent;
  }

  .tab_div .ul_4 > li,
  .tab_div .ul_5 > li {
	position: relative;
	float: none;
	flex: 0 0 auto;
	margin: 0;
	padding: 0 38px;
	border: 0;
	background: transparent;
  }

  .tab_div .ul_4 > li + li::before,
  .tab_div .ul_5 > li + li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 34%;
	width: 1px;
	height: 16px;
	background: #d9d9d9;
	transform: translateY(-50%);
  }

  .tab_div .ul_4 > li > a,
  .tab_div .ul_5 > li > a {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 0 12px;
	border: 0;
	background: transparent;
	font-family: "Pretendard", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.4;
	color: #8c9198;
	text-align: center;
	white-space: nowrap;
	transition: color 0.2s ease, font-weight 0.2s ease;
  }

  .tab_div .ul_4 > li > a::after,
  .tab_div .ul_5 > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 78px;
	max-width: 100%;
	height: 2px;
	background: #0b84ff;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.2s ease;
  }

  .tab_div .ul_4 > li > a[target="_blank"]::before,
  .tab_div .ul_5 > li > a[target="_blank"]::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 6px;
	vertical-align: middle;
	background: url("../../images/guide/tab-link-blank.png") no-repeat center center;
	background-size: contain;
  }

  .tab_div .ul_4 > li._active > a,
  .tab_div .ul_4 > li:hover > a,
  .tab_div .ul_5 > li._active > a,
  .tab_div .ul_5 > li:hover > a {
	background: transparent;
	color: #2f343b;
	font-weight: 500;
  }

  .tab_div .ul_4 > li._active > a::after,
  .tab_div .ul_4 > li:hover > a::after,
  .tab_div .ul_5 > li._active > a::after,
  .tab_div .ul_5 > li:hover > a::after {
	opacity: 1;
  }

  .tab_div .ul_4 > li._active > a[target="_blank"]::before,
  .tab_div .ul_4 > li:hover > a[target="_blank"]::before,
  .tab_div .ul_5 > li._active > a[target="_blank"]::before,
  .tab_div .ul_5 > li:hover > a[target="_blank"]::before {
	background: url("../../images/guide/tab-link-blank.png") no-repeat center center;
	background-size: contain;
  }
}

/* =========================================
TABLET
========================================= */
@media all and (max-width: 1100px) and (min-width: 861px) {
  .tab_div .ul_3 {
	gap: 12px;
  }

  .tab_div .ul_3 > li {
	flex-basis: 280px;
  }

  .tab_div .ul_3 > li > a {
	font-size: 1.6rem;
	padding: 0 18px;
  }

  .tab_div .ul_4 > li,
  .tab_div .ul_5 > li {
	padding: 0 26px;
  }
}

/* =========================================
MOBILE
========================================= */
@media all and (max-width: 860px) {
  .tab .div_3 {
	margin-bottom: 20px;
  }

  .tab .div_4,
  .tab .div_5 {
	margin-bottom: 20px;
  }

  .tab_div,
  .tab_div .ul_3,
  .tab_div .ul_4,
  .tab_div .ul_5 {
	position: relative;
	z-index:100;
  }

  .tab_div .ul_3,
  .tab_div .ul_4,
  .tab_div .ul_5 {
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1;
	width: 100%;
	max-height: 0;
	margin-top: 0;
	border: 1px solid #e1e5ea;
	border-top: 0;
	border-radius: 0 0 12px 12px;
	background: #fff;
	opacity: 0;
	transition: all 0.35s ease;
	box-sizing: border-box;
  }

  .tab_div ul.on {
	z-index: 10;
	opacity: 1;
	max-height: 600px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  }

  .tab_div ul li {
	display: block;
	width: 100% !important;
	margin: 0;
	padding: 0;
	border: 0;
  }

  .tab_div ul li::before,
  .tab_div ul li::after {
	display: none !important;
  }

  .tab_div ul li + li {
	border-top: 1px solid #f0f2f5;
  }

  .tab_div ul li a {
	display: block;
	padding: 14px 18px;
	background: #fff;
	font-family: "Pretendard", sans-serif;
	font-size: 15px;
	line-height: 1.4;
	color: #333;
	text-align: left;
	transition: background-color 0.2s ease, color 0.2s ease;
  }

  .tab_div ul li a:hover,
  .tab_div ul li._active > a {
	background: #f4f8ff;
	color: #0b84ff;
  }

  .tab_div ul li a::after,
  .tab_div ul li a::before {
	display: none !important;
  }

  .tab_div .mobile-tab {
	position: relative;
	display: block;
	width: 100%;
	padding: 14px 44px 14px 18px;
	border: 1px solid #d8e0e8;
	border-radius: 12px;

	font-family: "Pretendard", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #444;
	text-align: left;
	transition:
	  background-color 0.25s ease,
	  border-color 0.25s ease,
	  color 0.25s ease;
	box-sizing: border-box;
  }

  .tab_div .mobile-tab::after {
	display: none;
  }

  .tab_div .mobile-tab.on {
	border-color: #0b84ff;
	background: #0b84ff url("../../images/guide/arrow-select-revet.png") no-repeat right 16px center;
	color: #fff;
	border-radius: 12px 12px 0 0;
  }
}


.section-bg1 {background:#d3ddff}
.section-bg2 {background:#c4e8fc}
.section-bg3 {background:#ffebc7}
.section-bg4 {background:#c6f4e1}

.section-text-media-wrap {display:flex;gap: 40px;align-items: center;justify-content: center;}
.section-text-media-wrap .mt0 {margin-top:0 !important;}
.section-text-media-wrap .section-text { width:550px;}
.section-text-media-wrap .section-text h3 {font-weight:600; font-size:2.4rem; color:#222;}
.section-text-media-wrap .section-text .con-text {margin-top:18px; font-size:1.7rem; color:#717171;  line-height:2.8rem;}
.section-text-media-wrap .section-media {width: 426px;border-radius: 24px;overflow: hidden;display: flex;justify-content: center;align-items: center;height: 250px;}
.section-text-media-wrap .section-media img  {width: auto;  max-width:unset;}
.section-text-media-wrap.reverse {flex-direction: row-reverse;}

@media all and (max-width: 1023px){
  .section-text-media-wrap .section-text .con-text br {display:none;}
  .section-text-media-wrap .section-text .con-text br.mo {display: block;}
}

@media all and (max-width: 767px){
  .section-text-media-wrap {flex-direction: column}    
  .section-text-media-wrap.mt60 {margin-top:0;}
  .section-text-media-wrap .section-text,
  .section-text-media-wrap .section-media {width: 100%; }
  .section-text-media-wrap .section-media {padding:0 25px}
  .section-text-media-wrap .section-media img {max-width:100%;}

  .section-text-media-wrap.reverse {flex-direction: column;}
  .section-text-media-wrap .section-text h3 { font-size:2rem;}
  .section-text-media-wrap .section-text .con-text {font-size:1.3rem;  line-height:2rem;}
  .section-text-media-wrap .section-text .con-text br {display:none;}
  .section-text-media-wrap .section-text .con-text br.mo {display: block;}

  .table-type-a.mt60 {margin-top:0}
}


.feature-section {margin-top:40px}
.feature-section__inner { margin: 0 auto; padding: 40px; background: #f5f6f8; border-radius: 24px; box-sizing: border-box;}
.feature-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none;}
.feature-card { min-height: 259px; padding: 26px 30px 26px 30px; background: #ffffff; border-radius: 8px; box-sizing: border-box;}
.feature-card__title { margin: 0; font-size: 2rem; font-weight:600;  color: #222; word-break: keep-all;}
.feature-card__desc { margin: 14px 0 0; font-size: 1.6rem; font-weight: 400; color: #717171; word-break: keep-all;}
.feature-card__tags {display: flex;flex-wrap: wrap; gap: 6px; margin-top: 30px;}
.feature-card__tag {  display: inline-flex;  align-items: center;  justify-content: center;  padding: 2px 6px;  font-size: 1.4rem;  font-weight: 500;  color: #4f6ef7;  background: #e9edff;  border-radius: 3px;  box-sizing: border-box;  white-space: nowrap;}

.feature-section-1 .feature-card__tag {color: #3965e6;  background: #e3e9ff; }
.feature-section-2 .feature-card__tag {color: #0193e7;  background: #e0f4ff; }
.feature-section-3 .feature-card__tag {color: #eaa500;  background: #fff5e4; }
.feature-section-4 .feature-card__tag {color: #1da26b;  background: #daf6ed; }
@media (max-width: 1200px) {
  .feature-list {  grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .feature-section__inner {  padding: 28px 20px;  border-radius: 18px; }
  .feature-list { grid-template-columns: 1fr;   gap: 14px; }
  .feature-card { min-height: auto;  padding: 22px 18px 20px; }
  .feature-card__title {font-size: 1.6rem;  }
  .feature-card__desc {  font-size: 1.4rem;   margin-top: 12px;  }
  .feature-card__desc br {display:none;}
  .feature-card__tags {  margin-top: 20px; }
  .feature-card__tag { font-size: 1.3rem;  line-height: 1.3rem; padding: 4px 6px;}
}


/* 기존 모듈 css reset 재정의*/
._k2__WiZaRd_general * {font-family: 'Pretendard'; }
.board-table img,
.td-file img {width:auto; width: unset; max-width: unset;  display: unset;}

/*._k2__WiZaRd_general h2,*/
._k2__WiZaRd_general .objHeading_h2  { font-size: 2.6rem; margin-bottom: 10px;  font-weight: 600; padding-left:0;}
._k2__WiZaRd_general .objHeading_h2::before {display:none;}
.objHeading_h2.ic-board,
.objHeading_h2.ic-content  { line-height: 1; margin-left: 3rem; color: #333333; display: flex; align-items: center; gap: 1rem;  margin-bottom:2rem; margin-top:6rem}
.objHeading_h2.ic-board::before,
.objHeading_h2.ic-content::before { content: "";    display: inline-block;    background-size: 100% auto;      background-position: 0 0;  position: unset;    left: unset;    top: unset;    border-radius: unset;}
.objHeading_h2.ic-board::before {    background: url(../../images/icon/icon_board.png) no-repeat 50% 50%; width: 2rem;    height: 2rem;  }
.objHeading_h2.ic-content::before {    background: url(../../images/icon/icon_content.png) no-repeat 50% 50%; width: 2.4rem;    height: 2.4rem;  }
.objHeading_h2.ic-board.mt0 {margin-top:0}
.objHeading_h2.ic-content.mt0 {margin-top:0}

@media (max-width: 767px) {
  .objHeading_h2.ic-board, 
  .objHeading_h2.ic-content {  margin-left: 0 !important;   font-size: 2rem;   margin-top:4rem}   
  .objHeading_h2.ic-board::before,
  .objHeading_h2.ic-content::before  { width: 2rem;    height: 2rem;  background-size:contain; }   
}



.board-write input, 
.board-write textarea {appearance: auto}
.board-write label,
.board-write input:read-only,
.board-write input[type="password"] {font-size:1.6rem; } 

.board-write input.file-btn.add,
.board-write input.file-btn.del { font-size: 1.4rem;}

.login-icon img {width:auto; margin:0 auto;}
.login-form ._inputArea input { font-size: 1.4rem;}
.nonmember > ul > li > span {font-size:1.6rem;  color:#333;}
.nonmember > strong {color:#333;}
.login-info ul li input {font-family: 'Pretendard'; font-weight:500}
.login-info ul li input:hover {font-family: 'Pretendard'; font-weight:500}

#_JW_Usb_basic .userSbscrb_Step li .step {font-size:2.2rem}
#_JW_Usb_basic .userSbscrb_Step li .comment {font-size:1.6rem; margin-top:-10px;}
#_JW_Usb_basic .userSbscrb_stplat .inner {font-size:1.6rem; } 


.usersearch-bx input,
.usersearch-bx select, 
.usersearch-bx ._form ._insert {font-family: 'Pretendard';  font-size:1.6rem; }
.usersearch-bx .usersearch-tab ul li a {font-family: 'Pretendard';  font-size:1.8rem; }
.view-file .row .title,
.view-file .row .insert {font-family: 'Pretendard';  font-size:1.6rem; }

.point-txt.point-txt2 {font-size:1.8rem; font-weight:600;  min-height: 30px;}
.point-txt.point-txt2 + .point-txt {padding-left:40px; }

._msgWrap ._inner ._message h2 {font-size:2.8rem; } 
._msgWrap ._inner ._message p {font-size:1.8rem; }
._msgWrap._result ._inner ._message { min-height: 115px;}

.board-write .insert .switch {display:block; width:unset; height:auto;}
.board-write .insert .switch input {opacity:unset; width:unset; height:unset;}

.insert.editor iframe, 
.insert.editor video {border-radius:unset;}

.simplemodal-container .simplemodal-wrap ._alertWrap ._alertHeader h2 {font-size:1.6rem;}
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertBody {font-size:1.6rem;}
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter  {font-size:1.4rem;}

/* Margin Custom */
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}
.mt120 {margin-top: 120px;}
.mt130 {margin-top: 130px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}


/* Skip Navagation */
.skip-navi {position: relative;}
.skip-navi a {display:block; position: absolute; left: 0; top: -200px; z-index:200; width:100%; padding:10px 0; background:#413022; border:0 none; text-align:center;  color:#fff; }
.skip-navi a:focus, .skip-navi a:hover, .skip-navi a:active {top:0; font-size:16px; font-weight:bold; border-bottom:1px solid #fff; line-height:1.5;}


.wrap-temp .grid {display:unset; grid-template-columns:unset; gap:unset;  justify-content:unset;  align-content:unset;}



.process { padding: 10px 0 30px 0;}
.process-grid {  display: grid;  grid-template-columns: 1fr;  gap: 30px;  list-style: none;  margin: 0;  padding: 0;}
.process-item { position: relative;  padding: 40px;  border: 1px solid #dce4e8;  border-radius: 24px;  background: #fff;  transition: all 0.3s ease;}
.process-item:hover { transform: translateY(-6px);  box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
.process-title {margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between;}
.process-title span { color:#333; font-size: 20px;  font-weight: 400; }
.process-title span + span { color:#0080fb; font-size: 20px;  font-weight: 600; }
.process-title .step {  display: inline-block;  margin-bottom: 8px;  font-size: 12px;  font-weight: 600;  color: #fff;  background: #333;  padding: 4px 10px;  border-radius: 999px;}
.process .img  {background:#f5f6f8; border-radius:999px;  width:180px; height:180px; overflow:hidden;  margin:0 auto 30px auto;     display: flex;  align-items: center; justify-content: center;}
.process-desc { font-size: 1.8rem;  color: #484848;  margin-bottom: 12px; letter-spacing: -0.3px;}
.process-desc em {font-style:normal; color:#e9161f}
.process-list {  padding-left: 16px;  margin: 0;  font-size: 1.8rem;  color: #484848;}
.process-list li {  margin-bottom: 4px;}
.process-item .con-list1 > ul > li { font-size: 1.8rem;  color: #484848;}

@media (min-width: 768px) {
  .process-grid {   grid-template-columns: repeat(2, 1fr);  }
}

@media (min-width: 1024px) {
  .process-grid {   grid-template-columns: repeat(3, 1fr);  }
}

.unit  {font-size: 1.6rem; font-weight: 400; color: #717171;}
.table-type-b { width: 100%;  overflow: hidden;}
.table-type-b .scr-x { width: 100%;  overflow-x: auto; margin:0; padding:0;}
.table-type-b table { width: 100%;  border-collapse: separate;  border-spacing: 0;  overflow: hidden;}
.table-type-b caption { display: none;}
.table-type-b th, .table-type-b td {padding: 1.6rem 1.8rem;font-size: 1.7rem; font-weight: 400; color: #484848;text-align: center;vertical-align: middle;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;background: #fff;box-sizing: border-box; white-space: normal;  word-break: break-word;}
.table-type-b thead th {padding: 1.7rem 1.8rem;font-weight: 500; font-size: 1.8rem;  line-height: 1;color: #333;background: #e5e7e9;border-top: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}
.table-type-b tr th:first-child, .table-type-b tr td:first-child {  border-left: 1px solid #e7e7e7;}
.table-type-b thead th:first-child {  border-top-left-radius: 0.8rem !important; border-left: 1px solid #d0d0d0 !important;}
.table-type-b thead th:last-child {  border-top-right-radius: 0.8rem !important; border-right: 1px solid #d0d0d0 !important;}
.table-type-b tbody tr:last-child td:first-child { border-bottom-left-radius: 0.8rem;}
.table-type-b tbody tr:first-child td[rowspan] {  border-bottom-right-radius: 0.8rem;}

.table-type-b td.align-l { text-align: left;}
.table-type-b td.align-r { text-align: right;}
.table-type-b td.align-r .text-red {font-weight:500;}
.table-type-b .helper-text { color: #717171; font-size:1.8rem;  line-height: 1.4; font-weight:500;}

.table-type-b td .con-list1.aling-l.font18 {display:inline-block; }
.table-type-b td .con-list1.aling-l.font18 li,
.table-type-b td .con-list1 > ul > li {font-size:1.7rem;}

.table-type-b .list { margin: 0;  padding: 0;  list-style: none;  text-align: left; }
.table-type-b .list > li {margin: 0;padding: 0 0 0 1.2rem;margin-bottom: 1rem;position: relative; font-size:1.8rem; font-weight: 500;   color: #484848;}
.table-type-b .list > li:last-child {margin-bottom:0;}
.table-type-b .list  > li::before {  content: "-";  position: absolute;  left: 0;}
.table-type-b .list  > li > ul {margin: 0; margin-top: 0.6rem; padding-left: 0;}
.table-type-b .list  > li > ul > li { position: relative;  padding-left: 0.8rem;  margin: 0.4rem 0;  font-size: 1.6rem;   font-weight: 400;   color: #717171;}
.table-type-b .list  > li > ul > li::before {  content: "·";  position: absolute;  left: 0;}
.table-type-b .list  > li > ul > li:last-child {margin-bottom:0;}
.table-type-b .list  > li > ul > li  .helper-text { color: #717171; font-size:1.6rem;  line-height: 1.4; font-weight:500; margin-top:0.5rem;}
.table-type-b .list  > li > ul.number > li {padding-left:0;}
.table-type-b .list  > li > ul.number > li::before {display:none;}

/* 테이블 전체 외곽 라운드 */
.table-type-b table {
  border-radius: 0.8rem;
}

.table-type-b tr th:last-child,
.table-type-b tr td:last-child {
  border-right-color: #e7e7e7;
}

.table-type-b tbody tr:last-child th,
.table-type-b tbody tr:last-child td {
  border-bottom-color: #e7e7e7;
}

.table-type-b tbody tr:last-child th:first-child,
.table-type-b tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.8rem;
}

.table-type-b tbody tr:last-child th:last-child,
.table-type-b tbody tr:last-child td:last-child { border-bottom-right-radius: 0.8rem;}

.table-type-b tbody tr:first-child td[rowspan] { border-bottom-right-radius: 0;}
.table-type-b tbody tr td.rowspan-first-td {border-left:none !important; border-bottom-left-radius: 0 !important}
.table-type-b tbody tr td.rowspan-last-td {border-bottom-right-radius:0 !important;}
.table-type-b tbody tr td.rowspan-first-last-td {border-bottom-right-radius: 0.8rem !important;}
.old-price { color: #999;  text-decoration: line-through;}

@media (max-width: 1023px) {
    .table-type-b {
    position: relative;
    overflow: hidden;
  }

  .table-type-b .scr-x {
    overflow-x: hidden;
  }

  .table-type-b.on .scr-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-type-b:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1) url('../../images/guide/img_mobile_text.png') no-repeat center 85px;
    pointer-events: none;
   border-radius: 0.8rem;
  }

  .table-type-b.on:after {
    display: none;
  }

  .table-type-b table {
    width: 960px;
    min-width: 960px;
  }

  .table-type-b th,  .table-type-b td {    padding: 1.2rem;    font-size: 1.6rem;  }
}

/* 모바일 */
@media (max-width: 767px) {
  .table-type-b table {
    width: 720px;
    min-width: 720px;
  }
  .table-type-b .helper-text { color: #717171; font-size:1.6rem;  line-height: 1.4; font-weight:500;}
  .table-type-b .list > li {font-size:1.6rem;}
  .table-type-b .list > li > ul > li {font-size:1.4rem;}
  .table-type-b .list  > li > ul > li  .helper-text { color: #717171; font-size:1.4rem;  line-height: 1.4; font-weight:500; margin-top:0.5rem;}
  
}



/* Tab */
.service-filter-tab { text-align: center; margin: 31px 0 45px;}
.service-filter-tab button {display:none}
.service-filter-tab ul { display: flex;  justify-content: center;}
.service-filter-tab ul li {  position: relative;  display: inline-block;  padding: 0 3%;}
.service-filter-tab ul li + li:after {  content: '';  position: absolute;  left: 0;  top: 50%;  width: 1px;  height: 20px;  background: #ccc;  transform: translateY(-50%);}
.service-filter-tab ul li a {  position: relative;  font-size: 18px;  color: #262626; padding:0; text-align: center;}
.service-filter-tab ul li a:before {  transition: all 0.5s ease;  content: '';  position: absolute;  bottom: -7px;  left: 0;  width: 0;  height: 2px;  background: #07337c;}
.service-filter-tab ul li a:hover {  color: #1a58c0;}
.service-filter-tab ul li a:hover::before {  width: 100%;}
.service-filter-tab ul li a.on {  color: #1a58c0;  font-weight: bold;}
.service-filter-tab ul li a.on:before {  width: 100%;}

@media (max-width: 860px) {
  #menu8301_obj7659 { overflow: visible; }
  .service-filter-tab { position: relative;  overflow: visible; z-index:7; }
  .service-filter-tab .select-btn { display:block; width: 100%;   height: 48px;    padding: 0 40px 0 16px;    border: 1px solid #dcdcdc;    border-radius: 12px;    background: #fff;    text-align: left;    font-size: 15px;   position: relative;  }
  .service-filter-tab .select-btn:after {    content: '';    position: absolute;    right: 18px;    top: 50%;    width: 8px;    height: 8px;    border-right: 2px solid #333;    border-bottom: 2px solid #333;    transform: translateY(-50%) rotate(45deg);  }
   .service-filter-tab ul {    display: none;    position: absolute;    width: 100%;    top: 52px;    left: 0;    background: #fff;    border: 1px solid #ddd;    border-radius: 12px;   z-index: 20;  }
  .service-filter-tab ul.is-open {    display: block;   overflow:hidden;}
  .service-filter-tab ul li {    display: block;  padding: 0 2%;}
  .service-filter-tab ul li + li:after {display:none}
  .service-filter-tab ul li a {    display: block;    padding: 12px 16px 12px 0;    font-size: 15px;  text-align:left; }
  .service-filter-tab ul li a:before {display:none;}
  .service-filter-tab ul li.on {background: #f4f8ff;}
  .service-filter-tab ul li a.on { font-weight: normal;}
}

.service-wrap { margin: 0 auto;}
.service-group { margin-top: 60px;}
.service-group h3 { margin: 0 0 18px;  font-size: 2.6rem;  line-height: 1;  font-weight: 600;  color: #333;  position:relative;  line-height: 1; margin-left: 3rem;  display: flex; align-items: center; gap: 1rem;  margin-bottom:2rem;  }
.service-group h3::before {content: "";    display: inline-block;    background-size: 100% auto;      background-position: 0 0;  position: unset;    left: unset;    top: unset;    border-radius: unset; width: 2.4rem;    height: 2.4rem;}
.service-group h3 .unit {position:absolute; bottom: 0; right:0; text-align:right;  font-size: 1.6rem;}
.service-group h3.ic-board::before {background: url(../../images/icon/icon-board2.png) no-repeat 50% 50%;  }
.service-group h3.ic-content-common::before {background: url(../../images/icon/icon-content-common.png) no-repeat 50% 50%;  }
.service-group h3.ic-content-single::before {background: url(../../images/icon/icon-content-single.png) no-repeat 50% 50%;  }
.service-group h3.ic-feature::before {background: url(../../images/icon/icon-feature.png) no-repeat 50% 50%;  }
.service-group h3.ic-shop::before {background: url(../../images/icon/icon-shop.png) no-repeat 50% 50%;  }
.service-group h3.ic-class::before {background: url(../../images/icon/icon-class.png) no-repeat 50% 50%;  }

@media (max-width: 860px) {
  .service-group h3  { font-size: 2rem;   margin-left: 0}
  
  
}

.production-group { margin: 0 auto;}
.production-group h3 { margin: 0 0 2rem;  font-size: 2rem;  line-height: 1;  font-weight: 600;  color: #333;  position:relative;  line-height: 1; display: flex; align-items: center; gap: 1rem;  }
.production-group h3 .unit {position:absolute; bottom: 0; right:0; text-align:right;  font-size: 1.6rem;}
@media (max-width: 860px) {
  .production-group h3  { font-size: 1.8rem;  }
  .production-group h3 .unit {position:unset;}
  
}


#menu8308_obj7104 .mypage__section {margin-top:0}
@media (min-width: 1440px) {
#menu8308_obj7104 .mypage__section {margin-top:0}  
}


/*  제작신청 Step.01  라디오버튼 관련 */
.radio-card {  position: relative; height: 100%; overflow: hidden;}
.radio-card.is-disabled {overflow: hidden; }
.radio-card.is-disabled::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); border-radius: 1.6rem; z-index: 2; }
.radio-card.is-disabled::before { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);   z-index: 3;color: #fff; font-weight: 500;  white-space: nowrap;text-align: center; font-size:2rem;}
.radio-card.is-disabled.is-duplicate::before { content: "다른 아이디로 신청이 진행중입니다."; }
.radio-card.is-disabled.is-blocked::before { content: "이관 신청가능 기간이 아닙니다."; }

._fnctWrap .view-con img  {max-width: unset;    width: auto;}
.email-refusal  .con-text {font-size:1.6rem;  color:#484848}

.eQ09 ._msgWrap._result {margin-top: 60px}