/* global defaults */
:root{
    --primaryLight:#FF803E;
    --primaryDefault:#F96213;
    --primaryStrong:#F64201;
    --secondaryDefault:#465E7B;
    --secondaryStrong:#39506C;
    --textHeadline:#1E2124;
    --textColor01:#33363D;
    --textColor02:#464C53;
    --textCaution:#6D7882;
    --textPlaceholder:#7F868D;
    --textWhite:#fff;
    --componentsStrong:#33363D;
    --componentsDefault:#58616A;
    --componentsLight:#B1B8BE;
    --componentsDisable:#7F868D;
    --componentsWhite:#fff;
    --borderColorDarker:#1E2124;
    --borderColorDark:#58616A;
    --borderColorDefault:#B1B8BE;
    --borderColorLight:#CDD1D5;
    --borderColorDisable:#B1B8BE;
    --borderColorCool:#D6E0EB;
    --backgroundColor01:#F4F5F6;
    --backgroundColor02:#E6E8EA;
    --backgroundColor03:#7F868D;
    --backgroundColor04:#F7F8FA;
    --backgroundColor05:#EEF2F7;
    --backgroundColor06:#fff;
    --dimmedColor:rgba(0, 0, 0, 0.75);
    --statusDanger01:#DE3412;
    --statusDanger02:#BD2C0F;
    --statusWarning01:#FFB114;
    --statusWarning02:#C78500;
    --statusSuccess01:#E8F2EA;
    --statusSuccess02:#267337;
    --statusInformation01:#E9F5FF;
    --statusInformation02:#085691;
    --primaryGradient:linear-gradient(to left, #FF9C68 0%, #F96213 100%);
    --boxshadowType01:0 1px 2px rgba(0, 0, 0, 0.05),0 0 2px rgba(0, 0, 0, 0.05);
    --boxshadowType02:0 0 2px rgba(0, 0, 0, 0.05),0 4px 6px rgba(0, 0, 0, 0.06);
    --boxshadowType03:0 0 2px rgba(0, 0, 0, 0.08),0 8px 16px rgba(0, 0, 0, 0.12);
    --boxshadowType04:0 0 2px rgba(0, 0, 0, 0.08),0 16px 24px rgba(0, 0, 0, 0.12);
    --headerHeight:72px;
    --normalHeight:56px;
    --footerHeight:64px;

}
.pc-only{display: block !important;}
.m-only{ display: none !important;}

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span,th,td,legend {margin:0;padding:0;}
	fieldset,img,abbr,acronym{border:none;}
	fieldset{display:block;}
	ol,ul {list-style:none outside;}
	h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var {font-size:100%;}
	p{margin-top:0;margin-bottom:0;}
	.accessibility,hr,legend,caption,hr{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; text-indent:-1000em;}

/* s: All Style */
	a:link, a:visited{text-decoration:none}
	a:hover{text-decoration:none}
	input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea,select{ -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
    input[type="text"],
    input[type="tel"],
    input[type="phone"],
    input[type="number"],
    input[type="search"],
    input[type="password"] { line-height: 50px;; border-radius: 8px; padding: 0 40px 0 16px; outline: none; font-size: 17px; color: var(--textColor01); width: 100%;border:1px solid var(--borderColorLight); transition: .25s;} 
    .input-area { position: relative; display: inline-flex; align-items: center; width: 100%; } 
    input.mSize{line-height: 46px;border-radius: 6px;font-size:16px;}
    input.smSize{line-height: 38px;border-radius: 6px;font-size:15px;}
    input.xsmSize{line-height: 30px;border-radius: 4px;font-size:15px;}
    .input-area .del{position:absolute;right:16px;top:50%;transform: translateY(-50%);width:24px;height:24px;background: url("../images/common/input_del.svg")no-repeat center/cover;display: none;}
    .input-area.mSize input{line-height: 46px;border-radius: 6px;font-size:16px;}
    .input-area.smSize input{line-height: 38px;border-radius: 6px;font-size:15px;}
    .input-area.xsmSize input{line-height: 30px;border-radius: 4px;font-size:15px;}
    .input-area.mSize .del{width: 20px;height: 20px;}
    .input-area.smSize .del{width: 20px;height: 20px;right:12px;}
    .input-area.xsmSize .del{width: 16px;height: 16px;right:8px;}


     .input-area.has-value input[type="text"],
     .input-area.has-value input[type="tel"],
     .input-area.has-value input[type="phone"],
     .input-area.has-value input[type="number"],
     .input-area.has-value input[type="search"],
     .input-area.has-value input[type="password"]{border: 1px solid var(--borderColorDefault);}

     .input-area.focused input[type="text"],
     .input-area.focused input[type="tel"],
     .input-area.focused input[type="phone"],
     .input-area.focused input[type="number"],
     .input-area.focused input[type="search"],
     .input-area.focused input[type="password"] {border:1px solid  var(--borderColorDarker) !important;}

    .input-area.readonly input[type="text"],
    .input-area.readonly input[type="tel"],
    .input-area.readonly input[type="phone"],
    .input-area.readonly input[type="number"],
    .input-area.readonly input[type="search"],
    .input-area.readonly input[type="password"]{background-color: var(--backgroundColor02);border: 1px solid var(--borderColorDefault);color: var(--textColor02);}

    .input-area.search .btn-search{
    	position: absolute;
    	right:16px;
    	border:none;
    	outline:none;
    	top:50%;
    	transform: translateY(-50%);
    	width: 20px;
    	height: 20px;
    	background: url("../images/common/search_icon.svg")no-repeat center/cover;
    	background-size: auto;
    	cursor: pointer;
    	padding: 0;
    }
    .input-area.search .btn-init{
    	position: absolute;
    	right:40px;
    	border:none;
    	top:50%;
    	transform: translateY(-50%);
    	width: 20px;
    	height: 20px;
    	background: url("../images/common/gnb_close.svg")no-repeat center/cover;
    	background-size: 20px 20px;
    	cursor: pointer;
    	padding: 0;
    }
    .input-area.search form{width: 100%;}


    .textarea-group{}
    .textarea-group .cnt{display: flex;justify-content: flex-end;align-items: center;margin-top:8px;}
    .textarea-group .cnt span.word{font-size: 14px;font-weight: 600;color:#222;}
    .textarea-group .cnt span.total{font-size:14px;font-weight: 500;color: #969696;}
    .textarea-group .cnt span.total:before{content:'/';margin:0 3px;display: inline-block;}
    .textarea{overflow: hidden;display:flex;position:relative;}
    .textarea:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #E4E4E4; transition: all 0.25s ease; pointer-events: none; } 
    .textarea.has-value::after { background-color: #C3C3C3; } 
    .textarea.focused::after { background-color: var(--primaryColor); height: 2px; } 
    .textarea.error::after { background-color: #DE3412; height: 2px; } 
    .textarea.readonly::after { background-color: #E4E4E4 !important; height: 1px !important; } 
    .textarea textarea{border:none;resize: none;font-size:19px;outline: none;width: 100%;height:28px;padding:10px 0 ;overflow:hidden}
    textarea::placeholder{font-size:19px;color:#D1D1D1;}
    input[type=text]:disabled, input[type=tel]:disabled, input[type=phone]:disabled, input[type=number]:disabled, input[type=search]:disabled, input[type=password]:disabled{background-color: var(--backgroundColor02);border: 1px solid var(--borderColorDefault);color: var(--textColor02);}
    input[type=text]:read-only, input[type=tel]:read-only, input[type=phone]:read-only, input[type=number]:read-only, input[type=search]:read-only, input[type=password]:read-only,textarea:read-only{background-color: var(--backgroundColor02);border: 1px solid var(--borderColorDefault);color: var(--textColor02);}
    input[type=text]::placeholder, input[type=tel]::placeholder, input[type=phone]::placeholder, input[type=number]::placeholder, input[type=search]::placeholder, input[type=password]::placeholder{color:var(--textPlaceholder);font-weight:400;}
	select::-ms-expand {display:none}
  


    .input-area .check{font-size:14px;font-weight: 600;color:#222;display: inline-flex;align-items: center;padding:0 16px;border-radius: 4px;background-color: #EEEFF3;line-height: 32px;}

    .wd100p{width:100% !important;}

	img,video,audio,object,embed,iframe{max-width:100%;}
	/*:lang(zh), zh{font-family: 'Kanit', sans-serif;}*/
	body,th,td,input,select,button,textarea{font-style:normal;font-weight:normal;font-family: 'Pretendard GOV', sans-serif !important;color:#222;line-height:1.4;letter-spacing:-0.02em;  }
	/*'Trirong', */
	table{width:100%;border-collapse:collapse;table-layout:fixed;}
	figure{margin:0;padding:0;font-size:0;line-height:0;}
	br{font-family:'Dotum', sans-serif !important;}
    .textHeadline{color: var(--textHeadline) !important;}
    .textColor01{color: var(--textColor01) !important;}
    .textColor02{color: var(--textColor02) !important;}
    .textCaution{color: var(--textCaution) !important;}
    .textPlaceholder{color: var(--textPlaceholder) !important;}
    .textWhite{color: var(--textWhite) !important;}
    .caution-box{padding:16px;border-radius:12px;border: 1px solid var(--borderColorCool);background-color: var(--backgroundColor04);}
    .caution-box .title{display: flex;align-items: center;font-size:17px;font-weight: 700;color: var(--textHeadline);}
    .caution-box .title::before{content: '';background: url("../images/common/caution_g.svg")no-repeat center/cover;margin-right:4px;width: 20px;height: 20px;display: inline-block;}
    .caution-box div.dot{display: flex;flex-direction: column;gap:8px;width: 100%;margin-top:12px;}
    .caution-box div.dot p{color: var(--textColor01);padding-left:13px;position:relative;}
    .caution-box div.dot p::before{content:'';background-color: var(--componentsDefault);width: 5px;height: 5px;border-radius: 50%;position: absolute;top:8px;left:0;min-width: 5px;}
    .caution-box div.dot p strong{}
    .caution-box div.dot a{font-weight: 700;text-decoration: underline;text-underline-offset: 2px;color: var(--primaryStrong);}
    .table{position: relative;padding-bottom:32px;}
    .table.borderbottom{border-bottom: 1px solid #E4E4E4;}
    .table.line{padding-top:47px;}
    .table.line:after{content:'';background-color: #F1F1F1;width: 100vw;max-width:500px;height: 15px;position: absolute;left:50%;transform: translateX(-50%);top: 0;}
    .table .table-head{color: var(--textColor);font-size:22px;font-weight: 600;padding:9px 0;border-bottom: 1px solid #000;}
    .table .table-head .pdf-down{display: flex;align-items: center;font-size:14px;color:#222;}
    .table .table-head .pdf-down:before{content:'';background: url("../images/common/down_icon.svg")no-repeat center/cover;width: 20px;height: 20px;display: inline-block;margin-right:4px;}
    .table .table-head .sign{display: inline-flex;align-items: center;justify-content: center;font-size:14px;color:#222;font-weight: 600;border-radius: 4px;background-color: #EEEFF3;padding:0 16px;line-height: 32px;}
    .table .table-body{padding-top:8px;}
    .table .table-body dl{padding:8px 0;display: flex;justify-content: space-between;}
    .table .table-body dl.column{flex-direction: column;}
    .table .table-body dl.column dd{margin-top:8px;}
    .table .table-body dl.column dd > div{align-items: flex-start;}
    .table .table-body dl dt{font-weight: 500;color: #666;}
    .table .table-body dl dd{}
    .table .table-body dl dd > div{color:#222;font-weight: 500;display: flex;align-items: center;}
    .table .table-body dl dd a.more{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;margin-left:4px;}
    .table .table-body dl dd a.more::before{content:'';background: url("../images/common/b_arrow_icon.svg")no-repeat center/cover;width: 24px;height: 24px;display: inline-block;}
    .table .table-body dl dd a.underline{text-decoration: underline;text-underline-offset: 2px;}
    .table .table-body dl dd .pending{color:#D1D1D1;}
    .table .table-body dl dd p.email{display: flex;align-items: center;}
    .table .table-body dl dd p.email::before{content:'';background: url("../images/common/email_icon.svg")no-repeat center left;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;margin-right: 4px;}
    .table .table-body dl dd p.email.apple:before{background-position: center left;}
    .table .table-body dl dd p.email.google:before{background-position: center left -24px;}
    .table .table-body dl dd p.email.naver:before{background-position: center left -48px;}
    .table .table-body dl dd p.email.kakao:before{background-position: center left -72px;}
    .table .table-body dl dd a.confirm{display: inline-flex;align-items: center;justify-content: center;background-color: #EEEFF3;border-radius: 6px;line-height: 30px;padding:0 16px;color:#444;font-size:14px;font-weight: 600;}
    .table .table-body .company-list{display: flex;flex-direction: column;width: 100%;gap:12px;}
    .table .table-body .company-list .none{color: #767676;font-weight: 500;padding-top:16px;}
    .table .table-body .company-list .item{position: relative;}
    .table .table-body .company-list .item.active > div{border: 2px solid var(--primaryColor);}

    .table .table-body .company-list .item > div{position: relative;padding:20px 20px 48px;border-radius: 16px;border:1px solid #C3C3C3;}
    .table .table-body .company-list .item > div .item-head{display: flex;align-items: center;justify-content: space-between;}
    .table .table-body .company-list .item > div .item-head > p{font-size:17px;font-weight: 500;color: #222;}
    .table .table-body .company-list .item > div .item-head > .etc{position: relative;}
    .table .table-body .company-list .item > div .item-head > .etc > a{display: flex;width: 24px;height: 24px;}
    .table .table-body .company-list .item > div .item-head > .etc > a::before{content:'';background: url("../images/common/etc_icon.svg")no-repeat center/cover;width: 24px;height: 24px;display: inline-block;}
  
    .table .table-body .company-list .item > div .item-head > .etc > .etc-list{position: absolute;right:calc(   0% - 12px);top:calc(100% + 12px);box-shadow: 0 2px 4px 3px rgba(55, 56, 60, 0.08);z-index: 2;background-color: #fff;border: 1px solid #DBDCDF;border-radius: 8px;display: none;}
    .table .table-body .company-list .item > div .item-head > .etc > .etc-list ul{}
    .table .table-body .company-list .item > div .item-head > .etc > .etc-list ul{padding:8px 0;}
    .table .table-body .company-list .item > div .item-head > .etc > .etc-list ul li a{display: flex;align-items: center;color: #5A5C63;font-weight: 500;font-size: 15px;padding:6px 16px;}
    .table .table-body .company-list .item > div .item-head > .etc > .etc-list ul li a:hover{background-color:#F4F7FE ;}
    .table .table-body .company-list .item > div .item-head > .etc > .etc-list ul li a.modify::before{content:'';background: url("../images/common/modify_icon.svg")no-repeat center/cover;width: 20px;height: 20px;display: inline-block;margin-right: 8px;;}
    .table .table-body .company-list .item > div .item-head > .etc > .etc-list ul li a.del::before{content:'';background: url("../images/common/del_icon.svg")no-repeat center/cover;width: 20px;height: 20px;display: inline-block;margin-right: 8px;;}
    .table .table-body .company-list .item  .more{position: absolute;left:50%;transform: translateX(-50%);bottom:12px;display: flex;}
    .table .table-body .company-list .item  .more a{display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;background: url("../images/common/more_icon.svg")no-repeat center/cover;transition: .25s;}
    .table .table-body .company-list .item.active  .more a{transform: rotate(180deg);}
    .table .flip{display: flex;align-items: center;justify-content: center;margin-top:32px;}
    .table .flip > a{font-size:15px;color: #767676;display: flex;align-items: center;}
    .table .flip > a:after{content:'';background: url("../images/common/fold_icon.png")no-repeat center/cover;display: inline-block;width: 24px;height: 24px;transition: .25s;}
    .table .flip > a.active:after{transform: rotate(180deg);}
    .table .withdraw{display: flex;justify-content: flex-end;}
    .table .withdraw > a{text-decoration: underline;text-underline-offset: 2px;font-weight: 500;color:#222;}
    .status-text{padding:12px 16px;background-color: #F2F2F2;border-radius: 12px;width: 100%;line-height: 1.4;}
/* library */
	.tal {text-align: left !important; }
	.tac {text-align: center !important}
	.tar {text-align: right !important; }
	.taj {text-align: justify !important; }
	.vam {vertical-align:middle !important;}
	.vat {vertical-align:top !important;}
	.vab {vertical-align:bottom !important;}
	.float_l {float: left; }
	.float_r {float: right; }
	.clear_b {clear: both; float: none; }
	.clear_r {clear: right; float: none;}
	.clear_l {clear: left; float: none;}
	.normal {font-weight: normal;}
	.block {display: block !important;}
	.block_i {display: inline-block !important;}
	.block_n {display: none !important;}
	.bold {font-weight: bold;}
	.deco_l{text-decoration:line-through;}
	.deco_u{text-decoration:underline;}
	.displaynone {display:none !important;}
	.displayflex {display:flex;align-items:center;}
	.displayflex-wrap {flex-wrap:wrap;}
	.displayflex-spw {display:flex;justify-content:space-between;align-items:center;}
	.displayflex-column {display:flex;justify-content:space-between;flex-direction: column;}
	.displayflex-align-start {align-items:flex-start !important;}
	.displayflex-align-end {align-items:flex-end !important;}
	.displayflex-flex-start {justify-content:flex-start !important;}
	.displayflex-flex-end {justify-content:flex-end !important;}
    .displayflex-full{display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.position-relative {position:relative !important;}
	.sticky {position:sticky !important;}
    .chk{display: flex;align-items: center;}
    .chk-area{display: flex;flex-direction: column;gap:16px;margin-top:24px;}
    .chkbox .view{display: inline-flex;color: #888888;font-size:14px;font-weight: 500;text-decoration: underline;text-underline-offset: 2px;}
    .label{color: var(--textColor02);font-size:15px;display: flex;align-items: center;}
    .label.require:after{content:'*';color: var(--primaryDefault);margin-left:4px;font-weight: 700;display: inline-block;}
    .cPrimary{color: var(--primaryColor);}
    .cGray{color: var(--subTextColor);}
    .cGray02{color: var(--CblueGray02);}
    .cRed{color: var(--redColor);}
    .w100p{width: 100% !important;}
    .h100p{height: 100% !important;}
	.f11 {font-size:11px !important;}
	.f12 {font-size:12px !important;}
	.f13 {font-size:13px !important;}
	.f14 {font-size:14px !important;}
	.f15 {font-size:15px !important;}
	.f16 {font-size:16px !important;}
	.f17 {font-size:17px !important;}
	.f18 {font-size:18px !important;}
	.f19 {font-size:19px !important;}
	.f20 {font-size:20px !important;}
	.f21 {font-size:21px !important;}
	.f22 {font-size:22px !important;}
	.f23 {font-size:23px !important;}
	.f24 {font-size:24px !important;}
	.f25 {font-size:25px !important;}
	.f26 {font-size:26px !important;}

    .fw100{font-weight: 100 !important; }
    .fw200{font-weight: 200 !important; }
    .fw300{font-weight: 300 !important; }
    .fw400{font-weight: 400 !important; }
    .fw500{font-weight: 500 !important; }
    .fw600{font-weight: 600 !important; }
    .fw700{font-weight: 700 !important; }
    .fw800{font-weight: 800 !important; }
    .fw900{font-weight: 900 !important; }

	.modal-backdrop{width:100%;height:100%;}

	/* div.disabled,
	p.disabled,
	span.disabled,
	ul.disabled,
	li.disabled,
	input.disabled,
	textarea.disabled {border-color:#E3E6E8 !important;background-color:#F5F5F5 !important;opacity:0.45 !important;} */
	.break-all{word-break:break-all !important;}

	*, :before, :after {box-sizing:border-box;word-break:keep-all;}
	/* :focus {outline-width:1px;border:0;outline-style:solid;outline-offset:0px;} */



/* page style */

	html, body{width:100%;margin:0;padding:0;min-width: 350px;max-width: 100%;min-height: 100%;height:100%;}
	body.layerPopScrFixed{overflow-y:hidden;}
    body{position:relative;}

	.ml5 {margin-left:0.3125rem !important;}
	.ml10 {margin-left:0.625rem !important;}
	.ml15 {margin-left:0.9375rem !important;}
	.ml20 {margin-left:1.25rem !important;}
	.ml40 {margin-left:2.5rem !important;}
	.ml60 {margin-left:3.75rem !important;}

	.mr0{margin-right:0 !important;}
	.mr5 {margin-right:0.3125rem !important;}
	.mr10 {margin-right:0.625rem !important;}
	.mr15 {margin-right:0.9375rem !important;}
	.mr20 {margin-right:1.25rem !important;}
	.mr60 {margin-right:3.75rem !important;}

	
	.mt0{margin-top:0 !important;}
	.mt5{margin-top:0.3125rem !important;}
	.mt10{margin-top:0.625rem !important;}
	.mt15{margin-top:0.9375rem !important;}
	.mt20{margin-top:1.25rem !important;}
	.mt25{margin-top:1.5625rem !important;}
	.mt30{margin-top:1.875rem !important;}
	.mt40{margin-top:2.5rem !important;}
	.mt60{margin-top:3.75rem !important;}
	.mt80{margin-top:5rem !important;}
	.mt100{margin-top:6.25rem !important;}

	.mb0{margin-bottom:0 !important;}
	.mb5{margin-bottom:0.3125rem !important;}
	.mb10{margin-bottom:0.625rem !important;}
	.mb20{margin-bottom:1.25rem !important;}
	.mb30{margin-bottom:1.875rem !important;}
	.mb40{margin-bottom:2.5rem !important;}

    .pl0{padding-left:0 !important;}
    .pl5 {padding-left:0.3125rem !important;}
	.pl10 {padding-left:0.625rem !important;}
	.pl15 {padding-left:0.9375rem !important;}
	.pl20 {padding-left:1.25rem !important;}
	.pl60 {padding-left:3.75rem !important;}

	.pr0{padding-right:0 !important;}
	.pr5 {padding-right:0.3125rem !important;}
	.pr10 {padding-right:0.625rem !important;}
	.pr15 {padding-right:0.9375rem !important;}
	.pr20 {padding-right:1.25rem !important;}
	.pr60 {padding-right:3.75rem !important;}

	
	.pt0{padding-top:0 !important;}
	.pt5{padding-top:0.3125rem !important;}
	.pt10{padding-top:0.625rem !important;}
	.pt20{padding-top:1.25rem !important;}
	.pt30{padding-top:1.875rem !important;}
	.pt40{padding-top:2.5rem !important;}

	.pb0{padding-bottom:0 !important;}
	.pb5{padding-bottom:0.3125rem !important;}
	.pb10{padding-bottom:0.625rem !important;}
	.pb20{padding-bottom:1.25rem !important;}
	.pb30{padding-bottom:1.875rem !important;}
	.pb40{padding-bottom:2.5rem !important;}

/* Link Style */
	a:link,
	a:visited{text-decoration:none; color:#121212;}
	a:hover{text-decoration:none; color:#121212;}
    /* .fade-up { opacity: 0; transform: translateY(40px); animation: fadeUp 0.6s ease forwards; } 
    .fade-left { opacity: 0; transform: translateX(-40px); animation: fadeLeft 0.6s ease forwards; } 
    .fade-right { opacity: 0; transform: translateX(40px); animation: fadeRight 0.6s ease forwards; } 
    .delay-1 { animation-delay: 0.2s; }
    .delay-2 { animation-delay: 0.4s; }
    .delay-3 { animation-delay: 0.6s; }
    .delay-4 { animation-delay: 0.8s; }
    .delay-5 { animation-delay: 1.0s; }
    .delay-6 { animation-delay: 1.2s; }
    .delay-7 { animation-delay: 1.4s; }
    .delay-8 { animation-delay: 1.6s; }
    .delay-9 { animation-delay: 1.8s; }
    .delay-10 { animation-delay: 2.0s; }
    .delay-11 { animation-delay: 2.2s; }
    @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }
    @keyframes fadeLeft { to { opacity: 1; transform: translateX(0); } }
    @keyframes fadeRight { to { opacity: 1; transform: translateX(0); } }
    @keyframes fadeDown { to { opacity: 1; transform: translateY(0); } } */

    .fade-up {
        opacity: 0;
        transition: 0.6s ease;
        transform: translateY(40px);
    }
    
    .fade-up.on {
        opacity: 1;
        transition: 0.6s ease;
        transform: translateY(0);
    }


input[type=checkbox]{ display:none; } 
input[type=checkbox].chkbox + label { font-size:14px; color:#222222; display:inline-flex; align-items:center; margin:0;font-weight: 500;} 
input[type=checkbox].chkbox + label:before { content:""; width:24px;min-width: 24px; height:24px; border:1px solid #58616A; border-radius:4px; overflow:hidden; margin-right:8px; } 
input[type=checkbox].chkbox:checked + label:before { background:var(--primaryDefault) url('../images/common/checkbox_icon.svg') no-repeat left -1px top -1px;width: 24px;height: 24px;border: 1px solid var(--primaryDefault);}
input[type=checkbox].chkbox:disabled + label:before{border: 1px solid #B1B8BE;background-color: #CDD1D5;}
input[type=checkbox].chkbox:disabled:checked + label:before{background-position: left -1px bottom -1px;}

input[type=checkbox].checkBox-switch + label { display: flex; align-items: center; position: relative; width: 40px; height: 24px; background-color: var(--backgroundColor03); border-radius: 1000px; overflow: hidden; } 
input[type=checkbox].checkBox-switch + label:before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 24px; background-color: transparent; border-radius: 18px; transition: .45s; } 
input[type=checkbox].checkBox-switch + label:after { content: ""; position: absolute; top: 50%; left: 2px; transform: translate(0,-50%); width: 20px; height: 20px; background:#fff url("../images/common/check_icon.svg")no-repeat center top; border-radius: 50%; transition: transform .45s ease; } 
input[type=checkbox].checkBox-switch:checked + label { border: 0px solid transparent; } 
input[type=checkbox].checkBox-switch:checked + label:before { width: 43px; background-color: var(--primaryDefault); } 
input[type=checkbox].checkBox-switch:checked + label:after { transform: translate(16px,-50%); border-color: #FFF;background-position: center bottom;} 


input[type=radio].radio.s-radio + label { font-size:14px; color:#222222; display:inline-flex; align-items:center; margin:0;position:relative;font-weight: 500;} 
input[type=radio].radio.s-radio + label:before{content:""; width:20px; height:20px; background:#fff; border:1px solid var(--borderColorDark); border-radius:50%; overflow:hidden; margin-right:8px; }
input[type=radio].radio.s-radio + label:after{content:"";width:10px;height:10px;border-radius:50%;position:absolute;background-color: transparent;left:5px;top:5px;}
input[type=radio].radio.s-radio:checked + label {color:#111111;font-weight: 500;} 


input[type=radio].radio { display:none; } 
input[type=radio].radio + label { font-size:14px; color:#222222; display:inline-flex; align-items:center; margin:0;position:relative;font-weight: 500;} 
input[type=radio].radio + label:before{content:""; width:24px; height:24px; background:#fff; border:1px solid var(--borderColorDark); border-radius:50%; overflow:hidden; margin-right:8px; }
input[type=radio].radio + label:after{content:"";width:12px;height:12px;border-radius:50%;position:absolute;background-color: transparent;left:6px;top:6px;}
input[type=radio].radio:checked + label {color:#111111;font-weight: 500;} 
input[type=radio].radio:checked + label:before { background:transparent;border-color: var(--primaryDefault); }
input[type=radio].radio:checked + label:after { background-color: var(--primaryDefault);}
input[type=radio].radio:disabled + label:before{border: 1px solid var(--backgroundColor03);background-color:var(--backgroundColor02);}
input[type=radio].radio:disabled:checked + label:before{background-position: center bottom;}
input[type=radio].radio:disabled:checked + label:after{background-color: var(--backgroundColor03);}




.overflow-y{overflow-y: auto;}
textarea.auto-resize{width:100%;resize:none;min-height: 2.875rem;overflow-y: hidden;border:1px solid #DFDFDF;border-radius:0.75rem;padding:0.8125rem 1.25rem;outline:none;font-size:1rem;}
.textarea-ip textarea.auto-resize{width:100%;resize:none;min-height:4.875rem;overflow-y: hidden;border:1px solid #DFDFDF;border-radius:0.75rem;padding:0.8125rem 1.25rem;outline:none;font-size:1rem;}
/* 셀렉트박스 디자인 */

/* 말줄임 : 1줄 */
.clamp-line1
,div.select-box-default-st span.selectText
{ overflow:hidden;display:block !important;display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all; }
/* 말줄임 : 2줄 */
.clamp-line2
{ overflow:hidden;display:block !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all; }
/* 말줄임 : 3줄 */
.clamp-line3
{ overflow:hidden;display:block !important;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all; }
.scroll-item {
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
    transform: translateY(50px);
}

.scroll-item.on {
    opacity: 1;
    transition: transform 1s ease, opacity 1s ease;
    transform: translateY(0);
}

#app{width: 100%;}

span.status{display: inline-flex;align-items: center;font-weight:600;font-size:14px;min-height:30px;padding:0 16px;justify-content: center;border-radius: 6px;}
.status--draft { background: #EEEFF3; color: #444444;border: 1px solid #EEEFF3; }
.status--submitted { background: #fff; color: #256EF4;border: 1px solid #256EF4; }
.status--approved { background: #487FEE; color: #fff;border: 1px solid #487FEE; }
.status--revision { background: #fff; color: #DE3412;border: 1px solid #DE3412; }
.status--canceled { background: #DE3412; color: #fff; border: 1px solid#DE3412;}
.status--payment-approved { background: #fff; color: #4CB777;border: 1px solid #4CB777; }
.status--completed { background: #4CB777; color: #fff;border: 1px solid #4CB777; }
.inner{width:100%;position:relative;margin:0 auto;max-width:1480px;padding:0 1.25rem;}
/* 달력 스타일 */
.calendar{display: flex;align-items: center;}
.calendar-wrap {width:10rem;border:1px solid #DFDFDF;border-radius: 0.75rem;position:relative;}
.calendar-wrap input[type=text].calendar-date {display:block;width:100%;height:2.875rem;color:#111;font-size:1rem;line-height:2.875rem;text-align:center;border:none;padding:0 1rem 0 3.25rem;background:url('../images/common/calendar-icon.svg') no-repeat left 1rem center;}
.calendar-wrap input[type=text].calendar-date::placeholder{color:#ccc;}
.calendar-wrap input[type=text].calendar-date:disabled{background-color: #F2F2F2;}
.ui-datepicker {width:15rem;}
.ui-widget.ui-widget-content {border:none;}
.ui-widget-header {border:0;background-color:#fff;border-bottom:none !important;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {width:1.75rem;height:1.75rem;display:flex;justify-content:center;align-items:center;}
.ui-datepicker .ui-datepicker-prev {top:50% !important;left:5px !important;transform:translate(0, -50%);}
.ui-datepicker .ui-datepicker-next {top:50% !important;right:5px !important;transform:translate(0, -50%);}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {position:relative;left:0;top:0;margin:0;width:1.25rem;height:1.25rem;}
.ui-datepicker .ui-datepicker-prev span {background:url('../images/common/calendar-arrow-icon.png') no-repeat left -1px center;}
.ui-datepicker .ui-datepicker-next span {background:url('../images/common/calendar-arrow-icon.png') no-repeat right -1px center;}
.ui-datepicker .ui-datepicker-title {font-size:15px;font-weight: 500;margin-bottom:12px;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{font-size:17px;font-weight: 600;}

.ui-datepicker-multi .ui-datepicker-group table{width: 100%;margin:0;}
.ui-datepicker-multi .ui-datepicker-group table thead{border-bottom: 1px solid #EAEBEF;}
.ui-datepicker-month{font-size:17px;font-weight: 600;margin-left:5px;}
.ui-datepicker-month:after{content:'월';font-size:15px;font-weight: 500;}

#calendar .ui-datepicker-week-end:first-child,
#calendar td.ui-datepicker-week-end:first-child a.ui-state-default {
color: #FF3B30;
}
#calendar-once .ui-datepicker-week-end:first-child,
#calendar-once td.ui-datepicker-week-end:first-child a.ui-state-default {
color: #FF3B30;
}

/* 토요일 - 텍스트 색상 */
#calendar .ui-datepicker-week-end:last-child,
#calendar td.ui-datepicker-week-end:last-child a.ui-state-default {
color: #487FEE;
}
#calendar-once .ui-datepicker-week-end:last-child,
#calendar-once td.ui-datepicker-week-end:last-child a.ui-state-default {
color: #487FEE;
}
.date-picker-wrap { position: relative; display: inline-block; width: 100%; } 
.calendar-layer { position: absolute; bottom: 0; left: 0; z-index: 1000; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; display: flex; align-items: flex-end; } 
.calendar-layer .wrap { background-color: #fff; width: 100%; padding: 30px 20px 20px; border-radius: 20px 20px 0 0; } 
.calendar-layer .cont{height:259px;}
.calendar-layer .cont::-webkit-scrollbar { width:6px; background-color:transparent; border-radius:10px; padding:0px } 
.calendar-layer .cont::-webkit-scrollbar-thumb { display: block; width: 6px; background-color: var(--CblueGray); border-radius: 10px; }
.calendar-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } 
.calendar-head h2 { font-size: 20px; font-weight: 700; } 
.calendar-head .close {display: flex;background: url("../images/common/close_icon.png")no-repeat center/cover;width: 24px;height: 24px;}
#calendar { display: flex; flex-direction: column;gap: 20px; } 

#calendar .ui-datepicker-group { width: auto; } 
.ui-widget.ui-widget-content { width: 100% !important; } 
#calendar .ui-datepicker-group + .ui-datepicker-group { border-top: none;margin-top:15px;}
.btn-area{display: flex;gap:8px;}
.btn-area .btn{width: 100%;}
.btn-wrap{position: absolute;padding:16px;width: 100%;bottom: 0;}
.btn-wrap .btn{width: 100%;}
.btn{transition:.25s;display: inline-flex;align-items: center;justify-content: center;line-height: 54px;padding:0 24px;color: var(--componentsStrong);background-color:#fff;border-radius: 8px;font-weight: 700;font-size:17px;cursor: pointer;border: 1px solid var(--borderColorLight);}
.btn.lSize{line-height: 46px;padding:0 16px;border-radius: 6px;font-size:16px;}
.btn.mSize{line-height: 38px;padding:0 12px;border-radius: 6px;font-size:15px;}
.btn.smSize{line-height: 30px;padding:0 8px;border-radius: 4px;font-size:15px;}
.btn.xsmSize{line-height: 26px;padding:0 8px;border-radius: 4px;font-size:15px;}
.btn.tSize{line-height: 22px;padding:0 8px;border-radius: 4px;font-size:15px;}
.btn.disabled{background-color: #F2F2F2;color: #767676;pointer-events: none;}
.btn.primaryDefault{background-color:var(--primaryDefault);border:1px solid var(--primaryDefault);color:#fff;}
.btn.primaryDefault.solid{background-color:#fff;border:1px solid var(--primaryStrong);color:var(--primaryDefault);}
.btn.primaryStrong{background-color:var(--primaryStrong);border:1px solid var(--primaryStrong);color:#fff;}
.btn.primaryStrong.solid{background-color:#fff;border:1px solid var(--primaryStrong);color:var(--primaryStrong);}
.btn.disable{background-color:var(--componentsDisable);border:1px solid var(--componentsDisable);color:#fff;cursor: default;}
.btn.disable.solid{background-color:var(--backgroundColor01);border:1px solid var(--borderColorDisable);color:var(--componentsDisable);cursor: default;}
.btn.secondaryDefault{background-color:var(--secondaryDefault);border:1px solid var(--secondaryDefault);color:#fff;}
.btn.secondaryDefault.solid{background-color:#fff;border:1px solid var(--secondaryDefault);color:var(--secondaryDefault);}
.btn.secondaryStrong{background-color:var(--secondaryStrong);border:1px solid var(--secondaryStrong);color:#fff;}
.btn.secondaryStrong.solid{background-color:#fff;border:1px solid var(--secondaryStrong);color:var(--secondaryStrong);}
.btn.tertiaryDefault{background-color:var(--backgroundColor01);border:1px solid var(--backgroundColor01);color:var(--componentsStrong);}
.btn.tertiaryDefault.solid{background-color:#fff;border:1px solid var(--borderColorLight);color:var(--componentsStrong);}
.btn.tertiaryStrong{background-color:var(--backgroundColor02);border:1px solid var(--backgroundColor02);color:var(--componentsStrong);}
.btn.tertiaryStrong.solid{background-color:#fff;border:1px solid var(--borderColorDefault);color:var(--componentsStrong);}



.ui-datepicker th {font-size:15px;font-weight:500;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {font-size:15px;text-align:center;border-radius:8px;background-color:#fff;border: 1px solid transparent;font-weight: 500;color:#222;margin:0 15px;} /* 날짜 기본 */
.ui-datepicker td span, .ui-datepicker td a {padding:0.4em 0.2em;}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {color:#000;font-weight:500;border-color:none;} /* 오늘 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {color:#fff !important;font-weight:500;border-color:#2489F3;background-color:#2489F3;} /* 선택한 날짜 */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {	background-image:inherit;}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {color:#C3C3C3;border-color:#ECEFF1;background-color:#FAFAFA;} /* 이전달,다음달 날짜 */

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
  display: none !important;
}
.file-area { display: flex; align-items: center; gap: 8px; position:relative; border-bottom:1px solid #E4E4E4; } 
.file-label { display: inline-flex; align-items: center; justify-content: flex-start; cursor: pointer; position: absolute; width: 100%; height: 100%; }
.file-label:before { content: ''; background: url("../images/common/file_icon.svg")no-repeat center/cover; width: 24px; height: 24px; display: inline-block; } 
.file-area input[type="text"] { flex: 1; padding-left:32px; }
.file-area input[type="text"]::placeholder{font-size:17px;font-weight: 500;color:#666;}


#container{display: flex;justify-content: center;width: 100%;min-height: 100%;}
#container.layerPopScrFixed{height:100%;}
/* 2025-10-02 메인 화면 height 조정  */
.w-main-content{
	max-width: 640px;
	box-shadow: -8px 0 20px rgba(0, 0, 0, 0.1);
	position: relative;
	width: 100%;
	min-height: 100%;
	overflow: auto;
	height: 100vh;
}
.w-main-content::-webkit-scrollbar{display: none;}
#container.layerPopScrFixed .w-main-content{overflow: hidden;}
#container.layerPopScrFixed .w-main-content main{height:100%;overflow-y: auto;}

/* 하단 버튼 숨김 */
#container:has(.w-main-content .gnb-menu.active) .footer-gnb{display: none;}
#container:has(.w-main-content > #contentWrap.active) .footer-gnb{display: none;}
#container:has(.w-main-content .main-contents .sub-content.fullscreen) .footer-gnb{display: none;}

/* 메인화면 메뉴화면(fullscreen)에서는 footer 숨김 */
#container:has(.w-main-content .main-contents .sub-content.fullscreen) .main-footer{display: none;}

/* 하단 버튼 보임 */
#container:has(.w-main-content .gnb-menu) .footer-gnb{display: block;}

/* 메인화면 메뉴 - 상단 헤더영역 숨김 */
#container > .w-main-content:has(.main-contents .sub-content.fullscreen) .nuri-txt {
	display: none;
}
#container > .w-main-content:has(.main-contents .sub-content.fullscreen) .header {
	display: none;
}
#container > .w-main-content:has(.main-contents .sub-content.fullscreen) .top-cover {
	display: none;
}

/* 설정화면 로그아웃버튼 숨김 (로그인 버튼이 살아 있으면) */
#container:has(.w-main-content > .header .header-menu > .login) .main-contents .mHome-section .sub-content > .wrap .no-login{display: none;}


/* 누리집 */
#container > .w-main-content .nuri-txt {
	height: 32px;
	background-color: #EDF1F5;
	padding: 8px 16px 8px 38px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 15px;
    line-height: 1;
}
#container > .w-main-content .nuri-txt > p {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#container > .w-main-content .nuri-txt::before {
	display: inline-flex;
    position: absolute;
    left: 8px;
    content: "";
    width: 24px;
    height: 16px;
    margin-right: 10px;
    background: url(../images/main/nuri.png) no-repeat center;
    background-size: contain;
}


.w-main-content main.--gray{background-color: var(--backgroundColor04);}
.w-main-content main::-webkit-scrollbar{display: none;}
.w-main-content main article{min-height: 100%;}
.contents-navigation { position: fixed; left: -250px; top: 0; width: 250px; height: 100%; background-color: #ffffff; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); transition: left 0.3s ease; z-index: 1000; padding: 20px 16px; box-sizing: border-box; } 
.contents-navigation.open { left: 0; } 
.contents-navigation > div { width: 100%; height: 100%; overflow-y: auto; } 
.contents-navigation ul { list-style: none; padding: 0; margin: 0; } 
.contents-navigation ul li { margin-bottom: 14px; } 
.contents-navigation ul li a { display: block; font-size: 16px; color: #333; text-decoration: none; font-weight: 500; padding: 8px 10px; border-radius: 4px; transition: background-color 0.2s ease, color 0.2s ease; } 
.contents-navigation ul li a:hover { background-color: var(--primaryLight); color: #fff; } 
.contents-navigation ul li a.active { background-color: var(--primaryLight); color: #fff; } 
.contents-navigation .toggle { position: absolute; top: 50%; transform: translateY(-50%); right: -32px; width: 32px; height: 60px; background-color:#fff; box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1); cursor: pointer; z-index: 1001; display: flex; align-items: center; border-radius: 0 10px 10px 0; } 
.contents-navigation .toggle:before { content:''; background: url('../images/common/b_arrow.svg') no-repeat center/cover; width: 32px; height: 32px; display: inline-block; } 
.contents-navigation.open .toggle:before { content:''; background: url('../images/common/b_arrow.svg') no-repeat center/cover; width: 32px; height: 32px; display: inline-block; transform: rotate(180deg); } 
 .contents-navigation > div::-webkit-scrollbar { width:6px; background-color:transparent; border-radius:10px; padding:0px } 
 .contents-navigation > div::-webkit-scrollbar-thumb { display: block; width: 6px; background-color: var(--CblueGray); border-radius: 10px; }
 .head-normal{position: sticky;top:0;background-color: #fff;z-index: 10;}
 .head-normal > div{display: flex;align-items: center;justify-content: space-between;min-height:var(--normalHeight);padding:0 20px;}
 .head-normal .back{display: flex;width: 24px;height: 24px;background: url("../images/common/header_back.svg")no-repeat center/cover;}
 .head-normal .head-menu > a{display: flex;width: 24px;height: 24px;background: url("../images/common/header_gnb.svg")no-repeat center/cover;}
 .head-normal h1{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-size:17px;color:var(--textHeadline);font-weight: 700;word-break: break-all;}

.gnb-menu{}    
.gnb-menu{ position: absolute; left:0; top:0; width:100%; height:100vh; background-color:#fff; z-index: 999; clip-path:polygon(0 0, 100% 0, 100% 0, 0 0); display: none; transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1)}
.gnb-menu.active { display: block;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.gnb-menu .menu-head{display: flex;align-items: center;justify-content: space-between;padding:16px 20px;height:64px;}
.gnb-menu .menu-head a.close{width: 24px;height: 24px;display: flex;background: url("../images/common/gnb_close.svg")no-repeat center/cover;}
.gnb-menu .menu-head > div{}
.gnb-menu .menu-head > div .logout{display: flex;align-items: center;gap:6px;}
.gnb-menu .menu-head > div .logout > a{font-weight: 700;text-decoration: underline;text-underline-offset: 2px;color: var(--primaryStrong);}
.gnb-menu .menu-head > div .logout > p{color: var(--textColor02);}
.gnb-menu .menu-head > div .login{display: flex;align-items: center;gap:8px;}
.gnb-menu .menu-head > div .login > p{font-weight: 700;color: var(--textColor01);}
.gnb-menu .menu-top{border-bottom:1px solid #E6E8EA;}
.gnb-menu .menu-top > ul{display: flex;padding:8px 0 16px;}
.gnb-menu .menu-top > ul > li{width: calc(100% / 4);}
.gnb-menu .menu-top > ul > li > a{display: flex;flex-direction: column;align-items: center;text-align: center;}
.gnb-menu .menu-top > ul > li > a .figure{background:url("../images/common/all_gnb_icon.svg")no-repeat left top;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;}
.gnb-menu .menu-top > ul > li:nth-child(1) > a .figure{background-position: left top;}
.gnb-menu .menu-top > ul > li:nth-child(2) > a .figure{background-position: left -20px top;}
.gnb-menu .menu-top > ul > li:nth-child(3) > a .figure{background-position: left -40px top;}
.gnb-menu .menu-top > ul > li:nth-child(4) > a .figure{background-position: left -60px top;}
.gnb-menu .menu-top > ul > li:nth-child(1).active > a .figure{background-position: left bottom;}
.gnb-menu .menu-top > ul > li:nth-child(2).active > a .figure{background-position: left -20px bottom;}
.gnb-menu .menu-top > ul > li:nth-child(3).active > a .figure{background-position: left -40px bottom;}
.gnb-menu .menu-top > ul > li:nth-child(4).active > a .figure{background-position: left -60px bottom;}
.gnb-menu .menu-top > ul > li > a p{font-size:15px;color:var(--textColor01);margin-top:4px;text-align: center;font-weight: 700;}
.gnb-menu .menu-top > ul > li.active > a p{color: var(--primaryDefault);}
.gnb-menu .menu-top .search-wrap{padding:0 12px 20px 20px;}
.gnb-menu .menu-body{display: flex;height: 100%;}

.gnb-menu .menu-body .l-menu{background-color: #FFEFE7;width: 136px;}
.gnb-menu .menu-body .l-menu > div{padding:8px;}
.gnb-menu .menu-body .l-menu > div > ul{}
.gnb-menu .menu-body .l-menu > div > ul > li{}
.gnb-menu .menu-body .l-menu > div > ul > li > a{font-weight: 700;color: var(--textHeadline);display: flex;align-items: center;padding:12px;position:relative;z-index: 3;}
.gnb-menu .menu-body .l-menu > div > ul > li > a.active{color: #fff;}
.gnb-menu .menu-body .l-menu > div > ul > li > a.active:before{content:'';position:absolute;background:var(--primaryGradient);box-shadow: var(--boxshadowType02);border-radius: 8px;z-index: -1;left:0;width: 138px;height: 100%;}
.gnb-menu .menu-body .r-menu{max-width: calc(100% - 136px);width: 100%;}
.gnb-menu .menu-body .r-menu .wrap{height: 100%;overflow-y: auto;}
.gnb-menu .menu-body .r-menu .item:last-child{padding:20px 20px 100px;}
.gnb-menu .menu-body .r-menu .item .menu-title {
	padding-bottom:12px;
    margin: 20px 20px 0;
	border-bottom:1px solid var(--backgroundColor02);
}
.gnb-menu .menu-body .r-menu .item .menu-title > h2{font-size:19px;font-weight: 700;color: var(--textHeadline);}
.gnb-menu .menu-body .r-menu .item ul{padding:8px 0;margin: 0 5px;}
.gnb-menu .menu-body .r-menu .item ul > li{
	padding:12px 15px;
	color: var(--textColor02);
	cursor: pointer;
}
.gnb-menu .menu-body .r-menu .item ul > li.active {
    background-color: #FFF7EF;
    border-radius: 8px;
    color: var(--primaryStrong);
    padding: 12px 15px;
}
.gnb-menu .menu-body .r-menu .item ul > li.active > .highlight {
    font-weight: 700;
}


.layer-popup{width: 100%;height:100%;position: absolute;left:0%;top:0;z-index: 101;background-color: #fff;transition: .45s;display: none;opacity: 0;}
.layer-popup.active{top:0;opacity: 1;}
.layer-popup .popup{height: 100%;width: 100%;}
.layer-popup .popup .popup-head{min-height: var(--normalHeight);padding:0 24px;display: flex;align-items: center;justify-content: flex-end;position:relative;}
.layer-popup .popup .popup-head h1{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-size:17px;color:var(--textHeadline);font-weight: 700;}
.layer-popup .popup .popup-head .close{display: flex;align-items: center;justify-content: center;background: url("../images/common/popup_close.svg")no-repeat center/cover;width: 24px;height: 24px;}
.layer-popup .popup .popup-body{
	overflow-y: auto;
	height: calc(100% - 56px);
	padding: 0 0 20px;
}
.layer-popup .popup .popup-body > .wrap{padding:24px 16px 16px;}
.layer-popup .popup .login-content{}
.layer-popup .popup .login-content > h1{font-size:28px;font-weight: 700;color: var(--textHeadline);}
.layer-popup .popup .login-content .login-service{margin-top:24px;}
.layer-popup .popup .login-content .login-service > h4{font-size:17px;font-weight: 700;color: var(--textHeadline);}
.layer-popup .popup .login-content .login-service > ul{margin-top:12px;display: flex;flex-wrap: wrap;gap:12px;}
.layer-popup .popup .login-content .login-service > ul > li{width: calc((100% / 2) - 6px);}
.layer-popup .popup .login-content .login-service > ul > li > a{display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--borderColorCool);border-radius: 8px;background-color: var(--backgroundColor04);gap:6px;height:104px;}
.layer-popup .popup .login-content .login-service > ul > li > a .figure{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;}
.layer-popup .popup .login-content .login-service > ul > li > a .figure::before{content:'';background: url("../images/common/login_list.svg")no-repeat top center;width: 32px;height: 32px;display: inline-block;}
.layer-popup .popup .login-content .login-service > ul > li:nth-child(1) > a .figure::before{background-position: top center;}
.layer-popup .popup .login-content .login-service > ul > li:nth-child(2) > a .figure::before{background-position: top -32px center;}
.layer-popup .popup .login-content .login-service > ul > li:nth-child(3) > a .figure::before{background-position: top -64px center;}
.layer-popup .popup .login-content .login-service > ul > li:nth-child(4) > a .figure::before{background-position: top -96px center;}
.layer-popup .popup .login-content .login-service > ul > li:nth-child(5) > a .figure::before{background-position: top -128px center;}
.layer-popup .popup .login-content .login-service > ul > li:nth-child(6) > a .figure::before{background-position: top -160px center;}
.layer-popup .popup .login-content .login-service > ul > li:nth-child(7) > a .figure::before{background-position: top -192px center;}

.layer-popup .popup .login-content .login-service > ul > li > a p{font-weight: 700;color: var(--textColor01);}

.layer-popup .popup .login-content .login-btn{border-top:1px solid var(--borderColorLight);padding-top:16px;margin-top:24px;}
.layer-popup .popup .login-content .login-btn h4{font-size:17px;font-weight: 700;color: var(--textHeadline);margin-bottom:16px;}
.layer-popup .popup .login-content .login-form{margin:24px 0;}
.layer-popup .popup .login-content .login-form .login-enter{display: flex;flex-direction: column;gap:16px;margin-bottom: 24px;}
.layer-popup .popup .login-content .login-form .login-menu{margin-top:16px;}
.layer-popup .popup .login-content .login-form .login-menu > div{display: flex;align-items: center;justify-content: center;}
.layer-popup .popup .login-content .login-form .login-menu > div a{position: relative;font-size:17px;color:var(--textColor02)}
.layer-popup .popup .login-content .login-form .login-menu > div a + a{margin-left:8px;padding-left:8px;}
.layer-popup .popup .login-content .login-form .login-menu > div a + a::before{content:'';background-color: var(--borderColorLight);width: 1px;height: 16px;position: absolute;left:0;top:50%;transform: translateY(-50%);}


.layer-popup .popup .certified-list{
	position: relative;
} 
.layer-popup .popup .certified-list .none{display: flex;flex-direction: column;align-items: center;justify-content: center;gap:12px;padding:25px 0;}
.layer-popup .popup .certified-list .none .figure{max-width: 31px;}
.layer-popup .popup .certified-list .none p{text-align: center;color: var(--textCaution);font-size:13px;}
.layer-popup .popup .certified-list .item{padding:0 0 32px;display: flex;flex-direction: column;width: 100%;gap:12px;}
.layer-popup .popup .certified-list .item .card{}
.layer-popup .popup .certified-list .item .card > div{padding:24px 20px;border: 1px solid var(--borderColorLight);border-radius: 12px;}
.layer-popup .popup .certified-list .item .card > div .info{display: flex;align-items: center;gap:4px;}
.layer-popup .popup .certified-list .item .card > div .info .figure{max-width: 52px;}
.layer-popup .popup .certified-list .item .card > div .info .text-a{}
.layer-popup .popup .certified-list .item .card > div .info .text-a p.t1{font-size:15px;font-weight: 700;color: var(--textColor02);}
.layer-popup .popup .certified-list .item .card > div .info .text-a p.t2{
	font-size:19px;
	font-weight: 700;
	color: var(--textHeadline);
	margin-top:2px;
	/* 글자가 긴 경우 한줄로 ... 표시 */
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
}
.layer-popup .popup .certified-list .item .card > div .date{margin-top:16px;display: flex;align-items: center;gap:16px;}
.layer-popup .popup .certified-list .item .card > div .date > div{display: flex;align-items: center;gap:6px;font-size:13px;color: var(--textColor02);}
.layer-popup .popup .certified-list .item .card.disabled > div{}
.layer-popup .popup .certified-list .item .card.disabled > div{padding:24px 20px;border: 1px solid var(--borderColorLight);border-radius: 12px;background-color: var(--backgroundColor01);}
.layer-popup .popup .certified-list .item .card.disabled > div .info{display: flex;align-items: center;gap:4px;}
.layer-popup .popup .certified-list .item .card.disabled > div .info .figure{max-width: 52px;}
.layer-popup .popup .certified-list .item .card.disabled > div .info .text-a{}
.layer-popup .popup .certified-list .item .card.disabled > div .info .text-a p.t1{font-size:15px;font-weight: 700;color: var(--textPlaceholder);}
.layer-popup .popup .certified-list .item .card.disabled > div .info .text-a p.t2{font-size:19px;font-weight: 700;color: var(--textPlaceholder);margin-top:2px;}
.layer-popup .popup .certified-list .item .card.disabled > div .date{margin-top:16px;display: flex;align-items: center;gap:16px;}
.layer-popup .popup .certified-list .item .card.disabled > div .date > div{display: flex;align-items: center;gap:6px;font-size:13px;color: var(--textColor02);}
.layer-popup .popup .certified-list .item .card.disabled > div .date > div.end-date span{color: var(--statusDanger02);}
.layer-popup .popup .btn-wrap{left:0;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%)}

/* .layer-popup.alert .popup .popup-head{display:none;} */
.layer-popup.alert .popup .popup-head h1{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	font-size:17px;
	color:var(--textHeadline);
	font-weight: 700;
	width: 100%;
}
.layer-popup.alert .popup{height: 100%;background-color: #fff;max-width: 320px;border-radius: 12px;height:auto;text-align: left;width: 100%;margin: 0 20px;}
.layer-popup.alert .popup .popup-body{padding:20px;}
.layer-popup.alert .popup .popup-body .wrap{gap:0;padding:0;}
.layer-popup.alert .popup .popup-body .alert-text{color: var(--textColor01);font-size:17px;font-weight: 400;line-height: 1.4;text-align: left;}
.layer-popup.alert .popup .popup-body .alert-btn{display: flex;justify-content: flex-end;margin-top:24px;gap:8px;}
.layer-popup.alert .popup .popup-body .alert-btn button{min-width: 80px;}


.layer-popup.alert { position: fixed; left: 0; top: 100%; width: 100%; height: 100%; z-index: 101; background-color: rgba(0,0,0,0); display: none; justify-content: center; align-items: center; opacity: 0; transition: top .35s ease, opacity .55s ease, background-color .65s ease; } 
/* 2025-10-02 팝업 z-index 추가 */
.layer-popup.alert.active {
	top: 0;
	opacity: 1;
	background-color: rgba(0,0,0,0.75);
	z-index: 1000;
} 
.layer-popup.alert .popup { background-color: #fff; max-width: 300px; border-radius: 12px; text-align: center; width: 100%; margin: 0 24px; transform: translateY(40px); opacity: 0; transition: transform .35s ease, opacity .55s ease; } 
.layer-popup.alert.active .popup { transform: translateY(0); opacity: 1; } 

.date-picker-wrap{}
.date-picker-wrap .picker-input{}
.date-picker-wrap .picker-input .line{margin:0 12px;color: #6C7682;}
.date-picker-wrap .picker-input .input-area{position:relative;}
.date-picker-wrap .picker-input .input-area input{min-width: auto;padding-right:24px;}
.date-picker-wrap .picker-input .input-area.calendar-input:before{content:'';background: url("../images/common/calendar_icon.svg")no-repeat center/cover;width: 24px;height: 24px !important;position: absolute;right:0;top:50%;transform: translateY(-50%);}

.input-group{position:relative;z-index: 1;display: flex;flex-direction: column;width: 100%;gap:6px;}
.input-group{}
.header {
	height: var(--headerHeight);
	position: absolute;
	width: 100%;
	left:0;
	top:32px;
	z-index: 100;
}
.header > div{height: 100%;display: flex;align-items: center;justify-content: space-between;padding:20px;}
.header > div .header-menu{gap:6px;display: flex;align-items: center;}
.header > div .header-menu .all-menu{}
.header > div .header-menu .all-menu::before{content:'';background: url("../images/common/all_menu_icon.svg")no-repeat center/cover;width: 16px;height: 16px;display: inline-block;margin-right: 4px;}
.header > div .header-menu .alarem{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;}
.header > div .header-menu .alarem::before{content:'';background: url("../images/common/alarem_icon.svg")no-repeat top center;width: 24px;height: 24px;display: inline-block;}
.header > div .header-menu .alarem.active::before{background-position: bottom center;}
.footer-gnb{position:fixed;left:50%;transform:translateX(-50%);width: 100%;bottom: 0;max-width:640px;border-top:1px solid #D9D9D9;box-shadow: 2px 0 10px rgba(0,0,0,0.05);height:var(--footerHeight);z-index: 100;background-color: #fff;}
.footer-gnb > ul{display: flex;align-items: center;height:100%;}
.footer-gnb > ul > li{width: calc(100% / 4);position: relative;height:100%;}
.footer-gnb > ul > li > a{display: flex;flex-direction: column;align-items: center;gap:4px;height: 100%;justify-content: center;}
.footer-gnb > ul > li > a .figure{display: flex;width: 24px;height: 24px;}
.footer-gnb > ul > li > a .figure::before{content:'';background: url("../images/common/footer_icon.svg")no-repeat left top;width: 24px;height: 24px;display: inline-block;}
.footer-gnb > ul > li:nth-child(1) > a .figure:before{background-position: left top;}
.footer-gnb > ul > li:nth-child(2) > a .figure:before{background-position: left -24px top;}
.footer-gnb > ul > li:nth-child(3) > a .figure:before{background-position: left -48px top;}
.footer-gnb > ul > li:nth-child(4) > a .figure:before{background-position: left -72px top;}
.footer-gnb > ul > li.active:nth-child(1) > a .figure:before{background-position: left bottom;}
.footer-gnb > ul > li.active:nth-child(2) > a .figure:before{background-position: left -24px bottom;}
.footer-gnb > ul > li.active:nth-child(3) > a .figure:before{background-position: left -48px bottom;}
.footer-gnb > ul > li.active:nth-child(4) > a .figure:before{background-position: left -72px bottom;}
.footer-gnb > ul > li > a > p{font-size:13px;font-weight: 700;color: var(--textCaution);}
.footer-gnb > ul > li.active > a > p{color: var(--primaryDefault);}
.footer-gnb > ul > li .font-depth{position: absolute;right:16px;bottom:calc(100% + 20px);display: none;}
.footer-gnb > ul > li .font-depth > div{background-color: #fff;padding:8px;border-radius: 8px;border: 1px solid var(--borderColorLight);min-width: 134px;position:relative;box-shadow: var(--boxshadowType02);}
.footer-gnb > ul > li .font-depth > div::before { content: ""; position: absolute; right: 18px; bottom: -12px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 12px solid var(--borderColorLight); } 
 .footer-gnb > ul > li .font-depth > div::after { content: ""; position: absolute; right: 19px; bottom: -11px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 11px solid #fff; } 

.footer-gnb > ul > li .font-depth > div .list{}
.footer-gnb > ul > li .font-depth > div .list > ul{}
.footer-gnb > ul > li .font-depth > div .list > ul > li{}
.footer-gnb > ul > li .font-depth > div .list > ul > li > a{display: flex;align-items: center;padding:0 16px;border-radius: 6px;min-height: 48px;font-size:17px;color: var(--textColor02);white-space: nowrap;}
.footer-gnb > ul > li .font-depth > div .list > ul > li > a:before{content:'';background: url("../images/common/font_icon.svg")no-repeat bottom center;width: 26px;height: 26px;display: inline-block;margin-right: 8px;}
.footer-gnb > ul > li .font-depth > div .list > ul > li:nth-child(1) > a:before{width: 22px;height: 22px;background: url("../images/common/font_icon.svg")no-repeat bottom center/22px 44px;}
.footer-gnb > ul > li .font-depth > div .list > ul > li:nth-child(2) > a:before{width: 24px;height: 24px;background: url("../images/common/font_icon.svg")no-repeat bottom center/24px 48px;}
.footer-gnb > ul > li .font-depth > div .list > ul > li:nth-child(3) > a:before{width: 26px;height: 26px;background: url("../images/common/font_icon.svg")no-repeat bottom center/26px 52px;}
.footer-gnb > ul > li .font-depth > div .list > ul > li:nth-child(4) > a:before{width: 28px;height: 28px;background: url("../images/common/font_icon.svg")no-repeat bottom center/28px 56px;}
.footer-gnb > ul > li .font-depth > div .list > ul > li:nth-child(5) > a:before{width: 30px;height: 30px;background: url("../images/common/font_icon.svg")no-repeat bottom center/30px 60px;}
.footer-gnb > ul > li .font-depth > div .list > ul > li.active > a:before{background-position: top center;}
.footer-gnb > ul > li .font-depth > div .list > ul > li.active > a{font-weight: 700;color: var(--primaryStrong);background-color:#FFEFE7;}
.footer-gnb > ul > li .font-depth > div .reset{}
.footer-gnb > ul > li .font-depth > div .reset > a{display: flex;align-items: center;justify-content: center;height:48px;font-size:17px;color: var(--textColor02);border-top:1px solid var(--borderColorLight);}
.footer-gnb > ul > li .font-depth > div .reset > a::before{content:'';background: url("../images/common/reset_icon.svg")no-repeat;width: 20px;height: 20px;display: inline-block;margin-right:4px;}
.top-cover{position: relative;width: 100%;height:0;padding-bottom: 225px;}
.top-cover::before{content:'';background: url("../images/common/cover_bg.jpg")no-repeat center/cover;width: 100%;height: 100%;position: absolute;z-index: -1;}
.top-cover .text{position: absolute;left:20px;bottom: 75px;}
.top-cover .text p + p{margin-top:5px;}
@media only screen and (max-width: 640px){
    #container .left-content{display: none;}
    .w-main-content{max-width: 100%;box-shadow: none;}
    .ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default,
	.ui-button, html .ui-button.ui-state-disabled:hover,
	html .ui-button.ui-state-disabled:active {margin:0 1.6667vw;} 
}

/* 2025-10-02 메인 로딩바 스타일 적용 */
/*Prealoder*/
#container > .preloader {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999;
  transition: all 200ms ease;
  background-color: rgba(255, 255, 255, 0.4);
}
#container > .preloader .spinner-border {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  z-index: 99999;
}

#container > .preloader-hide {
  opacity: 0;
  pointer-events: none;
  transition: all 150ms ease !important;
  z-index: 99999;
}

.color-highlight {
  color: var(--primaryStrong); !important;
}


/* 메인화면 공지사항 - start */
/* 그레이아웃 배경 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7); /* 투명한 검정 배경 */
    display: block; /* 기본적으로 나타남 none 처리시 사라짐이 initailized되는것 */
    z-index: 100000; /* 팝업 뒤에 표시 */
	font-family: 'Noto Sans KR', sans-serif;
}

.popupimg {
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);			
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 1000; /* 그레이아웃 배경보다 위에 표시 */
	display: block; /* 기본적으로 나타남 none 처리시 사라짐이 initailized되는것 */
	width: 96%;
	display: flex;
	justify-content: center;
}
.popupimg img {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 800px;
}

.bg-theme {
	background-color: #080808;
	background-image: url(애도103.png);
	background-size: 100%;
	background-position: center 0;	
	background-repeat: no-repeat;
}
.btn-pops {
	font-size: 13px;
	background-color: #333;
	color: #fff;
	border-top: 1px solid #5f5f5f;
	width: 100%;
	text-align: right;
	padding: 8px;
	bottom: 0;			
}

.pos-r {
	position: relative;
}
.pos-a {
	position: absolute;
}
/* 메인화면 공지사항 - end */



/* 주소검색 팝업 - start */
.popup-search-address {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 999;
    display: none;
}
.popup-search-address .menu-head{display: flex;align-items: center;justify-content: space-between;padding:16px 20px;height:64px;}
.popup-search-address .menu-head a.close{width: 24px;height: 24px;display: flex;background: url("../images/common/gnb_close.svg")no-repeat center/cover;}
.popup-search-address .menu-head > .title{width:100%}
.popup-search-address .menu-head > .title > p{font-weight: 700;color: var(--textColor01);text-align: center;}
.popup-search-address .menu-body > iframe.content {
	border:none;
	height:100vh;
	width:100%;
}
/* 주소검색 팝업 - end */



/* 본인인증 팝업 - start */
.popup-check-plus {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 999;
    display: none;
}
.popup-check-plus .menu-head{display: flex;align-items: center;justify-content: space-between;padding:16px 20px;height:64px;}
.popup-check-plus .menu-head a.close{width: 24px;height: 24px;display: flex;background: url("../images/common/gnb_close.svg")no-repeat center/cover;}
.popup-check-plus .menu-head > .title{width:100%}
.popup-check-plus .menu-head > .title > p{font-weight: 700;color: var(--textColor01);text-align: center;}
.popup-check-plus .menu-body > iframe.content {
	border:none;
	height:100vh;
	width:100%;
}
/* 본인인증 팝업 - end */


/* 스피너 스타일 (bootstrap.min.css 스타일 참조) */
@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.spinner-border{
	display:inline-block;
	width:2rem;
	height:2rem;
	vertical-align:text-bottom;
	border:.25em solid currentColor;
	border-right-color:transparent;
	border-radius:50%;
	-webkit-animation:spinner-border .75s linear infinite;
	animation:spinner-border .75s linear infinite
}