@charset "UTF-8";
/*****정보공개******/
/*정보목록- 부서검색 모달*/
.modal-conts.search-part .search_org{margin:var(--krds-padding-7) auto 0; width:95%; height:250px; overflow-y: auto;}

/*부서검색 모달내 트리구조*/
.search_org li li{ position: relative;padding: 0 0 4px 22px;white-space: nowrap; line-height:24px;  background: url(/site/images/sub/open/org_tree.gif) no-repeat 9px 0; font-size:1.5rem;}
.search_org li a { font-size:1.5rem;}
.search_org li a:hover{ text-decoration:underline; }
.search_org li li:last-child{background-position: 9px -1766px;}


/* 정책실명제 > 정책실명제 안내 */
.policy_step {margin-top:var(--krds-gap-5);}
.policy_step > li {display:flex; align-items: flex-start; position:relative;width:100%;padding-bottom:25px; gap:20px;}
.policy_step > li:after {content:"";display:block;clear:both;}
.policy_step > li:before {content:"";position:absolute;top:61px;left:95px;display:block;width:12px;height:20px;background:url(/site/images/sub/ico.png) -470px 0 no-repeat;}
.policy_step > li:last-child:before {display:none}
.policy_step > li .flow {background-color:var(--krds-light-color-surface-secondary-subtler); border:0.1rem solid var(--krds-light-color-border-gray-light);width:20rem;padding:var(--krds-padding-6) 0; text-align:center; font-weight:700; border-radius:var(--krds-radius-medium3);}
.policy_step > li > ul {width: calc(100% - 200px);}
.policy_step > li > ul > li {}

@media all and (max-width:768px) {
    .policy_step > li {flex-direction: column; padding-bottom:3rem;}
	.policy_step > li:last-child{padding-bottom:0;}
	.policy_step > li .flow, .policy_step > li > ul {display:block;float:none;}
    .policy_step > li .flow {width:100%;}
    .policy_step > li:before {left:50%;top:inherit;bottom:1.3rem;}
    .policy_step > li > ul {width:100%;}
}

@media all and (max-width:479px) {
	.policy_step > li {padding-bottom:1.6rem;}
}

[data-krds-mode=high-contrast] .policy_step > li .flow {background-color:var(--krds-high-contrast-color-surface-secondary-subtler); border:0.2rem solid var(--krds-high-contrast-color-border-gray-light);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .policy_step > li .flow {background-color:var(--krds-high-contrast-color-surface-secondary-subtler); border:0.2rem solid var(--krds-high-contrast-color-border-gray-light);}
}

/*****민원마당******/
/*민원처리절차 */
.complain_step {display:flex; justify-content:space-between; width:100%; gap:2.4rem; align-items:flex-start;}
.complain_step > li {display:flex; align-items:center; flex:1; justify-content: center; position:relative; flex-direction:column; gap:0.8rem;}
.complain_step > li:after {content:"";display:block;position:absolute;top: 32%; right: -2rem; width:2.5rem;height:1.5rem;background:url(/site/images/sub/complaint/arrow.png) 0 0 no-repeat; z-index:10;}
.complain_step > li:last-child:after {display:none}
.complain_step > li .step {display: flex; justify-content: center; text-align: center; align-items:center; flex-direction: column; width:10rem;height:10rem;border-radius:50%;background:#ecf2fe;}
.complain_step > li .step > strong {display:block;}
.complain_step > li em {width:100%;text-align:center;font-size:1.5rem;font-style:normal;letter-spacing:-1px}

@media all and (max-width:768px) {
	.complain_step{flex-direction:column;}
	.complain_step > li{margin-bottom:1.2rem; width:100%;}
	.complain_step > li .step{width:100%;height:auto;border-radius:1.2rem; padding:1rem 0;}
	.complain_step > li:after{position:absolute; top:initial; bottom:-2.5rem; left: calc(50% - 0.7rem); transform: rotate(90deg) translateX(-50%); -webkit-transform:rotate(90deg);}

}
[data-krds-mode=high-contrast] .complain_step > li .step{background:#464C53;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .complain_step > li .step{background:#464C53;}
}

/*민원종류 */
.complain_cate {display:flex; gap:2.4rem; flex-wrap: wrap; margin:var( --krds-pc-gap-layout-h2-h3) 0;}
.complain_cate > li {width: calc(50% - 1.2rem); border:0.2rem solid #90b0d5; border-radius:1.2rem;text-align:center; padding:2.8rem 1.6rem;}
.complain_cate > li .title {padding:0 0 2rem;font-size:1.9rem;font-weight:700;}
.complain_cate > li .title:before {content:"";display:inline-block;margin-right:0.7rem;width:4.4rem;height:4.1rem;background:url(/site/images/sub/ico.png) 0 -340px no-repeat;vertical-align:middle}
.complain_cate > li .text{font-size:1.5rem; margin-top:0;}
.complain_cate > li:nth-child(2) .title:before {background-position:-44px -340px;}
.complain_cate > li:nth-child(3) .title:before {background-position:-88px -340px;}
.complain_cate > li:nth-child(4) .title:before {background-position:-132px -340px;}
.complain_cate > li ul {display: flex; justify-content: center;}
.complain_cate > li ul li {display: flex; align-items: center; font-size:1.5rem;}
.complain_cate > li ul li a:hover{text-decoration: underline; text-underline-offset: 0.5rem;}
.complain_cate > li ul li:not(:first-child):before{display: inline-flex; content: ""; width: 0.1rem; height: 1.6rem; background-color: var(--krds-light-color-border-gray-light); margin-inline: 1rem;}
@media all and (max-width:768px) {
	.complain_cate{flex-direction: column;}
	.complain_cate > li {width:100%;}
	.complain_cate > li .title {padding:0 0 1.6rem;}
}

[data-krds-mode=high-contrast] .complain_cate > li{border:0.2rem solid #464C53;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .complain_cate > li{border:0.2rem solid #464C53;}
}


/* 민원안내 > 민원방문상담예약 */
.complain_step2 {display:flex; gap:2.4rem; flex-wrap: wrap;}
.complain_step2 > li {display:flex; align-items:center;flex:1; flex-direction: column; position:relative;}
.complain_step2 > li:before {content:"";display:block;margin:0 auto 10px;width:80px;height:56px;background:url(/site/images/sub/complaint/visit_ico.png) 0 0 no-repeat;}
.complain_step2 > li:nth-child(2):before {background-position:-80px 0;}
.complain_step2 > li:nth-child(3):before {background-position:-160px 0;}
.complain_step2 > li:nth-child(4):before {background-position:-240px 0;}
.complain_step2 > li:after {content:"";display:block;position:absolute;top:20%;right:0;width:19px;height:19px;background:url(/site/images/sub/complaint/arrow02.png) 0 0 no-repeat;}
.complain_step2 > li:nth-child(3):after {right:-20px} 
.complain_step2 > li:last-child:after {display:none}
.complain_step2 > li > span {width:100%;padding:1rem 0; text-align:center;border-radius:20px;background:#ecf2fe;letter-spacing:-0.05rem;  font-size:1.5rem;}

@media all and (max-width:768px) {
	.complain_step2{flex-direction: column; gap:4.4rem;}
	.complain_step2 > li:after{position:absolute; top:initial; bottom:-2.5rem; left: calc(50% - 0.9rem); transform: rotate(90deg) translateX(-50%); -webkit-transform:rotate(90deg);}
	.complain_step2 > li > span {font-size:1.5rem;}
}
[data-krds-mode=high-contrast] .complain_step2 > li > span{background:#464C53;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .complain_step2 > li > span{background:#464C53;}
}

/* 적극행정우수사례 박스형 */
.goodvision{ text-align:center;background: #1c589c; padding:5rem 0; border-radius: 1.2rem;}
.goodvision h4{color:#fff; font-size:3.6rem;  font-weight:700;}
.goodvision h4 br{display:none;}
.goodvision h5{color:#fff; font-size:2.8rem; margin-top:0.55rem;}

.goodcase{background:#d6e0eb; padding:var(--krds-pc-padding-card-large); border-radius: 1.2rem; margin-top:var(--krds-pc-gap-layout-h1-h2);}
.goodcase ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:2.4rem; }
.goodcase ul li button{  background:#ffffff; border-radius: 1.2rem; height:12rem; display: flex;justify-content:center; align-items:center;text-align:center; font-size:3rem; font-weight:700; width:100%;}
.goodcase ul li button:hover{box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.3); text-decoration:none;  background:#f2f5f9;  }


@media all and (max-width:768px) {
	.goodvision{padding:3rem ;}
	.goodvision h4{font-size:2.6rem;}
	.goodvision h5{font-size:1.9rem;}
	.goodcase{ padding:var(--krds-pc-padding-card-large) var(--krds-pc-padding-card-medium);}
	.goodcase ul{display: grid; grid-template-columns: repeat(2, 1fr); }
	.goodcase ul li button {height:8rem; font-size:2.2rem;}
}
[data-krds-mode=high-contrast] .goodvision{background:#464C53 ;}
[data-krds-mode=high-contrast] .goodcase{background:#091F25;}
[data-krds-mode=high-contrast] .goodcase ul li button{background:#000000;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .goodvision{background:#464C53 ;}
	[data-krds-mode=theme] .goodcase{background:#091F25;}
	[data-krds-mode=theme] .goodcase ul li button{background:#000000;}
}

/*국민신문고*/
.epeople{display:flex; gap:2.6rem; flex-wrap: wrap; flex-direction:column; align-items:center;}
.epeople .logo{display:inline-block;  width:18rem; height:5rem; background-image: url(/site/images/sub/complaint/logo_epeople_white.png); background-repeat:no-repeat; background-position: 0 0; background-size:contain;}
.epeople .list{width:100%;}
@media (max-width: 767px) {
	 .epeople .logo{margin:0 auto; width:15rem; height:4rem;}
}
/*적극행정*/
.recommand{padding:var(--krds-pc-padding-card-medium) var(--krds-pc-padding-card-medium) 0 var(--krds-pc-padding-card-medium); display:flex; gap:4rem; flex-direction:column;}
.recommand li{display:flex;  align-items: flex-start; gap:3.2rem; padding-bottom:2.4rem; border-bottom:0.1rem solid var(--krds-light-color-divider-gray-light);}
.recommand li img{width:6rem;}
.recommand li .right{display:flex; flex-direction:column; gap:0.8rem;}
/*소극행정*/
.passive{display:flex; flex-wrap:wrap;  gap:2.4rem;}
.passive li {width: calc(50% - 1.2rem);}
.passive li.wrap-box{margin-top:0 !important;}
@media (max-width: 767px) {
	.recommand{padding:var(--krds-pc-padding-card-xsmall); gap:2.4rem;}
	.recommand li{gap:1.6rem;}
	.recommand li img{width:4rem;}
	.passive{flex-direction: column;}
	.passive li{width:100%;}
}
[data-krds-mode=high-contrast] .recommand li {border-bottom:0.1rem solid var(--krds-high-contrast-color-divider-gray-light);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .recommand li {border-bottom:0.1rem solid var(--krds-high-contrast-color-divider-gray-light);}
}

/*민원 입력폼*/
.write-form .form-group-row.tel{} 
.write-form .krds-check-area.chk-column{padding-top:1.6rem;}
.write-form .form-group .form-tit:not(:first-child) {margin-top:1.2rem;}
.write-form .form-group .input-count + .form-tit {margin-top:0;} /*청년정책-textarea+글자수*/
.write-form .select-multiple{border:0.1rem solid #CDD1D5; border-radius:0.6rem; padding:1.6rem; width:100%;}
.write-form .table-wrap .tbl.data.paper tr.ac td{cursor:pointer;}


@media (max-width: 767px) {
	.write-form .form-group-row a, .write-form .form-group-row button{width:100%;}
	.write-form .form-group-row.tel{ gap: var(--krds-gap-1);}
	.write-form .form-group-row.mail{gap: var(--krds-gap-3);} 
}

/*민원 성희롱 신고,상담*/
.center_logo{background:#fff; border-radius:var(--krds-radius-medium1); padding:var(--krds-padding-4) 0; margin-top:1.2rem;}
[data-krds-mode=high-contrast] .center_logo{background:var(--krds-high-contrast-color-surface-inverse);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .center_logo{background:var(--krds-high-contrast-color-surface-inverse);}
}


/* 규제개혁 절차 */
.all_step_list {display:flex; justify-content:space-between; width:100%; margin-bottom:30px; gap:2.4rem;}
.all_step_list > li {display:flex; align-items:center; flex:1; justify-content: center; position:relative; flex-direction: column; gap:0.2rem; border:0.1rem solid var(--krds-light-color-border-gray-light); border-radius: 1.2rem; padding:1.6rem 0; background: var(--krds-light-color-surface-primary-subtler); font-weight:400; }
.all_step_list > li:after {content:"";display:block;position:absolute;top: 50%; right: -2rem; transform: translate(0, -50%);width:2.5rem;height:1.5rem;background:url(/site/images/sub/complaint/arrow.svg) 0 0 no-repeat; z-index:10;}
.all_step_list > li:last-child:after {display:none; margin:0;}

@media all and (max-width:767px) {
    .all_step_list{flex-direction: column;}
	.all_step_list > li{padding:1.6rem 0;}
    .all_step_list > li:after{position:absolute; top:initial; bottom:-1.5rem; left: calc(50% - 1.2rem); transform: rotate(90deg) translateX(-50%); -webkit-transform:rotate(90deg);}
}
[data-krds-mode=high-contrast] .all_step_list > li{ border:0.1rem solid var(--krds-high-contrast-color-border-gray-light); background: var(--krds-high-contrast-color-surface-primary-subtler);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .all_step_list > li{ border:0.1rem solid var(--krds-high-contrast-color-border-gray-light); background: var(--krds-high-contrast-color-surface-primary-subtler);}
}


/* 인증 필요한 서비스 */
.certiWrap {display:flex; justify-content:space-between; width:100%; gap:2.4rem; margin-top:var(--krds-pc-gap-layout-h1-h2); }
.certiWrap li {display:flex; flex-wrap: wrap; flex:1; flex-direction: column; padding:2.8rem 2rem; border-radius:1.2rem; gap:1.2rem; }
.certiWrap li > .text{margin-top:0;}
.certiWrap > li > .wrap-btn{margin:1rem 0 0 0;}

@media all and (max-width:768px) {
    .certiWrap{flex-direction: column;}
}





/*****참여소통******/

.young_garden{position: relative;border-radius:1.2rem;background-color:#d8e5fd; background-image: url(/site/images/sub/young_garden_bg01.svg); background-position:right bottom;  background-repeat:no-repeat; text-align:center; margin-bottom:var(--krds-pc-gap-layout-h2-h3) ; height:20rem;}
.young_garden:before{content:"";position:absolute; top:-1rem; left:2%; width:26rem; height:22rem;display:block; background-image:url(/site/images/sub/young_garden_bg02.svg); background-position:top left; background-repeat:no-repeat; background-size:65%;}
.young_garden .ment{position:absolute; z-index:10; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media (max-width: 767px) {
	.young_garden{background-size:35%;  height:16rem;}
	.young_garden:before{background-size:42%;}
	.young_garden .ment{width:70%;}
	.young_garden .ment h3{font-size:2.2rem;}
}

@media (max-width: 479px) {
	.young_garden:before{background-size:28%; left:0;}
}

/*운영절차 이미지*/
.young_process{margin-top:var(--krds-pc-gap-layout-h2-h3);}
.young_process h5{margin-top:2rem;}
.young_process .content_img{margin-top:3rem;}

@media (max-width: 767px) {
	.young_process{padding: var(--krds-pc-padding-card-xsmall);}
	.young_process h5{margin-top:1rem;}
	.young_process .content_img{margin:2.4rem 0 1.2rem 0;}
}

/*청년제안 진행사항*/
.title02.proposal{margin: 4rem 0 1.5rem 0;}
.young-count{
  --young-count--all-color: var(--krds-color-light-gray-20);
  --young-count--step01-color:var(--krds-color-light-secondary-40);
  --young-count--step02-color:var(--krds-color-light-secondary-50);
  --young-count--step03-color:var(--krds-color-light-secondary-60);
  --young-count--border-color:var(--krds-light-color-border-gray-light);
  --young-count--border-width:var(--krds-light-border-width-variable-regular);
  --young-count--font-color:var(--krds-light-color-text-basic);
  display: flex; 
  flex-wrap: wrap; 
  align-items: stretch; 
  justify-content: space-between;
}
.young-count li{text-align:center; position: relative; width: 21%;}
.young-count li:before{content:"";display:block;position:absolute;top:37%;right:-17.5%;width:2.8rem;height:2.8rem;background:url(/site/images/sub/young_arrow.svg) 0 0 no-repeat; background-size:contain; z-index:30;}
.young-count li:nth-child(1):before, .young-count li:nth-child(4):before{background:none;}
.young-count li .condition{color:#fff; font-weight:700; display: block; padding: 0.8rem 0; border-radius: 1.2rem 1.2rem 0 0;}
.young-count li .condition.all{background-color:var(--young-count--all-color); color:var(--young-count--font-color); }
.young-count li .condition.step01{background-color:var(--young-count--step01-color);}
.young-count li .condition.step02{background-color:var(--young-count--step02-color);}
.young-count li .condition.step03{background-color:var(--young-count--step03-color);}
.young-count li .count{border-left:var(--young-count--border-width) solid var(--young-count--border-color); border-right:var(--young-count--border-width) solid var(--young-count--border-color); border-bottom:var(--young-count--border-width) solid var(--young-count--border-color); 
border-radius: 0 0 1.2rem 1.2rem; padding: 1.2rem 0; font-weight:700;}

.young-count li{text-align:center; position: relative; width: 21.8%;}
.young_ment {flex-direction:column;}/*청년제안 상단*/
.young_ment .title03{text-align:center;}

@media (max-width: 599px) {
	.young-count{flex-direction:column;}
	.young-count li{width: 100%;}
	.young-count li:nth-of-type(1){padding-bottom:2rem;}
	.young-count li:nth-of-type(2), .young-count li:nth-of-type(3){padding-bottom:4rem;}
	.young-count li:before{width:3rem;height:3rem;top:initial; bottom:0.6rem; right:calc(50% - 1.5rem); transform:rotate(90deg);}
}

@media (max-width: 480px) {
	.young_ment{align-items:center !important;}
}

/*청년투표*/
.young-vote{
  --young-vote--list-color-border: var(--krds-light-color-border-gray);
  --young-vote--border-width: var(--krds-light-border-width-variable-regular);
  --young-vote--ongoing-border-color: var(--krds-color-light-secondary-30);
  --young-vote--list-padding-xsmall-size: var(--krds-padding-7);
  --young-vote--list-padding-small-size: var(--krds-padding-8);
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:2.4rem;
}
.young-vote li {
	display:flex;
	flex-direction:column;
	border-radius: 1.2rem;
	border: var(--young-vote--border-width) solid var(--young-vote--list-color-border);
	padding: var(--young-vote--list-padding-small-size);
	gap:1.2rem;
}

.young-vote .condition{display:flex; gap:0.4rem; margin-bottom:0.8rem;}
.young-vote .top-part{display:flex; gap:0.2rem;  flex-wrap:wrap; justify-content:flex-end; margin-bottom:0.8rem;}
.young-vote .top-part .title-part{display:flex; gap:0.6rem;align-items:center;width:100%;}
.young-vote .top-part .etc{display: flex; width:100%;}
.young-vote .top-part .etc span{display: flex; align-items: center; font-size:1.7rem;}
.young-vote .top-part .etc span:not(:first-child):before{
    display: inline-flex;
    content: "";
    width: 0.1rem;
    height: 1.6rem;
    background-color: var(--young-vote--list-color-border);
    margin-inline: 1rem;
}
.young-vote .ment{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2; word-break: break-all;}

/*진행 중*/
.young-vote li.ongoing {width:100% !important;border:0.2rem solid var(--young-vote--ongoing-border-color);}
.young-vote li.ongoing .bottom-part{display:flex; flex-direction:column;  gap:2.4rem;}
.vote-btn{display:flex; flex-direction:column; align-items:center; gap:1.2rem; margin-top:2rem;}
.vote-btn button{width:15rem;}

/*완료*/
.young-vote li.finish.wide{width: 100%;}
.young-vote li.finish{width: calc(50% - 1.2rem); background-color: var(--krds-light-color-surface-gray-subtler);}
.young-vote li.finish .sub-tit{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.young-vote li.finish .bottom-part{display:flex; flex-direction:column; gap:2.4rem; align-items:flex-start; }
/* 투표*/
.vote-poll{
  --vote-poll--time-color-border: var(--krds-light-color-border-gray);
  --vote-poll--01-color:#41a155;
  --vote-poll--02-color:#9e6bdc;
  --vote-poll--03-color:#3d9fb8;
  --vote-poll--04-color:#7d97ec;
  --vote-poll--background-color:var(--krds-light-color-surface-gray-subtle);
  --vote-poll--border-color:var(--krds-light-color-border-gray-light);
  --vote-poll--border-width:var(--krds-light-border-width-variable-regular);
  --vote-poll--border-radius:var( --krds-radius-xlarge1);
  --vote-poll--check-color:var(--krds-light-color-surface-gray-subtler);
  --vote-poll--check-color-border:var(--krds-light-color-border-gray-light);
    display: flex; 
	width:100%;
	max-width:72rem;
	margin:0 auto;
	gap:0.8rem;
	flex-direction:column;
}
.vote-poll .vote-poll-part{display: flex; gap:1rem; justify-content:space-between; position:relative; }
.vote-poll .sment{font-size:1.9rem; font-weight:700;}
.vote-poll.check{max-width:100%;}/*투표항목*/

.vote-poll.finish .vote-poll-part{height:2.5rem; }
.vote-poll .vote-poll-part > div{display: flex; align-items:center; }
.vote-poll .vote-poll-part > div > .vote-count{ position:absolute;  top: 0; z-index:1; display: flex; flex-direction:column; align-items:flex-start; padding:0.8rem 0.6rem; min-width:3rem !important;}
.vote-poll .vote-poll-part .gray{position:relative; background-color:var( --vote-poll--background-color);  width:83%; border-radius: var(--vote-poll--border-radius);}
.vote-poll .vote-poll-part .vote-count{ gap:0.4rem; min-width:10.5rem; }
.vote-poll .vote-poll-part > div > .vote-count strong{font-weight:700; font-size:1.9rem; color:#fff;}
.vote-poll .vote-poll-part > div > .vote-count  span{font-size:1.3rem;color:#fff;}
.vote-poll .vote-poll-part .color01{height:3rem; background-color:var( --vote-poll--01-color); border-radius: var( --vote-poll--border-radius); justify-content:flex-start;}
.vote-poll .vote-poll-part .color02{ height:3rem;background-color:var( --vote-poll--02-color); border-radius: var( --vote-poll--border-radius) ; justify-content:flex-start;}
.vote-poll .vote-poll-part .color03{ height:3rem;background-color:var( --vote-poll--03-color); border-radius: var( --vote-poll--border-radius) ; justify-content:flex-start;}
.vote-poll .vote-poll-part .color04{ height:3rem;background-color:var( --vote-poll--04-color); border-radius: var( --vote-poll--border-radius) ; justify-content:flex-start;}
.vote-poll .vote-poll-ment{font-weight:700;display: flex; justify-content:space-between;}
.vote-poll .vote-poll-ment > div{display: flex; gap:0.8rem;}
.vote-poll .btn-part{text-align:center; margin:0 auto; position:relative; width:100%;}

/* 남은시간*/
.remain-time{display:flex; gap:0.2rem; }
.remain-time span{padding:0.3rem; font-size:1.3rem; }
.remain-time span.time{padding:0.3rem 0.6rem;font-weight:700;border:0.1rem solid var(--vote-poll--time-color-border); border-radius: 0.6rem; }
/*투표진행*/
.vote-poll .vote-poll-ment .vote-count{display:none;}
/*뷰페이지  투표 체크박스*/
.vote-poll .krds-check-area{width:100%; flex-direction: column;}
.vote-poll .krds-check-area.multi{flex-direction: column;}/*서술형*/
.vote-poll .krds-form-check{background-color:var(--vote-poll--check-color); padding:1.6rem 2.4rem;  border-radius: 1.2rem; width:100%; border:var(--vote-poll--border-width) solid var(--vote-poll--check-color-border);}
.vote-poll .krds-form-check label {font-weight:700;}
/*투표종료*/
.young-vote li.finish a{background-color:var(--krds-light-color-surface-gray-subtler); }
.vote-poll.finish .vote-poll-part > div > .vote-count{display:none;}
.vote-poll.finish .vote-poll-ment > div {font-weight:400; font-size:1.5rem; letter-spacing:-0.1rem;}
.vote-poll.finish .vote-poll-ment > div .vote-count strong{font-weight:400;  }
.vote-poll.finish .vote-poll-ment > div .vote-count{display: flex; gap:0.6rem;}
.vote-poll.finish {width:auto;}
@media (max-width: 767px) {
	.young-vote li.finish{width:100%;}
	.vote-poll .sment{font-size:1.7rem;}
}
@media (max-width:479px) {
	
	.vote-poll .krds-check-area {flex-direction:column; gap: var(--krds-gap-5);}
	.vote-poll .krds-form-check{ padding:1.6rem;}
	.vote-poll .btn-part .remain-time{ position:initial; justify-content:flex-end; margin-top:2rem;}
	.vote-poll .vote-poll-part .gray{width:75%;}
	.vote-poll .vote-poll-part .vote-count .people{letter-spacing:-0.05rem;}
}


[data-krds-mode=high-contrast] .young_garden{background-color:#03163A;}
[data-krds-mode=high-contrast] .young-count{
  --young-count--all-color: var(--krds-color-high-contrast-gray-80);
  --young-count--step01-color:var(--krds-color-high-contrast-secondary-50);
  --young-count--step02-color:var(--krds-color-high-contrast-secondary-60);
  --young-count--step03-color:var(--krds-color-high-contrast-secondary-80);
  --young-count--border-color:var(--krds-high-contrast-color-border-gray-light);
  --young-count--border-width:var(--krds-high-contrast-border-width-variable-regular);
  --young-count--font-color:var(--krds-high-contrast-color-text-basic);
  }
 [data-krds-mode=high-contrast] .young-count li:before{background:url(/site/images/sub/young_arrow_white.svg) 0 0 no-repeat; background-size: contain;}
 [data-krds-mode=high-contrast] .young-count li:nth-child(1):before, .young-count li:nth-child(4):before{background:none;}
 [data-krds-mode=high-contrast] .young-vote{
  --young-vote--list-color-border: var(--krds-high-contrast-color-border-gray);
  --young-vote--border-width: var(--krds-high-contrast-border-width-variable-regular);
  --young-vote--ongoing-border-color: var(--krds-color-high-contrast-secondary-50);
  }
  [data-krds-mode=high-contrast] .vote-poll{
  --vote-poll--01-color:#126724;
  --vote-poll--02-color:#683c9f;
  --vote-poll--03-color:#388397;
  --vote-poll--04-color:#425cb2;
  --vote-poll--background-color:var(--krds-high-contrast-color-surface-gray-subtle);
  --vote-poll--border-color:var(--krds-high-contrast-color-border-gray-light);
  --vote-poll--border-width:var(--krds-high-contrast-border-width-variable-regular);
  --vote-poll--check-color:var(--krds-high-contrast-color-surface-gray-subtler);
  --vote-poll--check-color-border:var(--krds-high-contrast-color-border-gray-light);
  }
[data-krds-mode=high-contrast] .young-vote li.finish {background-color:var(--krds-high-contrast-color-surface-gray-subtle); }

@media (prefers-color-scheme: dark) {

	[data-krds-mode=theme] .young_garden{background-color:#03163A;}
	[data-krds-mode=theme] .young-count{
	  --young-count--all-color: var(--krds-color-high-contrast-gray-80);
	  --young-count--step01-color:var(--krds-color-high-contrast-secondary-50);
	  --young-count--step02-color:var(--krds-color-high-contrast-secondary-60);
	  --young-count--step03-color:var(--krds-color-high-contrast-secondary-80);
	  --young-count--border-color:var(--krds-high-contrast-color-border-gray-light);
	  --young-count--border-width:var(--krds-high-contrast-border-width-variable-regular);
	  --young-count--font-color:var(--krds-high-contrast-color-text-basic);
	  }
	 [data-krds-mode=theme] .young-count li:before{background:url(/site/images/sub/young_arrow_white.svg) 0 0 no-repeat;}
	 [data-krds-mode=theme] .young-count li:nth-child(1):before, .young-count li:nth-child(4):before{background:none;}
	 [data-krds-mode=theme] .young-vote{
	  --young-vote--list-color-border: var(--krds-high-contrast-color-border-gray);
	  --young-vote--border-width: var(--krds-high-contrast-border-width-variable-regular);
	  --young-vote--ongoing-border-color: var(--krds-color-high-contrast-secondary-50);
	  }
	  [data-krds-mode=theme] .vote-poll{
	  --vote-poll--01-color:#126724;
	  --vote-poll--02-color:#683c9f;
	  --vote-poll--03-color:#388397;
	  --vote-poll--04-color:#425cb2;
	  --vote-poll--background-color:var(--krds-high-contrast-color-surface-gray-subtle);
	  --vote-poll--border-color:var(--krds-high-contrast-color-border-gray-light);
	  --vote-poll--border-width:var(--krds-high-contrast-border-width-variable-regular);
	  --vote-poll--check-color:var(--krds-high-contrast-color-surface-gray-subtler);
	  --vote-poll--check-color-border:var(--krds-high-contrast-color-border-gray-light);
	  }
	   [data-krds-mode=theme] .young-vote li.finish a{background-color:var(--krds-high-contrast-color-surface-gray-subtle); }

}

/*****알림소식******/
/*동영상뉴스*/
.wrap-video{display:flex;flex-direction:column;}

/* 동영상 비디오 */
.videoWrap {position: relative;width: 100%;padding-bottom:57%;max-width:100%; margin:0 auto 4rem;}
.videoWrap video {position: absolute;width: 100%;height: 100%;}
/*자막*/
.wrap-box > .inside.tv{ height:20rem; overflow-y: scroll; }

@media (max-width: 767px) {
	 .videoWrap {margin-bottom:2rem;}
}

/* 월간소식지 */
.webzine{width:100%; padding:0 5rem;box-sizing: border-box;position:relative;}
.webzine .content_img{padding:1.6rem 0;}
.webzine .content_img img{width:100%;}
.webzine .stit{font-size: 1.7rem; color: #0a6da6; margin-bottom:1.5rem;}

.webzine .policy_part{width:100%; position:relative;}
.webzine .policy_part:after{clear: both; content: "";display: block; margin-bottom:2rem;}
.webzine .policy_part .plicy{float:left; width:55%;}
.webzine .policy_part .plicy li{float:left;position:relative; width:47%; box-sizing:border-box; padding:0 15px 15px 0; }
.webzine .policy_part .plicy li img{width:100%;}
.webzine .policy_part .youtube{float:left;width:45%; position:relative;}
.webzine .policy_part .youtube h6{margin:1rem 0 0.5rem 0; font-size: 1.9rem;}
.webzine .policy_part .youtube img{width:100%; height:220px;}
.webzine .conlist{width:100%; width:calc(100% + 24px);padding:0;margin:-1.2rem -1.2rem 0;}
.webzine .conlist li{float:left; width:calc(33% - 24px);margin:12px;padding:0;}
.webzine .conlist:after{clear: both; content: "";display: block; margin-bottom:2rem;}
.webzine .conlist li img{width:100%; height:27rem; }
.webzine .mediaWrap{border-top:none;border-bottom:none; margin:0;}
.webzine .mediaWrap li{padding-top:0;}
.webzine .mediaWrap > li + li{border-top:none;}

.webzine div.tit:before{clear: both; content: "";display: block; margin-top:2rem; border-top:1px solid #dcdcdc;}
.webzine div.tit{position:relative; width:100%; height:45px; }
.webzine div.tit h5{position:absolute; top:-1.5rem;  left: 50%; transform: translate(-50%, 0); font-size: 1.9rem; font-weight:700; display:inline-block; background-color: #fff; }

.webzine .mediaWrap.col2 {width:100%;overflow:hidden}
.webzine .mediaWrap.col2 > li {position: relative; padding: 4rem 0;float:left;width:50%;border-bottom:1px solid #d4d4d4;}
.webzine .mediaWrap.col2 > li::after {content: '';display:table;clear:both;}
.webzine .mediaWrap.col2 > li + li {border-top:0 none;}
.webzine .mediaWrap.col2 .img {float: left;width:37.33%;padding-left:0;}
.webzine .mediaWrap.col2 .img img {display: block;width:100%;max-width:22rem;max-height:25rem; height: 100%;border-color:#dadada;}
.webzine .mediaWrap.col2 .text {float: right;width:62.67%;padding:0 20px 0 30px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.webzine .mediaWrap.col2 .text .title, 
.webzine .mediaWrap.col2 .text li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:0.4rem 0;}
.webzine .mediaWrap.col2 .text .title {font-size:1.9rem; font-weight:700; padding-bottom:2rem;}
.webzine .mediaWrap.col2 > li .go{position:absolute;top:2px;left:2px;width:99%;height:98%;overflow:hidden;display:block;background:transparent; -moz-background:transparent;}
.webzine .mediaWrap.col2 > li .go span {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0);}
.webzine .mediaWrap.col2 > li .go:focus {border:1px dotted #ccc}

[data-krds-mode=high-contrast] .webzine div.tit h5{background-color: #000000;}
[data-krds-mode=high-contrast] .webzine div.tit:before{border-top:1px solid #464C53;}
[data-krds-mode=high-contrast] .webzine .mediaWrap.col2 > li {border-bottom:1px solid #464C53;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .webzine div.tit h5{background-color: #000000;}
	[data-krds-mode=theme] .webzine div.tit:before{border-top:1px solid #464C53;}
	[data-krds-mode=theme] .webzine .mediaWrap.col2 > li {border-bottom:1px solid #464C53;}
}

@media all and (max-width:960px) {
    .webzine .policy_part .youtube img{height:15rem;}
	.webzine .policy_part .youtube p{display:none;}
}


@media all and (max-width:768px) {
	.webzine{padding:0;}
    .webzine .policy_part .youtube img{height:1rem;}
	.webzine .policy_part .youtube p{display:block;}
}

@media all and (max-width:640px) {
    .webzine .bar{ margin:0 0 1.5rem 0;}
    .webzine .policy_part .plicy{width:100%;}
    .webzine .policy_part .plicy li{width:50%;}
    .webzine .policy_part .youtube{width:100%;}
    .webzine .policy_part .youtube img{height:22rem;}
    .webzine .conlist li{width:100%;box-sizing: border-box; margin:0; padding:1rem; }
	.webzine .mediaWrap > li + li{padding-top:3rem;}
	.webzine .mediaWrap.col2 > li:nth-child(2){border-top:none;}
}


/* 포상공고 */
.reward-item {
	--reward-item-border-top-color: var(--krds-light-color-border-secondary);
	--reward-item-border-bottom-color: var(--krds-light-color-border-secondary-light);
	--reward-item-border-top-width: var(--krds-light-border-width-variable-regular);
	--reward-item-item-background-color:var(--krds-color-light-secondary-10);
	--reward-item-item-text-color:var(--krds-light-color-text-secondary);
	margin-top:var(--krds-pc-gap-layout-h4-h5);

}

.reward-item {border-top:var(--reward-item-border-top-width) solid var(--reward-item-border-top-color); padding-top:1rem;  margin-bottom:0.5rem;}
.reward-item ul li{display: flex; gap:2.4rem; margin-bottom:1.5rem; align-items: center; border-bottom:var(--reward-item-border-top-width) solid var(--reward-item-border-bottom-color); padding:0.6rem 0 1rem 0;}
.reward-item ul li .item{width:12%; font-weight:700; color:var(--reward-item-item-text-color); background:var(--reward-item-item-background-color); border-radius:2.4rem; text-align: center; padding: 0.8rem;  }
.reward-item ul li .ment{flex:1; padding-top:0.5rem;}
.reward-item ul li .comment{width:100%; text-align:center;}

@media all and (max-width:768px) {
	.reward-item ul li .item{width:15%;}

}

@media all and (max-width:480px) {
	.reward-item ul li{gap: 1.6rem; align-items: flex-start;}
	.reward-item ul li .item{width:25%;}

}

[data-krds-mode=high-contrast] .reward-item {
	--reward-item-border-top-color: var(--krds-high-contrast-color-border-secondary);
	--reward-item-border-bottom-color: var(--krds-high-contrast-color-border-gray-light);
	--reward-item-border-top-width: var(--krds-high-contrast-border-width-variable-regular);
	--reward-item-item-background-color:var(--krds-high-contrast-color-surface-secondary-subtler);
	--reward-item-item-text-color:var(--krds-high-contrast-color-text-secondary);
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .reward-item {
	--reward-item-border-top-color: var(--krds-high-contrast-color-border-secondary);
	--reward-item-border-bottom-color: var(--krds-high-contrast-color-border-gray-light);
	--reward-item-border-top-width: var(--krds-high-contrast-border-width-variable-regular);
	--reward-item-item-background-color:var(--krds-high-contrast-color-surface-secondary-subtler);
	--reward-item-item-text-color:var(--krds-high-contrast-color-text-secondary);
	}

}



/* 20210309 주간소식지 */
.webzine-top{display:flex; flex-wrap: wrap; justify-content:flex-end; margin-top:var(--krds-pc-gap-layout-h4-h5); gap: var(--krds-gap-3);}
.webzine-top .title02{width:100%;}
.webzine-top .input-group{gap: var(--krds-gap-3);}
.webzine-top .input-group, .webzine-top .input-group .krds-form-select {width:auto;}


@media (max-width: 480px) {
	 .webzine-top .input-group{margin-top:1.6rem; flex-direction:column; align-items:initial;}
	 .webzine-top .input-group div{display:flex; gap:1.6rem;}
	 .webzine-top .input-group div button{width:40%;}
	 .webzine-top form, .webzine-top .input-group, .webzine-top .input-group .krds-form-select {width:100% !important;}
}


.webzine_week{

	--webzine-border-color:var(--krds-light-color-border-gray-light) ;
	--webzine-press-surface-color:#f8f2d0 ;
	--webzine-press-text-color:#775013 ;
	--webzine-culture-surface-color:#d1e8e1 ;
	--webzine-icon-menu-text-color:var(--krds-light-color-text-primary);
	--webzine-icon-menu-border-color:#bfcbe8;

}
.webzine_week{ margin:var(--krds-pc-gap-layout-h4-h4) auto 0; border:0.1rem solid var(--webzine-border-color); padding:var(--krds-padding-9); box-sizing: border-box;position:relative;}
.webzine_week .webzine_top{position:relative;}
.webzine_week .webzine_top:after{clear: both; content: "";display: block;}
.webzine_week h4.webzine_logo {max-width:50%;width:20rem;height:4.8rem;float:left; margin-left:0.3rem;}
.webzine_logo a{display:block;width:100%;height:100%;background:url(/site/images/common/mcst_logo.svg) 0 0 no-repeat;background-size:contain;}
.snslist {float:right;}
.snslist li {float:left; padding:0; margin:1rem 0.3rem 0 0;}
.snslist li:not(:first-child) {margin-left:10px;}
.snslist li a {display:inline-block;width:3.2rem;height:3.2rem;background-image:url(/site/images/sub/webzine/webzine_sns.png);background-repeat:no-repeat;}

.webzine_week .title{background:#263268 url(/site/images/sub/webzine/webzine_bg.png) repeat;position:relative; padding:25px; margin:20px 0;}
.webzine_week .title h5{float:left; width:50%; font-size:20px; font-weight:bold; line-height:1.6em; color:#fff; }
.webzine_week .title p{float:right; color:#fff; text-align:right; font-weight:700;  margin-top:0.3rem;}
.webzine_week .title:after{clear: both; content: "";display: block;}
.webzine_week .press{background-color:var(--webzine-press-surface-color); background-image:url(/site/images/sub/webzine/webzine_press_bg.png);background-position:5rem 9rem;background-repeat: no-repeat; width:100%; padding:3rem 4rem; box-sizing: border-box; margin-bottom:2.5rem;}
.webzine_week .press h5{position:relative; color:var(--webzine-press-text-color);  font-size:var(--krds-mobile-font-size-heading-medium); font-weight:700;float:left; display:inline-block; padding-top:1.4rem;}
.webzine_week .press h5:before {content:"";position:absolute;top:0;left:0;display:block;width:20px;height:3px;background:#bb8545;}
.webzine_week .press .press_list{float:left; margin-left:60px; width:75%;}
.webzine_week .press .press_list li{position:relative; padding: 0 0 0.5rem 2rem;}
.webzine_week .press .press_list li:before{content:"";display:block;position:absolute;top:11px;left:5px;width:4px;height:4px;background:#b67f31; border-radius: 2px;}
.webzine_week .press .press_list li a{display:inline-block;width:100%;font-weight: normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.webzine_week .press:after{clear: both; content: "";display: block; }

/*수어배너 시작*/
.webzine_week .sign_banner{ margin-bottom:2.5rem;}
.webzine_week .sign_banner img{width:100%;}
.webzine_week .sign_banner img.small{display:none;}
/*수어배너 끝*/

.webzine_week .sns_list{ margin-bottom:2.5rem;}
.webzine_week .sns_list ul{display:flex; gap:1.6rem; align-items: stretch;}
.webzine_week .sns_list li{width:calc(33.3% - 8px);text-align:center;}
.webzine_week .sns_list li a{position:relative;display:inline-block;width:100%;border:0.1rem solid var(--webzine-border-color);box-sizing:border-box;padding-bottom:3rem; height:100%;}
.webzine_week .sns_list li img{width:100%; height:14.5rem; border-bottom:1px solid var(--webzine-border-color);}
.webzine_week .sns_list li p{text-align:left; margin:1rem; letter-spacing:-1px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.webzine_week .sns_list .sns{position:absolute;bottom:8px;right:10px;display:block;width:3.2rem;height:3.2rem;background-image:url(/site/images/sub/webzine/webzine_sns.png);background-repeat:no-repeat;}
.sns_list .blog, .snslist a.blog {background-position:0 0;}
.sns_list .facebook, .snslist a.facebook {background-position:-35px 0;}
.sns_list .twitter, .snslist a.twitter {background-position:-70px 0;}
.sns_list .youtube, .snslist a.youtube {background-position:-105px 0;}
.sns_list .instagram, .snslist a.instagram {background-position:-140px 0;}
.sns_list:after{clear: both; content: "";display: block;}

.webzine_week .book{background:var(--webzine-culture-surface-color); padding:var(--krds-pc-padding-card-large); margin-bottom:2.5rem; }
.webzine_week .book ul{display:flex;align-items:center;justify-content:center; gap:3.2rem; align-items: stretch}
.webzine_week .book li{ margin-top:3rem; width:24%; box-sizing: border-box; text-align:center;position:relative;}
.webzine_week .book li img{width:100%; height:21.5rem; border:1px solid #a3bbb4}
.webzine_week .book li p{margin-top:10px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.webzine_week .book li span{position:absolute;top:-2.7rem;left:0;font-size:1.5rem; letter-spacing:-0.5px; background:#158562; color:#fff; padding:0.3rem 1rem; border-radius: 0 0.8rem 0 0; min-width:5rem; display:inline-block;}

.webzine_week .link .icon_menu{float:left; width: 65%; }
.webzine_week .link .icon_menu ul{display:flex; gap:1.2rem; flex-wrap:wrap; justify-content: space-between;}
.webzine_week .link .icon_menu li{width:calc(32.5% - 6px);padding:0;text-align:center; border: 1px solid var(--webzine-icon-menu-border-color);box-sizing:border-box;}
.webzine_week .link .icon_menu li a{ display:block; padding:10px 0;}
.webzine_week .link .icon_menu li h5{font-size:1.6rem; color:var(--webzine-icon-menu-text-color); font-weight:700;}
.webzine_week .link .icon_menu li h5:after{content:"";display:block;margin:10px auto 0;width:5rem;height:5rem; }
.webzine_week .link .icon_menu li.menu01 h5:after {background:url(/site/images/sub/webzine/webzine_icon01.svg) 0 0 no-repeat; background-size:contain;}
.webzine_week .link .icon_menu li.menu02 h5:after {background:url(/site/images/sub/webzine/webzine_icon02.svg) 0 0 no-repeat; background-size:contain;}
.webzine_week .link .icon_menu li.menu03 h5:after {background:url(/site/images/sub/webzine/webzine_icon03.svg) 0 0 no-repeat; background-size:contain;}
.webzine_week .link .icon_menu li.menu04 h5:after {background:url(/site/images/sub/webzine/webzine_icon04.svg) 0 0 no-repeat; background-size:contain;}
.webzine_week .link .icon_menu li.menu05 h5:after {background:url(/site/images/sub/webzine/webzine_icon05.svg) 0 0 no-repeat; background-size:contain;}
.webzine_week .link .icon_menu li.menu06 h5:after {background:url(/site/images/sub/webzine/webzine_icon06.svg) 0 0 no-repeat; background-size:contain;}
.webzine_week .link .banner{float:right; width: 32%;}
.webzine_week .link .banner img{width: 100%;}
.webzine_week .link:after{clear: both; content: "";display: block;}

@media all and (max-width:768px) {

	.webzine_week .photo img{width:100%;}
    .webzine_week {width:100%; padding:2rem 1rem;}
    .webzine_topart.tit01 .back{float:none; padding-top:1rem; width: 100%; display: flex; justify-content: space-between;}
	.webzine_topart.tit01 .back select, .webzine_topart.tit01 .back .btn {width:24%;}
	.webzine_topart.tit01 .back.past{width:50%; float:right;}
	.webzine_topart.tit01 .back.past select {width:75%;}
	.webzine_topart.tit01 .back.past .btn {width:23%;}
	.webzine_week .link .icon_menu li h5:after{margin:0 auto;}
	.webzine_week .sns_list li p, .webzine .book li p{font-size:1.3rem;}
	.webzine_week .press .press_list li{padding: 0 0 0 2rem;}
	.webzine_week .press .press_list{margin-left:4rem;}
}

@media all and (max-width:480px) {

	.webzine_week{ margin:3rem auto 0;}
	.webzine_week h4.webzine_logo{float:none; margin:0 auto;}
	.webzine_week .title h5 {float:none; text-align:center; width:100%;}
	.webzine_week .title p{float:none;text-align:center;}
	.webzine_week .press{ padding:1.6rem; background-image:none; }
	.webzine_week .press h5 {float:none; font-size :1.5rem; margin-bottom:1rem;}
	.webzine_week .press .press_list{float:none; margin-left:0; width:100%;}

	.webzine_week .sns_list li img{height:10.5rem;}
	.webzine_week .book{padding: var(--krds-pc-padding-card-small);}
	.webzine_week .book ul{gap:1.2rem; justify-content: space-evenly; }
	.webzine_week .book li{width:30%;}
	.webzine_week .book li img{height:11.5rem;}
	.webzine_week .book li span{font-size :1.3rem; top:-2.5rem;}
	.webzine_week .link .icon_menu{float:none; width:100%; margin-bottom:2.5rem;}
	.webzine_week .link .icon_menu li h5{font-size:1.3rem; letter-spacing:-0.5px;}
	.webzine_week .link .banner{float:none; width: 100%;}
	/*수어배너*/
	.webzine_week .sign_banner img.small{display:block;}
	.webzine_week .sign_banner img.big{display:none;}

}
[data-krds-mode=high-contrast] .webzine_week{

	--webzine-border-color:var(--krds-high-contrast-color-border-gray-light) ;
	--webzine-press-surface-color:#53391d ;
	--webzine-press-text-color:#fff ;
	--webzine-culture-surface-color:#354a44;
	--webzine-icon-menu-text-color:var(--krds-high-contrast-color-text-primary);
	--webzine-icon-menu-border-color:var(--krds-high-contrast-color-divider-gray-dark);

}
[data-krds-mode=high-contrast] .webzine_logo a {background-image: url(/site/images/common/mcst_logo_white.svg);}
[data-krds-mode=high-contrast] .webzine_week .sns_list .sns{background-image:url(/site/images/sub/webzine/webzine_sns_gray.png);}
[data-krds-mode=high-contrast] .snslist li a {background-image:url(/site/images/sub/webzine/webzine_sns_gray.png);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .webzine_week{
	--webzine-border-color:var(--krds-high-contrast-color-border-gray-light) ;
	--webzine-press-surface-color:#53391d ;
	--webzine-press-text-color:#fff ;
	--webzine-culture-surface-color:#354a44;
	--webzine-icon-menu-text-color:var(--krds-high-contrast-color-text-primary);
	--webzine-icon-menu-border-color:var(--krds-high-contrast-color-divider-gray-dark);

}
	[data-krds-mode=theme] .webzine_logo a {background-image: url(/site/images/common/mcst_logo_white.svg);}
	[data-krds-mode=theme] .webzine_week .sns_list .sns{background-image:url(/site/images/sub/webzine/webzine_sns_gray.png);}
	[data-krds-mode=theme] .snslist li a {background-image:url(/site/images/sub/webzine/webzine_sns_gray.png);}
}

/*****문화광장******/

/*로컬100*/
.local100{
	--local100-wrap--background-color:var(--krds-color-light-point-5);
	--local100-list--background-color:var(--krds-light-color-surface-white);
}

.local100-list-wrap{border-radius: 1.2rem; background-color:var(--local100-wrap--background-color); padding:var(--krds-pc-padding-card-large); margin-top: var(--krds-pc-gap-layout-h1-h2);}
.local100-list{display: grid; grid-template-columns: repeat(3, 1fr); gap:2.4rem;}
.local100-list li{ box-sizing: border-box; text-align:center;  background-color:var(--local100-list--background-color); box-shadow: 0 0.2rem 0.8rem rgba(106,34,5,0.1); border-radius: 10px; }
.local100-list li a{ display:block; border-radius: 1.2rem; }
.local100-list li .thum{ box-sizing: border-box;}
.local100-list li .thum img{width:100%; border-radius:1.2rem 1.2rem 0 0;}
.local100-list li .ment{padding:2rem 1rem; }
.local100-list li .ment .tit{font-size:1.9rem; }
.local100-list li .logo_100{display: block;width:100%; height:100%; position:relative;}
.local100-list li .logo_100 img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

@media all and (max-width:768px) {
	.local100-list-wrap{ padding:var(--krds-pc-padding-card-medium); }
	.local100-list{ grid-template-columns: repeat(2, 1fr);} 
	.local100-list li .ment .tit{font-size:1.7rem; }
}
@media all and (max-width:480px) {
	.local100-list{ grid-template-columns: repeat(1, 1fr);} 
	.local100-list li .logo_100{display:none;}

}
[data-krds-mode=high-contrast] .local100{
	--local100-wrap--background-color:var(--krds-high-contrast-color-border-point-light);
	--local100-list--background-color:var(--krds-high-contrast-color-surface-white);

}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .local100{
	--local100-wrap--background-color:var(--krds-high-contrast-color-border-point-light);
	--local100-list--background-color:var(--krds-high-contrast-color-surface-white);}
}

/* 지역 축제 상단설명박스*/
.wrap-box.festival{ display:flex; gap:var(--krds-gap-7); padding:0;}
.wrap-box.festival .festival-info{ flex-grow: 1;padding:var(--krds-pc-padding-card-medium);}
.wrap-box.festival .festival-file{flex-shrink: 0; width: 35rem;padding:var(--krds-pc-padding-card-medium); background-color: var(--krds-light-color-surface-secondary-subtler); border-radius: 0 var(--krds-radius-xlarge1) var(--krds-radius-xlarge1) 0;}
.wrap-box.festival .input-group{gap:var(--krds-gap-3); margin-top:var(--krds-padding-5);}

[data-krds-mode=high-contrast] .wrap-box.festival .festival-file{ background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .wrap-box.festival .festival-file{ background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}
}

/* 지역 축제 -달력보기*/
.cal-part-wrap{display:flex; justify-content: space-between; flex-direction: row; gap:2.4rem;margin-top: var(--krds-pc-gap-layout-h4-h5);}
.cal-part-wrap .cal-left-part{flex-grow: 1;  overflow: hidden; padding:0.4rem;}
.krds-calendar-area .calendar-wrap.festival{position: initial;background-color:initial;  width: 100%; box-sizing: border-box;  border: 0.1rem solid var(--krds-calendar--color-border); border-radius: 1.2rem;}
.krds-calendar-area .calendar-wrap.festival .calendar-head {justify-content: center;  padding: var(--krds-padding-9);}
.krds-calendar-area .calendar-wrap.festival .calendar-head .calendar-switch-wrap .btn-cal-switch{font-size:var(--krds-pc-font-size-heading-medium);}
.cal-part-wrap .cal-right-part {flex-shrink: 0; width:50%;}
.cal-part-wrap .cal-right-part .calendar-side{background-color: var(--krds-light-color-surface-secondary-subtler); border-radius:1.2rem; padding:var(--krds-pc-padding-card-medium); }
.krds-calendar-area .calendar-wrap.festival .calendar-body .calendar-table-wrap .calendar-tbl td {vertical-align: top; padding:var(--krds-padding-3) 0; }
.event{margin:0.8rem 0.2rem 0 0.2rem ;}
.event.btn-set-date{cursor:pointer;}
.event.btn-set-date .local-count{color:inherit; text-align:center; font-size:var(--krds-pc-font-size-body-small); padding:var(--krds-padding-2); border-radius:var(--krds-radius-medium1);background-color:var(--krds-light-color-surface-gray-subtle); }
.event.btn-set-date .local-count.pick {font-weight:var(--krds-typo-font-weight-bold); color:var(--krds-calendar--color-text-sub); }
.cal-right-part .search-top-box{margin-top:0;}
.cal-right-part .search-top-box .input-group.festival{width:100%;}
.cal-right-part .search-top-box .input-group.festival .sch-input .krds-input {padding: 0 var(--krds-size-height-7) 0 var(--krds-padding-6);}
.cal-right-part .claendar-result{margin:var(--krds-gap-6) 0 var(--krds-gap-3) 0 ;}
.cal-right-part .claendar-result ul{display:flex; }
.cal-right-part .claendar-result ul li{display: flex; align-items: center;}
.cal-right-part .claendar-result ul li .region{margin-right:0.6rem;}
.cal-right-part .claendar-result ul li:not(:first-child):before{display: inline-flex; content: ""; width: 0.1rem; height: 1.6rem; background-color: var(--krds-light-color-border-gray-light); margin-inline: 1rem;}
.cal-right-part .calendar-side .inside{display:flex; gap:var(--krds-gap-3);align-items: flex-start; overflow-y: scroll; height:70rem;}
.cal-right-part .calendar-side .day-local-top{display:flex; flex-direction: column; gap:var(--krds-gap-1); align-items: center; padding:var(--krds-gap-2) var(--krds-gap-5);  border-radius:var(--krds-radius-medium1);background-color:var(--krds-light-color-surface-white);}
.cal-right-part .calendar-side .day-local-top .day{font-size: var(--krds-pc-font-size-heading-xxsmall);}
.cal-right-part .calendar-side .day-local-top.active{background-color:var(--krds-light-color-action-secondary-active); }
.cal-right-part .calendar-side .inside > ul {width:100%; padding:0.2rem 0 0 0;}
.cal-right-part .calendar-side .inside > ul > li{display:flex; gap:var(--krds-gap-6);align-items: flex-start; border-bottom:0.1rem solid var(--krds-light-color-surface-disabled); padding-bottom:var(--krds-padding-8);}
.cal-right-part .calendar-side .inside > ul > li + li{margin-top:2.4rem;}
.cal-right-part .calendar-side .inside .list li {font-size:var(--krds-pc-font-size-body-small);}
.cal-right-part .calendar-side .day-local-top.active .day, .calendar-side .day-local-top.active .sub-tit{color:#fff;}
.cal-right-part .calendar-side .inside::-webkit-scrollbar { width: 1rem;}
.cal-right-part .calendar-side .inside::-webkit-scrollbar-thumb { background-color: var(--krds-light-color-divider-secondary-light);  border-radius:1rem; }
.cal-right-part .calendar-side .inside::-webkit-scrollbar-track {background-color: var(--krds-light-color-surface-white); border-radius:1rem; }

/*20250901 달력보기- 검색에 검색버튼사이즈*/
.search-top-box .sch-form-wrap .input-group.festival .sch-input button{height: 2.4rem !important;}

[data-krds-mode=high-contrast] .krds-calendar-area .calendar-wrap.festival{border: 0.2rem solid var(--krds-calendar--color-border);}
[data-krds-mode=high-contrast] .event .local-count{background-color:var(--krds-high-contrast-color-surface-gray-subtle);}
[data-krds-mode=high-contrast] .cal-right-part .calendar-side .day-local-top{background-color:var(--krds-high-contrast-color-surface-white-subtler);}
[data-krds-mode=high-contrast] .cal-part-wrap .cal-right-part .calendar-side{background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}
[data-krds-mode=high-contrast] .cal-right-part .calendar-side .inside > ul > li{ border-bottom:0.1rem solid var(--krds-high-contrast-color-surface-disabled);}
[data-krds-mode=high-contrast] .cal-right-part .calendar-side .day-local-top.active{background-color:var(--krds-high-contrast-color-action-secondary-active); }
[data-krds-mode=high-contrast] .cal-right-part .calendar-side .inside::-webkit-scrollbar-thumb { background-color: var(--krds-high-contrast-color-text-disabled);}
[data-krds-mode=high-contrast] .cal-right-part .calendar-side .inside::-webkit-scrollbar-track {background-color: var(--krds-high-contrast-color-surface-white); }

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .krds-calendar-area .calendar-wrap.festival{border: 0.2rem solid var(--krds-calendar--color-border);}
	[data-krds-mode=theme] .event .local-count{background-color:var(--krds-high-contrast-color-surface-gray-subtle);}
	[data-krds-mode=theme] .cal-right-part .calendar-side .day-local-top{background-color:var(--krds-high-contrast-color-surface-white-subtler);}
	[data-krds-mode=theme] .cal-part-wrap .cal-right-part .calendar-side{background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}
	[data-krds-mode=theme] .cal-right-part .calendar-side .inside > ul > li{ border-bottom:0.1rem solid var(--krds-high-contrast-color-surface-disabled);}
	[data-krds-mode=theme] .cal-right-part .calendar-side .day-local-top.active{background-color:var(--krds-high-contrast-color-action-secondary-active); }
	[data-krds-mode=theme] .cal-right-part .calendar-side .inside::-webkit-scrollbar-thumb { background-color: var(--krds-high-contrast-color-text-disabled);}
	[data-krds-mode=theme] .cal-right-part .calendar-side .inside::-webkit-scrollbar-track {background-color: var(--krds-high-contrast-color-surface-white); }

}

/*지역축제 뷰페이지*/
.culture_view.festival{text-align: center;  padding: var(--krds-pc-gap-layout-h4-h4);}
.culture_view.festival + dl.board{border-top:0.1rem solid var( --krds-view--border-color);}

@media all and (max-width:768px) {
	.wrap-box.festival{flex-wrap: wrap; gap: 0;}
	.wrap-box.festival .festival-info, .wrap-box.festival .festival-file{padding:var(--krds-pc-padding-card-small);}
	.wrap-box.festival .festival-file{ width: 100%; border-radius: 0 0 var(--krds-radius-xlarge1) var(--krds-radius-xlarge1) ;}
	.wrap-box.festival .festival-file .krds-form-select{width: auto;}
	.krds-calendar-area .calendar-wrap.festival .calendar-body .calendar-table-wrap {padding: 0 var(--krds-gap-3);}
	.cal-part-wrap{flex-direction: column;}
	.cal-part-wrap .cal-right-part{width:100%;}
	.cal-part-wrap .cal-right-part .calendar-side{padding: var(--krds-pc-padding-card-small);}
	.cal-right-part .calendar-side .inside > ul{padding-right:var(--krds-gap-3);}
}

@media all and (max-width:419px) {
	.cal-right-part .search-top-box .input-group.festival{flex-direction:column;}
}

/* 문화예솔공연 > 뷰(내용보기), 추천도서 > 뷰(내용보기) */
.culture_view {width:100%;overflow:hidden;padding-top:var(--krds-padding-10);}
.culture_view .imgWrap {position:relative;float:left;width:44.75%;padding:0 7% 0;box-sizing:border-box;}
.culture_view .img {position:relative;max-width:285px;}
.culture_view .img img {width:100%;border:1px solid #d9d9d9; }
.culture_view .img:after {content:"";display:block;position:absolute;right:-57px;bottom:2px;width:55px;height:69px;background:url(/site/images/sub/culture/img_bg.png) 0 0 no-repeat;}
.culture_view .img.bookWrap img {padding:0.8rem 0.8rem 0.1rem 0.1rem; height:342px;background:url(/site/images/sub/culture/book_bg.png) 0 0 no-repeat;border:0; background-size: contain;}
.culture_view .img.bookWrap:after  {display:none;}
/* 추천여행지 뷰 */
.culture_view.tour {text-align:center; padding-top:0; padding-bottom:var(--krds-pc-gap-layout-h4-h4);}

.board_detail {float:right;width:55.25%;padding:0 3% 0 0;box-sizing:border-box;}
.board_detail.book{margin-top:var(--krds-padding-10);}
.board_tit {padding:0 0 1rem 1rem; font-size:var(--krds-pc-font-size-heading-small); border-bottom: 0.1rem solid var(--krds-view--border-color);}
.board_detail dl {width:100%;margin:0; display:flex;flex-wrap:wrap;}
.board_detail dt {width:23%;  padding:var(--krds-padding-5); border-bottom: var(--krds-view--border-width) solid var(--krds-view--border-color);}
.board_detail dd {width:77%; padding:var(--krds-padding-5); border-bottom: var(--krds-view--border-width) solid var(--krds-view--border-color);}

.culture_view table {position:relative;float:left;width:530px;padding-left:20px;background:none}
.culture_view table th, .culture_view table td {text-align:left;padding:10px 10px 10px 0;border-bottom:1px solid #d4d4d4}
.culture_view table th.title {padding:0 10px 10px 0;color:#0a6da6;font-size:16px;}
.culture_view + .view_con {border-top:0;}
.view_con {padding:var(--krds-padding-10); /*border-top:var(--krds-view--border-width) solid var( --krds-view--border-color);*/ }
.view_con.edit p, .view_con.edit span, .view_con.edit th, .view_con.edit td, .view_con.edit li, .view_con.edit div {font-size:1.6rem !important;} /*뷰 에디텅요 */
.view_con .culture-guide{display:flex; align-items: center; justify-content: space-between;  flex-wrap: wrap; margin-top:var(--krds-pc-gap-layout-h5-h5); gap:var(--krds-gap-3); }
.view_con .culture-guide .goportal{display:flex; align-items: center; gap:var(--krds-gap-4);}
.view_con > .goportal{display:flex; justify-content:flex-end;  margin-top:var(--krds-pc-gap-layout-h3-h4); } /*추천도서 */

@media all and (max-width:768px) {
    .culture_view {padding-top:4.2rem;}
    .culture_view .imgWrap, .culture_view table {float:none;width:100%;padding:0;}
    .culture_view .img {margin:0 auto 2.0rem;text-align:center;}
    .culture_view table th, .culture_view table td {font-size:13px;}
    .culture_view + .view_con .tit01_ {padding:15px 0 10px}
    .culture_view .img.bookWrap img {padding:0.6rem 0.6rem 0.1rem 0.1rem; background-size:100% 356px;height:347px;}
	.culture_view.tour{ padding-top:var(--krds-mobile-gap-layout-h4-h5);}
	.view_con {padding:var(--krds-padding-9) 0;width:100%;box-sizing:border-box; -webkit-box-sizing:border-box;}
	.view_con.type2 {padding:var(--krds-padding-8) 0;}
	.board_detail{width:100%; padding:0; margin-top: var(--krds-padding-6);}
	.board_detail dt{background: var(--krds-view--surface); width: 25%;}
	.board_detail dd{width: 75%;}
	.board_detail.book{margin-top:var(--krds-padding-6);}
	.board_tit{font-size: var(--krds-pc-font-size-heading-medium);}
	.view_con .culture-guide{justify-content: flex-end; gap: var(--krds-gap-4);}
}
@media all and (max-width:480px) {
	.culture_view {padding-top:3.6rem;}
    .culture_view .img {max-width:160px;}
	.culture_view .img.bookWrap img {background-size:100% 236px;height:229px;}
	.view_con .portallink span.ment{padding:0 0 0 25px;}
    .view_con .portallink img.local {width:80% !important}
	.board_tit{font-size: var(--krds-pc-font-size-heading-small);}
}
/* 문화예술공연- 오늘 달력 레이어 위치 */
.krds-calendar-area.culture .calendar-wrap {left:calc(50% - 16rem);}
@media (max-width: 440px) {
	.krds-calendar-area.culture .calendar-wrap {left:0; width: calc(100vw - var(--krds-contents-padding-x) * 2);}
}
/* 문화예술공연- 오늘의공연 */
.culture_today {position:relative;display:flex;width:100%; align-items: flex-end; justify-content: space-between; flex-wrap: wrap}
.culture_today .date {display:flex; flex-wrap: wrap; gap: var(--krds-gap-5); align-items: flex-end;}
.culture_today .date .form-group{width:17.8rem ; margin-bottom:0.2rem; }
.culture_today .date .form-group input{width:100%; border:0; height:2.6rem; }
.culture_today .date .form-group input::placeholder{ font-weight: 700;font-size:2.4rem;  color:#0b50d0; line-height:2.6rem;}
.culture_today .date .form-group .krds-btn{ right: 1.2rem;}
.culture_today .count{margin-right:1rem;}
@media all and (max-width:767px) {
	.culture_today .date .form-group{width:16rem}
	.culture_today .date .form-group input::placeholder{ font-size:2.2rem;}
}
@media all and (max-width:440px) {
	.culture_today .date{align-items:flex-start; flex-direction:column; gap: var(--krds-gap-2);}
}
[data-krds-mode=high-contrast] .culture_today .date .form-group input{background-color:#000;}
[data-krds-mode=high-contrast] .culture_today .date .form-group input::placeholder{ color:#b1cefb;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .culture_today .date .form-group input{background-color:#000;}
	[data-krds-mode=theme] .culture_today .date .form-group input::placeholder{ color:#b1cefb;}
}

/* 문화예술공연- 상단공연 */
.today-swiper-wrap {
	 --today-color-background: var(--krds-light-color-surface-secondary-subtler);
	 --today-guide-color-background: var(--krds-light-color-border-secondary-light);
}
.today-swiper-wrap{background-color: var(--today-color-background);  border-radius: var(--krds-radius-xlarge1) ;}
.today-swiper-wrap .today-swiper {
	display: flex; 
	align-items: normal;
	justify-content: flex-start; 
	flex-direction: column;  
	gap: var(--krds-gap-7); 
	padding: var(--krds-pc-gap-layout-h1-h2) var(--krds-pc-padding-card-small);
	}
.today-swiper-in{position: relative; padding: 0 5rem;}
.today-swiper .swiper-slide {padding:0.2rem;}
.today-swiper .swiper-slide a{display:block;  margin:0.2rem;}
.today-swiper .swiper-slide a:focus{  border-radius:1rem;}
.today-swiper .img{height: 26rem; overflow:hidden; border-radius:0.8rem;}
.today-swiper .img img{object-fit:cover; height:100%; object-position:top; }
.today-swiper .text{display: flex;flex-direction: column; gap: var(--krds-gap-4); padding:var(--krds-padding-4); margin-top:var( --krds-pc-gap-layout-h4-h5); text-align:center;}
.today-swiper .text .sub-tit{font-weight: var(--krds-font-weight-bold); display: -webkit-box; overflow: hidden;  text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.today-swiper .text .date{font-size:var(--krds-pc-font-size-body-small); }
.today-swiper-wrap .guide{display:flex; justify-content:center; padding:var(--krds-padding-7); background-color: var(--today-guide-color-background);  border-radius: 0 0 var(--krds-radius-xlarge1) var(--krds-radius-xlarge1); text-align:center;}
.today-swiper-wrap .guide .helpe-tit::before{top:0;}

@media all and (max-width:767px) {
	.today-swiper-wrap .today-swiper{ padding: var(--krds-pc-padding-card-large) var(--krds-pc-padding-card-medium);}
	.today-swiper-in{position: relative; padding: 0 ;}
	.today-swiper .img {height: 23rem;}
	.today-swiper .swiper-indicator.w-hide{margin-top:var(--krds-padding-6);}
	.today-swiper-wrap .guide{text-align:left;}        
}
@media all and (max-width:480px) {
	.today-swiper-wrap .today-swiper{ padding: var(--krds-pc-padding-card-medium) ;}
	.today-swiper .img {height: 20rem;}
	.today-swiper .text{ gap: var(--krds-gap-2);}
	.today-swiper .swiper-indicator.w-hide{margin-top:var(--krds-padding-3);}
}
@media all and (max-width:420px) {
	.today-swiper .img {height: 35rem;}

}
[data-krds-mode=high-contrast] .today-swiper-wrap {
	 --today-color-background: var(--krds-high-contrast-color-surface-gray-subtle);
	 --today-guide-color-background: var( --krds-high-contrast-color-border-information-light);
}
@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme]  .today-swiper-wrap {
	 --today-color-background: var(--krds-high-contrast-color-surface-gray-subtle);
	 --today-guide-color-background: var( --krds-high-contrast-color-border-information-light);
	}
}



/*체육행사*/
.wrap-box.sportsgame{position:relative; display:flex;}
.wrap-box.sportsgame:before {content:"";display:inline-block;position:absolute;  }
.wrap-box.sportsgame.inter:before{width:7rem;height:7.2rem; background:url(/site/images/sub/culture/sports_event01.png) 0 0 no-repeat;}
.wrap-box.sportsgame.local:before{width:7rem;height:9.5rem; background:url(/site/images/sub/culture/sports_event02.png) 0 0 no-repeat;}

.wrap-box.sportsgame ul{display:flex; flex-wrap: wrap; flex-direction: row; margin-inline: 10rem 0; border-left:0.1rem solid var(--krds-list--bar-color); padding-left:var(--krds-gap-9);}
.wrap-box.sportsgame ul li{width:40%}

@media all and (max-width:768px) {
	.wrap-box.sportsgame ul{flex-direction: column; padding-left: var(--krds-gap-7);}
	.wrap-box.sportsgame ul li{width:100%;}
}
@media all and (max-width:480px) {
	.wrap-box.sportsgame ul{margin-inline: 8rem 0;}
}

/*****국제교류*****/

/*국제교류- 뷰페이지 상세*/
.view_con.kocc{}
.view_con.kocc .hide{display:block !important;}
.se-drawing-object-wrapper.se-video.se-youtube-video{ width:100% !important;text-align: center;}
.kocc-youtube{position:relative;  padding-bottom:45.5%; width:100%; max-width:90rem; margin:var(--krds-pc-gap-layout-h1-h2) auto var(--krds-pc-gap-layout-h5-h5);}
.kocc-youtube iframe{position: absolute;width: 100%;height: 100%; border:0;}


@media screen and (max-width: 1000px) {
	.se-drawing-object-wrapper.se-video.se-youtube-video{width:100% !important;height:auto !important;}
	.se-youtube-wrapper {
		position: relative;
		padding-bottom: 56.25%;
		display: block;
		height: 0;
	}
	.se-youtube-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width:100% !important; 
		height: 100% !important;
	}
	.se-contents iframe{
		width: 100% !important;;
	}

}

/*****자료공간*****/
/*통계자료*/
.input-group.data-chart{justify-content:flex-end; padding:var(--krds-pc-gap-layout-h5-h5) 0 ;  gap: var(--krds-gap-4);}
.input-group.data-chart, .input-group.data-chart .select-wrap select{  width: auto;}
.input-group.data-chart .select-wrap{display:flex; align-items:center; gap:0.4rem;}

/*통계자료 출처*/
.sourceby{display:flex; justify-content:flex-end; align-items:center; gap:0.8rem; padding-top:0.8rem; border-top:0.2rem dotted var( --krds-light-color-border-gray-light);}

@media all and (max-width:420px) {
	.input-group.data-chart{flex-direction:column;}
	.input-group.data-chart, .input-group.data-chart .select-wrap, .input-group.data-chart .select-wrap select{  width: 100%;}
	.input-group.data-chart .krds-btn{width:100%;}

}



/*****주요정책*****/

/*주요업무 상단 키워드*/

.task-keyword{ padding:var(--krds-pc-padding-card-large);  box-sizing: border-box; position:relative;  width:100%; height:100%;  margin-bottom:var(--krds-pc-gap-layout-h1-h2);}
.task-keyword:after{display:block; border-radius:1.2rem; content: ""; position: absolute; bottom:0; left:0;  width:100%; height:100%; background-color:#e9eef2; background-image:url(/site/images/sub/about/task_bg_2023.jpg); background-repeat:no-repeat; background-position: center bottom; z-index:-1;}
.task-keyword p{font-size:var( --krds-pc-font-size-heading-medium); font-weight:700; text-align:center; margin-bottom:10px;}
.task-keyword .tit{ font-size:var( --krds-pc-font-size-heading-large); text-align:center; }

@media all and (max-width:768px) {
	.task-keyword{padding:var(--krds-mobile-padding-card-large);}
	.task-keyword p{font-size:var(--krds-mobile-font-size-heading-small);}

}

[data-krds-mode=high-contrast] .task-keyword:after{opacity: 0.4;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .task-keyword:after{opacity: 0.4;}
}

/*업무게획 다운로드 리스트*/
.wplan-down li{display:flex; justify-content:space-between; align-items: center; flex-wrap:wrap; padding-top:var(--krds-padding-3); gap:var(--krds-gap-4);}
.wplan-down li .btn_part{display:flex; gap:var(--krds-gap-3);}


/*업무 담당자*/
.pic-wrap{margin-top:var(--krds-pc-gap-layout-h4-h4);border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light); padding: var(--krds-pc-padding-card-small);
    border-radius: var(--krds-radius-xlarge1);}
.pic-wrap ul{display:flex; justify-content:center; flex-wrap: wrap; gap:var(--krds-gap-3);}
.pic-wrap ul li{position:relative; display:flex; align-items:center; gap:var(--krds-gap-2);}
.pic-wrap ul li:first-child{font-weight:700;}
.pic-wrap ul li:first-child:before {
	content: "";
    display: inline-flex;
    width: var(--krds-icon--size-xlarge);
    height: var(--krds-icon--size-xlarge);
    background-color: var(--krds-light-color-text-basic);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(/site/images/icon/ico_pic_persion.svg);
	mask-image: url(/site/images/icon/ico_pic_persion.svg);
}


@media (max-width: 767px){
	.pic-wrap{ padding: var(--krds-pc-padding-card-xsmall);}
}
[data-krds-mode=high-contrast] .pic-wrap{border: var(--krds-light-border-width-static-medium) solid var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=high-contrast] .pic-wrap ul li:first-child:before{background-color: var(--krds-high-contrast-color-text-basic);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .pic-wrap{border: var(--krds-light-border-width-static-medium) solid var(--krds-high-contrast-color-border-gray-light);}
	[data-krds-mode=theme] .pic-wrap ul li:first-child:before{background-color: var(--krds-high-contrast-color-text-basic);}
}


/*홍보물 리스트*/
.box-list.policy{grid-template-columns: 1fr 1fr 1fr;}
.box-list.policy > li{ padding:0;}
.box-list.policy > li a{display:block; width:100%; height:100%;}
.box-list.policy > li .text-wrap{padding: var(--krds-padding-7) var(--krds-padding-6);}
.box-list.policy > li .text-wrap .sub-tit{font-size: var(--krds-pc-font-size-heading-small); display: -webkit-box; overflow: hidden;  text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.box-list.policy > li .text-wrap .date{font-size: var(--krds-pc-font-size-body-small);}
.box-list.policy > li .img img{height:14rem; border-radius: 1.2rem 1.2rem 0 0;}


@media (max-width: 767px) {
  .box-list.policy{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 520px) {
  .box-list.policy{grid-template-columns: 1fr;}
  .box-list.policy > li .img img{height:17rem;}
}



/****홍보물콘텐츠****/

/*통합문화이용권(문화누리카드)*/
.all_step_list.ticket {display:flex; justify-content:space-between; width:100%; margin-bottom:30px; gap:2.4rem;}
.all_step_list.ticket li{ border-radius:1.2rem; justify-content:flex-start; font-size:1.6rem;}
.all_step_list.ticket li .num{width:2.6rem;height:2.6rem;border-radius:50%;text-align:center;color:#fff;background:var( --krds-color-light-information-60);}
.all_step_list.ticket li .num.type2{background:var(--krds-color-light-graphic-50);}
.ticketWrap {display:flex; flex-direction:column; text-align:center; align-items:center; gap:var(--krds-gap-3);}


/*작은영화관*/
.scinema{max-width:90rem; background:#35446b; padding:0 30px 50px 30px; margin:0 auto; box-sizing: border-box; }
.scinema .scount{text-align:right; color:#e3ffff; margin-bottom:0.1rem;}
.scinema .link_list{width:100%;}
.scinema .link_list > li{display: table; padding:0; margin-bottom:2.4rem; width:100%;  }
.scinema .link_list > li .area{}
.scinema .link_list > li:nth-child(odd) .area{ background-color:#8E7BD9;}
.scinema .link_list > li:nth-child(even) .area{ background-color:#b06ec6;}
.link_list li {}
.link_list li .area{position: relative;width:17%; padding:1.5rem 3rem; border-radius:0.8rem 0 0 0.8rem; box-sizing: border-box; display:table-cell; vertical-align: middle; text-align:right; }
.link_list li .area:before{content:"";display:block;position:absolute; top: 50%;  transform: translate(0, -50%); right:0;width:11px;height:22px; background:url(/site/images/sub/plan/scinema_bg.png) no-repeat; }
.link_list li .area p {color:#fff; font-weight:700; font-size:2.2rem}
.link_list li .area span{color:#fff; font-size:1.5rem;}
.link_list li .spot{padding:2rem; box-sizing: border-box;display:table-cell;  background:#fff; border-radius:0 0.8rem 0.8rem 0; vertical-align: middle; }
.link_list li .spot .spot_list li{float:left; position: relative; }
.link_list li .spot .spot_list li a { display: block; border-radius: var(--krds-radius-medium2);  font-size:1.9rem;  padding:0.2rem 0.4rem; margin:0.2rem 0.8rem;}
.link_list li .spot .spot_list li:after{content:"";display:block;position:absolute;top:0.8rem; left:0rem; width:0.1rem;height:1.8rem;background:#a79edc; opacity: 0.5;} 
.link_list li .spot .spot_list li:first-child:after{display:none;}


@media all and (max-width:767px) {
	.link_list li .area{padding:1.5rem; text-align: center;}
	.link_list li .area p {font-size:1.9rem !important;}
	.link_list li .spot .spot_list li{margin:0.1rem 0;}
}

@media all and (max-width:479px) {
	.scinema{padding:0 1rem 3rem 1rem;}
	.link_list li .area{ display:block;border-radius:0.6rem 0.6rem 0 0; padding:10px; width:100%;}
	.link_list li .area:before{display:none;}
	.link_list li .spot{ display:block; width:100%; border-radius: 0 0 0.6rem 0.6rem; padding: 1.5rem;}
	.link_list li .spot .spot_list:after{clear: both; content: "";display: block;}
	.link_list li .spot .spot_list{display:flex; flex-wrap: wrap; justify-content: center; }
	.link_list li .spot .spot_list li{float:none; padding:0 0 0.6rem 0;}
}

[data-krds-mode=high-contrast] .scinema .link_list > li:nth-child(odd) .area{ background-color:#2b2158;}
[data-krds-mode=high-contrast] .scinema .link_list > li:nth-child(even) .area{ background-color:#3b1a46;}
[data-krds-mode=high-contrast] .link_list li .spot{background:#100a30;}
[data-krds-mode=high-contrast] .link_list li .area:before{ background:none;}
[data-krds-mode=high-contrast] .link_list li .spot .spot_list li a {border:0.2rem solid #808080;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .scinema .link_list > li:nth-child(odd) .area{ background-color:#2b2158;}
	[data-krds-mode=theme] .scinema .link_list > li:nth-child(even) .area{ background-color:#3b1a46;}
	[data-krds-mode=theme] .link_list li .spot{background:#100a30;}
	[data-krds-mode=theme] .link_list li .area:before{ background:none;}
	[data-krds-mode=theme] .link_list li .spot .spot_list li a {border:0.2rem solid #808080;}
}



/*FTA*/
.qna {margin-top:var(--krds-pc-gap-layout-h5-h5); width:100%; display:flex; flex-direction:column;}
.qna dt {display:flex;  border-radius:0.6rem; padding:1.6rem; gap:0.6rem; font-weight:700; background-color: var(--krds-light-color-surface-secondary-subtler); font-size:1.9rem;}
.qna dd{display:flex;   padding:2.4rem 1.6rem 0.2rem 1.6rem; }
.qna dd:not(:last-child) {margin-bottom:4.6rem;}
.qna dt .q, .qna dd .left{ font-weight:700; }
.qna dd .left {width:2.5rem;}
.qna dd .right{width: calc(100% - 2.5rem);}

@media (max-width: 767px) {
	.qna dd{flex-direction:column; }
	.qna dd:not(:last-child) {margin-bottom:3rem;}
	.qna dd .right{width: 100%;}
	.qna dd  .table-wrap{width:100% !important;}   
}

[data-krds-mode=high-contrast] .qna dt {background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}
@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .qna dt {background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}
}

.fta{ margin-top:var(--krds-pc-gap-layout-h3-h4); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap: var(--krds-gap-7);}
.fta li{ display:flex;  flex-direction:column; gap: var(--krds-gap-4); align-items:center; padding: var(--krds-pc-padding-card-small);  border-radius: var(--krds-radius-xlarge1);  border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-secondary-light); }

@media (min-width: 768px) and (max-width: 1023px) {
	.fta{grid-template-columns: 1fr 1fr 1fr ;}
}

@media (max-width: 767px) {
	.fta{grid-template-columns: 1fr 1fr ;}
}

@media (max-width: 479px) {
	.fta{grid-template-columns: 1fr ;}
}

/*저작권*/

/*저작권 목록*/
.copyright > li .title03{position:relative; display:flex; width:15%; justify-content:center; text-align:center; padding-top:5.3rem;}
.copyright > li .title03:after {content:"";display:inline-block;position:absolute; top:0rem; width:5rem;height:5rem;  }
.copyright > li .ico1:after{ background:url(/site/images/sub/plan/copyright_ico01.svg) 0 0 no-repeat;}
.copyright > li .ico2:after{ background:url(/site/images/sub/plan/copyright_ico02.svg) 0 0 no-repeat;}
.copyright > li .ico3:after{background:url(/site/images/sub/plan/copyright_ico03.svg) 0 0 no-repeat;}

.copyright > li{position:relative; display:flex; }
.copyright > li:not(:first-child){margin-top: var(--krds-pc-gap-layout-h4-h4); }
.copyright > li > ul {display:flex; flex:1; flex-wrap: wrap; flex-direction: row; margin-top:0 !important; margin-inline: 5rem 0; border-left:0.1rem solid var(--krds-list--bar-color); padding-left:var(--krds-gap-9);}
.copyright > li > ul > li{width:45%}
.copyright > li > ul > li:before{top: 1.6rem !important;}



@media all and (max-width:767px) {
	.copyright li ul {flex-direction: column; padding-left: var(--krds-gap-7);}
	.copyright li ul li{width:100%;}
	.copyright > li .title03{width:20%;}
}
@media all and (max-width:479px) {
	.copyright > li{flex-direction: column; }
	.copyright > li .title03{ width:100%; text-align:left; justify-content:flex-start; margin-bottom:1.6rem; padding-top:0;}
	.copyright > li .title03 br{display:none;}
	.copyright > li .title03:after {display:none; }
	.copyright li ul {padding-left:0;  border-left:none; margin-inline:inherit;}
}

.copyright-link{flex-direction:row; flex-wrap:wrap;}
.copyright-link li{width:48%; }
.copyright-link li:before{top: 1.2rem !important;}

@media all and (max-width:767px) {
	.copyright-link li{width:100%; }
}

/*저작권 세부 내용*/
.copyright-law{display:flex; flex-direction:column; }
.copyright-law .title02.line + .text{margin-top:2.4rem;}

/*저작권 궁금한 사항*/
.copyright-law > .qna{margin-top:2rem !important;}
.copyright-law > .qna .question{font-weight:normal; }
.copyright-law > .qna .question .point{margin-bottom:0.6rem;}

.copyright-law > .qna .list{gap:var(--krds-gap-2);}
.copyright-law > .qna dd .right{display:flex; flex-direction:column; gap:var(--krds-gap-7);}

/*저작권 : 대학의 수업목적 저작물 모달팝업*/
.pop-class{display:block; }
.pop-class .modal-dialog{align-items: flex-start; margin-top:0.8rem;}
.pop-class .modal-conts .conts-area{padding-bottom:1.6rem;}
.pop-class .tab.fill {width:100%;}
.pop-class .tab.fill .btn-tab{ display: inline-block; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  word-break:break-all;}
.pop-class .tab.fill > ul{flex-direction:column;}
.pop-class .tab.fill > ul li {border-radius: 0.6rem; width:100%;  border: 1px solid var(--krds-tab--fill-button-color-border); }
.pop-class .list.bullet{gap:var(--krds-gap-6);}
.pop-class ol.list > li{text-indent: 0;}
.pop-class .wrap-box > .list.bullet{gap:var(--krds-gap-2);}

@media (max-width: 767px) {
	.pop-class .modal-dialog { margin:0.8rem; width:calc(100% - 0.2rem);}
	.pop-class .table-wrap {width:100%;}
}

@media (max-width: 479px) {
	.pop-class .modal-dialog { margin:0.2rem;}
}

/*안심글꼴*/
.free-font{background-color:var(--krds-color-light-success-5);}

/*스포츠클럽*/
.sports-club{}
.sports-club .wrap-box{width:calc(50% - 1.2rem);}

.box-list.sports-club{grid-template-columns: 1fr 1fr;}
.box-list.sports-club li span{margin-top:-1rem;}
.box-list.sports-club li.bg{background-color: var(--krds-light-color-surface-primary-subtler); justify-content:center;}

/*게임시간 선택제*/
.qna dt .link{margin:0.2rem; padding:0.2rem;transition:0.15s ease-in-out;}

/*스포츠강좌이용권*/
.sport-lecture01 {position:relative; background: url(/site/images/sub/plan/plan03_01_01_9_4.png) top right no-repeat; padding:30px;}
.sport-lecture02 {position:relative; background: url(/site/images/sub/plan/plan03_01_01_9_4_1.png) top right no-repeat;padding:30px;}

/*스포츠강좌이용권 절차*/
.all_step_list.sport li{text-align:center; position: relative; width:calc(33.3% - 2.4rem); padding:0; justify-content:flex-start;}
.all_step_list.sport li dl{width:100%;}
.all_step_list.sport li dt{background-color:var(--krds-color-light-secondary-60); color:#fff; font-weight:700; font-size:1.7rem; display: block; padding: 1rem 0; border-radius: 1.2rem 1.2rem 0 0;}
.all_step_list.sport li dd{ padding: 1rem; font-size:1.5rem;}
.all_step_list.sport li dd:not(:last-child){border-bottom:0.1rem solid var(--krds-light-color-border-gray-light); }

/*장애인스포츠강좌이용권 절차*/
.all_step_list.handicap {display:flex; justify-content:space-between; flex-wrap:wrap; width:auto; margin-bottom:30px; gap:2.4rem;}
.all_step_list.handicap li{ flex:initial; width:calc(33.3% - 2.4rem);border-radius:1.2rem; justify-content:flex-start; align-items:flex-start ; padding:1.6rem;  font-size:1.5rem;}
.all_step_list.handicap li .bullet-num{ font-size:1.3rem; padding:0.4rem ; font-weight:700;}
.all_step_list.handicap li:nth-of-type(4){ order:6; }
.all_step_list.handicap li:nth-of-type(5){ order:5; }
.all_step_list.handicap li:after{right:-3rem;}
.all_step_list.handicap li:nth-of-type(3):after{transform: rotate(90deg); top:100%; right: calc(50% - 1.5rem);}
.all_step_list.handicap li:nth-of-type(4):after , .all_step_list.handicap li:nth-of-type(5):after{right: initial; left: -13%; transform: rotate(180deg);}

@media (max-width: 767px) {
	.box-list.sports-club{grid-template-columns: 1fr ;}
	.sport-lecture01{background:none;}
	.sport-lecture02{background:none;}
	.all_step_list.sport li{width:100%; align-items:center ;}
	.all_step_list.handicap li{width:100%; align-items:center ; }
	.all_step_list.handicap li P{text-align:center;}
	.all_step_list.handicap li:nth-of-type(4){ order:4; }
	.all_step_list.handicap li:nth-of-type(5){ order:5; }
	.all_step_list.handicap li:nth-of-type(6){ order:6; }
	.all_step_list.handicap li:nth-of-type(4):after , .all_step_list.handicap li:nth-of-type(5):after{ left: calc(50% - 1.2rem); transform: rotate(90deg);}
}
[data-krds-mode=high-contrast] .box-list.sports-club li.bg{background-color: var(--krds-high-contrast-color-surface-primary-subtler);}
[data-krds-mode=high-contrast] .all_step_list.sport li dt{background-color:var(--krds-color-high-contrast-secondary-60);}
[data-krds-mode=high-contrast] .all_step_list.sport li dd:not(:last-child){border-bottom:0.2rem solid var(--krds-high-contrast-color-border-gray-light); }
[data-krds-mode=high-contrast] .free-font{background-color:var(--krds-color-high-contrast-success-90);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .box-list.sports-club li.bg{background-color: var(--krds-high-contrast-color-surface-primary-subtler);}
	[data-krds-mode=theme] .all_step_list.sport li dt{background-color:var(--krds-color-high-contrast-secondary-60);}
	[data-krds-mode=theme] .all_step_list.sport li dd:not(:last-child){border-bottom:0.2rem solid var(--krds-high-contrast-color-border-gray-light); }
	[data-krds-mode=theme] .free-font{background-color:var(--krds-color-high-contrast-success-90);}

}


/*****문체부 소개*****/

/* 연혁 */
.historyWrap { display: flex; flex-wrap: wrap; width:100%; position:relative; margin-bottom:3.2rem; }
.historyWrap:after{clear: both; content: "";display: block;}
.historyWrap dt {width:20%; padding:0.6rem 0 3.2rem 0;clear:left;text-align:center;}
.historyWrap dd {width:80%;padding:0 0 4rem 0;margin:0; position:relative;}
.historyWrap dd:after{content:"";display:block;width:0.1rem;height:100%;position:absolute;left:10px;top:15px;background-color:var(--krds-light-color-border-gray-light);}
.historyWrap dd:last-child{padding-bottom:0;}
.historyWrap dd > .list01 > li{padding:5px 0 25px 30px}
.historyWrap dd > .list01 > li:last-child{padding-bottom:0;}
.historyWrap dd > .list01 > li strong{ display:inline-block; margin-bottom:5px; font-size:1.9rem;}
.historyWrap dd > .list01 > li:before{content:"";width:1.6rem;height:1.6rem; background-color:#fff; border:0.4rem solid #005db5; border-radius:50%;position:absolute;left:2px;top:10px; z-index:1; }
.historyWrap dd > .list01 > li .list04 li{clear:both;}

/* 연혁타이틀+로고 */
.history_logo{display:flex; border-bottom: 0.1rem solid var(--krds-light-color-border-gray-light); gap:2rem; padding-bottom:1rem; margin-bottom:3.2rem; align-items: center; flex-wrap: wrap; }
.history_logo .title01{display:inline-block; padding:0; }
.history_logo .logo_wrap{display:flex; align-items: center;  gap:0.6rem;}
.history_logo .logo_wrap img{padding:0.8rem 1.2rem; background-color:#fff; border-radius:1rem; }
.history_logo img.logo06{width:144px;}
.history_logo img.logo05{width:154px;}
.history_logo img.logo04{width:144px;}
.history_logo img.logo01{width:40px;}

@media all and (max-width:768px) {
    
	.historyWrap:after{content:"";display:block;width:0.1rem;height: calc(100% - 70px);position:absolute;left:9px;top:70px;background-color:var(--krds-light-color-border-gray-light);}
	.historyWrap dt, .historyWrap dd  {width:100%;text-align:left;}
    .historyWrap dt {padding:1rem 0 1rem 3rem;}
    .historyWrap dd {padding:0 0 2rem 0; background:none;}
	.historyWrap dd:after{display:none;}
	.history_logo{margin-bottom:2rem;}
}

@media all and (max-width:480px) {
	.history_logo{gap: 0.2rem;}

}

[data-krds-mode=high-contrast] .historyWrap dd:after{width:0.2rem;background-color:var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=high-contrast] .historyWrap:after{width:0.2rem; background-color:var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=high-contrast] .history_logo{border-bottom: 0.1rem solid var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=high-contrast] .history_logo .logo_wrap img{ background-color:var(--krds-high-contrast-color-background-inverse);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .historyWrap dd:after{width:0.2rem;background-color:var(--krds-high-contrast-color-border-gray-light);}
	[data-krds-mode=theme] .historyWrap:after{width:0.2rem; background-color:var(--krds-high-contrast-color-border-gray-light);}
	[data-krds-mode=theme] .history_logo{border-bottom: 0.1rem solid var(--krds-high-contrast-color-border-gray-light);}
	[data-krds-mode=theme] .history_logo .logo_wrap img{ background-color:var(--krds-high-contrast-color-background-inverse);}

}

/* 상징 */
.mi_logo{border:0.4rem solid var(--krds-light-color-border-gray-light); border-radius: var(--krds-radius-xlarge1); text-align:center; padding:5rem 0; margin-bottom:3rem;}
.mcst_logo{display:block; margin:0 auto; max-width:48rem; width: 100%; height:11rem; position:relative;}
.mcst_logo:after{display: block; content: ""; width: 100%;  height: 100%;background-image: url(/site/images/sub/about/mi_logo.png); background-position: center;background-size: contain;background-repeat: no-repeat;}
.mi {display:flex;max-width:750px;margin:0 auto; flex-wrap:wrap; padding:2rem 0 ; gap:3.2rem; justify-content: space-between;}
.mi > li {width: calc(50% - 1.6rem);}
.mi .bar {margin:0 0 15px;width:100%;height:40px;background:#003764;}
.mi .bar.color02 {background:#e4032e}
.mi .bar.color03 {background:#575757}
.mi .bar.color04 {background:#fff;border:1px solid #afafaf;box-sizing:border-box; -webkit-box-sizing:border-box;}
.mi .title03 { padding:0 0 1.2rem;}
.mi > li li {font-size:1.5rem;}
.mi > li li + li {padding:5px 0 0}
.mi > li li strong {display:inline-block;min-width:3.6rem;padding-right:1rem;}

@media all and (max-width:768px) {
	.mi_logo{padding:30px 10px;}
    .mi .bar {margin:0 0 1rem;}
    .mi .color {padding:0 0 0.5rem;}
    .mi > li li strong {min-width:auto}
    .mi > li li {width:100%;}
}

@media all and (max-width:480px) {
	.mcst_logo{ width:100%; height:6rem; }
	.mi > li{width:100%;}

}
[data-krds-mode=high-contrast] .mi_logo{border:0.4rem solid var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=high-contrast] .mcst_logo:after{background-image: url(/site/images/sub/about/mi_logo_white.png);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .mi_logo{border:0.4rem solid var(--krds-high-contrast-color-border-gray-light);}
	[data-krds-mode=theme] .mcst_logo:after{background-image: url(/site/images/sub/about/mi_logo_white.png);}
}


/* 조직안내 > 본부 > 조직도 */

.orgmap{
	--orgmap--minister-background-color:var(--krds-color-light-primary-80);
	--orgmap--vice-border-color:var(--krds-color-light-primary-80);
	--orgmap--grad01-background-color:var(--krds-color-light-secondary-60);
	--orgmap--grad02-background-color:var(--krds-color-light-secondary-50);
	--orgmap--grad03-background-color:var(--krds-color-light-secondary-20);
	--orgmap--etc01-background-color:var(--krds-color-light-information-50);
	--orgmap--etc02-background-color:var(--krds-color-light-secondary-5);
	--orgmap--etc02-border-color:var(--krds-color-light-secondary-20);
	--orgmap--special-background-color:var(--krds-color-light-gray-10);
	--orgmap--special-border-color:var(--krds-light-color-border-gray-light);
	--orgmap--border-color:var(--krds-light-color-border-secondary-light);
	--orgmap--text-white:var(--krds-light-color-text-basic-inverse);
	--orgmap--background-white:var(--krds-light-color-surface-white);
}
.orgmapbtn{border-bottom: 1px solid #dcdcdc; text-align:right; padding:0 0 20px 0; margin:0 0 30px 0;}
.orgmap {width:100%;margin:0 auto 50px; background:url(/site/images/sub/about/orgmap_bg.png) no-repeat center 40px;box-sizing:border-box;}
.orgmap .minister a {display:block; color:var(--orgmap--text-white); font-size:2.2rem; font-weight:700; padding:1rem 0;  background:var(--orgmap--minister-background-color); width:300px; margin: 0 auto 50px; text-align:center; border-radius:1rem; }
.orgmap .vice a {display:block; font-size:1.9rem;font-weight:700; background:var(--orgmap--background-white);  border:3px solid var(--orgmap--vice-border-color); border-radius:1.2rem;  box-sizing: border-box;  padding:1rem 2rem; text-align:center; margin:3rem 0 3rem 0;}

.orgmap .minister_org:after {clear: both; content: "";display: block;}

.orgmap .minister_org{width:100%; display:flex; flex-direction:column; align-items:center;}
.orgmap .minister_org .etc-wrap{display:flex; gap:1.6rem; margin-top:0.6rem;}
.orgmap .minister_org .etc01{ width:190px;  box-sizing:border-box;}
.orgmap .vice_org{display:table; margin:1rem auto 0; width:100%;}
.orgmap .vice01, .orgmap .vice02{display:block; float:left; width:50%; padding:0 0.6rem; box-sizing:border-box;}
.orgmap .vice01 .part1, .orgmap .vice02 .part4{width:13%; }
.orgmap .vice01 .part2, .orgmap .vice01 .part3 , .orgmap .vice02 .part5, .orgmap .vice02 .part6{ width:42%;} 
.orgmap [class*="part"] {float:left; padding:0 0.6rem;  box-sizing:border-box; }
.orgmap .vice01:after{clear: both; content: "";display: block;}
.orgmap .grade01, .orgmap .grade02{margin-bottom:1rem;}


.orgmap ul li a {display:block;  padding:1.2rem 1.3rem ; margin:0; box-sizing:border-box; text-align:center; letter-spacing:-0.5px;}
.orgmap .grade01 > li > a{font-weight:700; font-size:1.7rem;  background:var(--orgmap--grad01-background-color);  color:var(--orgmap--text-white); border-radius:0.6rem; margin-bottom:0.5rem; } /*실*/
.orgmap .grade02 > li > a{font-weight:700; font-size:1.5rem;  background:var(--orgmap--grad02-background-color);  border:0.1rem solid var(--orgmap--border-color); color:var(--orgmap--text-white); border-radius:0.6rem; margin-bottom:0.5rem;} /*국*/
.orgmap .grade03 > li > a{font-size:1.5rem; background:var(--orgmap--grad03-background-color); border:none;  border-radius:0.6rem; margin-bottom:0.5rem;} /*관*/
.orgmap .grade04 {border:0.1rem solid var(--orgmap--border-color);  border-radius:0.6rem; margin-bottom:0.5rem; padding:0 0.6rem;}
.orgmap .grade04 > li > a{font-weight:400; font-size:1.5rem;   } /*과*/
.orgmap .grade04 > li:not(:last-child) > a{border-bottom:0.1rem solid var(--orgmap--border-color);}
.orgmap .grade04 > li > a:focus{ border-radius:0.6rem;}

.orgmap .grade05 li a{font-size:1.5rem;  background:var(--orgmap--grad03-background-color); border:none;  border-radius:0.6rem; } /*운영지원과*/
.orgmap .grade06 li a{font-weight:700; background:var(--orgmap--etc01-background-color); color:var(--orgmap--text-white); border-radius:0.6rem; padding-top:3rem; } /*차관보*/
.orgmap .grade05 li a, .orgmap .grade06 li a {min-height:15rem;}
.orgmap .etc01 li a{font-weight:700; background:var(--orgmap--etc01-background-color); color:var(--orgmap--text-white); border-radius:0.6rem; margin-bottom: 0.5rem; }
.orgmap .etc02 li a { background:var(--orgmap--etc02-background-color); border:0.1rem solid var(--orgmap--etc02-border-color); color: inherit; border-radius:0.6rem; margin-bottom:0.5rem;}
.orgmap .special li a {background:var(--orgmap--special-background-color);  border:0.1rem solid var(--orgmap--special-border-color); border-radius:0.6rem; margin:2px 0; font-size:1.5rem;} /*아시아문화전당*/


@media all and (max-width:1200px) {
	.orgmap .vice01, .orgmap .vice02{padding: 0 10px; }
}

@media all and (max-width:860px) {
	.orgmap .vice01 .part1, .orgmap .vice02 .part4{width:14%; }
	.orgmap .vice01 .part2, .orgmap .vice01 .part3 , .orgmap .vice02 .part5, .orgmap .vice02 .part6{ width:43%;} 
}
@media all and (max-width:768px) {
	.orgmap{background:none; margin-top:3.6rem;}
	.orgmap .vice01, .orgmap .vice02 {display:block; width:100%; padding:0;}
	.orgmap .vice01:after{clear: both; content: "";display: block;}
	.orgmap .minister a {margin: 0 auto 2rem; font-size:1.9rem;}
	.orgmap .vice_org {margin:1rem auto 0;}
	.orgmap .vice a { margin:2rem 0; font-size: 1.7rem;}
	.orgmap .minister_org .etc-wrap{width:100%;}
	.orgmap .minister_org .etc01{width:50%;}
	.orgmap [class*="part"] {display:table-cell;}
	.orgmap .vice01 .part1, .orgmap .vice02 .part4{width:9%; }
	.orgmap .vice01 .part2, .orgmap .vice01 .part3 , .orgmap .vice02 .part5, .orgmap .vice02 .part6{ width:45%;} 
	.orgmap ul li a{font-size:1.5rem;}
}
@media all and (max-width:480px) {
	.orgmap .minister_org .etc01{width:100%; }
	.orgmap .minister_org .etc-wrap {flex-direction:column; width:100%; gap: 1rem;}
	.orgmap .vice01, .orgmap .vice02, .orgmap .minister {display:block;width:100%; padding:0;}
	.orgmap .minister a {width:100%;}
	.orgmap .vice01 .part1, .orgmap .vice02 .part4, .orgmap .vice01 .part2, .orgmap .vice01 .part3 , .orgmap .vice02 .part5, .orgmap .vice02 .part6 {width:100%;}
	.orgmap .vice01 .part1, .orgmap .vice02 .part4 {margin-bottom:10px;}
	.orgmap [class*="part"] {display:block; padding:0; }
	.orgmap .grade05 li a, .orgmap .grade06 li a {min-height:auto;}
	.orgmap .grade06 li a{padding-top:1rem;}

}

[data-krds-mode=high-contrast] .orgmap{
	--orgmap--minister-background-color:var(--krds-color-high-contrast-primary-80);
	--orgmap--vice-border-color:var(--krds-high-contrast-color-border-information);
	--orgmap--grad01-background-color:var(--krds-color-high-contrast-primary-70);
	--orgmap--grad02-background-color:var( --krds-color-high-contrast-secondary-50);
	--orgmap--grad03-background-color:var(--krds-high-contrast-color-surface-secondary-subtler);
	--orgmap--etc01-background-color:var(--krds-color-high-contrast-information-50);
	--orgmap--etc02-background-color:var(--krds-high-contrast-color-surface-information-subtler);
	--orgmap--etc02-border-color:var(--krds-high-contrast-color-border-secondary-light);
	--orgmap--special-background-color:var(--krds-high-contrast-color-surface-gray-subtle);
	--orgmap--special-border-color:var(--krds-high-contrast-color-border-gray-light);
	--orgmap--border-color:var(--krds-high-contrast-color-border-secondary-light);
	--orgmap--text-white:var(--krds-light-color-text-basic-inverse);
	--orgmap--background-white:var(--krds-high-contrast-color-surface-information-subtler);
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .orgmap{
	--orgmap--minister-background-color:var(--krds-color-high-contrast-primary-80);
	--orgmap--vice-border-color:var(--krds-high-contrast-color-border-information);
	--orgmap--grad01-background-color:var(--krds-color-high-contrast-primary-70);
	--orgmap--grad02-background-color:var( --krds-color-high-contrast-secondary-50);
	--orgmap--grad03-background-color:var(--krds-high-contrast-color-surface-secondary-subtler);
	--orgmap--etc01-background-color:var(--krds-color-high-contrast-information-50);
	--orgmap--etc02-background-color:var(--krds-high-contrast-color-surface-information-subtler);
	--orgmap--etc02-border-color:var(--krds-high-contrast-color-border-secondary-light);
	--orgmap--special-background-color:var(--krds-high-contrast-color-surface-gray-subtle);
	--orgmap--special-border-color:var(--krds-high-contrast-color-border-gray-light);
	--orgmap--border-color:var(--krds-high-contrast-color-border-secondary-light);
	--orgmap--text-white:var(--krds-light-color-text-basic-inverse);
	--orgmap--background-white:var(--krds-high-contrast-color-surface-information-subtler);
	}
}

/* 조직안내 > 본부 > 조직도 끝 */

/* 조직도 >부서소개 */
.staff {margin-top:3.2rem;}
.staff + .view-detail{margin-top:2.4rem;}
.staff + .view-detail dl dt{font-size:1.7rem; justify-content:center;}

@media all and (max-width:780px) {
	.staff {margin-top:2.4rem;}
}

/* 소속기관 안내 */
.box-list.affli-org{grid-template-columns: 1fr 1fr 1fr;}
.box-list.affli-org .img-logo{ display:flex; justify-content: space-around; border-bottom:0.1rem solid var(--box-list--logo-bottom-color); padding-bottom:0.4rem;}
.box-list.affli-org .img-logo img{padding-bottom:0.4rem; border-radius:0.8rem;}
.box-list.affli-org .ment{font-size:1.5rem; word-break: break-all; min-height:9rem;}
.snsgroup {display:flex; gap: var(--krds-gap-3); justify-content: center; border-top:0.1rem solid var(--box-list--sns-top-color); padding-top:1.6rem; }
.snsgroup li a {display:inline-block;width:3.2rem;height:3.2rem; border-radius:3.2rem; background-image:url(/site/images/sub/webzine/webzine_sns.png);background-repeat:no-repeat;}
.snsgroup li a.blog {background-position:0 0;}
.snsgroup li a.facebook {background-position:-35px 0;}
.snsgroup li a.x {background-position:-70px 0;}
.snsgroup li a.youtube {background-position:-105px 0;}
.snsgroup li a.instagram {background-position:-140px 0;}

@media (min-width: 768px) and (max-width: 1023px) {
  .box-list.affli-org {grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width: 767px) {
  .box-list.affli-org {grid-template-columns: 1fr 1fr;}
  .box-list.affli-org .ment{ min-height:auto;}
}

@media (max-width: 520px) {
  .box-list.affli-org {grid-template-columns: 1fr;}
}

[data-krds-mode=high-contrast] .snsgroup li a{background-image:url(/site/images/sub/webzine/webzine_sns_gray.png);}

/* 층별안내 */
.img-floor{margin-top:var(--krds-pc-gap-layout-h2-h3);}


/* 찾아오시는 길 */
.img-map{border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light); border-radius:1.2rem; margin-top:var(--krds-pc-gap-layout-h5-h5);}
.img-map .content_img{margin:0;}

@media (max-width: 767px) {
  .img-map{margin-top:var(--krds-pc-gap-layout-h4-h4);}
}

[data-krds-mode=high-contrast] .img-map{background-color: var(--krds-high-contrast-color-background-gray-subtle); border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-border-gray-light);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .img-map{background-color: var(--krds-high-contrast-color-background-gray-subtle); border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-border-gray-light);}
}

/*** 이용안내 ***/

/* 전체 메뉴 */
.sitemap {
  --sitemap--dept1-backgroud-color: var(--krds-color-light-secondary-50);
  --sitemap--border-color:var(--krds-light-color-border-gray-more-light);
  --sitemap--border-width:var(--krds-light-border-width-static-regular);
  --sitemap--dot-color:var(--krds-light-color-border-gray-light);
width:100%;}
.sitemap a.new {position: relative; padding-right:2rem;}
.sitemap a.new:after{content: ""; display: inline-flex; position:absolute; top: 50%; transform: translate(0, -50%); right:0;  width:1.6rem; height:1.6rem; background-image: url(/site/images/icon/ico_go.svg); background-size:contain;}
.sitemap > ul {display:flex;width:100%; flex-wrap: wrap; justify-content: space-between; gap:0.6rem;}
.sitemap > ul > li {width:calc(50% - 0.6rem); padding:0 0 20px; box-sizing: border-box; }
.sitemap > ul > li > a {display:block;font-size:2rem; border-radius:0.6rem; padding:1rem 0; margin-bottom:1rem;width:100%;background-color:var(--sitemap--dept1-backgroud-color);color:#fff;text-align:center;font-weight:700}
.sitemap > ul > li > ul {display:flex; flex-direction:column;}
.sitemap > ul > li > ul.col2 {flex-direction:row; flex-wrap:wrap; justify-content:space-between; gap:0.6rem;}
.sitemap > ul > li > ul.col2 > li {width:calc(50% - 0.6rem);}
.sitemap > ul > li > ul > li {position:relative;padding:1rem;margin-bottom:1rem; border-radius:0.6rem; border:var(--sitemap--border-width) solid var(--sitemap--border-color);}
.sitemap > ul > li > ul > li > a {display:inline-block; font-weight:700; padding:0.2rem 0.4rem;}
.sitemap > ul > li > ul > li > ul {padding:1.5rem 0 0;width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; gap:0.6rem;}
.sitemap > ul > li > ul > li > ul li {width:calc(50% - 0.6rem);padding:0 0 10px 10px;box-sizing:border-box; -webkit-box-sizing:border-box;}
.sitemap > ul > li > ul > li > ul li:before {content:"";display:inline-block;vertical-align:middle;margin:-5px 4px 0 0;width:7px;height:7px;border-left:1px dotted var(--sitemap--dot-color);border-bottom:1px dotted var(--sitemap--dot-color);}
.sitemap > ul > li > ul > li > ul li a {display:inline-block;font-size: 15px; letter-spacing: -0.5px;}
.sitemap  ul  li  a:focus{border-radius:0.2rem; }

/* 국제교류 */
.sitemap > ul > li:nth-child(9) > ul.col2 > li:nth-child(3), .sitemap > ul > li:nth-child(9) > ul.col2 > li:nth-child(4), .sitemap > ul > li:nth-child(9) > ul.col2 > li:nth-child(5){width:100%;}
/* 포상공고 접수 한시적 */
.sitemap > ul > li:nth-child(3) > ul > li:nth-child(3) > ul > :nth-child(3){width:100%;}

@media (max-width: 767px) {
	.sitemap > ul > li {width:100%;}
}
@media (max-width: 419px) {
	.sitemap > ul > li > ul.col2 > li {width:100%;}
	.sitemap > ul > li > ul > li > ul li {width:100%;}
}

[data-krds-mode=high-contrast] .sitemap {
  --sitemap--dept1-backgroud-color: var(--krds-color-light-secondary-70);
  --sitemap--border-color:var(--krds-high-contrast-color-border-gray-light);
  --sitemap--border-width:var(--krds-high-contrast-border-width-variable-regular);
  --sitemap--dot-color:var(--krds-high-contrast-color-border-gray-light);
  }
 [data-krds-mode=high-contrast] .sitemap a.new:after{ background-image: url(/site/images/icon/ico_go_white.svg);}

 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .sitemap {
	--sitemap--dept1-backgroud-color: var(--krds-color-light-secondary-70);
	--sitemap--border-color:var(--krds-high-contrast-color-border-gray-light);
	--sitemap--border-width:var(--krds-high-contrast-border-width-variable-regular);
	--sitemap--dot-color:var(--krds-high-contrast-color-border-gray-light);
	}
	[data-krds-mode=theme] .sitemap a.new:after{ background-image: url(/site/images/icon/ico_go_white.svg);}
 }


/* 공공누리제도안내 */
.kogl-memt{display:flex;gap: var(--krds-gap-8); justify-content:space-evenly; align-items:center;}
.kogl-memt .mi{width:30%;}
.kogl-memt .mi img{width:100%; background-color:#fff;  border-radius:var(--krds-radius-medium1); padding:0.4rem;}
.kogl-memt .text{width:60%;}
.kogl-bi{display:flex; gap: var(--krds-gap-3); flex-direction:column; align-items:flex-start;}
.kogl-bi > dt{background-color:var(--krds-color-light-success-50); color:#fff; font-weight:700; border-radius:0.6rem; padding:0.6rem 1.6rem; min-width:9rem;  text-align:center;}

.wrap-btn.kogl-down{gap: var(--krds-gap-8); margin: 1.6rem 0;}
.wrap-btn.kogl-down > div{ width:calc(33% - 3.2rem); gap: var(--krds-gap-4); flex-direction:column; align-items:center;}
.wrap-btn.kogl-down > div button{letter-spacing:-0.1rem;  width:100%;}
.wrap-btn.kogl-down > div img{width:95%; background-color:#fff;  border-radius:var(--krds-radius-medium1); padding:0.4rem;}

/* 공공누리유형안내 */
.kogl-img img{background-color:#fff;  border-radius:var(--krds-radius-medium1); padding:0.2rem;}
table.tbl .kogl-type{display:flex;flex-direction:column; gap:0.4rem;}


/* 공공누리제도 팝업 */
.kogl-col{display:flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: var(--krds-gap-6); }
.kogl-col li{width:calc(30% - 2.4rem); display:flex; flex-direction:column; align-items:center; gap: var(--krds-gap-3);}

@media (max-width: 767px) {
	.kogl-memt{flex-direction:column; gap: var(--krds-gap-6);}
	.kogl-memt .mi, .kogl-memt .text{width:100%;}
	.kogl-memt .mi img{width:80%; margin:0 auto;}
	.wrap-btn.kogl-down > div{ width:100%;}
	.wrap-btn.kogl-down > div img{width:50%;}

}

@media (max-width: 479px) {
	.wrap-btn.kogl-down{gap: var(--krds-gap-6); margin:0;}
	.wrap-btn.kogl-down > div img{width:70%;}
	.kogl-col li{width:100%;}

}

/* 공공누리유형안내 */
.kogl-title .round{margin-top:0;}

[data-krds-mode=high-contrast] .kogl-bi > dt{background-color:var(--krds-color-light-success-80);}

 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .kogl-bi > dt{background-color:var(--krds-color-light-success-80);}
 }


/* 개인정보처리방침 */
.box-list.privacy li a{display:flex; flex-direction:column; align-items:center;gap:1.2rem;}
.box-list.privacy li a .title03{width:100%; text-align:center;}
.box-list.privacy li a p{text-align:center; margin-top:0.4rem;}

.privacy_index{
  --privacy-index--border-color:var(--krds-light-color-border-gray-light);
  --privacy-index--border-width:var(--krds-light-border-width-static-regular);
  --privacy-index--background-color:var(--krds-light-color-surface-gray-subtler);
  }
.privacy_index dl {width:100%;margin:0; display:flex; flex-wrap: wrap; border-bottom:var(--privacy-index--border-width) solid var(--privacy-index--border-color);}
.privacy_index dl:first-child{ border-top:var(--privacy-index--border-width) solid var(--privacy-index--border-color); }
.privacy_index dl dt { width:100%;padding:15px; background:var(--privacy-index--background-color); font-weight:700; font-size:1.9rem;} 
.privacy_index dl dd{display:flex; margin:0; align-items: center; padding: 15px 0; width:50%; border-top:var(--privacy-index--border-width) solid var(--privacy-index--border-color);}
.privacy_index dl dd.full{ width:100%;}
.privacy_index dl dd a{display: inline-flex; align-items: center; padding-left:15px;}
.privacy_index dl dd img{margin-right:10px;}

.privacy-title-part{display:flex; gap:0.8rem; align-items:center; margin:3.2rem 0  2.4rem !important;}
.privacy-title-part .title02{font-size:2.2rem;}

.wrap-box.privacy .content_img{margin:0 auto !important;}

/* 이전 개인정보처리방침 아코디언 */
.krds-accordion.privacy{margin:2rem 0;}
.krds-accordion.privacy .accordion-item { border-bottom:0.1rem solid var(--krds-accordion--color-divider);}
.krds-accordion.privacy .accordion-item .btn-accordion::after{top:1.6rem;}
.krds-accordion.privacy .accordion-item .btn-accordion{ padding: 1.6rem var(--krds-accordion--button-padding-right) 1.6rem 1.6rem;}
.krds-accordion.privacy .content{display:flex; flex-direction:column;}
.krds-accordion.privacy .content a{padding:1rem 1.5rem; border-bottom:0.1rem solid var(--krds-accordion--color-divider);}
.krds-accordion.privacy .accordion-item:last-child, .krds-accordion.privacy .content a:last-child{border-bottom:none;}

.select-style-pv{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-2); }
.select-style-pv select{width:auto;}


.label_box{
  --label-box--border-color:var(--krds-light-color-border-gray-light);
  --label-box--border-width:var(--krds-light-border-width-static-regular);
  --label-box--top-background-color:var(--krds-color-light-secondary-50);
  --label-box--bottom-background-color:var(--krds-light-color-surface-white);
  --label-box--title-color:var(--krds-light-color-text-primary);
}

.label_layer_wrap{position:relative; width:100%;}
.label_layer{display: none; position: absolute;  box-sizing: border-box; border-radius: 0.8rem; background-color: var(--label-box--bottom-background-color); border: var(--label-box--border-width) solid var(--label-box--border-color); width: 50rem; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.label_box .label_desc_top{width: 100%;box-sizing: border-box;padding:10px;background-color:var( --label-box--top-background-color);border-top-right-radius: 0.8rem;border-top-left-radius: 0.8rem;}
.label_box .label_desc_top p{color: #fff; text-align:left; font-weight:700;}
.label_box .label_desc_btm {padding:15px 20px;}
.label_box .label_desc_btm p{ margin:0.4rem 0;}
.label_box  .desc_wrap{display: flex;flex-flow: row wrap;}
.label_box  .desc_box{width: 100%;border-radius: 0.6rem; border: var(--label-box--border-width) solid var(--label-box--border-color);box-sizing: border-box;padding: 10px 15px; margin-top:10px; margin-bottom:10px; display: flex;flex-flow: row wrap;justify-content: space-between;    }
.label_box  .desc_tit{width: 30%;font-weight:500; font-size: 15px;color: var(--label-box--title-color); word-break: keep-all; letter-spacing:-0.5px;    }
.label_box  .desc_cnt{ width: 69%;font-size: 14px; }

.label_layer.num0{top:0; left:0; }
.label_layer.num1{top:0; left:-20rem; }
.label_layer.num2{top:0; right:0; }
.label_layer.num3{top:0; left:107%; }
.label_layer.num4{top:0; left:0;  }
.label_layer.num5{top:0; right:0;  }

.cnt_list{display: flex;  flex-flow: row wrap; justify-content: space-between; gap:2.4rem;}
.cnt_list li { width:calc(50% - 2.4rem); margin-bottom: 1rem;  position: relative; box-sizing: border-box;}
.cnt_list li a{  padding-left: 30px;height: 25px;display: block;}
.cnt_list li:first-child a{ background: url(/site/images/sub/privacy/img_no1_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(2) a{ background: url(/site/images/sub/privacy/img_safe_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(3) a{ background: url(/site/images/sub/privacy/img_third_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(4) a{ background: url(/site/images/sub/privacy/img_consign_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(5) a{ background: url(/site/images/sub/privacy/img_destruction_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(6) a{ background: url(/site/images/sub/privacy/img_no6_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(7) a{ background: url(/site/images/sub/privacy/img_safe_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(8) a{ background: url(/site/images/sub/privacy/img_cookie_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(9) a{ background: url(/site/images/sub/privacy/img_cpo_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(10) a{ background: url(/site/images/sub/privacy/img_browse_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(11) a{ background: url(/site/images/sub/privacy/img_help_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(12) a{ background: url(/site/images/sub/privacy/img_result_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(13) a{ background: url(/site/images/sub/privacy/img_object_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(14) a{ background: url(/site/images/sub/privacy/img_period_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(15) a{ background: url(/site/images/sub/privacy/img_third_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(16) a{ background: url(/site/images/sub/privacy/img_consign_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(17) a{ background: url(/site/images/sub/privacy/img_private_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(18) a{ background: url(/site/images/sub/privacy/img_destruction_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(19) a{ background: url(/site/images/sub/privacy/img_safe_20.png)no-repeat 0 0; }
.cnt_list li:last-child a{ background: url(/site/images/sub/privacy/img_change_20.png)no-repeat 0 0; }

@media (max-width: 767px) {
    .privacy_index dl dd, .privacy_index dl dd.half, .privacy_index dl dd.remain {width: 100%;}
	.privacy-title-part{flex-direction:column; margin:2.2rem 0  !important;}
	.privacy-title-part .title02{font-size:1.9rem; text-align:center;}
	.cnt_list li { width:100%;}
}

@media (max-width: 419px) {
	ol.list.privacy > li .krds-btn.tertiary.h50{height:5.5rem; white-space:initial;}
	ol.list.privacy > li .krds-btn.tertiary.h50 .svg-icon{width:2rem; height:2rem;}
}

[data-krds-mode=high-contrast] .label_box{
  --label-box--border-color:var(--krds-high-contrast-color-border-gray-light);
  --label-box--border-width:var(--krds-high-contrast-border-width-variable-regular);
  --label-box--top-background-color:var(--krds-color-light-secondary-80);
  --label-box--bottom-background-color:var(--krds-high-contrast-color-surface-white);
  --label-box--title-color:var(--krds-high-contrast-color-text-primary);
}

[data-krds-mode=high-contrast] .privacy_index{
  --privacy-index--border-color:var(--krds-high-contrast-color-border-gray-light);
  --privacy-index--border-width:var(--krds-light-border-width-static-medium);
  --privacy-index--background-color:var(--krds-high-contrast-color-surface-gray-subtler);
  }

[data-krds-mode=high-contrast] .privacy_index dl dd img{padding:0.1rem; border-radius:0.4rem; background-color:#fff;}
[data-krds-mode=high-contrast] .privacy-title-part .icon img {padding:0.1rem; border-radius:0.4rem; background-color:#fff;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .label_box{
	  --label-box--border-color:var(--krds-high-contrast-color-border-gray-light);
	  --label-box--border-width:var(--krds-high-contrast-border-width-variable-regular);
	  --label-box--top-background-color:var(--krds-color-light-secondary-80);
	  --label-box--bottom-background-color:var(--krds-high-contrast-color-surface-white);
	  --label-box--title-color:var(--krds-high-contrast-color-text-primary);
	}

	[data-krds-mode=theme] .privacy_index{
	  --privacy-index--border-color:var(--krds-high-contrast-color-border-gray-light);
	  --privacy-index--border-width:var(--krds-light-border-width-static-medium);
	  --privacy-index--background-color:var(--krds-high-contrast-color-surface-gray-subtler);
	  }

	[data-krds-mode=theme] .privacy_index dl dd img{padding:0.1rem; border-radius:0.4rem; background-color:#fff;}
	[data-krds-mode=theme] .privacy-title-part .icon img {padding:0.1rem; border-radius:0.4rem; background-color:#fff;}

}

/* 정보구독서비스 절차도 */
.all_step_list.rss{}
.all_step_list.rss li {justify-content: flex-start; padding:1.6rem 0.4rem;}
.all_step_list.rss li p{text-align:center;}

/* 읽기 전용 프로그램 안내 */
.thum-list.viewer .align{align-items:center;}
.thum-list.viewer .inside {align-items:center;}
.thum-list.viewer .inside .img{  height:auto !important;}
.thum-list.viewer .inside .img img{object-fit: initial; height:auto !important;}

@media (max-width: 480px) {
	.thum-list.viewer .inside{flex-direction: column;}
}

/* 배너모음 */
.thum-list.banner .sub-tit em{font-weight:400; font-size:var(--krds-pc-font-size-heading-xsmall); margin-left:1rem; padding-left:1rem;  border-left: 1px solid var(--krds-light-color-border-gray-light);}
.thum-list.banner .inside {align-items:flex-start;}
.thum-list.banner .inside .img{ border:0.1rem solid var(--krds-thum--list-border-color); border-radius: 0.6rem; padding:0.8rem; height:auto !important;}
.thum-list.banner .inside .img img{object-fit: initial; height:auto !important;}


@media (max-width: 419px) {
	.thum-list.banner .sub-tit em{font-size:var(--krds-mobile-font-size-body-small); }
}

/* ** 통합검색 ** */
/* 통합검색 양쪽 배치 */

.search-between-conts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-pc-gap-layout-left-contents);
}
.search-between-conts .aside {
  position: relative;
  top: 0;
  width: 28.2rem;
  flex-shrink: 0;
  height: 100%;
  transition: top 0.1s;
}
.search-between-conts .aside .filter-dl dt {
  padding: var(--krds-padding-6) 0;
  font-size: var(--krds-pc-font-size-navigation-title-medium);
  font-weight: var(--krds-font-weight-bold);
  line-height: 1;
}
@media (max-width: 767px) {
  .search-between-conts .aside .filter-dl dt {
    font-size: var(--krds-mobile-font-size-navigation-title-medium);
  }
}
.search-between-conts .aside .filter-btn {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: var(--krds-padding-8) 0;
  z-index: 4;
  gap: var(--krds-gap-5);
  background-color: var(--krds-light-color-background-white);
}
.search-between-conts .aside .filter-btn .krds-btn {
  flex: 1;
}
.search-between-conts .contents {
  flex: 1;
}

/* 필터 아코디언 */
.filter-list {
  /* select 형태 */
}
.filter-list.krds-accordion {
  --acc-btn-color-background-active: var(--krds-light-color-icon-secondary);
}
.filter-list.krds-accordion .accordion-item {
  padding: var(--krds-padding-2) 0;
}
.filter-list.krds-accordion .accordion-item .accordion-header .tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
}
.filter-list.krds-accordion .accordion-item .accordion-body {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: 2.4rem;
  padding: var(--krds-padding-6) 0.4rem; /*포커스위한 간격*/
  margin-bottom: var(--krds-gap-3);
}
.filter-list.krds-accordion .accordion-item .btn-accordion {
  padding: var(--krds-padding-5) calc(var(--krds-size-height-4) + var(--krds-gap-5)) var(--krds-padding-5) 0;
  font-size: var(--krds-pc-font-size-heading-xsmall);
}
.filter-list.krds-accordion .accordion-item .btn-accordion .krds-badge{margin-left:0.5rem;}

@media (max-width: 767px) {
  .filter-list.krds-accordion .accordion-item .btn-accordion {
    font-size: var(--krds-mobile-font-size-heading-xsmall);
  }
}
.filter-list.krds-accordion .accordion-item .btn-accordion::after {
  width: var(--krds-size-height-4);
  height: var(--krds-size-height-4);
  top: var(--krds-gap-4);
}
.filter-list.krds-accordion .accordion-item .btn-accordion.active::after {
  background-color: var(--acc-btn-color-background-active);
}
.filter-list.krds-accordion .accordion-item .krds-form-chip input[type=radio]:checked ~ label {
  padding-inline: var(--krds-padding-4);
}
.filter-list.option-select {
  border-bottom: none;
}
.filter-list.option-select .accordion-item .accordion-body {
  padding: 0;
  margin-bottom: var(--krds-gap-5);
}

/* 상단 검색어 영역 */
.total-search-top-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  position: relative;
  margin-bottom: var(--krds-gap-11);
}
.total-search-top-box > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
  padding: var(--krds-gap-11) 0;
  max-width: 79.2rem;
}
.total-search-top-box > .inner .sch-form-wrap {
  width: 100%;
  gap: var(--krds-gap-4);
}
.total-search-top-box > .inner .sch-input-wrap .sch-etc {
  display: flex;
  margin-top: var(--krds-padding-6);
}
.total-search-top-box > .inner .sch-input-wrap .sch-etc .ico-sch::before {
  background-image: url(/site/images/icon/ico_sch_plus.svg);
}
.total-search-top-box::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  height: 100%;
  background-color: var(--krds-light-color-surface-secondary-subtler);
}
/* 연관검색어 */
.recommend-search-wrap{display: flex; align-items: flex-start; gap:var(--krds-gap-4); width:100%; margin:2rem 0 0 0; flex-direction:column;}
.recommend-search{display: flex; gap:var(--krds-gap-3); flex-wrap:wrap; justify-content:center;}
.recommend-search a{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.8rem;
    background-color: var(--krds-light-color-element-secondary-light);
	border:0.1rem solid var(--krds-color-light-secondary-20);
    border-radius: 10rem;
    font-size: 1.7rem;}
.recommend-search a:hover{background-color: var(--krds-color-light-secondary-20);}

@media (max-width: 767px) {
	.recommend-search a{font-size: 1.5rem;}
}

[data-krds-mode=high-contrast] .recommend-search a{background-color:var(--krds-high-contrast-color-action-white); border:0.1rem solid var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=high-contrast] .recommend-search a:hover{background-color: var(--krds-high-contrast-color-surface-secondary-subtler); }


/* 통합검색 */
.sort-menu .title03{ background-color: var(--krds-light-color-surface-secondary-subtler); padding: var(--krds-pc-padding-card-xsmall);border-radius:0.6rem; margin-bottom:var(--krds-pc-gap-layout-h4-h4);}

/* 결과 리스트 */
.total-search-list {
  --total-search-color-border: var( --krds-light-color-border-gray-light);
  --total-search-color-border-light: var(--krds-light-color-border-gray-more-light);
  --total-search-width-border: var(--krds-light-border-width-variable-regular);
  --total-search-keyword-color: var(--krds-light-color-text-primary);
  --total-search-keyword-background: var(--krds-light-color-element-primary-lighter);
  --total-search-info-color: var(--krds-light-color-text-subtle);
  --total-search-info-btm-color:var(--krds-light-color-text-basic);
}
.total-search-list .total-search-item {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-7);
  padding: var(--krds-padding-10) 0;
  border-bottom: var(--total-search-width-border) solid var(--total-search-color-border);
}

.wrap-box.divide .total-search-list .total-search-item{border-bottom: var(--total-search-width-border) solid var(--total-search-color-border-light);}/* 전체결과  wrap박스의 리스트만 적용 */

/* 통합검색 타입2 */
.total-search-list.menu-sort .total-search-item {border-bottom: var(--total-search-width-border) solid var(--total-search-color-border-light); padding: var(--krds-padding-8) 0;}

.total-search-list .total-search-item .keyword {
  font-weight: var(--krds-font-weight-bold);
  color: var(--total-search-keyword-color);
  background-color: var(--total-search-keyword-background);
}
.total-search-list .total-search-item:first-child {
  padding-top: 0;
}
.total-search-list .info-top {
  display: flex;
  gap: var(--krds-gap-5);
}
.total-search-list .info-top .i-date {
  color: var(--total-search-info-color);
}
.total-search-list .info-body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.total-search-list .info-body a:hover {
  text-decoration: underline;
  text-underline-offset: var(--krds-font-underline-offset);
}
.total-search-list .info-body .tit {
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
}
.total-search-list .info-body .txt {
  color: var(--total-search-info-color);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: var(--krds-gap-4);

}

.total-search-list .info-body .in {
  display: flex;
  gap: var(--krds-gap-7);
}

.total-search-list .info-body .thum {
  display: inline-flex;
  flex-shrink: 0;
  width: 18rem;
  height: 11rem;
  border-radius: var(--krds-radius-medium3);
  overflow: hidden;
}
.total-search-list .info-body .thum img {
  width: 100%;
  height: 100%;
}
.total-search-list .info-btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-gap-5);
}
.total-search-list .info-btm .i-cate {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  color: var(--total-search-info-btm-color);
}
.total-search-list .info-btm .i-cate li {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.total-search-list .info-btm .i-cate li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: var(--krds-size-height-2);
  height: var(--krds-size-height-2);
  background: url(/site/images/icon/ico_arr_16_right_gray70.svg) no-repeat center;
  background-size: contain;
  margin-inline: var(--krds-gap-2);
}
.total-search-list .info-btm .btn-area {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-5);
  border-radius: var(--krds-radius-medium3);
}
.total-search-list .download{ display: flex; align-items: flex-start; justify-content: flex-start;flex-direction: column;gap: var(--krds-gap-5);width:100%; border-radius: var(--krds-radius-xlarge1); padding: var(--krds-pc-padding-card-small);}
.total-search-list .download > li {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--krds-gap-6);
  width: 100%;

}
.total-search-list .tit-wrap{display: flex; gap:1.6rem; flex-wrap: wrap;}
.total-search-list .download > li .file-wrap{display: flex; width: 100%; justify-content: space-between;}
.total-search-list .download > li .preview-text{font-size:1.5rem;}
.total-search-list .download > li .filename{font-size:1.5rem;}
.total-search-list .download > li .btn-wrap{width:auto;} 

@media (max-width: 1023px) {
  .scroll-up .search-between-conts .aside {
    top: 72px;
  }
}
@media (max-width: 767px) {
  /* 통합검색 양쪽 배치 */
  .search-between-conts .aside {
    display: none;
  }
  /* 상단 검색어 영역 */
  .total-search-top-box {
    margin-bottom: var(--krds-gap-8);
  }
  .total-search-top-box > .inner {
    padding-top: var(--krds-padding-8);
    padding-bottom: var(--krds-padding-9);
  }
  .total-search-top-box .krds-input {
    height: var(--krds-size-height-9);
  }
  .total-search-top-box .krds-btn.icon.xlarge {
    width: var(--krds-size-height-5);
    height: var(--krds-size-height-5);
  }
  /* 결과 리스트 */
  .total-search-list .total-search-item {
    padding: var(--krds-padding-8) 0;
    gap: var(--krds-gap-5);
  }
  
  .wrap-box.divide .total-search-list .total-search-item:first-child {padding-top: 0.8rem;}/* 전체부분 결과 리스트 */
  .total-search-list .total-search-item:first-child {
    padding-top: var(--krds-padding-8);
  }
  .total-search-list .info-top {
    gap: var(--krds-gap-4);
  }
  .total-search-list .info-body .in {
    flex-direction: column;
    gap: var(--krds-gap-5);
  }
  .total-search-list .info-body .tit {
    margin-bottom: var(--krds-gap-3);
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  .total-search-list .info-body .thum {
    width: 18rem;
    height: 11rem;
  }
  .total-search-list .info-btm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  .total-search-list .tit-wrap{gap:0;}
  .total-search-list .download > li .file-wrap{flex-direction: column; gap:var(--krds-gap-2);}



}
[data-krds-mode=high-contrast] {
  /* 검색어 영역 */
}
[data-krds-mode=high-contrast] .filter-list.krds-accordion {
  --acc-btn-color-background-active: var(--krds-high-contrast-color-icon-secondary);
}
[data-krds-mode=high-contrast] .total-search-top-box::after {
  background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
}
[data-krds-mode=high-contrast] .total-search-top-box::after {
  background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
}
[data-krds-mode=high-contrast] .total-search-list {
  --total-search-color-border: var(--krds-high-contrast-color-divider-gray);
  --total-search-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --total-search-keyword-color: var(--krds-high-contrast-color-text-primary);
  --total-search-keyword-background: var(--krds-high-contrast-color-element-primary-lighter);
  --total-search-info-color: var(--krds-high-contrast-color-text-subtle);
  --total-search-info-btm-color:var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] .search-between-conts .aside .filter-btn {
  background-color: var(--krds-high-contrast-color-background-white);
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] {
	  /* 검색어 영역 */
	}
	[data-krds-mode=theme] .filter-list.krds-accordion {
	  --acc-btn-color-background-active: var(--krds-high-contrast-color-icon-secondary);
	}
	[data-krds-mode=theme] .total-search-top-box::after {
	  background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
	}
	[data-krds-mode=theme] .total-search-top-box::after {
	  background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
	}
	[data-krds-mode=theme] .total-search-list {
	  --total-search-color-border: var(--krds-high-contrast-color-divider-gray);
	  --total-search-width-border: var(--krds-high-contrast-border-width-variable-regular);
	  --total-search-keyword-color: var(--krds-high-contrast-color-text-primary);
	  --total-search-keyword-background: var(--krds-high-contrast-color-element-primary-lighter);
	  --total-search-info-color: var(--krds-high-contrast-color-text-subtle);
	  --total-search-info-btm-color:var(--krds-high-contrast-color-text-basic);
	}
	[data-krds-mode=theme] .search-between-conts .aside .filter-btn {
	  background-color: var(--krds-high-contrast-color-background-white);
	}
}

/* ** 약관동의  ** */
/* 약관동의 상단 여백 */
.conts-area.terms-type {
  gap: 0;
}
.conts-area.terms-type .terms-agree-all {
  margin-top: var(--krds-pc-gap-layout-h3-h4);
}

/* 약관동의 전체동의 */
.terms-agree-all {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-3);
}
.terms-agree-all .krds-form-check input[type=checkbox] ~ label {
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
  gap: var(--krds-gap-5);
}
.terms-agree-all .conts-desc {
  padding-left: var(--krds-padding-10);
}

/* 약관동의 리스트 */
.terms-agree-ul {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-9);
}
.terms-agree-ul li {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
.terms-agree-ul .agree-tit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.terms-agree-ul .agree-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: var(--krds-gap-5);
}

@media (max-width: 767px) {
  /* 약관동의 상단 여백 */
  .conts-area.terms-type {
    gap: 0;
  }
  .conts-area.terms-type .terms-agree-all {
    margin-top: var(--krds-mobile-gap-layout-h3-h4);
  }
  /* 약관동의 전체동의 */
  .terms-agree-all .krds-form-check input[type=checkbox] ~ label {
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  /* 약관동의 리스트 */
  .terms-agree-ul .agree-box {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-gap-7);
    padding: var(--krds-mobile-padding-card-small);
  }
  .terms-agree-ul .krds-check-area {
    width: 100%;
    gap: 0;
  }
  .terms-agree-ul .krds-check-area .krds-form-check {
    flex: 1;
    text-align: left;
  }
}

/* ** 로그인 ** */
.conts-area.login-type,
.conts-area.login-form {
  --login-type-color-tooltip: var(--krds-light-color-icon-gray);
}
.conts-area.login-type .krds-contextual-help .tooltip-action .tooltip-btn .ico-tooltip,
.conts-area.login-form .krds-contextual-help .tooltip-action .tooltip-btn .ico-tooltip {
  background-color: var(--login-type-color-tooltip);
}

.conts-area.login-type .join-member-bn-wrap ~ .helper-box {
  margin-top: -1.6rem;
}

/* 로그인 폼 */
.login-form-area {
  --login-form-color-border: var(--krds-light-color-divider-gray);
  --login-form-width-border: var(--krds-light-border-width-variable-regular);
  display: flex;
  position: relative;
  padding: var(--krds-padding-10);
  gap: var(--krds-gap-12);
  width: 100%;
  border-top: var(--login-form-width-border) solid var(--login-form-color-border);
  border-bottom: var(--login-form-width-border) solid var(--login-form-color-border);
}
.login-form-area.noline{border-bottom:none;}
.login-form-area::after {
  content: "";
  position: absolute;
  top: var(--krds-gap-9);
  left: calc(50% - var(--login-form-width-border));
  width: var(--login-form-width-border);
  height: calc(100% - var(--krds-gap-12));
  background-color: var(--login-form-color-border);
}
.login-form-area > div {
  flex: 1;
}
.link-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.link-group > li + li::before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 var(--krds-gap-3);
  content: "";
  width: var(--krds-number-1);
  height: var(--krds-size-height-2);
  background-color: var(--login-form-color-border);
}

.login-form-area .login-info-wrap {
  padding: var(--krds-padding-8) 0;
}

.login-form-area label {font-weight: var(--krds-font-weight-bold);}

/* 아이디 비밀번호 찾기 */
.login-form-area.result{justify-content: center;}
.login-form-area.result:after{display:none;}


/* 로그인 - 탭형식*/
.login-type-tab .tab-conts {
  gap: var(--krds-gap-9);
}
.login-type-tab .login-info-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-7);
  padding: 0;
}
.login-type-tab .login-info-wrap .tit, .login-type-tab .login-wrap .tit {
  font-weight: var(--krds-font-weight-bold);
  font-size: var(--krds-pc-font-size-body-large);
}
.login-type-tab .login-info-wrap .btn-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.login-type-tab .login-info-wrap .btn-wrap.login-method {
  gap: var(--krds-gap-5);
}
.login-type-tab .login-info-wrap .btn-wrap.login-method .krds-btn, .login-type-tab .login-info-wrap .btn-wrap.login-method div {
  width: 100%;
}
.login-type-tab .login-info-wrap .krds-disclosure ~ .krds-disclosure {
  margin-top: var(--krds-gap-3);
}

/* 타기관 로그인 버튼 */
.login-type-tab .krds-btn span{position: relative; padding-left:3rem; }
.login-type-tab .krds-btn span:after{  position: absolute; top: 50%; left: 0; transform: translate(0, -50%);  content: "";  width: 2rem; height: 2rem; background-size: contain;}
.login-type-tab .krds-btn span.onepass:after { background-image: url(/site/images/sub/ico_onepass.png);}
.login-type-tab .krds-btn span.naver:after { background-image: url(/site/images/sub/ico_naver.png);}
.login-type-tab .krds-btn span.kakao:after { background-image: url(/site/images/sub/ico_kakao.png);}

[data-krds-mode=high-contrast] .login-type-tab .krds-btn span.onepass:after { background-image: url(/site/images/sub/ico_onepass_fill.png);}
[data-krds-mode=high-contrast] .login-type-tab .krds-btn span.kakao:after { background-image: url(/site/images/sub/ico_kakao_fill.png);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .login-type-tab .krds-btn span.onepass:after { background-image: url(/site/images/sub/ico_onepass_fill.png);}
	[data-krds-mode=theme] .login-type-tab .krds-btn span.kakao:after { background-image: url(/site/images/sub/ico_kakao_fill.png);}
}


/* 로그인 옵션 */
.login-opt-wrap {
  display: flex;
  gap: var(--krds-gap-7);
}

/* 본인인증방식 선택 */
.certify-sel-wrap {
  --certify-color-background: var(--krds-light-color-background-gray-subtler);
  --certify-color-border: var(--krds-light-color-divider-gray);
  --certify-color-border-light: var(--krds-light-color-border-gray-light);
  --certify-width-border: var(--krds-light-border-width-variable-regular);
  --certify-expand-color-background: var(--krds-light-color-surface-white-subtler);
  --certify-desc-color-text: var(--krds-light-color-text-subtle);
  width: 100%;
  margin-top:2.8rem;
}
.certify-sel-wrap .certify-opt-tit {
  flex-shrink: 0;
  margin-top: var(--krds-padding-8);
  font-size: var(--krds-pc-font-size-heading-medium);
  font-weight: var(--krds-font-weight-bold);
}
.certify-sel-wrap .certify-option {
  border-top: var(--certify-width-border) solid var(--certify-color-border);
}
.certify-sel-wrap .certify-option > li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-gap-7);
  padding-top: var(--krds-padding-8);
  padding-bottom: var(--krds-padding-8);
  border-bottom: var(--certify-width-border) solid var(--certify-color-border);
}
.certify-sel-wrap .certify-type {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: var(--krds-gap-7);
  width: 100%;
  margin-top:2rem;

}
.certify-sel-wrap .certify-type > li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-direction: column;
  /*position: relative;*/
 /* padding: var(--krds-padding-9);*/
  background-color: var(--certify-color-background);
  border-radius: var(--krds-radius-xlarge1);
  width: calc(50% - 18px);
  border: var(--certify-width-border) solid var(--certify-color-border-light);
}



.certify-sel-wrap .certify-type > li .login-link {
  padding: 28px 18px;
  position: relative;
  display: flex;
  flex-direction:column;
  width: 100%;
  height:100%;
}
.certify-sel-wrap .certify-type > li .login-link .wrap-btn {
  margin: var(--krds-padding-6) 0 0 0;
}
.certify-sel-wrap .certify-type > li .login-link:focus {
  border-radius: 0;
}
.certify-sel-wrap .certify-type > li .login-link::before {
  position: absolute;
  top: 33px;
  left: var(--krds-gap-7);
  content: "";
  display: inline-flex;
  width: var(--krds-size-height-4);
  height: var(--krds-size-height-4);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  background-size: contain;
}
.certify-sel-wrap .certify-type > li .login-link::after {
  position: absolute;
  content: "";
  top: var(--krds-gap-8);
  left: auto;
  right: var(--krds-gap-8);
  display: inline-flex;
  width: var(--krds-size-height-4);
  height: var(--krds-size-height-4);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNTYzIDE4LjI1TDE2LjQzNiAxMiA5LjU2MyA1Ljc1IiBzdHJva2U9IiMyRDJEMkQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNTYzIDE4LjI1TDE2LjQzNiAxMiA5LjU2MyA1Ljc1IiBzdHJva2U9IiMyRDJEMkQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
 }
.certify-sel-wrap .certify-type > li.id a::before {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIyIiB5PSI2LjQ1NCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjE5LjA5MSIgcng9IjQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNOC43MjYgMTYuNzU3YS45MS45MSAwIDEgMCAwLTEuODE5LjkxLjkxIDAgMCAwIDAgMS44MTl6TTE0Ljc4OCAxNi43NTdhLjkxLjkxIDAgMSAwIDAtMS44MTkuOTEuOTEgMCAwIDAgMCAxLjgxOXoiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjcxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTI0LjE4MiAxOC4xMjFIMTkuOTQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
  mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIyIiB5PSI2LjQ1NCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjE5LjA5MSIgcng9IjQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNOC43MjYgMTYuNzU3YS45MS45MSAwIDEgMCAwLTEuODE5LjkxLjkxIDAgMCAwIDAgMS44MTl6TTE0Ljc4OCAxNi43NTdhLjkxLjkxIDAgMSAwIDAtMS44MTkuOTEuOTEgMCAwIDAgMCAxLjgxOXoiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjcxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTI0LjE4MiAxOC4xMjFIMTkuOTQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
 }
.certify-sel-wrap .certify-type > li.guest div::before {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(/site/images/icon/ico_login_certify_type_06.svg);
  mask-image: url(/site/images/icon/ico_login_certify_type_06.svg);
}
.certify-sel-wrap .certify-type > li .type-tit {
  margin: var(--krds-gap-2) 0;
  padding-left:4.6rem;;
  font-size: 2rem;
  font-weight: var(--krds-font-weight-bold);
}

.certify-sel-wrap .certify-type > li .type-desc {
  margin-top: var(--krds-gap-4);
  padding-right: var(--krds-padding-10);
  font-size:1.5rem;
}
/*.certify-sel-wrap .certify-type .krds-disclosure .expand-in {
  background-color: var(--certify-expand-color-background);
}
.certify-sel-wrap .certify-use {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-7);
}
.certify-sel-wrap .certify-use-tit {
  font-weight: var(--krds-font-weight-bold);
}
.certify-sel-wrap .certify-use-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-7);
}
.certify-sel-wrap .certify-use-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--krds-gap-5);
}
.certify-sel-wrap .certify-use-list > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.certify-sel-wrap .certify-use-list > li::before {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
  background-size: contain;
  margin-right: var(--krds-gap-3);
}
.certify-sel-wrap .certify-use-list > li.ico-nonghyup::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_nonghyup.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-kb::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_kb.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-naver::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_naver.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-banksalad::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_banksalad.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-samsungpass::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_samsungpass.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-shinhan::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_shinhan.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-toss::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_toss.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-payco::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_payco.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-hana::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_hana.svg);
}
.certify-sel-wrap .certify-use-list > li.ico-driving::before {
  background-image: url(/site//site/img/pattern/content/ico_login_certify_driving.svg);
}
*/




/* 회원가입 유도 */
.join-member-bn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-5);
}
.join-member-bn-wrap .txt-desc {
  flex-shrink: 0;
  flex-grow: 0;
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
}

/* 로그인 방식 선택 */
.login-type-ul {
  --login-ul-color-text: var(--krds-light-color-text-secondary);
  --login-ul-color-border: var(--krds-light-color-divider-gray-light);
  --login-ul-width-border: var(--krds-light-border-width-variable-regular);
  display: flex;
  gap: var(--krds-gap-8);
  width: 100%;
}
.login-type-ul li {
  flex: 1;
}
.login-type-ul li:not(:first-child) {
  padding-left: var(--krds-padding-9);
  border-left: var(--login-ul-width-border) solid var(--login-ul-color-border);
}
.login-type-ul li .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-pc-gap-layout-title-body-large);
}
.login-type-ul li .tit {
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
}
.login-type-ul li .btn-wrap {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: var(--krds-gap-5);
  gap: var(--krds-gap-5);
}
.login-type-ul li .btn-wrap .krds-btn .text-bold {
  font-weight: var(--krds-font-weight-bold);
  color: var(--login-ul-color-text);
}

@media (max-width: 1023px) {
  /* 로그인 타입 선택 */
  .login-type-ul {
    gap: var(--krds-gap-7);
  }
  .login-type-ul li:not(:first-child) {
    padding-left: var(--krds-padding-8);
  }
  /* 로그인 정보 입력 */
  .login-form-area {
    flex-direction: column;
    padding: var(--krds-padding-8) 0;
    gap: var(--krds-gap-8);
  }
  .login-form-area::after {
    display: none;
  }
  .login-form-area .login-info-wrap {
    padding-bottom: 0;
    border-top: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray);
  }
  /* 로그인 - 탭형식 */
  .login-type-tab .krds-tab-area,
  .login-type-tab .tab-conts,
  .login-type-tab .login-form-area {
    gap: var(--krds-gap-7);
  }
  .login-type-tab .login-info-wrap {
    margin-top: 0;
    padding: var(--krds-padding-7) 0 0;
    gap: var(--krds-gap-5);
  }
}
@media (max-width: 767px) {
  .conts-area[class*=login-] {
    gap: var(--krds-gap-7);
  }
  .conts-area.login-type .join-member-bn-wrap ~ .helper-box {
    margin-top: -0.8rem;
  }
  /* 로그인 옵션 */
  .login-opt-wrap {
    flex-direction: column;
    gap: var(--krds-gap-5);
  }
  /* 본인인증방식 선택 
  .certify-sel-wrap .certify-opt-tit {
    margin-top: 0;
    width: 100%;
    font-size: var(--krds-mobile-font-size-heading-small);
  }*/
  .certify-sel-wrap .certify-option > li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-5);
    padding-top: var(--krds-padding-6);
    padding-bottom: var(--krds-padding-6);
  }
  .certify-sel-wrap .certify-type {
    max-width: none;
    width: 100%;
    gap: var(--krds-gap-5);
	flex-direction: column;
  }
  .certify-sel-wrap .certify-type > li {width: 100%;}
  .certify-sel-wrap .certify-type > li .login-link {
    padding: 1.6rem 1rem;
  }

  .certify-sel-wrap .certify-type > li .login-link + .btn-wrap {
    margin-top: var(--krds-gap-3);
  }
  .certify-sel-wrap .certify-type > li::before {
    width: var(--krds-size-height-5);
    height: var(--krds-size-height-5);
    position: absolute;
    top: 2.4rem;
    left: 2.4rem;
  }
  .certify-sel-wrap .certify-type > li::after {
    width: var(--krds-size-height-4);
    height: var(--krds-size-height-4);
    position: absolute;
    top: 2.4rem;
    left: auto;
    right: 2.4rem;
  }

  .certify-sel-wrap .certify-type > li .login-link::after {display:none;}
  .certify-sel-wrap .certify-type > li .login-link::before{ width: 3.2rem;height: 3.2rem; background-size: 3.2rem 3.2rem;position: relative;top: 0;left: 0;margin: 0 auto;}
  
  .certify-sel-wrap .certify-type > li .type-tit {
    margin: var(--krds-number-1) 0;
    padding-left: 0;
    font-size: var(--krds-mobile-font-size-heading-xsmall);
	text-align:center;
  }
  .certify-sel-wrap .certify-type > li .type-desc {
    margin-top: var(--krds-gap-3);
  }
  /*.certify-sel-wrap .certify-use-item {
    gap: var(--krds-gap-5);
  }
  .certify-sel-wrap .certify-use-list {
    grid-template-columns: 1fr;
  }*/

  /* 회원가입 유도 */
  .join-member-bn-wrap {
    flex-direction: column;
    gap: var(--krds-gap-4);
  }
  .join-member-bn-wrap .txt-desc {
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  /* 로그인 방식 선택 */
  .login-type-ul {
    gap: 0;
    flex-direction: column;
  }
  .login-type-ul li {
    padding: var(--krds-padding-8) 0;
  }
  .login-type-ul li:not(:first-child) {
    padding-left: 0;
    border: none;
    border-top: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light);
  }
  .login-type-ul li .in {
    gap: var(--krds-mobile-gap-layout-title-body-large);
  }
  .login-type-ul li .tit {
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  /* 로그인 - 탭형식 */
  .login-type-tab .tab.fill.full > ul > li {
    flex: auto;
  }
}

@media (max-width: 480px) {
	  .certify-sel-wrap .certify-type > li .login-link .wrap-btn {margin: 1.6rem 1.6rem 0 1.6rem;}
}


[data-krds-mode=high-contrast] .conts-area.login-type {
  --login-type-color-tooltip: var(--krds-high-contrast-color-icon-gray);
}
[data-krds-mode=high-contrast] .login-form-area {
  --login-form-color-border: var(--krds-high-contrast-color-divider-gray);
  --login-form-width-border: var(--krds-high-contrast-border-width-variable-regular);
}
[data-krds-mode=high-contrast] .certify-sel-wrap {
  --certify-color-background: var(--krds-high-contrast-color-background-gray-subtler);
  --certify-color-border: var(--krds-high-contrast-color-divider-gray);
  --certify-color-border-light: var(--krds-high-contrast-color-border-gray-light);
  --certify-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --certify-expand-color-background: var(--krds-high-contrast-color-surface-white-subtler);
  --certify-desc-color-text: var(--krds-high-contrast-color-text-subtle);
}
[data-krds-mode=high-contrast] .certify-sel-wrap .certify-type > li .login-link::after {
  display: inline-flex;
  width: var(--krds-size-height-4);
  height: var(--krds-size-height-4);
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .certify-sel-wrap .certify-type > li .login-link::before {
  display: inline-flex;

  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
}
[data-krds-mode=high-contrast] .login-type-ul {
  --login-ul-color-text: var(--krds-high-contrast-color-text-secondary);
  --login-ul-color-border: var(--krds-high-contrast-color-divider-gray-light);
  --login-ul-width-border: var(--krds-high-contrast-border-width-variable-regular);
}

@media (prefers-color-scheme: dark) {

	[data-krds-mode=theme] .conts-area.login-type {
	  --login-type-color-tooltip: var(--krds-high-contrast-color-icon-gray);
	}
	[data-krds-mode=theme] .login-form-area {
	  --login-form-color-border: var(--krds-high-contrast-color-divider-gray);
	  --login-form-width-border: var(--krds-high-contrast-border-width-variable-regular);
	}
	[data-krds-mode=theme] .certify-sel-wrap {
	  --certify-color-background: var(--krds-high-contrast-color-background-gray-subtler);
	  --certify-color-border: var(--krds-high-contrast-color-divider-gray);
	  --certify-color-border-light: var(--krds-high-contrast-color-border-gray-light);
	  --certify-width-border: var(--krds-high-contrast-border-width-variable-regular);
	  --certify-expand-color-background: var(--krds-high-contrast-color-surface-white-subtler);
	  --certify-desc-color-text: var(--krds-high-contrast-color-text-subtle);
	}
	[data-krds-mode=theme] .certify-sel-wrap .certify-type > li .login-link::after {
	  display: inline-flex;
	  width: var(--krds-size-height-4);
	  height: var(--krds-size-height-4);
	  background-color: var(--krds-high-contrast-color-text-basic);
	  forced-color-adjust: none;
	}
	[data-krds-mode=theme] .certify-sel-wrap .certify-type > li .login-link::before {
	  display: inline-flex;

	  background-color: var(--krds-high-contrast-color-text-basic);
	  forced-color-adjust: none;
	}
	[data-krds-mode=theme] .login-type-ul {
	  --login-ul-color-text: var(--krds-high-contrast-color-text-secondary);
	  --login-ul-color-border: var(--krds-high-contrast-color-divider-gray-light);
	  --login-ul-width-border: var(--krds-high-contrast-border-width-variable-regular);
	}
}


/*회원가입*/

/* 회원유형 */
.joinWrap {
	--krds-joinWrap--divide-border-color: var(--krds-light-color-border-gray-more-light);
}
.joinWrap {display:flex; gap: 3.6rem; flex-direction: column; width:100%; max-width:80rem; margin:0 auto; }
.join_text{text-align:center;}
.join_text .title01 {margin-bottom:0.6rem; }
.join_menu {display:flex; gap: 2.4rem; }
.join_menu li.wrap-box {position:relative;text-align:center; width: 100%; margin-top:0;}
.join_menu li.wrap-box .title03{margin-bottom:1.6rem;}
.join_menu li.wrap-box:before {
	content:"";
	display:block;
	margin:0 auto 15px;
	width:78px;
	height:56px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}
.join_menu li.wrap-box:nth-child(1):before {
	-webkit-mask-image: url(/site/images/common/icon_member_kids.svg);
	mask-image: url(/site/images/common/icon_member_kids.svg);
	background-image: url(/site/images/common/icon_member_kids.svg);
}

.join_menu li.wrap-box:nth-child(2):before {
	-webkit-mask-image: url(/site/images/common/icon_member_adult.svg);
	mask-image: url(/site/images/common/icon_member_adult.svg);
	background-image: url(/site/images/common/icon_member_adult.svg);
}
.join_menu li.wrap-box:nth-child(3):before {
	-webkit-mask-image: url(/site/images/common/icon_member_foreigner.svg);
	mask-image: url(/site/images/common/icon_member_foreigner.svg);
	background-image: url(/site/images/common/icon_member_foreigner.svg);
}


.connect{display:flex; gap: 2.4rem; flex-direction: column; }
.connect .title{font-size:var(--krds-fz-title-xxlg); text-align:center; }
.connect ul{display:flex; }
.connect li{ position:relative; width:100%; border-left:0.1rem solid var(--krds-joinWrap--divide-border-color); text-align:center; }
.connect li:first-child {border-left:none;}
.connect li p:nth-child(1){margin-bottom:15px; }
.connect li::before{content:"";display:block; margin:0 auto 15px; width:150px;height:50px;background:url(/site/images/sub/connect_logo.png) 0 0 no-repeat;}
.connect li.digital:before{background-position:0 -0;}
.connect li.naver:before{background-position:0 -50px;}
.connect li.kakao:before{background-position:0 -100px;}

@media all and (max-width:599px) {
	.join_menu, .connect ul {flex-direction: column;}
	.connect li{border-bottom:0.1rem solid var(--krds-joinWrap--divide-border-color); border-left:none; padding:3rem 0;}
	.connect li:last-child{border-bottom:none;}
	
}
[data-krds-mode=high-contrast] .join_menu li.wrap-box:before{ background-color: var(--krds-high-contrast-color-text-basic);}
[data-krds-mode=high-contrast] .joinWrap { --krds-joinWrap--divide-border-color: var(--krds-high-contrast-color-border-gray); }
[data-krds-mode=high-contrast] .connect li.digital:before{background-position:0 -150px;}
[data-krds-mode=high-contrast] .connect li.kakao:before {background-position:0 -210px;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .join_menu li.wrap-box:before{ background-color: var(--krds-high-contrast-color-text-basic);}
	[data-krds-mode=theme] .joinWrap { --krds-joinWrap--divide-border-color: var(--krds-high-contrast-color-border-gray); }
	[data-krds-mode=theme] .connect li.digital:before{background-position:0 -150px;}
	[data-krds-mode=theme] .connect li.kakao:before {background-position:0 -210px;}
}

/* 회원가입스텝 */
.memberstep{}
.memberstep .sec-tit{  font-size: var(--krds-pc-font-size-heading-large); margin-bottom: var(--krds-gap-9);}
.memberstep .sec-tit .step-now {
  display: block;
  margin-bottom: var(--krds-gap-3);
  font-size: var(--krds-pc-font-size-body-medium);
  font-weight: var(--krds-font-weight-regular);
  color: var(--krds-light-color-text-subtle);
}
.memberstep .sec-tit .step-now strong {
  color: var(--krds-light-color-text-primary);
  font-weight: var(--krds-font-weight-bold);
}
@media (max-width: 767px) {
  .memberstep .sec-tit .step-now {
    font-size: var(--krds-mobile-font-size-body-medium);
  }
}

/* 약관 */
.termsWrap {display:flex; flex-direction: column;  height:40rem; overflow-y:scroll;}
.termsWrap .title02{margin-bottom:var(--krds-pc-gap-layout-h5-h5); padding-bottom:0.8rem;}
.termsWrap > .text{margin:var(--krds-pc-gap-layout-h4-h5) 0 var(--krds-pc-gap-layout-h5-h5) 0;}
.termsWrap p + .title03{margin-top:0;}
/* 약관동의 */
.memberstep > .agree{display: flex; align-items: center; justify-content: space-between;flex-direction: row;}
@media (max-width: 767px) {
  .memberstep > .agree {flex-direction: column;text-align: center; gap: var(--krds-padding-4);}
}

/* 실명인증 */
.memberstep > .wrap-box > .certiWrap {margin-top: var(--krds-pc-gap-layout-h4-h5);}
.memberstep > .wrap-box > .certiWrap > li {padding:0 0 var(--krds-padding-8) 0; border-radius: 0.6rem; border: 0.1rem solid var(--krds-light-color-border-secondary-light);}
.memberstep > .wrap-box > .certiWrap > li .tit{font-size: var(--krds-pc-font-size-heading-small); text-align: center;background:var(--krds-light-color-surface-secondary-subtler); padding:var(--krds-padding-5); border-radius: 0.6rem 0.6rem 0 0;}
.memberstep > .wrap-box > .certiWrap > li .text{text-align: center; padding:1rem; }
@media (max-width: 767px) {
	.memberstep > .wrap-box > .certiWrap > li .wrap-btn{flex-direction: row;}
}
[data-krds-mode=high-contrast] .memberstep > .wrap-box > .certiWrap > li .tit { background:var(--krds-high-contrast-color-surface-secondary-subtler); }
[data-krds-mode=high-contrast] .memberstep > .wrap-box > .certiWrap > li{border: 0.1rem solid var(--krds-high-contrast-color-border-secondary-light);}

 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .memberstep > .wrap-box > .certiWrap > li .tit { background:var(--krds-high-contrast-color-surface-secondary-subtler); }
	[data-krds-mode=theme] .memberstep > .wrap-box > .certiWrap > li{border: 0.1rem solid var(--krds-high-contrast-color-border-secondary-light);}
 }

/* 회원가입 입력폼 */
.member-input .txt-box.bg-white .form-group, .member-input.txt-box.bg-white .form-group-row { width: 68.8rem; max-width: 100%;}
/*로그아웃*/
.logout-ment{display:flex; flex-direction: column; gap: var(--krds-gap-3); text-align:center; }

/* 디지털원패스 추가 로그인 */
.loginAll{margin:80px auto 50px;}
.loginAll:after{clear: both; content: "";display: block;}
.login_mcst {width:50%;float:left; padding:0 40px;box-sizing: border-box; }
.login_mcst.member{position:relative;}
.login_mcst.member:after{ content:"";display:inline-block;width:1px;height:400px;background:#dcdcdc;position: absolute;top: -15px;right: 0;}
.login_mcst .tit01_{padding: 0 0 25px 0; text-align:center;}
.login_mcst.digital{margin-left:-1px;}
.login_mcst li {padding-bottom:10px;}
.login_mcst li.other {padding-bottom:30px;}
.login_mcst.member li:nth-child(3) {padding-top:10px;}
.login_mcst .ar label {font-weight:500;} 
.login_mcst .text label {width:100%;display:block;padding-bottom:5px;font-weight:500;}
.login_mcst .text input[type="text"], .login_mcst .text input[type="password"] {width:100%;}
.login_mcst .text {padding-bottom:20px;}
.login_mcst.digital ul {margin-top:0;}
.login_mcst.digital .tit01_{padding-bottom:35px; text-align:center;}
.login_mcst .btn {width:100%;}
.login_mcst .btn span {padding:15px;}
.login_mcst .btn span.ico{position:relative; }
.login_mcst .btn span.ico:before{position:absolute; top:12px; left:60px; content:"";display:inline-block;width:23px;height:22px;background:url(images/sub/digital_icon.png) no-repeat;}
.login_mcst .btn span.digital{position:relative; background:#1c2674; color:#fff;}
.login_mcst .btn span.ico.digital:before{width:23px;height:22px;background-position:0 0;}
.login_mcst .btn span.naver{position:relative;background:#4ecd38; color:#224906;}
.login_mcst .btn span.ico.naver:before{width:23px;height:22px;background-position:-28px 0;}
.login_mcst .btn span.kakao{position:relative;background:#fde549; color:#282f27;}
.login_mcst .btn span.ico.kakao:before{width:23px;height:22px;background-position:-58px 0;}
.login_mcst .other a {padding:0 10px;}
.login_mcst .other a:first-child {padding:0 10px 0 0;border-right:1px solid #ccc;}

.login_division{padding:40px 0 40px 0; max-width:1000px; width:100%; margin:0 auto;}
.login_division:after{clear: both; content: "";display: block;}

@media all and (max-width:810px) {
	.login_mcst .btn span.ico:before{left:40px;}

}

@media all and (max-width:768px) {
    .loginAll{margin:40px auto 30px;}
    .login_mcst {width:50%;padding:20px;box-sizing: border-box; margin:0 auto; }
    .login_mcst.digital ul {margin-top:20px;}
    .login_mcst.digital .tit01_{padding-bottom:30px;}
}

@media all and (max-width:600px) {
	.login_division{padding-top:20px}
    .loginAll{margin:40px auto 30px;}
    .login_mcst {width:100%;padding:15px;box-sizing: border-box; margin:0 auto; height:auto;}
    .login_mcst.digital{margin:30px 0 0 0;}
    .login_mcst.digital .tit01_{padding-bottom:20px;}
	.login_mcst.member:after{display:none;}
}

/* 로그인 */
.loginWrap {width:320px;margin:20px auto;padding:0;}
.loginWrap > li {padding-bottom:10px;}
.loginWrap .ar label {font-weight:500;} 
.loginWrap .text label {width:100%;display:block;padding-bottom:5px;font-weight:500;}
.loginWrap .text input[type="text"], .loginWrap .text input[type="password"] {width:100%;}
.loginWrap .text {padding-bottom:30px;}
.loginWrap .btn {width:100%;}
/* 20240509-2 포상 공고 수정 */.loginWrap .btn span {padding:1rem; font-size: 16px;}
.loginWrap .other a {padding:0 10px;}
.loginWrap .other a:first-child {padding:0 10px 0 0;border-right:1px solid #ccc;}

/* 아이디/비밀번호 찾기*/
.findWrap {width:700px;margin:0 auto}
.findWrap:after{clear: both; content: "";display: block;}
.loginWrap.col2 {margin:0;float:left;}
.loginWrap.col2 + .loginWrap.col2 {float:right}
.loginWrap.col2 .text {padding-bottom:22px;}
.loginWrap.col2 + .loginWrap.col2 .text {padding-bottom:20px}
.loginWrap.col2 > ul {padding-top:15px;}
.pw_r {font-size:25px;}

@media all and (max-width:768px) {
    .loginWrap .text {padding-bottom:10px;}
    .loginWrap li:nth-child(2).text {padding-bottom:20px;}
    .loginWrap.col2 {margin:0 auto;float:none !important;}
    .loginWrap.col2 {padding:50px 0 0}
    .loginWrap.col2 .text, .loginWrap.col2 + .loginWrap.col2 .text {padding-bottom:15px;}
    .loginWrap .text input[type="text"], .loginWrap .text input[type="password"] {height:34px;line-height:34px;}
    .pw_r {font-size:20px;}
    .findWrap {width:100%;padding-bottom:50px;}
}

@media all and (max-width:360px) {
    .loginWrap {width:calc(100% - 20px);}
}

/* 네이버 연동 */
.member_info.naver{width:80%; margin:0 auto; margin-top:10px;}
.member_info.naver caption{position:initial; width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0);}

@media all and (max-width:768px) {
	.member_info.naver{width:90%;}
	.member_info.naver li {float:left;font-size:13px;line-height:20px;}
    .member_info.naver li + li {padding-top:0px;}
}

@media all and (max-width:560px) {
	.member_info.naver li {float:none;}
    .member_info.naver li + li {padding-top:10px;}
}

/* 마이페이지 */
.mypage-top{display:flex; gap:0.6rem; align-items: center; padding-bottom:1.6rem; margin-bottom:2rem;}
.mypage.board{margin-top:1.2rem;}
.mypage.board .only-check:before{ display:block; margin:0.1rem !important; }
.mypage.board .only-check:after{top:0.4rem;}

@media all and (max-width:480px) {
	.mypage-top{flex-direction: column;}
}

[data-krds-mode=high-contrast] .mypage.board .only-check:after{top:0.4rem;}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .mypage.board .only-check:after{top:0.4rem;}
}

/*입력폼*/
/*입력폼 요소 높이값 제어*/
/*.write-form .form-group input.krds-input, .write-form .form-group select.krds-form-select, 
.write-form .form-group button, .write-form .form-group a.krds-btn {height: 5rem !important; font-size:1.7rem;}*/

.write-form .form-group:not(.krds-calendar-area) input.krds-input, .write-form .form-group:not(.krds-calendar-area) select.krds-form-select, 
.write-form .form-group:not(.krds-calendar-area) button, .write-form .form-group:not(.krds-calendar-area) a.krds-btn {height: 5rem !important; font-size:1.7rem;}
.write-form .form-group .calendar-input button.krds-btn {height: 2.4rem !important;}/*달력아이콘 높이값*/
.write-form .form-group .calendar-wrap .calendar-head button{height:3.2rem !important;}/*달력안의 버튼*/
.write-form .form-group .calendar-wrap .calendar-body td > button {height:4.4rem !important; width:4.4rem !important;}/*달력안의 버튼*/
.write-form .form-group button.krds-btn{padding:0 1.6rem;}
.write-form .form-group button.krds-btn.icon.krds-tooltip{height: 2.4rem !important;} /*도움말 아이콘*/
.write-form .form-group button.krds-btn.xsmall, .write-form .form-group button.text{height: 3.2rem !important; font-size:1.5rem;}
.write-form .form-group button.krds-btn.small {height: 4rem !important; font-size:1.5rem; padding:0 1.2rem; }


@media all and (max-width:768px) {
	.write-form .form-group input.krds-input, .write-form .form-group select.krds-form-select, .write-form .form-group button, .write-form .form-group a.krds-btn{height: 4.8rem !important; font-size:1.7rem;}
	.write-form .form-group button.krds-btn{padding:0 1.6rem;}

}