@charset "utf-8";
/*
*   name : default
*   date : 2024. 07. 24.
*	사이트에 맞게 필요없는 항목부터 지운 뒤 변경해서 사용 요망.
*/

/* font */
.fc-blue {color:var(--color-primary04);}

/* skip navigation */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px; left:-1000px; overflow:hidden; z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0; left:0; width:100%; padding:10px 20px; background:#1a4bed; color:#ffffff; text-align:center;}

/* -webkit-scrollbar : scrollbar 적용하고자 하는 곳에 추가 */
/*
::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-thumb {background-color:rgba(107, 107, 107, 0.40); border-radius:150px;}
::-webkit-scrollbar-thumb:hover {background-color:rgba(107, 107, 107, 0.60);}
::-webkit-scrollbar-track {background-color:rgba(255, 255, 255, 1);}
*/

/* 스타일가이드 */
.exwrap {max-width: 144rem; width: 100%;margin: 0 auto;padding-top: 5rem;}
.exwrap+.exwrap {margin-top: 4rem;}
.extit {font-size: 3.5rem;margin-bottom: 4rem;font-weight: 600;color: #000;}
.extxt {font-size: 2rem;margin-bottom: 2rem;color: #333;font-weight: 600;}
.extit span {font-size: 2.5rem;color: #767676;margin-right: 1rem;font-weight: 500;}
.exflex {display: flex;gap: 3rem;flex-wrap: wrap;}
.exflex.center {align-items: center;}
.exmg > * + * {margin-top: 2rem;}
.exwrap table+.tablebox, .exwrap .tablebox +.tablebox {margin-top: 6rem;}
.exwrap .btnflex {display: flex;gap: 0.5rem;}
     
/*--------------------- underline ---------------------*/
* {text-underline-position : under;}


/*--------------------- 공통요소 ---------------------*/
.no-scr {overflow:hidden;}
/* 반응형br */
.br {display:block; font-size:inherit; font-weight:inherit;}
	@media all and (max-width:1000px)  {
		.br {display:inline}
	}
	
::-webkit-scrollbar-track {background: #d3d3d3;border-radius: 50rem;}
::-webkit-scrollbar {width:8px; height:8px;}
::-webkit-scrollbar-thumb {background: var(--color-primary01);border-radius: 50rem;}

/*--------------------- 탭메뉴 ---------------------*/
.cTab01 {position:relative; margin:0 0 3rem; line-height:1; text-align:center}
.cTab01 ul {display:flex; justify-content:center; align-items:center; gap:0 5rem; position:relative; width:auto; z-index:1}
.cTab01 ul li {position:relative;}
.cTab01 ul li a, 
.cTab01 ul li button {position:relative; display:block; height:100%; text-align:center; z-index:1; transition:all .3s ease}
.cTab01 ul li a:before, 
.cTab01 ul li button:before  {content:""; display:inline-block; vertical-align:middle; width:0; height:5.7rem;}
.cTab01 ul li a:after, 
.cTab01 ul li button:after {content:"";display:block;position:absolute;width:0;height:2px;left:50%;top:0;transform:translateX(-50%);background:var(--color-primary03);transition:all .3s ease}
.cTab01 ul li a span, 
.cTab01 ul li button span {position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;width:100%;margin:-1px 0 0;font-family:var(--font-family02); font-size:2.4rem; font-weight:700; line-height:1.5; color:var(--color-text40); display:-webkit-inline-box; overflow:hidden;-webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; z-index:1}

.cTab01 ul li a[aria-selected="true"] span,
.cTab01 ul li a:focus span,
.cTab01 ul li a:hover span,
.cTab01 ul li button[aria-selected="true"] span,
.cTab01 ul li button:focus span,
.cTab01 ul li button:hover span {color:var(--color-primary03);}

.cTab01 ul li a[aria-selected="true"]:after,
.cTab01 ul li a:focus:after,
.cTab01 ul li a:hover:after,
.cTab01 ul li button[aria-selected="true"]:after,
.cTab01 ul li button:focus:after,
.cTab01 ul li button:hover:after {width:100%}

.cTab01 ul li.over a span,
.cTab01 ul li.over button span {color:var(--color-primary03);}

.cTab01 ul li.over a:after,
.cTab01 ul li.over button:after {width:100%}

.cTab01 ul li a[target="_blank"] span:after,
.cTab01 ul li button[target="_blank"] span:after {content:"";position:relative;display:inline-block;vertical-align:middle;width:11px;height:11px;background:url(../../img/common/ico_newwin.svg) no-repeat;margin:-4px 0 0 6px;z-index:1}
.cTab01.mSet {overflow:visible;position:relative;border:0;z-index:9}
.cTab01.mSet:before,
.cTab01.mSet:after {display:none}

.cTab01.mSet button.ctab01Ctrl {position:relative;width:100%;padding:0 60px 0 19px;background:var(--color-text100);border: 1px solid #dcdcdc;font-size:0;text-align:left;overflow:hidden;box-sizing:border-box}
.cTab01.mSet button.ctab01Ctrl:before {content:"";display:inline-block;width:0;height:53px;vertical-align:middle}
.cTab01.mSet button.ctab01Ctrl span {display:inline-block;max-width:100%;color:#000;font-size:1.8rem;font-weight:600;line-height:1.2;vertical-align:middle}
.cTab01.mSet button.ctab01Ctrl .blt {display:block;position:absolute;top:0;right:20px;bottom:0;border-radius:50%;width:30px;height:30px;margin:auto;box-sizing:border-box}
.cTab01.mSet button.ctab01Ctrl .blt:after {content:"";display:block;position:absolute;top:0;right:0;left:0;bottom:0;border-style:solid;border-width:0 0 2px 2px;border-color: transparent transparent #CECECE #CECECE;width: 11px;height: 11px;margin:auto;-ms-transform:translateY(-25%) rotate(-45deg);transform:translateY(-25%) rotate(-45deg);transition:all .3s ease}
.cTab01.mSet button.ctab01Ctrl.over .blt:after {transform:translateY(25%) rotate(135deg)}
.cTab01.mSet .tablist-wrap {display:none;position:absolute;width:100%;left:0;top:100%;}
.cTab01.mSet ul {flex-direction:column;background:#f8f8f8;border:1px solid var(--color-primary03);border-top:0;box-sizing:border-box;overflow:hidden;box-shadow:0 10px 10px rgba(0, 0, 0, .1)}
.cTab01.mSet ul:after {display:none}
.cTab01.mSet ul li {display:block;float:left;width:100%;padding:0;margin:0;min-width:0;max-width:none;border-top:1px solid #dcdcdc;border-left:0;flex:inherit}
.cTab01.mSet ul li:nth-child(2n) {border-right:0}
.cTab01.mSet ul li:nth-child(-n+2) {border-top:0}
.cTab01.mSet ul li:before {content:none}
.cTab01.mSet ul li:after {content:none}
.cTab01.mSet ul li a {display:flex;align-items:center;height:6rem;text-align:left;padding:5px 10px 5px 19px;width:auto;background:var(--color-text100);z-index:0;}
.cTab01.mSet ul li a:before {display:none;}
.cTab01.mSet ul li a span {display:block !important;padding:0;color:#666;font-size:1.7rem;letter-spacing:-.05em;}

.cTab01.mSet ul li a[target="_blank"] span:after {position:absolute;right:15px;top:0;bottom:0;background:url(../../img/common/ico_nws.svg) no-repeat center;width:14px;height:14px;margin:auto}
.cTab01.mSet ul li button {height:44px}
.cTab01.mSet ul li button:before,
.cTab01.mSet ul li:first-child.over button,
.cTab01.mSet ul li:first-child.over a {border:0}
.cTab01.mSet ul li a[aria-selected="true"] {margin:0;background:var(--color-primary03);}
.cTab01.mSet ul li a[aria-selected="true"] span {color:var(--color-text100)}
.cTab01.mSet ul li a[aria-selected="true"][target="_blank"] span:after {background:url(../../img/common/ico_nws02.svg) no-repeat center;}
.cTab01.mSet ul li a:hover span,
.cTab01.mSet ul li a:focus span {text-decoration: underline;}

	@media all and (min-width:1000px) {
		.cTab01.moreTab ul li {flex:inherit;width:16.66%}
		.cTab01.moreTab ul li:last-child {border-right:1px solid #ddd}
		.cTab01.moreTab ul li:nth-child(6n) {border-right:0}
	}
	@media all and (max-width:999px) {
		.cTab01 {margin:0 0 30px}
		.cTab01 ul {gap:0 3.5rem;}
		.cTab01 ul li a span, 
		.cTab01 ul li button span {font-size:2rem;}
	}
	@media all and (min-width:800px) and (max-width:999px) {
		.cTab01.hasTab2 ul li {width:50%}
	}
	@media all and (max-width:800px) {
		.cTab01.mSet ul li a span {max-height:48px;}
		.cTab01.mSet ul li a span:before {display:none}
	}
	@media all and (max-width:499px) {
		.cTab01.mSet ul li {width:100% !important}
		.cTab01.mSet ul li a span {max-height:18px;-webkit-line-clamp:1}
		.cTab01.mSet button.ctab01Ctrl:before {height:50px}
		.cTab01.mSet button.ctab01Ctrl:after {top:19px}
	}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		/* IE 전용 */
		.cTab01 ul li a span:before {content:"";display:block;position:absolute;width:20px;height:23px;right:0;bottom:0;background:linear-gradient(to left, var(--color-text100) 50%, rgba(255, 255, 255, 0) 100%)}
	}



/*--------------------- 컨텐츠 타이틀 ---------------------*/
.cTit01,
.cTit02 {display:block;box-sizing:border-box;position:relative;}
.cTit01.center,
.cTit02.center,
.cTit03.center {text-align:center;}

.cTitBox {display: flex;gap: 5rem;align-items: center;justify-content: space-between; margin-bottom:5rem; margin-top:8rem;}
.cTit {display: inline-flex;gap: 1rem; line-height: 1.1; word-break: break-all; position: relative;font-size: 4.8rem;font-weight: 700;color: var(--color-primary01);font-family: var(--font-family03), var(--font-family02);}
.cTit .ico_tit {flex: none;margin-top: -2rem;width: 4rem; height: 4rem; content: "";display: block; background: url(../../img/layout/ico_tit.svg) no-repeat center center; background-size:  4rem auto;}
.cTopBtn {display: flex; gap: 1rem;}
.cTopBtn .tit_btn {width: 5rem; height: 5rem;border: 1px solid var(--color-border02);border-radius: 50%; transition: all 0.3s ease;}
.cTopBtn .tit_btn.ico_share {width: 5rem; height: 5rem; background: url(../../img/layout/ico_share.svg) no-repeat center center; background-size:  1.9rem auto; background-color: #fff;}
.cTopBtn .tit_btn.ico_star {width: 5rem; height: 5rem; background: url(../../img/layout/ico_star.svg) no-repeat center center; background-size:  1.9rem auto; background-color: #fff;}
.cTopBtn .tit_btn:hover, .cTopBtn .tit_btn:focus {outline: none;border-color: transparent; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.cTopBtn .sns-link-box {display: none;position: absolute;top: calc(100% + 2rem);z-index: 2;}
.cTopBtn .sns-link-list {display: flex;gap: 5px;flex-direction: column;}
.cTopBtn .sns-icon {transition: all 0.2s ease-in-out;display: block;width: 5rem;height: 5rem;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 100% auto;}
.cTopBtn .sns-icon:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.cTopBtn .sns-icon.youtube {background-color: #E50013;background-image: url(../../img/layout/ico_youtube.svg);background-size: 2rem auto;}
.cTopBtn .sns-icon.blog {background-color: #159E15;background-image: url(../../img/layout/ico_blog.svg);background-size: 2.1rem auto;}
.cTopBtn .sns-icon.fackbook {background-color: #01459D;background-image: url(../../img/layout/ico_fackbook.svg);background-size: 1.1rem auto;}
.cTopBtn .sns-icon.instagram {background-color: #D72784;background-image: url(../../img/layout/ico_instagram.svg);background-size: 2rem auto;}
.cTopBtn .sns-icon.twitter {background-color: #000;background-image: url(../../img/layout/ico_x.svg);background-size: 2rem auto;}
.cTopBtn .sns-icon.pinterest {background-color: #E60023;background-image: url(../../img/layout/ico_pinterest.svg);background-size: auto 2rem;}
.cTopBtn .sns-icon.close {background-color: var(--color-text20);background-image: url(../../img/layout/ico_close_w.svg); background-size: 1.4rem auto;}
.cTopBtn li {position: relative;}

.bookmark {display: none; position: absolute;z-index:2;right: 0;top: calc(100% + 2rem);min-width: 25rem;overflow: hidden;border: 1px solid var(--color-border02);background: #fff;border-radius: 1rem;}
.bookmark .top {border-bottom: 1px solid var(--color-border02);padding: 2rem;display: flex;justify-content: space-between;align-items: center;}
.bookmark .top .tit {font-size: 1.8rem;font-family: var(--font-family01);color: var(--color-text20);}
.bookmark .ico_close {width: 1.4rem;height: 1.4rem;background-image: url(../../img/layout/ico_close.svg); background-size: 1.4rem auto;}
.bookmark .cont {padding: 2rem;min-height: 6.5rem;}
.bookmark .cont li {display: flex;gap:1rem;align-items: center;}
.bookmark .cont li+li {margin-top: 0.8rem;}
.bookmark .cont li a {font-size: 1.6rem;font-weight: 500;color: var(--color-text76);}
.bookmark .cont .cont_close {opacity: 0.7; width: 1rem;height: 1rem;background-image: url(../../img/layout/ico_close.svg); background-size: 1rem auto;}
.bookmark .bt {display: flex;}
.bookmark .bt .bm-btn {height: 5rem; width: 50%; color: var(--color-text100);background: var(--color-text20); font-size: 1.6rem;font-family: var(--font-family01);}
.bookmark .bt .bm-btn.blue {background: var(--color-primary03);}

.cTit01 {position: relative;padding-bottom: 1.4rem; margin:0 0 3rem;font-size:3.2rem;line-height:1.3; font-weight: 500;font-family:var(--font-family02);color:var(--color-text20);}
.cTit01:after {content: "";display: block; position: absolute;bottom: 0;left: 0;width: 5rem;height: 3px;background: var(--color-primary03);}
.cTit01.noline:after {display:none;}
.cTit02 {margin:0 0 3rem;font-size:2.8rem;line-height:1.3;font-family:var(--font-family01);font-weight:500;color:var(--color-primary01);}
.cTit03 {margin:0 0 2.5rem;font-size:2.5rem;line-height:1.28;font-family:var(--font-family01);color:var(--color-text30);}

	@media all and (max-width:999px) {
		.cTitBox {margin-top:5rem; margin-bottom:3.5rem;}
	}
	@media all and (max-width:768px) {
		.cTit {font-size: 4rem;}
		.cTit .ico_tit {right: -4rem;width: 3.5rem; height:3.5rem;background-size: 3.5rem auto;}
		.cTit01 {margin:0 0 2.8rem;font-size:2.8rem;}
		.cTit02 {margin:0 0 2.2rem;font-size:2.5rem;}
		.cTit03 {margin:0 0 1.8rem;font-size:2.2rem;}
	}
	@media all and (max-width:599px) {
		.cTit {font-size: 3.2rem;}
		.cTit .ico_tit {width: 3rem;height: 3rem;background-size: 3rem auto;}
		.cTit01 {margin:0 0 2.5rem;font-size:2.2rem;}
		.cTit02 {margin:0 0 2rem;font-size:2rem;}
		.cTit03 {margin:0 0 1.8rem;font-size:1.8rem;}
		.cTitBox {gap: 2.5rem;align-items: flex-start;justify-content: space-between;flex-direction: column-reverse; margin-top:2rem; margin-bottom:3rem;}
		.cTopBtn .tit_btn.ico_share, .cTopBtn .tit_btn.ico_star {width: 4rem;height: 4rem; background-size: 1.5rem auto;}
		.cTopBtn {gap: 0.6rem;}
		.bookmark {right: auto;left: 0;top: calc(100% + 1rem);}
		.cTopBtn .sns-link-box {top: calc(100% + 1rem);}
		.cTopBtn .sns-icon {width: 4rem;height: 4rem;}
		.cTopBtn .sns-icon.fackbook {background-size: 1rem auto;}
		.cTopBtn .sns-icon.youtube, .cTopBtn .sns-icon.instagram, .cTopBtn .sns-icon.blog, .cTopBtn .sns-icon.twitter {background-size: 1.6rem auto;}
		.cTopBtn .sns-icon.pinterest {background-image: url(../../img/layout/ico_pinterest.svg);background-size: auto 1.6rem;}
		.cTopBtn .sns-icon.close {background-size: 1.1rem auto;}
	}


/*--------------------- 리스트 스타일 ---------------------*/
ul[class^=cList] > li,
ol[class^=cList] > li {word-break: break-all;position:relative;box-sizing:border-box;line-height:1.3;margin-bottom:15px;}
ul[class^=cList] > li > ul > li,
ol[class^=cList] > li > ol > li {margin-bottom: 8px;}
ul[class^=cList] > li:last-child,
ol[class^=cList] > li:last-child {margin:0;}
ul[class^=cList] > li .tit,
ol[class^=cList] > li .tit,
.cList01-li .tit,
.cList05-li .tit {display:block;color:var(--color-text30);font-weight:600;margin-bottom:8px;}
ul[class^=cList] > li .tit-in,
ol[class^=cList] > li .tit-in,
.cList01-li .tit-in {display:inline-block;color:var(--color-text30);font-weight:600;margin-bottom:8px;}
ul[class^=cList]>li .tit-in,
ol[class^=cList]>li .tit-in {margin-bottom: 0;}
.cList01,
.cList02,
.cList03 {text-align:left;line-height:1.4}
.cList01 > li ul, .cList01 > li ol,
.cList02 > li ul, .cList02 > li ol,
.cList03 > li ul, .cList03 > li ol,
.cList01 > li ul:not([class]), .cList01 > li ol:not([class]),
.cList02 > li ul:not([class]), .cList02 > li ol:not([class]),
.cList03 > li ul:not([class]), .cList03 > li ol:not([class]) {margin:10px 0;}
.cList01 > li ul:not([class]) li, .cList01 > li ol:not([class]) li,
.cList02 > li ul:not([class]) li, .cList02 > li ol:not([class]) li,
.cList03 > li ul:not([class]) li, .cList03 > li ol:not([class]) li {padding-left:16px;position:relative;color:#555;margin-bottom:10px;}
.cList01 > li > ul:not([class]) > li:before, .cList01 > li > ol:not([class]) > li:before,
.cList02 > li > ul:not([class]) > li:before, .cList02 > li > ol:not([class]) > li:before,
.cList03 > li > ul:not([class]) > li:before, .cList03 > li > ol:not([class]) > li:before {content:"";display:block;position:absolute;width:8px;height:2px;top:8px;left:0;background-color:#aeaeae}
.cList01 > li .tit {display:inline-block;margin:0 4px 0 0}
.cList01 > li .tit-in:after,
.cList02 > li .tit-in:after,
.cList03 > li .tit-in:after {content:":";display:inline-block;margin-left:6px;margin-right:6px;}
.cList01.st02 > li .tit {display:block;margin:0 0 5px 0;}
.cList01.st02 > li .tit:after {display:none;}
.cList01 > li, .cList01-li {position:relative;padding-left:12px}
.cList01 > li:before,
.cList01-li:before {content:"";display:block;position:absolute;top:8px;left:0;background-color:var(--color-primary03);border-radius:50%;width:4px;height:4px}
.cList01.st02 > li + li {margin-top:10px;}
.cList01 > li > .txt {display:inline-block}
.cList01 > li > ul {padding-left:1px}
.cList02 {counter-reset:cList}
.cList02 > li {margin:0 0 15px;padding-left:22px;}
.cList02 > li > .bull {display:block;position:absolute;left:0;top:2px;width: 20px;color:var(--color-text20);font-weight:600;font-size: 1.6rem;}
.cList02 > li > .tit + .txt {display:block;margin:3px 0 0}
.cList03 {counter-reset:cList}
.cList03 > li,
.cList03-li {position:relative;padding-left:33px;margin:0 0 18px}
.cList03 > li > .bull {display:block;position:absolute;top:-1px; left:0;width:25px;height:25px;border-radius:50%;background-color:var(--color-primary01);color:var(--color-text100);font-size:1.4rem;font-weight:500;line-height:2.5rem;text-align:center;}
.cList03 > li:before,
.cList03-li:before {display:block;position:absolute;left:0;background-color:var(--color-primary02);color:var(--color-text100);border-radius:50%;width:25px;height:25px;box-sizing:border-box}
.cList03-li:before {content:'1';top:3px}
.cList03.cor > li > .bull {display:block;position:absolute;left:0;width: 25px;height: 25px;border-radius: 50%;color:var(--color-text100);background:var(--color-point03);font-size:1.4rem;font-weight:500;line-height:1.6;text-align:center;}
.cList03.cor > li:before {background:var(--color-point03);border-color:var(--color-point03);}
.cList03 > li > .tit {margin:0 0 2px;line-height:1.4}

ul[class^=cList] .txt + .tablebox {margin-top: 2rem;}
ul[class^=cList] > li:has(.tablebox), ol[class^=cList] > li:has(.tablebox) {margin-bottom: 3.5rem;}
ul[class^=cList] > li:has(.tablebox):last-child, ol[class^=cList] > li:has(.tablebox):last-child {margin-bottom:0;}
ul[class^=cList] > li:has(.tablebox) table,
ol[class^=cList] > li:has(.tablebox) table {margin-top:2rem;}

	@media all and (max-width:999px){
		.cList01 > li ul,
		.cList02 > li ul,
		.cList03 > li ul {margin:5px 0}
		.cList01 > li,
		.cList01-li {padding-left:11px}
		.cList02 > li {margin:0 0 5px}
		.cList02 > li:before,
		.cList02.num > li:before,
		.cList02.snum > li:before {font-size:15px}
		.cList03 > li {padding:0 0 0 30px;margin:0 0 15px}
		.cList03 > li .bull,
		.cList03.cor > li .bull {width:22px;height:22px;font-size:1.4rem; line-height:21px;}
		.cList03 > li:before {width:24px;height:24px;line-height:1.8;}
	}
	@media all and (max-width:768px) {
		.cList02 > li {padding-left:25px}
		.cList02 > li:before,
		.cList02.num > li:before,
		.cList02.snum > li:before {top:2px;font-size:14px}
	}
	@media all and (max-width:499px) {
		.cList01 > li ul,
		.cList02 > li ul,
		.cList03 > li ul {margin:3px 0}
		.cList01 > li ul li:before,
		.cList02 > li ul li:before,
		.cList03 > li ul li:before,
		.cList01 > li:before,
		.cList01-li:before {top:9px}
		.cList02 > li {padding-left:21px}
		.cList02.han > li:before {width:20px}
		.cList02 > li:before,
		.cList02.num > li:before,
		.cList02.snum > li:before {top:1px}
		.cList03 > li {padding:0 0 0 30px;margin:0 0 10px}
	}

.tnum-list > li {counter-increment: tnum-list; padding-left:15px; position:relative;line-height:160%;}
.tnum-list > li:before {position:absolute; top:0; left:0; display: inline-block; width: 1em; content: counter(tnum-list) ".";}
.tnum-list > li:nth-child(n+10){padding-left:25px;}
.tnum-list > li:nth-child(n+10):before {width:2em}



/*--------------------- 버튼 스타일 ---------------------*/

.btnbox {position: relative;margin-top: 7rem;text-align: center;display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}
.btnbox.mt {margin-top: 2rem;}
.btnbox.left {justify-content: flex-start;}
.btnbox.right {justify-content: flex-end;}

/* Action Icons */
.nw-btn, .down-btn {display:inline-block;position:relative;vertical-align:middle;margin:0 10px 0 0;padding:0 30px 0 0;font-size:1.6rem;line-height:1.529;letter-spacing:0;color:#666 !important}

/* 예외처리 */
.cList04 > li .nw-btn, .info-ex01 .nw-btn {vertical-align:top}
.nw-btn:after, .down-btn:after {content:"";display:block;position:absolute;width:20px;height:20px;}
.nw-btn:after {background:url(../../img/common/ico_nws.svg) no-repeat;}
.down-btn:after {background:url(../../img/common/ico_downs.svg) no-repeat;}

.nw-btn:after, .down-btn:after {right:0;top:6px}

.arr-btn:hover, .arr-btn:focus, .nw-btn:hover, .nw-btn:focus, .down-btn:hover, .down-btn:focus, .write-btn:hover,
.write-btn:focus, .del-btn:hover, .del-btn:focus, .detail-btn:hover, .detail-btn:focus {color:#12213a;text-decoration:underline}

.btn {position: relative;display: inline-flex;align-items: center;justify-content: center;vertical-align: top;box-sizing: border-box;font-family: var(--font-family02);font-weight: 500;line-height: 1.2;text-align: center;border-radius: 9999px;transition: all 0.3s ease;cursor: pointer;min-width: 16rem;min-height: 6rem;padding: 0.5rem 2rem;font-size: 1.7rem;}
.btn span {font-size: 1.7rem;}
.btn.btn-sm {min-width: 10rem;min-height: 4.4rem;height: 4.4rem;padding: 0.3rem 1.9rem;font-size: 1.6rem;border-radius: 0.5rem;}
.btn.btn-sm span {font-size: 1.6rem;}

/* 외곽선 */
.btn.line { background: var(--color-text100); border: 1px solid var(--color-text20);}
.btn.line span {color: var(--color-text20)}
.btn.line:hover, .btn.line:focus { background: var(--color-text20);color: #fff;}
.btn.line:hover span, .btn.line:focus span {color: var(--color-text100);}

/* Primary */
.btn.point { background: var(--color-primary01); border: 1px solid var(--color-primary01);}
.btn.point span {color: var(--color-text100);}
.btn.point:hover, .btn.point:focus { background: var(--color-text100);}
.btn.point:hover span, .btn.point:focus span{color: var(--color-primary01);}

/* Secondary Primary */
.btn.point2 { background: var(--color-primary03); border: 1px solid var(--color-primary03);}
.btn.point2 span {color: var(--color-text100);}
.btn.point2:hover, .btn.point2:focus { background: var(--color-text100); color: var(--color-primary03);}
.btn.point2:hover span, .btn.point2:focus span{color: var(--color-primary03);}

/* black */
.btn.black { background: var(--color-text20); border: 1px solid var(--color-text20);}
.btn.black span {color: var(--color-text100);}
.btn.black:hover, .btn.gray:focus { background: var(--color-text100);}
.btn.black:hover span, .btn.gray:focus span{color: var(--color-primary03);color: var(--color-text20);}

/* Gray */
.btn.gray { background: var(--color-text20); border: 1px solid var(--color-text20);}
.btn.gray span {color: var(--color-text100);}
.btn.gray:hover, .btn.gray:focus { background: var(--color-text100);}
.btn.gray:hover span, .btn.gray:focus span{color: var(--color-primary03);color: var(--color-text20);}

.btn span[class] { position: relative; display: inline-block;font-weight: 600;line-height: 1;}

.btn span:not([class]) {display: block;width: 100%;text-align: center;font-weight: 600;}
.btn:has(span:not([class])) { padding: 0.5rem 2rem; }

/* 아이콘 */
.btn:has(.btn_icon) {display:inline-flex;gap: 2.5rem;align-items: center;padding: 0.5rem 1rem 0.5rem 2rem !important;}
.btn:has(.btn_icon) span {text-align: left;word-break: break-all;}
.btn .btn_icon {flex:none; display:inline-block; overflow:hidden; text-indent:-9999px; white-space:nowrap; font-size:0; line-height:0; width: 4rem;height: 4rem;border-radius: 50%;background-repeat: no-repeat;background-position: center center;background-size: 2.4rem auto;background-color: var(--color-bg02);}
.btn:not(.line) .btn_icon {background-color: rgba(255, 255, 255, 0.15);}
.btn:hover .btn_icon, .btn:focus .btn_icon {background-color: transparent;}

.btn.line .arr {background-image: url(../../img/Contents/btn_arr.svg);}
.btn.line:hover .arr, .btn.line:focus .arr {background-image: url(../../img/Contents/btn_arr_w.svg);}
.btn.line .link {background-image: url(../../img/Contents/btn_link.svg);}
.btn.line:hover .link, .btn.line:focus .link {background-image: url(../../img/Contents/btn_link_w.svg);}
.btn.line .down {background-image: url(../../img/Contents/btn_down.svg);}
.btn.line:hover .down, .btn.line:focus .down {background-image: url(../../img/Contents/btn_down_w.svg);}
.btn.line .sch {background-image: url(../../img/Contents/btn_sch.svg);}
.btn.line:hover .sch, .btn.line:focus .sch {background-image: url(../../img/Contents/btn_sch_w.svg);}
.btn.line .cal {background-image: url(../../img/Contents/btn_cal.svg);}
.btn.line:hover .cal, .btn.line:focus .cal {background-image: url(../../img/Contents/btn_cal_w.svg);}

.btn.point .arr {background-image: url(../../img/Contents/btn_arr_w.svg);}
.btn.point:hover .arr, .btn.point:focus .arr {background-image: url(../../img/Contents/btn_arr_n.svg);}
.btn.point .link {background-image: url(../../img/Contents/btn_link_w.svg);}
.btn.point:hover .link, .btn.point:focus .link {background-image: url(../../img/Contents/btn_link_n.svg);}
.btn.point .down {background-image: url(../../img/Contents/btn_down_w.svg);}
.btn.point:hover .down, .btn.point:focus .down {background-image: url(../../img/Contents/btn_down_n.svg);}
.btn.point .sch {background-image: url(../../img/Contents/btn_sch_w.svg);}
.btn.point:hover .sch, .btn.point:focus .sch {background-image: url(../../img/Contents/btn_sch_n.svg);}
.btn.point .cal {background-image: url(../../img/Contents/btn_cal_w.svg);}
.btn.point:hover .cal, .btn.point:focus .cal {background-image: url(../../img/Contents/btn_cal_n.svg);}

.btn.point2 .arr {background-image: url(../../img/Contents/btn_arr_w.svg);}
.btn.point2:hover .arr, .btn.point2:focus .arr {background-image: url(../../img/Contents/btn_arr_b.svg);}
.btn.point2 .link {background-image: url(../../img/Contents/btn_link_w.svg);}
.btn.point2:hover .link, .btn.point2:focus .link {background-image: url(../../img/Contents/btn_link_b.svg);}
.btn.point2 .down {background-image: url(../../img/Contents/btn_down_w.svg);}
.btn.point2:hover .down, .btn.point2:focus .down {background-image: url(../../img/Contents/btn_down_b.svg);}
.btn.point2 .sch {background-image: url(../../img/Contents/btn_sch_w.svg);}
.btn.point2:hover .sch, .btn.point2:focus .sch {background-image: url(../../img/Contents/btn_sch_b.svg);}
.btn.point2 .cal {background-image: url(../../img/Contents/btn_cal_w.svg);}
.btn.point2:hover .cal, .btn.point2:focus .cal {background-image: url(../../img/Contents/btn_cal_b.svg);}

/* Disabled */
.btn.disabled {background: #fafafa;border: 1px solid var(--color-border02);cursor: not-allowed;}
.btn.disabled span {color: var(--color-text76);}

.btn-box {display:flex;gap:10px;justify-content:center; margin-top:4rem;}

	@media all and (max-width:1024px) {
		.btnhox {margin-top: 3rem;}
	}

	@media all and (max-width:768px) {
		.btn-box {flex-wrap:wrap; margin-top:3rem;}
		.btn-box a {width:100%;}
		.btn-box a + a {margin-top:5px;}
		.btn {min-width: 9rem;font-size: 1.5rem;min-height: 5rem;}
		.btn .btn_icon {width: 3.5rem;height: 3.5rem;background-size: 2rem auto;}
		.btn span {font-size: 1.6rem;}
	}
	
	@media all and (max-width:425px) {
		.btn span {font-size: 1.5rem;}
	}



/*--------------------- 테이블 스타일 ---------------------*/	
.tbl-type01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #000}
.tbl-type01 tbody,
.tbl-type01 tfoot {background:var(--color-text100);font-size:1.6rem;}
.tbl-type01 thead th,
.tbl-type01 tbody th,
.tbl-type01 tbody td,
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;overflow:hidden}
.tbl-type01 tbody th,
.tbl-type01 tfoot th {color:var(--color-text30);font-weight:500;background:var(--color-bg02);}
.tbl-type01 tbody th,
.tbl-type01 tbody td,
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {padding:16px 20px 14px;}
.tbl-type01 thead {border-bottom:1px solid #000}
.tbl-type01 thead tr {border-bottom:1px solid #dcdcdc}
.tbl-type01 thead tr:last-child,
.tbl-type01 thead tr th {border-bottom:none}
.tbl-type01 thead th {padding:16px 10px 14px;background:var(--color-text100);font-size:1.8rem;color:var(--color-text30);font-weight:600}
.tbl-type01 th:first-child,
.tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child,
.tbl-type01 td:last-child {border-right:0}
.tbl-type01 .bor1 {border-right:1px solid #dcdcdc;}
.tbl-type01 .bol1 {border-left:1px solid #dcdcdc}

	@media all and (max-width:999px) {
		.tbl-type01 tfoot th,
		.tbl-type01 thead th,
		.tbl-type01 tbody th,
		.tbl-type01 tbody td {padding:15px 10px 13px}
	}
	@media all and (max-width:799px) {
		.tbl-type01 tfoot th,
		.tbl-type01 thead th,
		.tbl-type01 tbody th,
		.tbl-type01 tbody td {padding:12px 10px 10px}
	}

/* 테이블 > 테이블 */
.tbl-type01 table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-weight:300;font-size:.882em;border-top:1px solid #333}
.tbl-type01 table thead th {color:#555;font-size:15px;background:transparent}
.tbl-type01 table th,
.tbl-type01 table td {border-left:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;word-wrap:break-word;word-break:break-all}
.tbl-type01 table thead th {padding:9px 5px 8px}
.tbl-type01 table tbody th,
.tbl-type01 table tbody td,
.tbl-type01 table tfoot th,
.tbl-type01 table tfoot td {color:var(--color-text76);font-size:1.5rem;padding:10px 5px 8px}

	@media all and (max-width:768px) {
		.tbl-type01 table thead th {font-size:1.4rem;}
	}

/* 작은 테이블 스타일 */
.tbl-type02 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #000;font-size:1.6rem;}
.tbl-type02 tbody th,
.tbl-type02 tfoot th {color:var(--color-text30);font-weight:600}
.tbl-type02 thead th,
.tbl-type02 tbody th,
.tbl-type02 tbody td,
.tbl-type02 tfoot th,
.tbl-type02 tfoot td {border-bottom:1px solid #dcdcdc;overflow:hidden;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc}
.tbl-type02 tfoot th,
.tbl-type02 thead th {padding:16px 10px 15px}
.tbl-type02 tbody th,
.tbl-type02 tbody td,
.tbl-type02 tfoot th,
.tbl-type02 tfoot td {padding:16px 10px 15px;font-size:1.5rem;}
.tbl-type02 thead th {background:#f7f7f7 !important;border-bottom-color:#000;color:var(--color-text30);font-size:1.7rem;font-weight:600}
.tbl-type02 tbody th,
.tbl-type02 tfoot th {background:var(--color-bg01);}
.tbl-type02 th:first-child,
.tbl-type02 td:first-child {border-left:0}
.tbl-type02 th:last-child,
.tbl-type02 td:last-child {border-right:0}
.tbl-type02 tbody td {font-family:var(--font-family02); background:var(--color-text100);}
.tbl-type02 .bor1 {border-right:1px solid #dcdcdc}
.tbl-type02 .bol1 {border-left:1px solid #dcdcdc}

	@media all and (max-width:799px) {
		.tbl-type02 tfoot th,
		.tbl-type02 thead th {padding:12px 10px 10px}
	}

/* 반응형 테이블 안내창 */
.wauto-wrap {position:relative;overflow-x: auto;}
.is-wauto-box {position:relative;width:100%;padding-top:0px}
.is-wauto-box > table {min-width:720px}
.rsv-info {display:none;position:relative;text-align:center}
.rsv-info .ico {display:block;position:relative;padding:15px 100px 28px;line-height:1.3;font-size:.944em;overflow:hidden}
.rsv-info .ico span {position:absolute;box-sizing:border-box;top:18px;line-height:1.2;font-size:13px;color:var(--color-border02);letter-spacing:0}
.rsv-info .ico span:first-child {left:0;padding:0 0 0 25px}
.rsv-info .ico span:last-child {right:0;padding:0 25px 0 0}
.rsv-info .ico span:before {content:"";display:block;position:absolute;width:20px;height:14px;top:0;}
.rsv-info .ico span:first-child:before {left:0;background:url(../../img/common/ico_rsvl.svg) no-repeat center;}
.rsv-info .ico span:last-child:before {right:0;background:url(../../img/common/ico_rsvr.svg) no-repeat center;}
@media all and (max-width:799px) {
	.rsv-info {display:block;}
}
@media all and (max-width:499px) {
	.rsv-info .ico {padding:15px 20px}
	.rsv-info .ico span {font-size:0}
	.rsv-info .ico span:first-child,
	.rsv-info .ico span:last-child {padding:0}
}

/* 테이블 안 리스트 */
table .cList01 > li:before {top:9px}
table .cList01 > li ul {margin:0}

	@media all and (max-width:499px) {
		table .cList01 > li {padding-left:9px}
		table .cList01 > li:before {top:8px;width:3px;height:3px}
	}

table {
    /* iOS에서 텍스트 자동 조정 방지 */
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    
    /* iOS에서 폰트 크기 자동 확대 방지 */
    -webkit-font-smoothing: antialiased;
    
    /* 필요한 경우 특정 폰트 사이즈 강제 지정 */
    font-size: 16px !important;
}

/* 자료 준비 중 스타일 */
.prepare-box {width: 100%;background: var(--color-gray03);padding: 2rem 6rem 2rem 2rem;display: flex;gap:11rem;justify-content: space-between;align-items: center;}
.prepare-box .txtbox {min-height: 29rem;width: 100%;background: #fff;padding: 4.5rem 4rem;}
.prepare-box .tit {line-height: 1.1; font-size: 3rem;font-family: var(--font-family01);font-weight: 500;color: var(--color-text0);margin-bottom: 3rem;border-bottom: 1px solid var(--color-border02);padding-bottom: 3rem;}
.prepare-box .txt {font-size: 1.7rem;color: var(--color-text40);line-height: 2.6rem;}
.prepare-box .txt.point {font-weight:600;color: var(--color-primary03);}
.prepare-box .txt+.txt {margin-top: 2rem;}
.pre-img {display: block;position: relative;width: 100%;max-width: 24rem;}
.pre-img img {width:100%; max-width: 24rem;}

	@media all and (max-width:1024px) {
		.pre-img {max-width: 22rem;}
	}

	@media all and (max-width:900px) {
		.prepare-box {padding: 2rem;}
		.pre-img {display: none;}
	}

	@media all and (max-width:768px) {
		.prepare-box .txtbox {padding: 3rem;}
		.prepare-box .tit {font-size: 2.4rem;}
		.prepare-box .txt {font-size: 1.6rem;}
	}


/*--------------------- info 스타일 ---------------------*/	
.info-exbox {display: flex;padding-top:2rem;}
.info-exbox.right {justify-content: flex-end;}
.info-ex01,
.info-ex02,
.info-ex03 {position:relative;padding:0 0 1px 30px;margin-top:10px;font-size:1.7rem;font-weight:400;text-align:left;line-height:1.6;}
.info-ex01:before,
.info-ex02:before,
.info-ex03:before {content:"";display:block;position:absolute;width:22px;height:22px;left:0;top:2px;border-radius:50%}
.info-ex01:before {background:url(../../img/common/ico_info01.svg) no-repeat;}
.info-ex02:before {background:url(../../img/common/ico_info02.svg) no-repeat;}
.info-ex03:before {background:url(../../img/common/ico_info03.svg) no-repeat;}
.info-ex01 {color:var(--color-text40);}
.info-ex02 {color:var(--color-primary01);}
.info-ex03 {color:var(--color-point01);}
.info-ex01.inline,
.info-ex02.inline,
.info-ex03.inline {display:inline-block;margin-top:0;margin-left:1.5rem;vertical-align:middle;}
.info-ex01 .tit, .info-ex02 .tit, .info-ex03 .tit {display:block;font-weight:500}
.info-ex01 .tit-in, .info-ex02 .tit-in, .info-ex03 .tit-in  {display:inline-block;font-weight:500}
span.info-ex01, span.info-ex02, span.info-ex03, span.info-ex04 {display:inline-block;margin-top:0;margin-left:1.5rem;vertical-align:middle;}
.info-ex01 .red, .info-ex02 .red, .info-ex03 .red {color:var(--color-point01);}
.info-ex01 .blue, .info-ex02 .blue, .info-ex03 .blue {color:var(--color-primary03);}


.grayBox {background-color:var(--color-bg03);padding:2.5rem 2rem;box-sizing:border-box; position: relative; line-height:1.5;}
.grayBox.isBtn {padding: 3rem 4rem;}
.grayBox .info-ex01,
.grayBox .info-ex02,
.grayBox .info-ex03 {margin-top:0;}
.grayBox .info-ex01 + .info-ex01 {margin-top:1rem;}
.grayBox:has(+ .common-tab) {margin-bottom:6rem;}

.grayBox ul[class^=cList]>li,
.grayBox ol[class^=cList]>li {margin-bottom: 10px;}

.grayBox ul[class^=cList]>li:last-child,
.grayBox ol[class^=cList]>li:last-child {margin: 0;}

.grayBox.isBtn:before {content:'';display:block;width:3.6rem;height:3.6rem;background:url(../../img/common/infobox_spr.svg) no-repeat;position:absolute;top:2.6rem;left:3.6rem}
.grayBox .info-tit {font-size:0;padding:0 0 0 5rem;display: flex;justify-content: space-between;align-items: center;gap: 1rem;}
.grayBox .info-tit .title {color:var(--color-text30);display:inline-block;vertical-align:top;font-size:1.9rem;font-weight:600;box-sizing:border-box;padding-right:1.5rem}
.grayBox .info-tit .text {color:var(--color-text40);display:inline-block;vertical-align:top;font-size:1.7rem;box-sizing:border-box;padding-left:1.5rem;position:relative}
.grayBox .info-tit .text:before {display:block;content:'';width:1px;height:1.2rem;background:var(--color-border02);position:absolute;top:6px;left:0}
.grayBox .info-tit.btn {padding-right:5rem;position:relative}
.grayBox .info-tit.btn .btn-wr {position:absolute;top:-8px;right:0}
.grayBox .info-tit + .info-txt {border-top:1px solid var(--color-border02);color:#767676;padding:3rem 0 0;margin-top:1.8rem}
.grayBox > .info-txt > * + * {margin-top: 2rem;}

	@media all and (max-width:1299px) {
		.grayBox .info-tit .title {max-width:100%}
		.grayBox .info-tit .text {max-width:100%; padding:0;}
		.grayBox .info-tit .text:before {display:none}
	}

	@media all and (max-width:999px) {
		.info-ex01,
		.info-ex02,
		.info-ex03 {font-size:1.5rem;}
		.info-ex01:after,
		.info-ex02:after,
		.info-ex03:after {width:9px;height:9px;left:4px;top:9px;background-size:256px auto;background-position:-96px -19px}
		.info-ex02:after,
		.info-ex03:after {background-position:-113px -19px}
	}
	@media all and (max-width:768px) {
		.info-ex01:before,
		.info-ex02:before,
		.info-ex03:before {top:1px}
		.info-ex01:after,
		.info-ex02:after,
		.info-ex03:after {top:6px}

		.grayBox {padding:2rem;}

		.grayBox .info-tit {flex-direction: column;align-items: flex-start;}
		.grayBox .info-tit .title {display:block;max-width:initial;padding:0;margin-bottom:0.7rem}
		.grayBox .info-tit .title:before {display:none}
		.grayBox .info-tit .text {display:block;max-width:initial;}
		.grayBox .info-tit + .info-txt {margin-top:2rem}
		.info-list ul li {margin-bottom:0}

		.grayBox .info-tit.btn .btn-wr {position: static;margin-top: 2rem;}
	}

	@media all and (max-width:599px) {
		.info-list ul {padding-left:4.5rem;}
		.info-list ul:before {width:2.8rem;line-height:2.8rem;}
	}


/*--------------------- 폴딩 스타일 ---------------------*/	

.foldings-wrap {width: 100%;position:relative;border-top:2px solid var(--color-primary01);box-sizing:border-box;}
.foldings-wrap.single {border-bottom: 1px solid var(--color-text76);}
.foldings-wrap .num_bullet li {margin-bottom:10px;}
.foldings-wrap .item {border-bottom:1px solid var(--color-border02);}
.foldings-wrap .tab_tit {position:relative; padding:2.8rem 9rem 2.8rem 3rem; cursor:pointer;}
.foldings-wrap .tab_tit a {display: flex;align-items: center;gap: 3.5rem;font-size:1.9rem; font-weight:500; color:var(--color-text20);font-family: var(--font-family01);}
.foldings-wrap .tab_tit .num {position:relative;font-size: 1.6rem;font-family: var(--font-family01);display: flex;align-items: center;gap: 3.5rem;font-weight: 300;color: var(--color-text76);}
.foldings-wrap .tab_tit .num:after {content: "";display: block; width: 1px; height: 2.5rem;background: var(--color-border02);}
.foldings-wrap .tab_tit .arrow {position: absolute;right: 3rem;top: 50%;transform: translateY(-50%);width: 4.5rem;height: 4.5rem;background: url(../../img/common/ico_folding_arr.svg) no-repeat center center / 1.5rem auto;background-color: #fff;border: 1px solid var(--color-border01);border-radius: 50%;}
.foldings-wrap .open .tab_tit {background: var(--color-primary02);}
.foldings-wrap .open .tab_tit a {color:#fff;}
.foldings-wrap .open .tab_tit .num {color:#fff;}
.foldings-wrap .open .tab_tit .num:after {background: #fff;}
.foldings-wrap .open .tab_tit .arrow {transform: rotate(180deg) translateY(50%);}
.foldings-wrap .con {display:none; position:relative; padding:4rem; border-top:1px solid var(--color-border02); background:var(--color-bg02); box-sizing:border-box; overflow:hidden;border-radius: 0 0 2rem 2rem;margin-bottom: 2rem;}
.foldings-wrap .con .tit {display:inline-block; padding-top:5px; margin-top:30px; margin-bottom:10px; border-top:2px solid #666666; font-size:18px; font-weight:400; color:#131313; clear:both;}
.foldings-wrap .con .tit:first-child {margin-top:0;}
.foldings-wrap .con .base_tbl th {background:#ececec; border-bottom:1px solid var(--color-border02);}
.foldings-wrap .con .base_tbl td {background:#ffffff; border-bottom:1px solid var(--color-border02);}
.foldings-wrap .con .base_tbl td.date {text-align:center; border-right:1px solid var(--color-border02);}

	@media all and (max-width:1024px) {
		.foldings-wrap .tab_tit {padding:2rem 6rem 2rem 2rem;}
		.foldings-wrap .tab_tit a {font-size:1.8rem; line-height:2.4rem;}
		.foldings-wrap .tab_tit .arrow {right:2rem; width:3rem; height:3rem; background-size:1.2rem auto;}
		.foldings-wrap .con {padding: 3rem;}
	}

	@media all and (max-width:768px) {
		.foldings-wrap .tab_tit a {font-size:1.6rem;gap: 2rem;}
		.foldings-wrap .tab_tit .num {gap: 2rem;}
		.foldings-wrap .tab_tit .num:after {height: 1.6rem;}
	}

	@media all and (max-width:480px) {
		.foldings-wrap .tab_tit {padding: 2rem 5.5rem 2rem 1rem;}
		.foldings-wrap .tab_tit .arrow {right: 1rem;}
		.foldings-wrap .tab_tit a {font-size:1.5rem;gap: 1rem;}
		.foldings-wrap .con .tit {font-size:1.5rem;}
		.foldings-wrap .tab_tit .num {font-size: 1.5rem;gap: 1rem;}
	    .foldings-wrap .con {padding: 2rem 2rem 2.5rem;}
	}

/*--------------------- ui-datepicker ---------------------*/
.datepicker {background:url(../../img/content/ico_calendar.svg) right 1.0rem center no-repeat; background-size:18px 18px; background-color:var(--color-text100);}
.datepicker_Ym {background:url(../../img/content/ico_calendar.svg) right 1.0rem center no-repeat; background-size:18px 18px; background-color:var(--color-text100);}
#ui-datepicker-div {box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); border:none; padding:0px; border-radius:5px; width:auto;background:var(--color-text100) !important;font-family:'Pretendard',sans-serif;}
.ui-datepicker-title {font-size:16px;}
.ui-datepicker-header {background: #333 !important;border:none !important;border-radius:5px 5px 0 0 !important;padding:12px 12px 0 10px !important;color:var(--color-text100) !important;}
.ui-datepicker-header select {width:43% !important;font-size:14px !important;background:url(../../img/default/ico_select.svg) no-repeat right 10px center rgba(255, 255, 255, 0.2);border:none; vertical-align:middle; height:30px; margin:0 2px !important; color:var(--color-text100); border-radius:3px !important; padding:0 20px 0 10px !important;}
.ui-datepicker-header select option {color:#333;}
.ui-datepicker-month {color:var(--color-text100); margin-left:5px; vertical-align:middle;}
.ui-datepicker-calendar thead {background:#333; color:var(--color-text100);}
.ui-datepicker-calendar thead th {padding:12px; color:rgba(255, 255, 255, 0.8);font-size:13px !important;}
.ui-datepicker-calendar thead th span {color:rgba(255, 255, 255, 0.8);}
.ui-datepicker-calendar td {text-align:center;}
.ui-datepicker-calendar td a {font-size:15px;width:30px;height:30px;line-height:26px;margin:0 auto;border:none !important; background:none !important; text-align:center !important; color:#333 !important; border-radius:50%;font-weight:bold !important;text-decoration:none !important;}
.ui-datepicker-calendar td span {font-size:15px;width:30px;height:30px;line-height:26px;margin:0 auto;border:none !important; background:none !important; text-align:center !important; color:#333 !important; border-radius:50%;font-weight:bold !important;text-decoration:none !important;}
.ui-datepicker-calendar td.ui-datepicker-current-day a {background:#333 !important; color:var(--color-text100) !important;}
.ui-datepicker-calendar thead th span {display:block;}
.ui-datepicker-calendar thead th:nth-child(1) {padding-left:12px;}
.ui-datepicker-calendar thead th:nth-child(7) {padding-right:12px;}
.ui-datepicker-calendar tbody tr:first-child td {padding-top:12px;}
.ui-datepicker-calendar tbody tr:last-child td {padding-bottom:5px;}
.ui-datepicker-calendar td:nth-child(7n+1) {padding-left:12px;}
.ui-datepicker-calendar td:nth-child(7n) {padding-right:12px;}
.ui-datepicker-prev {width:auto !important;height:auto !important;top:12px !important;left:7px !important;cursor:pointer;}
.ui-datepicker-next {width:auto !important;height:auto !important;top:12px !important;right:7px !important;cursor:pointer;}
.ui-datepicker-prev span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(../../boss/img/Default/datepicker_mprev.svg) no-repeat center center !important;transition:all 0.3s;}
.ui-datepicker-next span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(../../boss/img/Default/datepicker_mnext.svg) no-repeat center center !important;transition:all 0.3s;}
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a:focus {background:#333 !important;color:var(--color-text100) !important;}
.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-next:focus {background:none !important; border:none !important;}
.ui-datepicker-buttonpane button {border:1px solid #ddd !important;color:#333 !important;font-weight:700 !important;opacity:1 !important;font-size:1.3rem;font-family:'Pretendard',sans-serif;}
.ui-datepicker-calendar td.ui-datepicker-today a {background:#f2f2f2 !important; color:#333 !important;}



/*--------------------- 이미지 확대보기 ---------------------*/
.img-preview {position:relative;}
.img-preview .preview-btn {display:none;}
.img-preview img {max-width:100%;}

@media screen and (max-width:768px){
	.img-preview .preview-btn {display: block; position: absolute; top: 0; right: 0; height: 40px; width: 90px; background: rgba(0,0,0,0.7); color: var(--color-text100); text-align: center; line-height: 40px; z-index: 2; font-family:'Pretendard', sans-serif; font-size:14px; letter-spacing:-0.04em;}
}



/*--------------------- 파일 다운로드 버튼 ---------------------*/
.filedown-btn {height:8rem;padding:0 3rem;max-width:48rem;display:flex;gap:2rem;align-items:center;border:1px solid #ddd;border-radius:8px;background:var(--color-text100);box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.06);transition:all .3s;font-size:2rem;line-height:120%;}
.filedown-btn:after {flex:none;margin-left:auto;content:"";display:block;width:1.8rem;height:2rem;background:url(../../img/default/ico_filedown.svg) no-repeat center center /100% auto;}

	@media screen and (min-width:1200px)
	{
		/* hover */
		.filedown-btn:hover,
		.filedown-btn:focus {color:var(--color-point02);}
	}


/*--------------------- 링크 버튼  ---------------------*/
.link-btn {height:8rem;padding:0 3rem;max-width:48rem;display:flex;gap:2rem;align-items:center;border:1px solid #ddd;border-radius:8px;background:var(--color-text100);box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.06);transition:all .3s;font-size:2rem;line-height:120%;}
.link-btn:after {flex:none;margin-left:auto;content:"";display:block;width:2rem;height:2rem;background:url(../../img/default/link-btn.svg) no-repeat center center /100% auto;}

	@media screen and (min-width:1200px)
	{
		/* hover */
		.link-btn:hover,
		.link-btn:focus {color:var(--color-point02);}
	}

/*--------------------- graybox ---------------------*/
.graybox {background:var(--color-bg02); padding:3rem; border-radius:1rem;}


/*--------------------- tab ---------------------*/
.tab-nav {margin-bottom:3rem; position:relative;}
.tab-nav:after {content:"";position:absolute;left:0;bottom:3px;display:block;width:100%;height:2px;background:var(--color-border02); z-index:-1;}
.tab-list {width:100%;display: flex;;align-items: center;gap: 8rem;overflow-x:auto;padding-bottom:max(.5rem, env(safe-area-inset-bottom, 0));scrollbar-width: none;}
.tab-list::-webkit-scrollbar {display: none;}
.tab-list li { position: relative;}
.tab-list a {display: flex;align-items: center;justify-content: center;gap: 1.8rem;height: 6rem;color: var(--color-text20);transition: all 0.3s ease-in-out;}
.tab-list a span {font-family: var(--font-family01); color:var(--color-primary01); font-size: 2.2rem;white-space: nowrap;font-weight:600;transition: all 0.3s ease-in-out;}
.tab-list a[aria-selected="true"] span, 
.tab-list a:hover span {color:var(--color-primary03);}
.tab-list li:has(a[aria-selected="true"]):after {content:"";width:100%;height:6px;position:absolute;bottom:-2px;left:0;background:var(--color-primary03);z-index:0;}

.tab-list02 {overflow: auto;display: flex;align-items: center;gap: 1rem;padding: 1rem;margin-bottom: 5rem;border-radius: var(--radius01);background: var(--color-bg01);}
.tab-list02 a, button.tab_link {white-space: nowrap;min-width: 10rem;height: 5rem;padding: 0 2.5rem;border: 1px solid var(--color-border01);border-radius: var(--radius01);display: block;align-content: center;transition: all 0.3s ease-in-out;}
.tab-list02 a span, .tab-list02 button.tab_link span {font-family: var(--font-family02);font-weight: var(--color-text30); font-size: 1.9rem;font-weight: 500;transition: all 0.3s ease-in-out;}
.tab-list02 a[aria-selected="true"], .tab-list02 a:hover, .tab-list02 button.tab_link.active, .tab-list02 button.tab_link:hover {background: var(--color-primary03); border-color: var(--color-primary03);}
.tab-list02 a[aria-selected="true"] span, .tab-list02 a:hover span, .tab-list02 button.tab_link.active span, .tab-list02 button.tab_link:hover span {color: #fff;font-weight: 600;}
.tab-list02 a span.link {display: flex;align-items: center;gap: 1rem;}
.tab-list02 a span.link:after {content: '';display: block;width: 1.2rem;height: 1.2rem;background: url(../../img/layout/icon_external_sm.svg) no-repeat center center;}
.tab-list02 a[aria-selected="true"] span.link:after, .tab-list02 a:hover span.link:after {background: url(../../img/layout/icon_external_sm_w.svg) no-repeat center center;}
.tab-list02 a {text-align: center;}

.tab-list02 {} 

	@media screen and (max-width:1200px){

	}
	
	@media screen and (max-width:768px){
		.tab-list {gap:5rem;}
		.tab-list a span {font-size: 1.8rem;}
		.tab-list a {height: 5rem;}
		.tab-list02 a span {font-size: 1.8rem;}
	}



/*--------------------- 스크롤 박스 ---------------------*/
.rspvn-box {overflow: hidden;}

	@media screen and (max-width: 980px) {
		.rspvn-box .rspvn-tb {width:1024px !important}
		.rspvn-box {overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:60px;}
		.rspvn-box:after{width:100%; ; height:5rem; position:absolute; left:0px ;  top:0; display:block; content:"";background:#6a7789; z-index:1}
		.rspvn-box:before {width: 212px; background: url('../../img/default/mobile-scroll.svg') no-repeat center center; position: absolute; margin-left: 0; left: 50%; top: 3px; transform: translateX(-50%); display: block; height:4.4rem; content: ""; box-sizing: border-box;z-index:2;}
	}


/*--------------------- layer popup ---------------------*/
.layerpop-wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:999;}
.layerpop-flex {width:calc(100% - 4rem);height:calc(100% - 6rem);margin:3rem auto;display:flex;align-items:center;justify-content:center;min-width:0;}
.layerpop {max-width:100%;max-height:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;min-width:0;}
.layerpop-title {flex:none;width:100%;height:8rem;background:var(--color-primary01);padding:0 9rem 0 3.5rem;display:flex;align-items:center;flex-wrap:wrap;}
.layerpop-title:focus-visible {outline:auto;}
.layerpop-title h2 {color:var(--color-text100);font-weight:700;font-size:2.5rem;line-height:140%;}
.layerpop-content {width:100%;max-height:calc(100% - 6rem);min-height:0;display:flex;min-width:0;background:var(--color-text100);}
.layerpop-content img {max-width:100%;}
.layerpop-content-inwrap {width:100%;}
.layerpop-content-scr {width:100%;max-height:100%;overflow:auto;}
.layerpop-content-scr::-webkit-scrollbar {width:6px;}
.layerpop-content-scr::-webkit-scrollbar-thumb {background:var(--color-primary03);border-radius:10px;}
.layerpop-content-scr::-webkit-scrollbar-track {background:#e2e2e2;border-radius:10px;}
.layerpop-close {position:absolute;top:0;right:0;}
.layerpop-close .icon {display:block;position:relative;}
.layerpop-close .icon:before,
.layerpop-close .icon:after {content:"";position:absolute;top:50%;left:50%;margin:-1.5px 0 0 -1.5rem;display:block;width:3rem;height:3px;background:var(--color-text100);}
.layerpop-close .icon:before {transform:rotate(45deg);}
.layerpop-close .icon:after {transform:rotate(-45deg);}
.layerpop-bottombtns {flex:none;}
.layerpop-bottombtns button {height:6rem;width:100%;display:flex;align-items:center;justify-content:center;}
.layerpop-bottombtns button span {color:var(--color-text100);font-weight:700;font-size:2.2rem;}
.layerpop-bottombtns button.point {background:var(--color-point02);}

/* 시스템팝업 */
.layerpop {width:60rem;}
.layerpop-content {padding:8rem 3rem 5rem 3rem;}
.layerpop-content-scr {padding-right:3.5rem;}
.layerpop-close {background:var(--color-text30);}
.layerpop-close .icon {width:6rem;height:6rem;}
.systempop-title {font-size:2.2rem;font-weight:700;color:var(--color-text30);line-height:1.6;text-align:center;margin-bottom:1.5rem;}
.systempop-stxt {line-height:1.6;text-align:center;}
.systempop-btns {margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;}

/* 일반팝업 */
.layerpop:has(.layerpop-title) {width:120rem;}
.layerpop.st02:has(.layerpop-title) {width:65rem;}
.layerpop:has(.layerpop-title) .layerpop-content {padding:3rem 1.5rem 3.5rem 3rem; border-radius:0 0 5rem 2rem;}
.layerpop:has(.layerpop-title) .layerpop-content-scr {padding-right:2rem;}
.layerpop:has(.layerpop-title) .layerpop-close {background:var(--color-primary01);}
.layerpop:has(.layerpop-title) .layerpop-close .icon {width:8rem;height:8rem;}

.lpc-title {padding-bottom:1rem;margin-bottom:2rem;border-bottom:2px solid #000;color:var(--color-text20);}
.lp-agree-cont {border:1px solid var(--color-border03);padding:2rem 1rem 2rem 3rem;margin-bottom:1.5rem;}
.lp-agree-cont__stance {max-height:28rem;padding-right:2rem;overflow:auto;}
.lp-agree-cont__stance::-webkit-scrollbar {width:6px;}
.lp-agree-cont__stance::-webkit-scrollbar-thumb {background:var(--color-border01);border-radius:10px;}
.lp-agree-cont__stance::-webkit-scrollbar-track {background:#e2e2e2;border-radius:10px;}

.layerpop .join-agree_allcheck .label-text {font-weight:500;}
.lpc-title h3 {font-size:2.8rem;font-weight:600;line-height:140%;color:var(--color-text20);}

	@media screen and (max-width:800px)
	{
		.layerpop-content {padding:6.5rem 1.5rem 3rem 3rem;}
		.layerpop-content-scr {padding-right:1.5rem}
		.layerpop-close .icon {width:4.5rem;height:4.5rem;}
		.layerpop-close .icon:before,
		.layerpop-close .icon:after {width:2rem;margin-left:-1rem;height:2px;}
		.layerpop:has(.layerpop-title) .layerpop-close .icon:before,
		.layerpop:has(.layerpop-title) .layerpop-close .icon:after {width:3rem;margin-left:-1.5rem;height:3px;}
		
		.layerpop-title h2 {font-size:2.2rem;}
	}


/*--------------------- input 관련 ---------------------*/
input:not([type="checkbox"]):not([type="radio"]) {padding: 0 2rem;border: 1px solid var(--color-border01);border-radius: .5rem;min-height: 4.4rem;box-sizing: border-box;color: var(--color-text40);}
input:not([type="checkbox"]):not([type="radio"]):disabled {background: var(--color-bg02);color: var(--color-text76);}

.chkbox {display: flex; align-items: center; justify-content: flex-start; gap: 2rem; position: relative; flex-wrap:wrap;}
.chkbox label.chkbox-label {display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; vertical-align: top;}
.chkbox input[type="checkbox"] {display: block; width:18px; height:18px; background: url('../../img/common/checkbox.svg') center center no-repeat; background-size:18px auto; cursor: pointer;}
.chkbox input[type="checkbox"]:checked {background: url('../../img/common/checkbox_active.svg') center center no-repeat; background-size: 18px auto;}
.chkbox input[type="checkbox"] + .label-text {width: calc(100% - 18px); padding-left: 8px; font-size: 1.7rem; font-weight: 400; line-height: 1.3; color: var(--color-text40); cursor: pointer;}

.radiobox {gap:1.8rem !important;margin-top: 0.5rem;}
.radio {display: flex; align-items: center; justify-content: flex-start; gap: 1rem; position: relative;}
.radio label.radio-label {display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; vertical-align: top;}
.radio input[type="radio"] {display: block; width: 1.8rem; height: 1.8rem; background: url('../../img/common/radio.svg') center center no-repeat; background-size: 1.8rem auto; cursor: pointer;}
.radio input[type="radio"]:checked {background: url('../../img/common/radio_active.svg') center center no-repeat; background-size: 1.8rem auto;}
.radio input[type="radio"] + .label-text {width: calc(100% - 1.8rem); padding-left: 8px; font-size: 1.7rem; font-weight: 400; line-height: 1.3; color: var(--color-text40); cursor: pointer;}

input[type="checkbox"] {width:1.8rem; height: 1.8rem; background:url(../../img/common/checkbox.svg) no-repeat center center;vertical-align: middle;cursor: pointer; background-size: 1.8rem auto;}
input[type="checkbox"]:checked {background:url(../../img/common/checkbox_active.svg) no-repeat center center;}
input[type="checkbox"]:disabled {background:url(../../img/common/checkbox_disabled.svg) no-repeat center center;}
input[type="radio"] {width:1.8rem; height: 1.8rem; background:url(../../img/common/radio.svg) no-repeat center center;vertical-align: middle;cursor: pointer; background-size: 1.8rem auto;}
input[type="radio"]:checked {background:url(../../img/common/radio_active.svg) no-repeat center center;}
input[type="radio"]:disabled {background:url(../../img/common/radio_disabled.svg) no-repeat center center;}

.file {display:flex;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;flex:1;}
.file input[type="file"]{position: absolute; width: 0px;height: 0px; padding: 0;overflow: hidden; border: none;}
.file .fileInput {flex:1;max-width:none;}
.file .fileInputReal{padding: 0 !important; border: none;  height: 0 !important;  line-height: 0 !important; visibility: hidden;}
.file .choose_btn {display: flex; align-items: center; padding: 3px 15px 4px; height: 4.4rem; border-radius:.5rem; color:var(--color-text20); border:1px solid var(--color-text20); cursor:pointer;}
.multyfile-lst {width:100%;}
.multyfile-lst .fileArea {display:flex;align-items:center;gap:1rem;}
.multyfile-lst .fileArea + .fileArea {margin-top:1rem;}
.multyfile-lst .fileArea .txt {font-size:1.5rem;}
.multyfile-lst .fileArea .txt:hover,
.multyfile-lst .fileArea .txt:focus {text-decoration:underline;}
.multyfile-lst .fileArea .del {flex:none;width:1.3rem;height:1.3rem;background:url(../../img/common/ico_dels.svg) no-repeat center center /auto 100%;}

.select { border:1px solid var(--color-border01); padding: 0 1rem; min-height: 4.4rem; max-width: 27rem; width: 100%; background:url('../../img/common/ico_select_arrow.svg') center right 1.5rem no-repeat; background-size:1.5rem 0.6rem; border-radius:.5rem;}
.select.dis {background:var(--color-bg02);}
.textarea {width: 100%; min-height:20rem; border: 1px solid var(--color-border01);  padding: 1.5rem; resize: none;}
input::placeholder{color:var(--color-text60);}
textarea::placeholder{color:var(--color-text60);}
textarea {width:100%; min-height:14.5rem; border:1px solid var(--color-border01); border-radius:.5rem; padding:1rem;}

/* .nec:after {content: "*"; color: var(--color-point01); font-size: 1.6rem; line-height: 1.2; margin-left: 0.5rem;} board.css와 중복 */

.datepicker-here {padding-right:4rem !important;background:url(../../img/common/datepicker.svg) no-repeat  right 1.5rem center;}


.ip-wrap {width: 100%; border-top: 2px solid var(--color-primary01);}
.cTit01 + .ip-wrap {margin-top:0;}
.ip-wrap .list {position:relative; width:100%; height:auto; min-height:7rem; display:flex;border-bottom: 1px solid var(--color-border01);}
.ip-wrap .list-div {display:flex; align-items:stretch;}
.ip-wrap .list-div .list {flex:1; display:flex;}
.ip-wrap .list-div .cont_item {height:100%;}
.ip-wrap .list-div .input-item_group {height:100%;}
.ip-wrap .list-div textarea {width:100%; height:100%; min-height:100%; border:1px solid var(--color-border02); border-radius:.5rem; padding:1rem;} 
.ip-wrap .tit,
.ip-wrap .tit label {width:20rem;background:#fafafa;text-align:center;color:var(--color-text30);font-weight:600; align-content:center;}
.ip-wrap .cont_item{width: calc(100% - 20rem);display: flex;align-items: center;gap:1rem 2rem;flex-wrap: wrap;padding:1.3rem 2rem;}
.ip-wrap .cont_item:has(.chk-radio){padding:3rem 2rem;}
.ip-wrap .input-item_group {width:100%; display:flex; align-items:center; gap:1rem; min-width:0;}
.ip-wrap .input-item_group > div {display:flex; gap:1rem; max-width:100%;}
.ip-wrap .input-item_group > div button {flex-shrink:0;}
.ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]) {border:1px solid var(--color-border01); border-radius:.5rem; padding: 0 2rem; min-height: 4.4rem; max-width: 35rem; width: 100%;}
.ip-wrap .input-item_group textarea {width:100%; min-height:14.5rem; border:1px solid var(--color-border02); border-radius:.5rem; padding:1rem;} 
.ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]).w500 {width:50rem;max-width:100%;min-width:0;}
.ip-wrap .input-item_group.long input:not([type="checkbox"]):not([type="radio"]),
.ip-wrap .input-item_group.long select {max-width:100%;}
.ip-wrap .input-item_group.long .file {width:100%;}
.ip-wrap .input-item_group.column {flex-direction: column;align-items: flex-start;}
.ip-wrap .input-item_group.file {width:100%;}
.ip-wrap .input-item_group.vertical {flex-direction:column;align-items:flex-start;}
	ip-wrap .input-item_group:empty {height:4.4rem;}
.ip-wrap .chk-radio {gap:1rem 2rem;flex-wrap:wrap;}
.ip-wrap .email input:not([type="checkbox"]):not([type="radio"]){flex: 1; width: 100%; max-width: 27rem;}
	ip-wrap .email select {flex:1;}
	ip-wrap .birth input:not([type="checkbox"]):not([type="radio"]){flex: 1; width: 100%; max-width: 15rem;}
	ip-wrap .phone {gap:1rem 0.5rem;}
	ip-wrap .phone input:not([type="checkbox"]):not([type="radio"]),
	ip-wrap .phone select {flex: 1; width: 100%; max-width: 15rem;}
	ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]):disabled,
	ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]):read-only,
	ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]):disabled:focus-visible,
	ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]):read-only:hover,
	ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]):read-only:focus-visible {background:var(--color-bg02);}

.ip-wrap .input-item_group .input_time {max-width:10rem !important;}
.ip-wrap .input-item_group .input_pepple {max-width:12rem !important;}
.ip-wrap .input-item-flex {width: 100%;display:flex;gap:2rem !important;align-items:center;}
.ip-wrap .input-item-flex p {position: relative;font-size: 1.6rem; color:var(--color-text40);}
.ip-wrap .input-item-flex p.line {display: flex;gap:2rem;align-items:center;}
.ip-wrap .input-item-flex p.line:after {content:"";display:block;width:1px; height:1.5rem;background: var(--color-border02);}

.ip-wrap .input-item_group:has(.verti) {flex-wrap:wrap;}
.ip-wrap .verti {width:100%;display:flex; align-items:center;}

.ip-wrap .input-item_group p.bold {margin-top:1rem;font-size: 1.7rem;font-weight: 600; color: var(--color-text30);}
.ip-wrap .input-item_group .cList01 li {margin-bottom: 10px;}
.ip-wrap .input-item_group .cList01 li:last-child {margin-bottom: 0px;}

.ip-wrap .busiNumber .input-group_3{display:flex;align-items: center; gap: 1rem;}
.ip-wrap .busiNumber .input-group_3 input{flex: 1; width: 100%; max-width: 15rem;}
.ip-wrap .input-item_group.address_sch{flex-direction: column; align-items: flex-start;}
.ip-wrap .address_sch .sch-btn{display: flex; align-items: center; justify-content: center; position: relative; width:5rem;height: 4.4rem; padding: 0 1rem; background: #000;}
.ip-wrap .address_sch .sch-btn:after{position: absolute; top: 50%; transform: translateY(-50%); display: block; content: ""; width: 1.8rem; height: 1.8rem; background: url('../../img/common/ico_search.svg') no-repeat center center /100% 100%;}
.ip-wrap .address_sch .others{width:100%; gap:1rem;}
.ip-wrap .address_sch .others input:not([type="checkbox"]):not([type="radio"]){max-width:100%; flex:1;}
.ip-wrap .infotxt{font-size:1.5rem; line-height: 1.5; color:#555; font-weight:400;}
.ip-wrap .error {position: relative; flex-wrap:wrap;}
.ip-wrap .error input{position:relative; border-color:#d20000;}
.ip-wrap .error .infotxt{color:#d20000;}
.ip-size_50up,
.ip-wrap .input-item_group input.ip-size_50up {width: 57.5rem;max-width:none;}

.ip-wrap .input-item_group .adddel {display:flex;gap:2rem;margin-left:1.5rem;}
.ip-wrap .input-item_group .adddel .btn {position:relative;padding-left:4rem;}
.ip-wrap .input-item_group .adddel .btn::before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";display:block;width:3rem;height:3rem;border-radius:50%;background:var(--color-point03) url(../../img/common/ico_plus.svg);background-repeat:no-repeat;background-position:center center;background-size:11px 11px;}
.ip-wrap .input-item_group .adddel .btn.del::before {background-image:url(../../img/common/ico_minus.svg);}
.ip-wrap .input-item_group .adddel.st02 .btn::before {background-color:var(--color-text20);}
.ip-wrap .input-item_group .adddel .btn span {font-size:1.5rem;color:var(--color-point03);}
.ip-wrap .input-item_group .adddel.st02 .btn span {color:var(--color-text20);}
.ip-wrap .input-item_group .adddel .btn:hover span,
.ip-wrap .input-item_group .adddel .btn:focus span {text-decoration:underline;}
/* 추가된 항목에만 테두리 적용 */
.ip-wrap .adddel-item {position:relative; width:100%; height:auto;}
.ip-wrap .adddel-item.added {display:block; border-top:1px solid #000;border-bottom:1px solid #dcdcdc;}
.adddel-item:not(.added) .del {
	display: none;
}
.ip-wrap.st02 {margin:0 0 5rem;}

.chk-radio-inputset {display:flex;align-items:center;gap:1rem;}
.chk-radio-inputset .radio {flex:none;}

.docfile-icon {position:relative;padding-left:3rem;min-height:1.8rem;background:url(../../img/common/fileicon.svg) no-repeat left top /auto 1.8rem;cursor:pointer;word-break:break-all;}
.docfile-icon:hover,
.docfile-icon:focus {text-decoration:underline;}

	@media screen and (max-width:999px){
		.ip-wrap .list-div {flex-direction:column;}
		.ip-wrap .input-item_group {flex-wrap: wrap;}
		.ip-wrap .input-item_group .adddel {width:100%;margin:1rem 0 0;}
		.ip-wrap .input-item_group input:not([type="checkbox"]):not([type="radio"]) {flex:1;}
		.select {max-width:16rem;}
		
		.ip-wrap .tit, .ip-wrap .tit label {width: 17rem;}
		.ip-wrap .tit label br {display:none;}
	}
	@media screen and (max-width:600px){
			
		.ip-wrap .list{flex-direction: column;}
		.ip-wrap .list .tit{width: 100%;  text-align: left; padding: 1.5rem 2rem;}
		.ip-wrap .list .cont_item{width:100%;}
		.ip-wrap .input-item_group input{max-width:100%;}
		
		.ip-wrap .input-item_group.address_sch .others {flex-direction: column;}
		
		.input-item_group.Inquiry-phone {flex-wrap:wrap;}
		
	}

	@media screen and (max-width:480px){
		.ip-wrap .input-item_group.busiNumber {flex-direction: column; align-items: flex-start;}
		.select {max-width:100%;}
	}



/*--------------------- 크기 고정 ---------------------*/
.alter  {display:block;}
.break  {display:inline;}
.creak  {display:inline;}
.dreak  {display:block;}
.w20 {width:20px !important}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w20p {width:20% !important}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w120px {width:120px !important;}
.w100p {width:100% !important;}

	@media screen and (max-width:768px){
		.w20, .w30, .w40, .w50, .w120px,
		.w20p, .w30p, .w40p, .w50p, .w100p {width:auto !important;}
	}


#board-box {position:relative; display:inline-block; width:100%; overflow:hidden;}
.scroll-guide {display:none;}
.cont_line {width:100%; height:1px; background:#e5e5e5;}
.cleardiv {clear:both;}

/* img-preview */
.img_zoom {position:relative;} 
.img_zoom .btn_zoom {display:none;}

/* tab */
.dt3_tap {border-left:1px solid #3b3b50; width:100%; overflow:hidden;}
.dt3_tap li {float:left; width:16.6%; height:39px; text-align:center; border:1px solid #3b3b50; border-left:none; font-size:14px; color:#3b3b50; box-sizing:border-box;}
.dt3_tap li a {display:block; width:100%; height:100%; padding-top:10px; color:#3b3b50; box-sizing:border-box;}
.dt3_tap li a:hover {background:#3b3b50; color:var(--color-text100);}
.dt3_tap li.active {color:var(--color-text100); background:#3b3b50;}
.dt3_tap li.active a {color:var(--color-text100);}
.dt3_tap li.active a:hover {color:var(--color-text100);}
.dt4_tap {background:#3b3b50; width:100%; height:60px; padding:23px 37px; box-sizing:border-box;}
.dt4_tap a {color:var(--color-text100); padding-right:20px;}
li.dt2_tit a.none {display:none;}
.dt4_tap ul.tab {display: inline-block; vertical-align: top;}
.dt4_tap ul.tab li {display:inline-block; background:url(../../img/content/tab02_line.png)no-repeat left; padding: 0 0 0 20px;}
.dt4_tap ul.tab li:first-child {background:none; padding-left:0;}
.dt4_tap li.active a {color:#b2b8c5;}
.dt5_tap {width:100%; overflow:hidden;}
.dt5_tap li {width:19%; height:37px; text-align:center; float:left; box-sizing:border-box; font-size:13px; color:var(--color-text100); padding:10px 8px; background: #eaeffa; border:solid 1px #3b3b50;}
.dt5_tap li a {width:100%; height:100%; display:block; box-sizing:border-box; color:#3b3b50;}
.dt5_tap li a:hover {color:#3b3b50;}
.dt5_tap li.active {color:#3b3b50; border:solid 1px #3b3b50; background:var(--color-text100); border-bottom:solid 1px var(--color-text100); border-left:none;}
.dt5_tap li.active:first-child {border-left:solid 1px #3b3b50; border-right:none;}
.dt5_tap li.active a {color:#3b3b50;}
.dt5_tap li.active a:hover {color:#3b3b50;}
.dt5_line {border-bottom:solid 1px #3b3b50; position: absolute; bottom:0; width: 1004px; z-index:-1; }

/* search-board */
.search-board {position:relative;background:#f7f7f7;padding:2rem 4rem; margin-bottom:4rem;display: flex;justify-content: space-between;align-items: center;}
.search-board * {vertical-align:middle !Important;}
.search-board .search_box {display: flex; gap: 1rem;align-items: center;}
.search-board select {width:18rem;height:5rem; padding:1.5rem 2rem;border:1px solid var(--color-border01); border-radius: 5px; font-size:1.6rem; flex: none;background:url(../../../img/board/select_arrow.svg) no-repeat center right 2rem;background-color: #fff;}
.search-board .input_box {position:relative;}
.search-board input {width:45rem; height:5rem;border:1px solid var(--color-border01);background: #fff;}
.search-board .srh_btn {width: 5rem; height: 5rem; border-radius: 5px; background:url(../../img/board/search_icon.svg) no-repeat center center;background-color: var(--color-primary01);position: absolute;right: 0;top: 0;}
.search-board .total {display: flex; align-items: center;font-size: 1.6rem; font-weight:500; color: #767676;}
.search-board .total span.ico {background:url(../../img/board/total_icon.svg) no-repeat center center;width:1.5rem;height:1.5rem;margin-right:0.8rem;display:inline-block;}
.search-board .total .c_green {font-size: 1.6rem; font-weight: 700; color: #222; margin-left: 1rem;}

@media screen and (max-width: 900px) {
	.search-board {align-items: flex-start;flex-direction: column;gap: 1rem;}
	.search-board input, .search-board .search_box, .search-board .input_box {width: 100%;}
}

@media screen and (max-width:800px){
	.search-board .total span.ico {background-size: contain;}
}

.table_wrap {position:relative;}
.board_list, .board_view, .board_write {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #000;}
.board-box {position:relative; width:100%; display:inline-block;}

.base_tbl {width:100%; font-size:12px; border-top:2px solid #000;}
.base_tbl th {text-align:center; line-height:190%; vertical-align:middle; padding:10px 0 7px 0; font-size:14px; font-weight:normal; color:var(--color-text20); background:#f6f6f6; border-bottom:1px solid #eaeaea;}
.base_tbl thead th:last-child {background:none #f6f6f6;}
.base_tbl tbody td:last-child {border-right:none;}
.base_tbl td {font-weight:normal; color:#5a5a5a; line-height:130% ;vertical-align: middle;padding:10px; font-size:14px ;border-bottom:1px solid #eaeaea;}
.base_tbl td.tit {text-align:left;padding:11px 0 11px 12px;}
.base_tbl td a {color:#666666;}
.base_tbl td a:hover {text-decoration:underline;}
.base_tbl .line {border-right:1px solid #eaeaea;}
.base_tbl img {vertical-align:middle;}
.base_tbl .icon_new {margin-left:5px;}


/* board-list */
.board_list {width:100%; font-size:12px;}
.board_list th {text-align:center;padding:2rem 0;font-size:1.7rem; font-weight:600; color:var(--color-text20);position:relative;border-bottom: 1px solid #000; }
.board_list th:after {content:"";display: block;width: 1px; height: 2rem; background: var(--color-border02);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.board_list thead th:last-child:after {display:none;}
.board_list td {text-align:center; padding:2rem; font-size:1.6rem;border-bottom:1px solid var(--color-border02);}
.board_list td.tit {text-align:left;overflow: hidden; max-width: 76rem;}
.board_list td.tit a {display: block;width:100%;color: var(--color-text20);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_list .notice_tr .tit a {font-weight: 600; color: #222;}
.board_list td.file {display: table-cell;}
.board_list td a {color:#666;}
.board_list td a:hover {text-decoration:underline;}
.board_list .line {border-right:1px solid #eaeaea;}
.board_list img {vertical-align:middle;}
.board_list .icon_new { margin-left:5px;}
.board_content .notce_icon {display: inline-block;width: 1.8rem; height: 1.8rem; background:url(../../img/board/notice_icon.svg) no-repeat center center;background-size: 1.8rem auto;vertical-align: middle;flex: none;}
.board_content .file_icon {display: inline-block;width: 1.8rem; height: 1.8rem; background:url(../../img/board/file_icon.svg) no-repeat center center; background-size: 1.8rem auto;vertical-align: middle; flex: none;}

.qna_wrap {border-top: 2px solid #000;}
.qna_wrap .qna_box {border-bottom: 1px solid  var(--color-border02); padding-bottom: 2rem;}
.qna_wrap .qna_box .icon {width: 4rem; height: 4rem; color: #fff; font-size: 1.6rem; font-family: var(--font-family01); border-radius: 50rem; margin-right: 3rem;display: flex;align-items: center;justify-content: center;flex: none;}
.qna_wrap .qna_box .icon.q_icon {background: var(--color-primary02);}
	qna_wrap .qna_box .icon.a_icon {background: var(--color-point03);}
.qna_wrap .qna_box .question {padding: 2rem 3rem 0; display: flex; align-items: center;justify-content: space-between; cursor: pointer;}
.qna_wrap .qna_box .q_title {display: flex;align-items: center; width: 100%;}
.qna_wrap .qna_box .q_tit {font-size: 1.7rem; font-weight: 600; color: #222;transition: all 0.3s ease; width: 70%;}
.qna_wrap .qna_box .question:hover .q_tit, .qna_wrap .qna_box .question.active .q_tit {color: var(--color-primary02);}
.qna_wrap .qna_box .qna_arrow {width: 1.4rem; height: 1.4rem;background:url(../../img/board/qna_arrow.svg) no-repeat center center; background-size: 1.4rem auto;}
.qna_wrap .qna_box .question.active .qna_arrow {transform: rotate(180deg);}
.qna_wrap .qna_box .answer {display:none;margin-top: 2rem;padding: 3.5rem 3rem; background: var(--color-bg02); border-bottom-left-radius: 2rem;border-bottom-right-radius: 2rem;}
	qna_wrap .qna_box .a_cont {display:flex;}
	qna_wrap .qna_box .answer .a_txt {font-size: 1.6rem; line-height: 2.2rem; color: var(--color-text40);}
	qna_wrap .no_data {padding: 2rem;text-align: center; border-bottom: 1px solid var(--color-border02);}

@media screen and (max-width: 1024px) {
	.board_list .td_none {display:none !important;}
	.board_list thead th:nth-child(5):after, .board_list thead th:nth-child(6):after {display:none;}
}

@media screen and (max-width:800px){
	.board_list .notce_icon {background-size: contain;}
}

@media screen and (max-width: 650px) {
	.board_list {table-layout: fixed;}
	.board_list thead, .board_list td.num, .board_list .col_num, .board_list .col_date, .board_list .col_check {display:none;}
	.board_list tr {border-bottom:1px solid var(--color-border02);padding: 2rem 0;display: block;}
	.board_list td.tit, .board_list td.date, .board_list td.check {display: block;padding: 0; border: none; text-align: left;}
	.board_list td.tit {margin-bottom: 1rem;max-width: none;}
	.board_list td.check  {margin-bottom: 1rem;}
}

@media screen and (max-width: 550px) {
	.qna_wrap .qna_box .question {padding: 2rem 2rem 0;}
	.qna_wrap .qna_box .icon {margin-right: 2rem;}
	.qna_wrap .qna_box .answer {padding: 3rem 2rem;}
}


/* board view */
.board_view {width:100%; border-top:3px solid #3b3b50;}
.board_view thead tr {position: relative;}
.board_view thead tr th {font-size:1.6rem;text-align:left; padding:3rem 4rem;}
.board_view thead tr th p.tit {font-size:2.2rem; font-weight:700;color: var(--color-primary01);}
.board_view thead tr th .info {margin-top: 2rem;display: flex; gap: 1rem 2rem; align-items: center;flex-wrap: wrap;}
.board_view thead tr th .info div {display: flex; align-items: center; font-size: 1.6rem; color: #767676;gap: 1rem;}
.board_view thead tr th .info div:after {content: "";display: block; width: 1px; height: 1.2rem; background: var(--color-border02);}
	board_view thead tr th .info div:last-child:after {display: none;}
	board_view thead tr th .info span.bold {font-weight: 600; color: var(--color-text20); margin-right: 1rem;}

.board_view .file-box {margin-top: 1rem; padding: 2rem 4rem; border-radius: 1rem; background: var(--color-bg02);display: flex; gap: 4rem;}
.board_view .file-box .txt {font-size: 1.6rem; font-weight: 600; color: var(--color-text20);}
.board_view .file-box .file_item {display: flex; align-items: center; gap: 1rem; font-size: 1.6rem; color: var(--color-text40);}
.board_view .file-box .file_item +.file_item {margin-top: 1rem;}
.board_view .file-box .file_item:hover a {text-decoration: underline;}
.board_view tbody tr th {background:#f3f7fb; border-bottom:1px solid #e2e2e5;}
.board_view tbody tr td {font-size:14px; height:44px; border-bottom:1px solid #e2e2e5; text-align:left; padding:20px; line-height:160%;}
.board_view tbody tr:first-child td {padding:4rem;}
.board_view tbody tr:first-child td span.tit {color:var(--color-text20); position:absolute;}
.board_view tbody tr:first-child td span.light {font-weight:100; font-size:13px; padding-left:50px; display:block;}
.board_view tbody tr:first-child td span.light img {margin-right:5px;}
.board_view tbody tr td span.noti_btn {font-size:12px; color:var(--color-text100); padding:5px 10px; background:#0053a5; border-radius:4px;}
.board_view tbody tr td.text {padding-left:13px;}
.board_view tbody tr td.text a {color:#3b3b50;}
.board_view tbody tr td.text a:hover {color:#0053a5;}
.board_view tbody tr td p {font-weight:500; margin-top: 10px;}
.board_view thead tr th p.num {background:var(--color-text100); width:49px; height:51px; border:solid 1px #ddd; position:absolute; top:30px; right:30px; padding:10px 7px; box-sizing:border-box; font-size:12px; font-weight:normal; line-height:140%; text-align:center; color:#666;}

span.light img {padding-left:10px;}
span.light a {color:#666;}
span.light a:hover {color:#153156;  text-decoration:underline;}

@media screen and (max-width: 450px) {
	.board_view thead tr th { padding: 3rem 2rem;}
	.board_view .file-box {padding: 2rem 3rem;gap: 1rem; flex-direction: column;}
	.board_view tbody tr:first-child td {padding:2rem;}
}


/* board-write */
.write_wrap {width:100%;}
.board_write .th{box-sizing: border-box;text-align:center;background-color: var(--color-bg02);padding: 2.5rem;border-bottom: 1px solid var(--color-border01);border-right: 1px solid var(--color-border01); font-size:1.6rem; font-weight:600; color:#222;line-height: 1;}
.board_write .th label {font-size:1.6rem; font-weight:600; color:#222;line-height: 1;}
.board_write .td{box-sizing: border-box;color:#454545;font-size:1.6rem;padding: 1.3rem 3rem;border-bottom: 1px solid var(--color-border01)}
.board_write .td2{color:#454545;font-size:1.6rem;padding: 11px 5px 11px 15px;border-bottom: 1px solid var(--color-border01);}
.board_write .td3{color:#454545;font-size:1.6rem;padding: 0 15px;border-bottom: 1px solid var(--color-border01);}
.board_write .td3 .attach_cnt{padding:11px 0 0;}
.board_write .input, .board_write #article_text {border: 1px solid var(--color-border01);padding: 1px;}
.board_write #article_text, .board_write input.title, #article_reply {width:98%; min-height:30px; box-sizing:border-box;}
.board_write .attach_list .border{height:26px;padding:16px 0px;border-bottom: 1px solid var(--color-border01);}
.board_write .attach_list .border .label1{float: left;width: 170px;margin-top: 3px;}
.board_write .attach_list2 .border2{height:28px;padding:5px 0 0;}
.board_write .attach_list2 {padding:0 0 10px;}

.board_write .notice_checkbox {display: flex; align-items: center;gap:0.5rem;}
.board_write input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]) {width: 100% !important;}

.file_box {position: relative;}
.file_box input[type="button"] {z-index: 2;border: 1px solid var(--color-border02);background:url(../../img/common/file_close_icon.svg) no-repeat center center;background-size: 0.9rem auto;background-color: #fff;cursor: pointer;min-height: auto;width: 2rem;height: 2rem;border-radius: 50rem; font-size: 0;}
.file_txtbox {display:flex; gap:1rem; align-items: center;width: 100%}
.file_box .file_txt {display: flex;flex-wrap: wrap;width: calc(100% - 8.8rem);min-height: 4.4rem;border: 1px solid var(--color-border01);border-radius: 5px;padding: 1rem;max-width: 40rem;background: var(--color-bg02);cursor: pointer;}
.file_box .file_txt .file_row {display: flex; justify-content: space-between;gap: 1rem;align-items: center;width: 100%;}
.file_box .file_txt .file_name {text-align: left;overflow: hidden; width: 100%; max-width: 40rem;}
.file_box .file_txt .file_name_txt {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.file_box .file_btn {width: 10rem; height: 4.4rem;border: 1px solid #222; border-radius: 5px; font-size:1.5rem; font-weight: 500; color: #222;cursor: pointer;}
.file_box input[type="file"] {position: absolute;left: 0;top: 0;width: 51rem;opacity: 0;cursor: pointer;}

.update_file {position: relative;max-width: 40rem;}
.update_file + .update_file {margin-top: 1rem;}
.update_file .update_filename {display: flex;flex-wrap: wrap;width: 100%; min-height: 4.4rem;border: 1px solid var(--color-border01);border-radius: 5px;padding: 1rem;max-width: 40rem;background: var(--color-bg02);cursor: pointer;}
.update_file .update_btn {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
.update_file .update_del {vertical-align: middle;z-index: 2;border: 1px solid var(--color-border02)!important;background:url(../../img/common/file_close_icon.svg) no-repeat center center;background-size: 0.9rem auto;background-color: #fff;cursor: pointer;min-height: auto !important;width: 2rem;height: 2rem;border-radius: 50rem !important; font-size: 0;padding: 0 !important;}
.update_file .update_input {display: flex;flex-wrap: wrap; width: 100%;min-height: 4.4rem; border: 1px solid var(--color-border01); border-radius: 5px;padding: 1rem;max-width: 40rem;background: var(--color-bg02);}
.update_file .file_box {display: flex;gap: 1rem;}
.update_file .file_inputbox {position: absolute;}
.update_p div {display: flex;flex-wrap: wrap; width: 100%;min-height: 4.4rem; border: 1px solid var(--color-border01); border-radius: 5px;padding: 1rem;max-width: 40rem;background: var(--color-bg02);justify-content: space-between;}
.update_p div+div {margin-top: 1rem;}
.update_p input[type="button"]{z-index: 2; border: 1px solid var(--color-border02);background: url(../../img/common/file_close_icon.svg) no-repeat center center; background-size: 0.9rem auto; background-color: #fff; cursor: pointer; min-height: auto; width: 2rem;height: 2rem; border-radius: 50rem;font-size: 0;}

.art_box {padding: 1.3rem 3rem; display:flex; gap: 1rem;flex-direction: column;}
.art_box .art_top {display: flex; gap: 1rem;}
.art_box .art_plus_btn {width: 4.4rem;border: #222; background: url(../../img/board/file_plus_icon.svg) no-repeat center center; background-size: 1.2rem auto;cursor: pointer;background-color: #222;border-radius: 5px;}
.art_box .art_remove_btn {width: 4.4rem;border: #222; background: url(../../img/board/file_remove_icon.svg) no-repeat center center; background-size: 1.2rem auto; cursor: pointer;background-color: #222; border-radius: 5px;}
.art_box .dp_cnt {padding: 1rem;border: 1px solid var(--color-border01);border-radius: .5rem;min-height: 4.4rem;box-sizing: border-box;}
.art_box .file_box {width: 100%; max-width: 51rem;}
.art_box+.art_box {padding-top: 2rem; margin-top: 2rem; border-top: 1px solid var(--color-border02);}
.art_cnt_box {border-bottom: 1px solid var(--color-border02);}
.update_art {position: relative; max-width: 40rem;width: 100%;}
.update_art .art_p {display: flex;flex-wrap: wrap; width: 100%;min-height: 4.4rem; border: 1px solid var(--color-border01); border-radius: 5px;padding: 1rem;max-width: 40rem;background: var(--color-bg02);}
.update_art .art_btn {display: block;position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);z-index: 2; border: 1px solid var(--color-border02);background: url(/img/common/file_close_icon.svg) no-repeat center center; background-size: 0.9rem auto; background-color: #fff; cursor: pointer; min-height: auto; width: 2rem;height: 2rem; border-radius: 50rem;font-size: 0;}

.input_w100 {width:100% !important;}

.board_write .attach_list .border .file_input {width:310px;margin:5px 0;}
.board_write th label span {color:red; margin-left:5px;}

#article_reply, #article_text { padding: 3px; }
#fileAltStr p+p {margin-top: 1.5rem;}


@media screen and (max-width: 700px) {
	.board_write .col_width {width: 100px;}
}

@media screen and (max-width: 500px) {
	.board_write .col_width {width: 100%;}
	.board_write .th {padding: 1.5rem;}
	.board_write tr {display: flex;flex-direction: column;width: 100%;}
	.board_write .td {padding: 1.5rem 0;text-align: center;}
}

@media screen and (max-width: 390px) {
	.file_txtbox {align-items: flex-start;flex-direction: column;}
	.file_box .file_txt {width: 100%;}
}

/* board-pass */
.board_pass {border:1px solid #dadada; width:320px; overflow:hidden; margin:0 auto; padding:40px;background:#f9f9f9;}
.board_pass dt {float:left; width:320px; font-size:14px;  color:#333; padding-bottom:20px; border-bottom:1px solid #ccc}
.board_pass dd {width:320px; float:left; padding-top:20px; border-top:1px solid var(--color-text100)}
.board_pass dd strong {padding-right:10px; line-height:24px; float:left; color:#666; font-weight:normal;}
.board_pass dd input {float:left; margin-right:5px; width:210px;}
.pass_btn {float:left; width:55px; height:35px; background:#555; text-align:center; display:block; color:var(--color-text100); font-size:12px; line-height:35px;}

/* 사진게시판 - 사진첩, 소장품, 포토갤러리 */
.photoList {display: flex;position: relative;gap: 4rem 2.4rem;flex-wrap: wrap;}
.photoList:after {content:""; display:block; clear:both;}
.photoList li {float:left; position:relative; width:calc(100%/4 - 1.8rem);}
.photoList li span.img {display:block; position:relative; width:100%; height:0; padding-bottom:67.66%; background:#f5f5f5;border-radius: 1rem; box-sizing:border-box;overflow: hidden;}
.photoList li span.img img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;transition: all 0.3s ease;}
.photoList li span.img img#no-img {position:absolute; top:50%; left:50%; margin-top:-16.5px; margin-left:-101px; width:202px; height:33px;}
.photoList li span.tit {line-height: 2.5rem;height: 5rem;margin-top: 2.5rem; font-size:1.8rem; font-weight:600;color:#222;overflow: hidden; text-overflow: ellipsis;white-space: normal;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2 ;-webkit-box-orient: vertical; box-sizing:border-box;}
.photoList li span.tit span.ico-file {display:inline-block; width:12px; height:20px; background:url(../../img/board/ico-file.png) no-repeat 0 5px; text-indent:-9999px; margin-left:7px;}
.photoList li span.tit span.ico-reply {display:inline-block; width:15px; height:20px; background:url(../../img/board/ico-reply.png) no-repeat 0 3px; text-indent:-9999px; margin-right:7px;}
.photoList li span.tit span.ico-new {display:inline-block; width:11px; height:20px; background:url(../../img/board/ico-new.png) no-repeat 0 5px; text-indent:-9999px; margin-left:7px;}
.photoList li span.tit span.ico-secret {display:inline-block; width:11px; height:20px; background:url(../../img/board/ico-secret.png) no-repeat 0 5px; text-indent:-9999px; margin-left:7px;}
.photoList li span.txt {display:block; margin-top: 1.2rem; font-size:1.5rem; font-weight:400; color:#767676; box-sizing:border-box;}
.photoList li a {display:block; position:relative; width:100%; height:0; padding-bottom:67.66%;}
.photoList li span.img:hover img {transform: scale(1.05);}

.video_wrap .photoList li span.img {padding-bottom: 56.38%;}
.video_wrap .photoList li a {padding-bottom: 56.38%;}
.sns_wrap .photoList li span.img {padding-bottom: 98.22%;}
.sns_wrap .photoList li a {padding-bottom: 98.22%;}

@media screen and (max-width: 1024px) {
	.photoList {gap: 4rem 2rem;}
	.photoList li {width: calc(100% / 3 - 1.4rem);}
}

@media screen and (max-width: 550px) {
	.photoList li {width: calc(100% / 2 - 1rem);}
}

@media screen and (max-width: 425px) {
	.photoList li {width: 100%;}
}

/* 게시판 상세 하단 - 이전 글, 다음 글 */
.prev_next_box {margin-top:5rem;}
.article {border-top:solid 1px var(--color-border02);display: flex;align-items: center;}
.article .article_txt {display: flex; gap:1.5rem;align-items: center;padding: 0 4rem; font-size: 1.6rem; color: #707070;}
.article .article_txt .article_arrow_icon {width: 0.8rem; height: 0.8rem; background:url(../../img/board/article_arrow.svg) no-repeat center center;background-size: 0.8rem auto;}
.prev_article .article_arrow_icon {transform: rotate(180deg);}
.article .article_tit {padding: 2rem 4rem 2rem 0; display: flex; gap: 4rem; justify-content: space-between;align-items: center;width: calc(100% - 14.4rem);}
.article .article_tit .tit {overflow: hidden;width: 90%;line-height: 1;}
.article .article_tit .tit a {font-size: 1.7rem; color: var(--color-text20); width: 100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: block;}
.article .article_tit .tit a:hover {text-decoration: underline;}
.article .article_tit .date {font-size: 1.6rem; color: #767676; line-height: 1;flex: none;}
.next_article {border-bottom:solid 1px var(--color-border02);}

@media screen and (max-width: 500px) {
	.article .article_txt {padding: 0 2rem;}
	.article .article_tit {padding: 2rem; width: calc(100% - 9.2rem);}
	.article .article_tit .tit {width: 100%;}
	.article .article_tit .date {display: none;}
}

/* pager , btn_list */
.btn_wrap {width:100%;margin-top: 4rem;display: flex;justify-content: flex-end;gap: 1rem; flex-wrap: wrap;}
.btn_wrap2 {height:45px; position:absolute; top:20px; right:0;}
.btn_wrap2 ul li {float:right;margin-left:5px}
.btn_wrap a {line-height: 1.1;min-width: 12rem;text-align:center;font-size:1.6rem;font-weight: 600;display:inline-block;padding:1.5rem 3rem;border-radius: 2.5em;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3 ease; transition: all .3s ease; box-sizing:border-box;}
.btn_style1 {color:#222;border:1px solid #222; background: #fff; }
.btn_style1:hover {background:#222; color:var(--color-text100);}
.btn_style2 {color:var(--color-text100); background:var(--color-primary02);border: 1px solid var(--color-primary02);}
.btn_style2:hover {background:var(--color-text100); color:var(--color-primary02);border: 1px solid var(--color-primary02);}
.btn_style3 {color:var(--color-text100);background:var(--color-point03);border: 1px solid var(--color-point03);}
.btn_style3:hover {background:var(--color-text100); color:var(--color-point03);border: 1px solid var(--color-point03);}
.btn_style4 {color:var(--color-text100); background:#222;border: 1px solid #222;}
.btn_style4:hover {background:var(--color-text100); color:#222; border: 1px solid #222;}


.s_btn {background:#f5f5f5;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;font-size:13px;color:#444;display:inline-block;}
input.s_btn, button.s_btn {background:#f5f5f5;font-size:13px;color:#444;padding:0 7px;height:26px;vertical-align:top;overflow:visible;cursor:pointer;}

/* input */
input[type="radio"], .board_write td input[type="checkbox"] {vertical-align:middle;}

/* select */
select {background: url(../../img/board/ico_select_arr.svg) no-repeat center right 2rem / 1.2rem auto;border:1px solid var(--color-border01);display:inline-block;vertical-align:middle !Important; border-radius: .5rem;padding: 0 4rem 0 2rem; min-height: 4.4rem;max-width: 35rem;width: 100%;color: var(--color-text40);}
select option:hover, select option:focus {background: var(--color-primary02);color: #fff;}
select:disabled {background: url(../../img/board/ico_select_arr_disabled.svg) no-repeat center right 2rem / 1.2rem auto;background-color: var(--color-bg02);color: var(--color-text76);}
.select-100 {width:100px; max-width: 100%;}
.select-150 {width:150px; max-width: 100%;}
.select-200 {width:180px; max-width: 100%;}
.select-200 {width:200px; max-width: 100%;}
.select-250 {width:250px; max-width: 100%;}
.select-350 {width:350px; max-width: 100%;}
.btn-bck {height:30px;font-weight:600;font-size:13px;color:var(--color-text100);padding:0 18px;display:inline-block;background:#666;line-height:29px;}

.btn_wrap.type02 {padding:5px 0 0 0 !important;}
.btn_wrap.type02 > .btn_style1 {width:auto !important; display:inline-block; text-align:center;font-size:14px;color:#333333;border:1px solid #ddd;padding:0 15px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; box-sizing:border-box;  cursor:pointer;}
.btn_wrap.type02 > .btn_style1:hover {background:#143156; color:var(--color-text100);}

/* 컨텐츠 및 보안관리 담당자 */
.repbox {display: flex;gap: 3rem;align-items: center; padding: 3.5rem 4rem;background: var(--color-bg02);border-radius: 2rem;}
.repbox h4 {flex: none;display: flex;gap: 1.5rem;align-items: center; position: relative; font-size:1.8rem;font-weight: 700;color: var(--color-text20);}
.repbox h4::after {content:"";display: block;width: 4rem;height: 1px;background: var(--color-border01);}
.repbox .rep_cont {width: 100%; display: flex;gap: 2rem;align-items: center;justify-content: space-between;}
.repbox .infobox {display: flex;gap: 1rem 5rem;align-items: center;}
.repbox .info {display: flex;gap: 1.5rem;align-items: center;}
.repbox .ico {width: 3.5rem;height: 3.5rem;border-radius: 50%;}
.repbox .ico.build {background: url(../../img/Contents/ico_rep_building.svg) no-repeat center center / 1.6rem auto;background-color: #fff;}
.repbox .ico.tel {background: url(../../img/Contents/ico_rep_tel.svg) no-repeat center center / 1.6rem auto;background-color: #fff;}
.repbox .ico.mail {background: url(../../img/Contents/ico_rep_mail.svg) no-repeat center center / 1.6rem auto;background-color: #fff;}
.repbox .txt {font-size: 1.7rem;font-weight: 600;color: var(--color-text30);}
.repbox .date {font-size: 1.7rem;font-weight: 500;color: var(--color-text40);}

	@media screen and (max-width: 1440px) {
		.repbox {align-items: flex-start;flex-direction: column;gap: 2rem;}
		.repbox h4::after {display: none;}
	}

	@media screen and (max-width: 1024px) {
		.repbox .rep_cont, .repbox .infobox {flex-wrap: wrap;}
		.repbox .infobox {gap: 1rem 3rem;}
	}

	@media screen and (max-width: 768px) {
		.repbox {padding: 3rem;}
		.repbox .txt, .repbox .date {font-size: 1.6rem;}
	}
	
/* pdf */
#pdf {height: 80rem;}
[data-pdf-iframe] .pdf-inner {padding-bottom: 55% !important;}

	@media screen and (max-width: 1440px) {
		#pdf {height:auto;}
		[data-pdf-iframe] .pdf-inner {padding-bottom: 75% !important;}
	}
	@media screen and (max-width: 1440px) {
		[data-pdf-iframe] .pdf-inner {padding-bottom: 100% !important;}
	}