@charset "utf-8";
@import url("/theme/v1/resources/css/view/layout/layout.css");

:root {
	--color-primary:#0155dc;
	--color-secondary:#112fc1;
	--color-tertiary:#0a24c9;
	--color-success:#008a1e;
	--color-danger:#eb003b;
	--color-warning:#ffb724;
	--color-info:#2768ff;
	--color-black:#000000;
	--color-dark:#222222;
	--color-gray01:#616161;
	--color-gray03:#cbcbcb;
	--color-gray04:#e5e5e5;
	--color-light:#f5f5f5;
	--color-white:#ffffff;
	--font-color-primary:#0155dc;
	--font-color-secondary:#112fc1;
	--font-color-tertiary:#0a24c9;
	--font-color-success:#006e18;
	--font-color-danger:#d50136;
	--font-color-warning:#98690a;
	--font-color-info:#1f53cc;
	--font-color-black:#000000;
	--font-color-dark:#222222;
	--font-color-gray01:#616161;
	--font-color-gray03:#cbcbcb;
	--font-color-gray04:#e5e5e5;
	--font-color-light:#f5f5f5;
	--font-color-white:#ffffff;
	--border-color-primary:#0155dc;
	--border-color-secondary:#112fc1;
	--border-color-tertiary:#0a24c9;
	--border-color-success:#008a1e;
	--border-color-danger:#eb003b;
	--border-color-warning:#ffb724;
	--border-color-info:#2768ff;
	--border-color-black:#000000;
	--border-color-dark:#222222;
	--border-color-gray01:#616161;
	--border-color-gray03:#cbcbcb;
	--border-color-gray04:#e5e5e5;
	--border-color-light:#f5f5f5;
	--border-color-white:#ffffff;
	--dim-color-black:rgba(0,0,0,0.2);
	--shadow-color-black:rgba(0,0,0,0.1);
	--shadow-color-secondary:rgba(17,47,193,0.25);
}

.blind {position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0);}
.lock {overflow:hidden; touch-action:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* padding */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
@media screen and (max-width:767px) {
	.pt10 {padding-top:5px;}
	.pt20 {padding-top:10px;}
	.pt30 {padding-top:15px;}
	.pt40 {padding-top:20px;}
	.pt50 {padding-top:25px;}
	.pt60 {padding-top:30px;}
	.pt70 {padding-top:35px;}
	.pt80 {padding-top:40px;}
	.pt90 {padding-top:45px;}
	.pt100 {padding-top:50px;}
	.pr10 {padding-right:5px;}
	.pr20 {padding-right:10px;}
	.pr30 {padding-right:15px;}
	.pr40 {padding-right:20px;}
	.pr50 {padding-right:25px;}
	.pr60 {padding-right:30px;}
	.pr70 {padding-right:35px;}
	.pr80 {padding-right:40px;}
	.pr90 {padding-right:45px;}
	.pr100 {padding-right:50px;}
	.pb10 {padding-bottom:5px;}
	.pb20 {padding-bottom:10px;}
	.pb30 {padding-bottom:15px;}
	.pb40 {padding-bottom:20px;}
	.pb50 {padding-bottom:25px;}
	.pb60 {padding-bottom:30px;}
	.pb70 {padding-bottom:35px;}
	.pb80 {padding-bottom:40px;}
	.pb90 {padding-bottom:45px;}
	.pb100 {padding-bottom:50px;}
	.pl10 {padding-left:5px;}
	.pl20 {padding-left:10px;}
	.pl30 {padding-left:15px;}
	.pl40 {padding-left:20px;}
	.pl50 {padding-left:25px;}
	.pl60 {padding-left:30px;}
	.pl70 {padding-left:35px;}
	.pl80 {padding-left:40px;}
	.pl90 {padding-left:45px;}
	.pl100 {padding-left:50px;}
}

/* margin */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-left:100px;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
@media screen and (max-width:767px) {
	.mt10 {margin-top:5px;}
	.mt20 {margin-top:10px;}
	.mt30 {margin-top:15px;}
	.mt40 {margin-top:20px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt70 {margin-top:35px;}
	.mt80 {margin-top:40px;}
	.mt90 {margin-top:45px;}
	.mt100 {margin-top:50px;}
	.mr10 {margin-right:5px;}
	.mr20 {margin-right:10px;}
	.mr30 {margin-right:15px;}
	.mr40 {margin-right:20px;}
	.mr50 {margin-right:25px;}
	.mr60 {margin-right:30px;}
	.mr70 {margin-right:35px;}
	.mr80 {margin-right:40px;}
	.mr90 {margin-right:45px;}
	.mr100 {margin-left:50px;}
	.mb10 {margin-bottom:5px;}
	.mb20 {margin-bottom:10px;}
	.mb30 {margin-bottom:15px;}
	.mb40 {margin-bottom:20px;}
	.mb50 {margin-bottom:25px;}
	.mb60 {margin-bottom:30px;}
	.mb70 {margin-bottom:35px;}
	.mb80 {margin-bottom:40px;}
	.mb90 {margin-bottom:45px;}
	.mb100 {margin-bottom:50px;}
	.ml10 {margin-left:5px;}
	.ml20 {margin-left:10px;}
	.ml30 {margin-left:15px;}
	.ml40 {margin-left:20px;}
	.ml50 {margin-left:25px;}
	.ml60 {margin-left:30px;}
	.ml70 {margin-left:35px;}
	.ml80 {margin-left:40px;}
	.ml90 {margin-left:45px;}
	.ml100 {margin-left:50px;}
}

/* font family */
.txt-gs {font-family:canada-type-gibson,sans-serif!important;}
.txt-sd {font-family:scandia-web,sans-serif!important;}
.txt-pt {font-family:"Pretendard",sans-serif!important;}

/* font size */
.txt-10 {font-size:1rem!important;}
.txt-12 {font-size:1.2rem!important;}
.txt-14 {font-size:1.4rem!important;}
.txt-15 {font-size:1.5rem!important;}
.txt-16 {font-size:1.6rem!important;}
.txt-18 {font-size:1.8rem!important;}
.txt-20 {font-size:2rem!important;}
.txt-22 {font-size:2.2rem!important;}
.txt-24 {font-size:2.4rem!important;}
.txt-25 {font-size:2.5rem!important;}
.txt-26 {font-size:2.6rem!important;}
.txt-28 {font-size:2.8rem!important;}
.txt-30 {font-size:3rem!important;}
.txt-32 {font-size:3.2rem!important;}
.txt-34 {font-size:3.4rem!important;}
.txt-36 {font-size:3.6rem!important;}
.txt-38 {font-size:3.8rem!important;}
.txt-40 {font-size:4rem!important;}
.txt-42 {font-size:4.2rem!important;}
.txt-44 {font-size:4.4rem!important;}
.txt-46 {font-size:4.6rem!important;}
.txt-48 {font-size:4.8rem!important;}
.txt-50 {font-size:5rem!important;}
.txt-52 {font-size:5.2rem!important;}
.txt-54 {font-size:5.4rem!important;}
.txt-56 {font-size:5.6rem!important;}
.txt-58 {font-size:5.8rem!important;}
.txt-60 {font-size:6rem!important;}
.txt-70 {font-size:7rem!important;}
.txt-80 {font-size:8rem!important;}
.txt-90 {font-size:9rem!important;}
.txt-100 {font-size:10rem!important;}
.txt-160 {font-size:16rem!important;}
.txt-165 {font-size:16.5rem!important;}
.txt-186 {font-size:18.6rem!important;}
@media screen and (max-width:767px){
	.txt-20 {font-size:1rem!important;}
	.txt-40 {font-size:2rem!important;}
	.txt-42 {font-size:2.1rem!important;}
	.txt-44 {font-size:2.2rem!important;}
	.txt-46 {font-size:2.3rem!important;}
	.txt-48 {font-size:2.4rem!important;}
	.txt-50 {font-size:2.5rem!important;}
	.txt-52 {font-size:2.6rem!important;}
	.txt-54 {font-size:2.7rem!important;}
	.txt-56 {font-size:2.8rem!important;}
	.txt-58 {font-size:2.9rem!important;}
	.txt-60 {font-size:3rem!important;}
	.txt-70 {font-size:3.5rem!important;}
	.txt-80 {font-size:4rem!important;}
	.txt-90 {font-size:4.5rem!important;}
	.txt-100 {font-size:5rem!important;}
}

/* font weight */
.txt-th {font-weight:100;}
.txt-el {font-weight:200;}
.txt-l {font-weight:300;}
.txt-r {font-weight:400;}
.txt-m {font-weight:500;}
.txt-sb {font-weight:600;}
.txt-b {font-weight:700;}
.txt-eb {font-weight:800;}
.txt-bl {font-weight:900;}

/* font style */
.txt-italic {font-style:italic;}

/* text align */
.txt-left {text-align:left!important;}
.txt-center {text-align:center!important;}
.txt-right {text-align:right!important;}

/* font color */
.txt-primary {color:var(--font-color-primary);}
.txt-secondary {color:var(--font-color-secondary);}
.txt-secondary {color:var(--font-color-secondary);}
.txt-success {color:var(--font-color-success);}
.txt-danger {color:var(--font-color-danger);}
.txt-warning {color:var(--font-color-warning);}
.txt-info {color:var(--font-color-info);}
.txt-black {color:var(--font-color-black);}
.txt-dark {color:var(--font-color-dark)!important;}
.txt-gray01 {color:var(--font-color-gray01);}
.txt-gray02 {color:var(--font-color-gray02);}
.txt-gray03 {color:var(--font-color-gray03);}
.txt-gray04 {color:var(--font-color-gray04);}
.txt-light {color:var(--font-color-light);}
.txt-white {color:var(--font-color-white);}

/* background color */
.bg-primary {background-color:var(--color-primary);}
.bg-secondary {background-color:var(--color-secondary);}
.bg-success {background-color:var(--color-success);}
.bg-danger {background-color:var(--color-danger);}
.bg-warning {background-color:var(--color-warning);}
.bg-info {background-color:var(--color-info);}
.bg-black {background-color:var(--color-black);}
.bg-dark {background-color:var(--color-dark);}
.bg-gray01 {background-color:var(--color-gray01);}
.bg-gray02 {background-color:var(--color-gray02);}
.bg-gray03 {background-color:var(--color-gray03);}
.bg-gray04 {background-color:var(--color-gray04);}
.bg-light {background-color:var(--color-light);}
.bg-white {background-color:var(--color-white);}

/* border position */
.bd {border:1px solid;}
.bd-top {border-top:1px solid;}
.bd-right {border-right:1px solid;}
.bd-bottom {border-bottom:1px solid;}
.bd-left {border-left:1px solid;}

/* border color */
.bd-primary {border-color:var(--color-primary);}
.bd-secondary {border-color:var(--color-secondary);}
.bd-success {border-color:var(--color-success);}
.bd-danger {border-color:var(--color-danger);}
.bd-warning {border-color:var(--color-warning);}
.bd-info {border-color:var(--color-info);}
.bd-black {border-color:var(--color-black);}
.bd-dark {border-color:var(--color-dark);}
.bd-gray01 {border-color:var(--color-gray01);}
.bd-gray02 {border-color:var(--color-gray02);}
.bd-gray03 {border-color:var(--color-gray03);}
.bd-gray04 {border-color:var(--color-gray04);}
.bd-light {border-color:var(--color-light);}
.bd-white {border-color:var(--color-white);}

.deco-bg {display:inline-block; padding:10px 30px; background-color:#0000b1;}
@media screen and (max-width:1023px){
	.deco-bg {padding:0; line-height:1;}
}

/* border radius */
.bd-10 {border-radius:10px;}
.bd-15 {border-radius:15px;}
.bd-20 {border-radius:20px;}
.bd-25 {border-radius:25px;}
.bd-30 {border-radius:30px;}
@media screen and (max-width:767px) {
	.bd-10 {border-radius:5px;}
	.bd-15 {border-radius:8px;}
	.bd-20 {border-radius:10px;}
	.bd-25 {border-radius:12px;}
	.bd-30 {border-radius:15px;}
}

/* icon */
i {position:relative; display:inline-block; vertical-align:middle; transition:all 0.3s ease;}
i.ico-arr {width:16px; height:16px;}
i.ico-arr::before,
i.ico-arr::after {content:""; position:absolute; height:1px; background-color:var(--color-dark);}
i.ico-arr-bold::before,
i.ico-arr-bold::after {content:""; position:absolute; height:2px; background-color:var(--color-dark);}
i.ico-arr-sm {width:18px; height:18px; margin-left:20px; margin-right:-10px;}
i.ico-arr-sm::before,
i.ico-arr-sm::after {width:6px;}
i.ico-arr-sm.ico-arr-top::before {top:calc(50% - 2px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-sm.ico-arr-top::after {top:calc(50% + 2px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-sm.ico-arr-bottom::before {top:50%; left:calc(50% - 3px); transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-sm.ico-arr-bottom::after {top:50%; left:calc(50% + 2px); transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-sm.ico-arr-left::before {top:calc(50% - 2px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-sm.ico-arr-left::after {top:calc(50% + 2px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-sm.ico-arr-right::before {top:calc(50% - 2px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-sm.ico-arr-right::after {top:calc(50% + 2px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-lg {width:28px; height:28px; margin-left:20px; margin-right:-15px;}
i.ico-arr-lg::before,
i.ico-arr-lg::after {width:8px;}
i.ico-arr-lg.ico-arr-top::before {top:calc(50% - 3px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-lg.ico-arr-top::after {top:calc(50% + 3px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-lg.ico-arr-bottom::before {top:50%; left:calc(50% - 3px); transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-lg.ico-arr-bottom::after {top:50%; left:calc(50% + 3px); transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-lg.ico-arr-left::before {top:calc(50% - 3px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-lg.ico-arr-left::after {top:calc(50% + 3px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-lg.ico-arr-right::before {top:calc(50% - 2px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-lg.ico-arr-right::after {top:calc(50% + 3px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-xl {width:25px; height:25px; margin-left:20px; margin-right:-10px;}
i.ico-arr-xl::before,
i.ico-arr-xl::after {width:6px;}
i.ico-arr-xl.ico-arr-top::before {top:calc(50% - 2px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-xl.ico-arr-top::after {top:calc(50% + 2px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-xl.ico-arr-bottom::before {top:50%; left:calc(50% - 3px); transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-xl.ico-arr-bottom::after {top:50%; left:calc(50% + 2px); transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-xl.ico-arr-left::before {top:calc(50% - 2px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-xl.ico-arr-left::after {top:calc(50% + 2px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-xl.ico-arr-right::before {top:calc(50% - 2px); left:50%; transform:translate(-50%,-50%) rotate(47deg);}
i.ico-arr-xl.ico-arr-right::after {top:calc(50% + 2px); left:50%; transform:translate(-50%,-50%) rotate(133deg);}
i.ico-arr-primary::before,
i.ico-arr-primary::after {background-color:var(--color-primary);}
i.ico-arr-secondary::before,
i.ico-arr-secondary::after {background-color:var(--color-secondary);}
i.ico-arr-tertiary::before,
i.ico-arr-tertiary::after {background-color:var(--color-tertiary);}
i.ico-arr-success::before,
i.ico-arr-success::after {background-color:var(--color-success);}
i.ico-arr-warning::before,
i.ico-arr-warning::after {background-color:var(--color-warning);}
i.ico-arr-info::before,
i.ico-arr-info::after {background-color:var(--color-info);}
i.ico-arr-dark::before,
i.ico-arr-dark::after {background-color:var(--color-dark);}
i.ico-arr-gray01::before,
i.ico-arr-gray01::after {background-color:var(--color-gray01);}
i.ico-arr-gray02::before,
i.ico-arr-gray02::after {background-color:var(--color-gray02);}
i.ico-arr-gray03::before,
i.ico-arr-gray03::after {background-color:var(--color-gray03);}
i.ico-arr-gray04::before,
i.ico-arr-gray04::after {background-color:var(--color-gray04);}
i.ico-arr-light::before,
i.ico-arr-light::after {background-color:var(--color-light);}
i.ico-arr-white::before,
i.ico-arr-white::after {background-color:var(--color-white);}
i.ico-arr-sm.ico-arr-right::before,
i.ico-arr-sm.ico-arr-right::after {left:calc(50% + 1px);}
i.ico-arr-lg.ico-arr-right::before,
i.ico-arr-lg.ico-arr-right::after {left:calc(50% + 1px);}
i.ico-arr-xl.ico-arr-right::before,
i.ico-arr-xl.ico-arr-right::after {left:calc(50% + 1px);}
i.ico-circle-primary {border-radius:50%; background-color:var(--color-primary);}
i.ico-circle-secondary {border-radius:50%; background-color:var(--color-secondary);}
i.ico-circle-white {border-radius:50%; background-color:var(--color-white);}
i.ico-download {background:url("/theme/v1/resources/images/common/ico_download_dark.png") center / cover no-repeat;}
i.ico-download.ico-xs {width:18px; height:18px; margin-left:10px;}
i.ico-upload {background:url("/theme/v1/resources/images/common/ico_upload_white.png") center / cover no-repeat;}
i.ico-upload.ico-xl {width:20px; height:20px; margin-left:12px;}
.btn:hover i.ico-circle-primary {background-color:var(--color-white);}
.btn:hover i.ico-circle-secondary {background-color:var(--color-white);}
.btn:hover i.ico-arr-white::before,
.btn:hover i.ico-arr-white::after {background-color:var(--color-primary);}
.btn:hover i.ico-download {background-image:url("/theme/v1/resources/images/common/ico_download_white.png");}
.btn-footer i.ico-arr::before,
.btn-footer i.ico-arr::after {height:2px;}
.btn-footer i.ico-arr-lg {margin-left:30px; margin-right:-30px;}
@media screen and (max-width:1023px){
	.btn-footer i.ico-arr-lg {width:22px; height:22px; margin-left:25px; margin-right:-20px;}
}
@media screen and (max-width:767px){
	i.ico-arr-bold::before,
	i.ico-arr-bold::after {height:1px;}
	i.ico-arr-sm {width:8px; height:8px; margin-left:10px; margin-right:-5px;}
	i.ico-arr-sm::before,
	i.ico-arr-sm::after {width:3px;}
	i.ico-arr-lg {width:14px; height:14px; margin-left:10px; margin-right:-5px;}
	i.ico-arr-lg::before,
	i.ico-arr-lg::after {width:6px;}
	i.ico-arr-xl::before,
	i.ico-arr-xl::after {width:3px;}
	i.ico-circle-primary.ico-arr-xl {width:12px; height:12px; margin-left:10px; margin-right:-2px;}
	i.ico-arr-right::before {top:calc(50% - 1px);}
	i.ico-arr-right::after {top:calc(50% + 1px);}
	i.ico-arr-sm.ico-arr-right::before {top:calc(50% - 1px);}
	i.ico-arr-sm.ico-arr-right::after {top:calc(50% + 1px);}
	i.ico-arr-lg.ico-arr-right::before {top:calc(50% - 2px);}
	i.ico-arr-lg.ico-arr-right::after {top:calc(50% + 2px);}
	i.ico-arr-xl.ico-arr-right::before {top:calc(50% - 1px);}
	i.ico-arr-xl.ico-arr-right::after {top:calc(50% + 1px);}
	i.ico-circle-primary.ico-arr-xl.ico-arr-right::before,
	i.ico-circle-primary.ico-arr-xl.ico-arr-right::after {left:unset;}
	i.ico-download.ico-xs {width:9px; height:9px; margin-left:5px;}
	i.ico-upload.ico-xl {width:10px; height:10px; margin-left:5px;}
	.btn-footer i.ico-arr::before,
	.btn-footer i.ico-arr::after {width:3px; height:1px;}
	.btn-footer i.ico-arr::before {top:calc(50% - 1px);}
	.btn-footer i.ico-arr::after {top:calc(50% + 1px);}
	.btn-footer i.ico-arr-lg {width:11px; height:11px; margin-left:12px; margin-right:-10px;}

}

/* [S] 2025-12-08_수정 : 컨텍트 페이지 수정 */
/* input */
input:focus,
select:focus,
textarea:focus {outline:none;}
input[type="text"],
input[type="tel"], 
input[type="date"],
input[type="password"],
input[type="email"] {position:relative; display:block; width:100%; max-height:54px; padding:8px 20px; background-color:var(--color-light); border-radius:5px; border:1px solid #d5d5d5; font-size:2.5rem; font-weight:400; transition:all 0.3s ease; -webkit-border-radius:5px; -webkit-appearance:none;}
select {position:relative; display:block; width:100%; max-height:54px; padding:8px 20px 8px 30px; background:url("/theme/v1/resources/images/common/ico_select_arr_black.png") center right 18px / 12px auto no-repeat var(--color-light); border-radius:5px; border:1px solid #d5d5d5; font-size:2.5rem; font-weight:400; transition:all 0.3s ease; -webkit-border-radius:5px; -webkit-appearance:none;}
textarea {position:relative; display:block; width:100%; min-height:170px; padding:8px 20px; background-color:var(--color-light); border-radius:5px; border:1px solid #d5d5d5; font-size:2.5rem; font-weight:400; resize:none; transition:all 0.3s ease; -webkit-border-radius:5px; -webkit-appearance:none;}
input::placeholder {color:#3b3b3b;}
input[type="text"]:focus,
input[type="tel"]:focus, 
input[type="date"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {border-color:#a8a8a8;}
.form-area {position:relative;}
.form-area label {display:inline-block; width:100%; padding:5px 0 20px; font-size:2.5rem; font-weight:600;}
.form-area > div {position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%; margin:10px 0 40px;}
.form-area > div > div {width:calc((100% - 70px) /2);}
.form-area > div > div + div {margin-left:70px;}
.form-area > div.right {justify-content:flex-end;}
.form-area > div > div.full {width:100%;}
.form-area .req label {position:relative;}
.form-area .req label::after {content:"*"; position:absolute; color:var(--font-color-secondary);}
div.rdi-area,
div.chk-area {display:flex; flex-direction:row;}
ul.rdi-area,
ul.chk-area {display:flex; flex-direction:column;}
.rdi-area > li,
.chk-area > li {display:flex; flex-direction:column; justify-content:space-between; padding:10px 0;}
.rdi-area > li label,
.chk-area > li label {position:relative; display:inline-block; padding:0 0 0 30px; font-size:1.6rem; font-weight:400; transition:all 0.3s ease;}
.rdi-area > li input[type="radio"] + label::before {content:""; position:absolute; top:50%; left:0; width:20px; height:20px; border-radius:50%; border:1px solid var(--border-color-gray03); background-color:var(--color-white); transform:translate(0,-50%); transition:all 0.3s ease;}
.rdi-area > li input[type="radio"] + label::after {content:""; position:absolute; top:50%; left:4px; width:12px; height:12px; border-radius:50%; background-color:transparent; transform:translate(0,-50%); transition:all 0.3s ease;}
.rdi-area > li input[type="radio"]:checked + label::before {border-color:var(--border-color-gray03);}
.rdi-area > li input[type="radio"]:checked + label::after {background-color:var(--color-primary);}
.rdi-area > li input[type="radio"]:disabled + label {color:var(--font-color-gray03);}
.rdi-area > li input[type="radio"]:disabled + label::before {border-color:var(--border-color-gray03); background-color:var(--color-light);}
.rdi-area > li input[type="radio"]:disabled + label::after {background-color:transparent;}
.rdi-area > li input[type="radio"]:disabled:checked + label::after {background-color:var(--color-gray03);}
.rdi-area.rdi-radius {border-radius:20px;}
.rdi-area.rdi-btn {overflow:hidden; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; width:80%; margin-top:-15px;}
.rdi-area.rdi-btn > li {min-width:unset; padding:unset; margin-top:15px;}
.rdi-area.rdi-btn > li:not(:last-child) {border-bottom:0; margin-right:10px;}
.rdi-area.rdi-btn > li label {min-width:230px; padding:20px 40px; font-size:2.6rem; font-weight:500; text-align:center; cursor:pointer;}
.rdi-area.rdi-btn > li input[type="radio"] + label::before {top:0; left:0; z-index:-1; width:100%; height:100%; border:1px solid #3b3b3b; border-radius:35px; color:#3b3b3b; transform:translate(0,0);}
.rdi-area.rdi-btn > li input[type="radio"] + label::after {display:none;}
.rdi-area.rdi-btn > li input[type="radio"]:checked + label {color:var(--font-color-white);}
.rdi-area.rdi-btn > li input[type="radio"]:checked + label::before {border-color:var(--border-color-secondary); background-image:none; background-color:var(--color-secondary);}
.chk-area > li input[type="checkbox"] + label::before {content:""; position:absolute; top:50%; left:0; box-sizing:border-box; width:20px; height:20px; border:1px solid var(--border-color-dark); background-color:var(--color-white); transform:translateY(-50%); transition:all 0.3s ease;}
.chk-area > li input[type="checkbox"] + label::after {content:""; position:absolute; top:50%; left:5px; box-sizing:border-box; width:10px; height:10px; background-color:transparent; transform:translateY(-50%); transition:all 0.3s ease;}
.chk-area > li input[type="checkbox"]:checked + label::after {background-color:var(--color-primary);}
.chk-area > li input[type="checkbox"]:disabled + label {color:var(--font-color-gray03);}
.chk-area > li input[type="checkbox"]:disabled + label::before {border-color:var(--border-color-gray03); background-color:var(--color-light);}
.chk-area > li input[type="checkbox"]:disabled + label::after {background-color:transparent;}
.chk-area > li input[type="checkbox"]:disabled:checked + label::after {background-color:var(--color-gray03);}
.chk-area > li input[type="checkbox"] + label > a {position:relative; display:inline-block; margin-left:5px; color:var(--font-color-gray03); font-size:1.4rem; vertical-align:top;}
.chk-area > li input[type="checkbox"] + label > a::before {content:""; position:absolute; bottom:2px; left:0; right:0; display:inline-block; width:100%; height:1px; background-color:var(--color-gray03);}
.chk-area.chk-right {}
.chk-area.chk-radius {border-radius:20px;}
.chk-area.chk-btn {overflow:hidden; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; width:80%; margin-top:-15px;}
.chk-area.chk-btn > li {min-width:unset; padding:unset; margin-top:15px;}
.chk-area.chk-btn > li:not(:last-child) {border-bottom:0; margin-right:10px;}
.chk-area.chk-btn > li label {min-width:230px; padding:20px 40px; font-size:2.6rem; font-weight:500; text-align:center; cursor:pointer;}
.chk-area.chk-btn > li input[type="checkbox"] + label::before {top:0; left:0; z-index:-1; width:100%; height:100%; border:1px solid #3b3b3b; border-radius:35px; color:#3b3b3b; transform:translate(0,0);}
.chk-area.chk-btn > li input[type="checkbox"] + label::after {display:none;}
.chk-area.chk-btn > li input[type="checkbox"]:checked + label {color:var(--font-color-white);}
.chk-area.chk-btn > li input[type="checkbox"]:checked + label::before {border-color:var(--border-color-secondary); background-image:none; background-color:var(--color-secondary);}
.file-area {position:relative; display:flex; justify-content:flex-start; align-items:stretch; width:100%!important; margin-top:-20px;}
.file-area input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.file-area .file-tit {display:inline-block; width:200px; height:70px; padding:12px 20px; border-radius:5px 0 0 5px; border-top:1px solid #919191; border-bottom:1px solid #919191; border-left:1px solid #919191; background-color:var(--color-dark); color:var(--font-color-white); font-size:3rem; font-weight:700; text-align:center; transition:all 0.3s ease;}
.file-area .file-name {display:inline-block; width:calc(100% - 200px); height:70px; padding:20px 210px 20px 20px; border-radius:0 5px 5px 0; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:2rem;}
.file-area .file-name + label {position:absolute; top:50%; right:20px; display:flex; justify-content:center; align-items:center; width:max-content; min-width:170px; min-height:50px; padding:14px 20px; border-radius:25px; background-color:var(--color-secondary); color:var(--font-color-white); font-size:2rem; font-weight:700; transform:translateY(-50%);}
.file-area.file-contact {width:100%!important; margin-top:unset;}
.file-area.file-contact .file-name {width:100%; height:52px; padding:12px 120px 12px 12px; border-radius:5px; border:1px solid #d5d5d5; background-color:var(--color-light); font-size:1.8rem;}
.file-area.file-contact .file-name + label {right:0; min-width:100px; min-height:52px; padding:12px 18px; border-radius:0 5px 5px 0; font-size:1.8rem; font-weight:600; transform:translateY(-50%);}
.file-area.file-contact .file-name + label::after {display:none;}
.form-area.form-contact input[type="text"],
.form-area.form-contact input[type="tel"], 
.form-area.form-contact input[type="date"],
.form-area.form-contact input[type="password"],
.form-area.form-contact input[type="email"],
.form-area.form-contact select {max-height:52px; padding:12px; font-size:1.8rem;}
.form-area.form-contact textarea {min-height:170px; padding:12px; font-size:1.8rem;}
.form-area.form-contact input::placeholder {color:#c0c0c0;}
.form-area.form-contact select::placeholder {color:#c0c0c0;}
.form-area.form-contact textarea::placeholder {color:#c0c0c0;}
.form-area.form-contact label {padding:5px 0 16px; font-size:2.2rem;}
.form-area.form-contact > div {margin:10px 0 20px;}
.form-area.form-contact > div > div {width:calc((100% - 160px) /2);}
.form-area.form-contact > div > div + div {margin-left:160px;}
.form-area.form-contact > div > div.full {width:100%;}
.form-area.form-contact > div > div.full textarea {height:52px; min-height:52px;}
@media screen and (max-width:1023px) {
	input[type="text"],
	input[type="tel"],
	input[type="date"],
	input[type="password"],
	input[type="email"] {max-height:54px;}
	select {max-height:54px;}
	.form-area > div {flex-direction:column; margin:10px 0 30px;}
	.form-area > div.right {align-items:flex-end;}
	.form-area > div > div {width:100%;}
	.form-area > div > div + div {margin-left:unset; margin-top:30px;}
	.rdi-area.rdi-btn > li label {min-width:194px; padding:16px 30px; font-size:2.2rem;} /* // [D] 2025-12-08_버튼수정 : 수정 */
	.chk-area.chk-btn > li label {min-width:200px; padding:16px 30px; font-size:2.2rem;}
	.file-area .file-tit {width:120px; height:72px; padding:20px; font-size:1.8rem;}
	.file-area .file-name {width:calc(100% - 120px); height:72px; padding:10px 150px 10px 10px; font-size:1.5rem;}
	.file-area .file-name + label {right:12px; min-width:120px; min-height:30px; padding:5px 15px; border-radius:15px; font-size:1.5rem;}
	.form-area.form-contact input[type="text"],
	.form-area.form-contact input[type="tel"], 
	.form-area.form-contact input[type="date"],
	.form-area.form-contact input[type="password"],
	.form-area.form-contact input[type="email"],
	.form-area.form-contact select {max-height:54px;}
	.form-area.form-contact .req label::after {color:var(--font-color-primary); font-size:2.4rem;}
	.form-area.form-contact label {padding:5px 0 10px; font-size:2.2rem;}
	.form-area.form-contact > div > div {width:100%;}
	.form-area.form-contact > div > div + div {margin-left:unset; margin-top:20px;}
	.form-area.form-contact > div > div.full textarea {height:unset; min-height:170px;}
}
@media screen and (max-width:767px){
	input[type="text"],
	input[type="tel"], 
	input[type="date"],
	input[type="password"],
	input[type="email"] {max-height:27px; padding:4px 10px; border-radius:2px; font-size:1.2rem; -webkit-border-radius:3px;}
	select {max-height:27px; padding:4px 10px 4px 15px; background-position:center right 9px; background-size:6px auto; border-radius:3px; font-size:1.2rem; -webkit-border-radius:3px;}
	textarea {min-height:85px; padding:4px 10px; border-radius:3px; font-size:1.2rem; -webkit-border-radius:3px;}
	.form-area label {padding-bottom:12px; font-size:1.2rem;}
	.form-area > div {margin-bottom:20px;}
	.form-area > div > div + div {margin-top:20px;}
	.form-area.form-contact input[type="text"],
	.form-area.form-contact input[type="tel"], 
	.form-area.form-contact input[type="date"],
	.form-area.form-contact input[type="password"],
	.form-area.form-contact input[type="email"],
	.form-area.form-contact select {max-height:27px; padding:6px; font-size:0.9rem;}
	.form-area.form-contact textarea {min-height:85px; padding:6px; font-size:0.9rem;}
	.form-area.form-contact .req label::after {color:var(--font-color-primary); font-size:1.2rem;}
	.form-area.form-contact label {padding:3px 0 5px; font-size:1.1rem;}
	.form-area.form-contact > div {margin:5px 0 10px;}
	.form-area.form-contact > div > div + div {margin-top:10px;}
	.form-area.form-contact > div > div.full textarea {height:unset; min-height:85px;}
	.chk-area > li label,
	.rdi-area > li label {padding:0 5px 0 15px;}
	.chk-area > li input[type="checkbox"] + label::before {width:12px; height:12px;}
	.chk-area > li input[type="checkbox"] + label::after {left:3px; width:6px; height:6px;}
	.rdi-area.rdi-btn {width:100%; margin-top:-7px;}
	.rdi-area.rdi-btn > li {margin-top:7px;}
	.rdi-area.rdi-btn > li:not(:last-child) {margin-right:5px;}
	.rdi-area.rdi-btn > li label {min-width:98px; padding:8px 14px; font-size:1.1rem;} /* // [D] 2025-12-08_버튼수정 : 수정 */
	.chk-area.chk-btn {width:100%; margin-top:-15px;}
	.chk-area.chk-btn > li {margin-top:15px;}
	.chk-area.chk-btn > li label {padding:10px 20px;}
	.file-area {margin-top:-12px;}
	.file-area .file-tit {width:60px; height:35px; padding:10px; border-radius:3px 0 0 3px; font-size:0.9rem;}
	.file-area .file-name {width:calc(100% - 60px); height:35px; padding:5px 90px 5px 5px; font-size:0.8rem;}
	.file-area .file-name + label {right:6px; min-width:60px; min-height:15px; padding:3px 8px; border-radius:8px; font-size:0.8rem;}
	.file-area.file-contact .file-name {height:27px; padding:6px 60px 6px 6px; border-radius:3px; font-size:0.9rem;}
	.file-area.file-contact .file-name + label {min-width:50px; min-height:27px; padding:6px 9px; border-radius:0 3px 3px 0; font-size:0.9rem;}
	.file-area.file-contact .file-name + label::after {display:none;}
}
/* // [E] 2025-12-08_수정 : 컨텍트 페이지 수정 */

/* datepicker custom */
.ui-widget.ui-widget-content {position:relative; margin-top:-10px; padding:10px 20px 15px; border-radius:10px; border:2px solid #bfbfbf; background-color:var(--color-white);}
.ui-widget.ui-widget-content::after {content:""; position:absolute; top:0; left:35px; width:16px; height:16px; border-radius:5px; border-top:2px solid #bfbfbf; border-left:2px solid #bfbfbf; background-color:var(--color-white); transform:translateY(calc(-50% - 1px)) rotate(45deg); }
.ui-datepicker .ui-datepicker-title {flex-direction:row-reverse; font-size:2.5rem; font-weight:600;}
.ui-datepicker .ui-datepicker-title select {position:relative; padding-right:30px; margin:0 6px; background:url("/theme/v1/resources/images/common/ico_select_arr_black.png") center right 5px / 16px auto no-repeat;font-size:2.5rem; font-weight:600; text-align:center;}
.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:2rem;}
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled {}
.ui-datepicker th {width:44px; height:44px; margin:4px; font-size:2rem; font-weight:500; line-height:44px;}
.ui-state-default {width:44px; height:44px; margin:4px; border-radius:50%; background-color:transparent; line-height:44px;}
.ui-state-default:hover {}
.ui-state-highlight {background-color:var(--color-light)!important;}
.ui-state-active {background-color:var(--color-secondary)!important; color:var(--font-color-white)!important;}
@media screen and (max-width:767px){
	.ui-widget.ui-widget-content {margin-top:-5px; padding:5px 10px 12px; border-radius:5px; border-width:1px;}
	.ui-widget.ui-widget-content::after {left:17px; width:8px; height:8px; border-radius:3px; border-width:1px; transform:translateY(-50%) rotate(45deg);}
	.ui-datepicker .ui-datepicker-title {font-size:1.2rem;}
	.ui-datepicker .ui-datepicker-title select {padding-right:15px; margin:0 3px; background-position:center right 3px; background-size:8px auto; font-size:1.3rem;}
	.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:1rem;}
	.ui-datepicker th {width:22px; height:22px; margin:2px; font-size:1rem; line-height:22px;}
	.ui-state-default {width:22px; height:22px; margin:2px; line-height:22px;}
}

/* button */
div.btn-area {display:block; width:100%; line-height:0;}
div.btn-area > .btn {width:100%;}
div.btn-area > .btn + .btn {margin-top:10px;}
ul.btn-area.btn-list {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
ul.btn-area.btn-list > li {width:unset;}
ul.btn-area.btn-list > li:not(:last-child) {margin-right:10px;}
ul.btn-area.btn-list.btn-center {justify-content:center;}
ul.btn-area.btn-list.btn-right {justify-content:flex-end;}
ul.btn-area.btn-col {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; width:100%;}
ul.btn-area.btn-col > li {width:calc((100% - 10px) /2);}
ul.btn-area.btn-col > li:not(:nth-child(2n)) {margin-right:10px;}
ul.btn-area.btn-col > li:nth-child(n+3) {margin-top:10px;}
.btn {display:flex; flex-direction:row; justify-content:center; align-items:center; line-height:1.5; text-align:center; transition:all 0.2s ease;}
.btn-xs {padding:5px 20px; font-size:1.4rem;}
.btn-sm {padding:7px 30px; font-size:1.5rem;}
.btn-md {padding:9px 15px; font-size:1.6rem;}
.btn-lg {padding:8px 30px; font-size:1.8rem;}
.btn-xl {min-height:58px; padding:12px 36px; font-size:2rem;}
.btn-primary {background-color:var(--color-primary); border:1px solid var(--border-color-primary); color:var(--font-color-white);}
.btn-secondary {background-color:var(--color-secondary); border:1px solid var(--border-color-secondary); color:var(--font-color-white);}
.btn-tertiary {background-color:var(--color-tertiary); border:1px solid var(--border-color-tertiary); color:var(--font-color-white);}
.btn-success {background-color:var(--color-success); border:1px solid var(--border-color-success); color:var(--font-color-white);}
.btn-danger {background-color:var(--color-danger); border:1px solid var(--border-color-danger); color:var(--font-color-white);}
.btn-warning {background-color:var(--color-warning); border:1px solid var(--border-color-warning); color:var(--font-color-dark);}
.btn-info {background-color:var(--color-info); border:1px solid var(--border-color-info); color:var(--font-color-dark);}
.btn-dark {background-color:var(--color-dark); border:1px solid var(--border-color-dark); color:var(--font-color-white);}
.btn-light {background-color:var(--color-light); border:1px solid var(--border-color-light); color:var(--font-color-dark);}
.btn-white {background-color:var(--color-white); border:1px solid var(--border-color-white); color:var(--font-color-secondary);}
.btn-outline-primary {background-color:var(--color-white); border:1px solid var(--border-color-primary); color:var(--font-color-primary);}
.btn-outline-secondary {background-color:var(--color-white); border:1px solid var(--border-color-secondary); color:var(--font-color-secondary);}
.btn-outline-tertiary {background-color:var(--color-white); border:1px solid var(--border-color-tertiary); color:var(--font-color-tertiary);}
.btn-outline-success {background-color:var(--color-white); border:1px solid var(--border-color-success); color:var(--font-color-success);}
.btn-outline-danger {background-color:var(--color-white); border:1px solid var(--border-color-danger); color:var(--font-color-danger);}
.btn-outline-warning {background-color:var(--color-white); border:1px solid var(--border-color-warning); color:var(--font-color-warning);}
.btn-outline-info {background-color:var(--color-white); border:1px solid var(--border-color-info); color:var(--font-color-info);}
.btn-outline-dark {background-color:transparent; border:1px solid var(--border-color-dark); color:var(--font-color-dark);}
.btn-outline-light {background-color:transparent; border:1px solid var(--border-color-light); color:var(--font-color-gray03);}
.btn-outline-white {background-color:transparent; border:1px solid var(--border-color-white); color:var(--font-color-white);}
.btn-white:hover {background-color:var(--color-secondary); border:1px solid var(--border-color-secondary); color:var(--font-color-white);}
.btn-outline-primary:hover {background-color:var(--color-primary); color:var(--font-color-white);}
.btn-outline-secondary:hover {background-color:var(--color-secondary); color:var(--font-color-white);}
.btn-outline-tertiary:hover {background-color:var(--color-tertiary); color:var(--font-color-white);}
.btn-outline-success:hover {background-color:var(--color-success); color:var(--font-color-white);}
.btn-outline-danger:hover {background-color:var(--color-danger); color:var(--font-color-white);}
.btn-outline-warning:hover {background-color:var(--color-warning); color:var(--font-color-dark);}
.btn-outline-info:hover {background-color:var(--color-info); color:var(--font-color-dark);}
.btn-outline-dark:hover {border-color:var(--border-color-secondary); background-color:var(--color-secondary); color:var(--font-color-white);}
.btn-outline-light:hover {background-color:var(--color-white); color:var(--font-color-dark);}
.btn-outline-white:hover {border-color:var(--border-color-secondary); background-color:var(--color-secondary);}
.btn-radius {border-radius:10px;}
.btn-round.btn-xs {border-radius:16px;}
.btn-round.btn-sm {border-radius:20px;}
.btn-round.btn-lg {border-radius:25px;}
.btn-round.btn-xl {border-radius:30px;}
.btn-arr {position:relative; padding-right:40px;}
.btn-arr::before {content:""; width:8px; height:1px; background-color:#333; transform:rotate(45deg); position:absolute; top:16px; right:20px;}
.btn-arr::after {content:""; width:8px; height:1px; background-color:#333; transform:rotate(135deg); position:absolute; top:21px; right:20px;}
.btn-arr.btn-primary::before,
.btn-arr.btn-primary::after {background-color:var(--color-white)!important;}
.btn-arr {position:relative; padding-right:40px;}
.btn-arr::before {content:""; width:8px; height:1px; transform:rotate(45deg); position:absolute; top:16px; right:20px;}
.btn-arr::after {content:""; width:8px; height:1px; transform:rotate(135deg); position:absolute; top:21px; right:20px;}
.btn-arr.btn-primary::before,
.btn-arr.btn-primary::after {background-color:var(--font-color-white);}
.btn-arr.btn-secondary::before,
.btn-arr.btn-secondary::after {background-color:var(--font-color-white);}
.btn-arr.btn-tertiary::before,
.btn-arr.btn-tertiary::after {background-color:var(--font-color-white);}
.btn-arr.btn-success::before,
.btn-arr.btn-success::after {background-color:var(--font-color-white);}
.btn-arr.btn-danger::before,
.btn-arr.btn-danger::after {background-color:var(--font-color-white);}
.btn-arr.btn-warning::before,
.btn-arr.btn-warning::after {background-color:var(--font-color-dark);}
.btn-arr.btn-info::before,
.btn-arr.btn-info::after {background-color:var(--font-color-dark);}
.btn-arr.btn-dark::before,
.btn-arr.btn-dark::after {background-color:var(--font-color-white);}
.btn-arr.btn-light::before,
.btn-arr.btn-light::after {background-color:var(--font-color-dark);}
.btn-arr.btn-outline-primary::before,
.btn-arr.btn-outline-primary::after {color:var(--font-color-primary);}
.btn-arr.btn-outline-secondary::before,
.btn-arr.btn-outline-secondary::after {color:var(--font-color-secondary);}
.btn-arr.btn-outline-tertiary::before,
.btn-arr.btn-outline-tertiary::after {color:var(--font-color-tertiary);}
.btn-arr.btn-outline-success::before,
.btn-arr.btn-outline-success::after {color:var(--font-color-success);}
.btn-arr.btn-outline-danger::before,
.btn-arr.btn-outline-danger::after {color:var(--font-color-danger);}
.btn-arr.btn-outline-warning::before,
.btn-arr.btn-outline-warning::after {color:var(--font-color-warning);}
.btn-arr.btn-outline-info::before,
.btn-arr.btn-outline-info::after {color:var(--font-color-info);}
.btn-arr.btn-outline-dark::before,
.btn-arr.btn-outline-dark::after {color:var(--font-color-dark);}
.btn-arr.btn-outline-light::before,
.btn-arr.btn-outline-light::after {color:var(--font-color-light);}
.btn-radius {border-radius:20px;}
.btn-footer .btn {min-height:68px; padding:9px 58px; font-size:3rem; border-width:2px;}
.btn-footer .btn-outline-secondary {color:var(--font-color-dark);}
.btn-footer .btn-outline-secondary:hover {color:var(--font-color-white);}
.btn-footer .btn-round {border-radius:35px;}

/* [S] 2025-12-15_더에쓰씨2차수정 : 버튼 수정 */
.btn-brochure {position:relative; padding:4px 50px 4px 26px; border-radius:16px; font-weight:600; background:url("/theme/v1/resources/images/common/ico_download_white.png") right 20px center / 20px auto no-repeat transparent; transition:all 0.3s ease;}
.btn-brochure:hover {background-color:var(--color-secondary)}
/* .btn-brochure {position:relative; padding:4px 50px 4px 26px; font-weight:600; transition:all 0.3s ease;}
.btn-brochure::before {content:""; position:absolute; top:50%; right:16px; width:20px; height:1px; background-color:var(--color-white); transform:translate(0,calc(-50% + 2px));}
.btn-brochure::after {content:"";position:absolute; top:50%; right:16px; width:6px; height:1px; background-color:var(--color-white); transform:translate(0,calc(-50% + -1px)) rotate(45deg);} */
/* // [E] 2025-12-15_더에쓰씨2차수정 : 버튼 수정 */
@media screen and (max-width:1023px){
	.btn-footer .btn {min-height:54px; padding:7px 45px; font-size:2.4rem;}
	.btn-footer .btn-round {border-radius:28px;}
}
@media screen and (max-width:767px){
	/* .btn-xs {padding:2px 12px; font-size:0.8rem;} */
	.btn-sm {padding:4px 15px; font-size:0.8rem;}
	.btn-md {padding:10px 10px; font-size:1.4rem;}
	.btn-lg {min-height:25px; padding:3px 16px; font-size:1.1rem;}
	.btn-xl {min-height:30px; padding:5px 15px; font-size:1.1rem;}
	.btn-lg.txt-22 {font-size:1.1rem!important;}
	.btn-radius {border-radius:8px;}
	.btn-arr {padding-right:30px;}
	.btn-arr::before {width:7px; top:11px; right:15px;}
	.btn-arr::after {width:7px; top:16px; right:15px;}
	.btn-footer .btn {min-height:27px; padding:5px 23px; border-width:1px; font-size:1.2rem;}
	.btn-footer .btn-round {border-radius:15px;}
	/* [S] 2025-12-15_더에쓰씨2차수정 : 버튼 수정 */
	.btn-brochure {padding:2px 25px 2px 12px; background-position:right 10px center; background-size:10px auto;}
	/* .btn-brochure {padding:2px 25px 2px 12px;}
	.btn-brochure::before {right:8px; width:10px; transform:translate(0,calc(-50% + 1px));}
	.btn-brochure::after {right:8px; width:3px; transform:translate(0,-50%) rotate(45deg);} */
	/* // [E] 2025-12-15_더에쓰씨2차수정 : 버튼 수정 */
}

/* table */
.table-area {border:1px solid var(--border-color-primary); table-layout:fixed;}
.table-area table {width:100%;}
.table-area th {padding:5px 10px; background-color:var(--color-primary); color:var(--font-color-white); font-weight:700; text-align:left;}
.table-area td {padding:5px 10px; word-break:break-all;}
.table-area th.table-center, 
.table-area td.table-center {padding-left:0; padding-right:0; text-align:center;}
.table-area th.table-right,
.table-area td.table-right {padding-left:0; padding-right:10px; text-align:right;}
.table-row th,
.table-row td {border-bottom:solid 1px var(--border-color-gray03); border-right:solid 1px var(--border-color-gray03);}
.table-row td:last-child {border-right:0;}
.table-row tr.bor-right th, 
.table-row tr.bor-right td {border-right:solid 1px var(--border-color-gray03)!important;}
.table-col th, 
.table-col td {border-right:solid 1px var(--border-color-gray03); border-bottom:solid 1px var(--border-color-gray03);}
.table-col tr th:last-child, 
.table-col tr td:last-child {border-right:0!important;}
.table-col tr.bor-right th, 
.table-col tr.bor-right td {border-right:solid 1px var(--border-color-gray03)!important;}
.table-list {border:none;}
.table-list th {padding:10px; border-right:none; background-color:transparent; color:var(--font-color-dark); font-size:2rem;}
.table-list td {padding:20px 10px; border-right:none;}
.table-list.table-col tr:last-child td {border-bottom:none;}
@media screen and (max-width:767px){
	.table-list th {padding:5px; font-size:1rem;}
	.table-list td {padding:10px 5px;}
}

/* list */
.list-area {display:flex; flex-direction:column; width:100%; margin:5px 0;}
.list-area > li {display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%;}
.list-area > li:not(:last-child) {margin-bottom:5px;}

/* list bullet */
.bull-area > li:not(:last-child),
.bull-area > dd:not(:last-child) {margin-bottom:5px;}
.bull-dot > li,
.bull-dot > dd {position:relative; padding-left:12px;}
.bull-dot > li::before,
.bull-dot > dd::before {content:'·'; position:absolute; left:0;}
.bull-hypn > li,
.bull-hypn > dd {position:relative; padding-left:15px;}
.bull-hypn > li::before,
.bull-hypn > dd::before {content:'-'; position:absolute; left:0;}
.bull-refer > li,
.bull-refer > dd {position:relative; padding-left:20px;}
.bull-refer > li::before,
.bull-refer > dd::before {content:'※'; position:absolute; left:0;}
.bull-star > li,
.bull-star > dd {position:relative; padding-left:15px;}
.bull-star > li::before,
.bull-star > dd::before { content:'*'; position:absolute; left:0; top:65%; transform:translate(0,-50%);}
.bull-sqr > li,
.bull-sqr > dd {position:relative; padding-left:20px;}
.bull-sqr > li::before,
.bull-sqr > dd::before {content:'□'; position:absolute; left:0; top:50%; transform:translate(0,-50%); font-size:0.8rem;}
.bull-xs > li,
.bull-xs > dd {font-size:1.2rem;}
.bull-sm > li,
.bull-sm > dd {font-size:1.4rem;}
.bull-md > li,
.bull-md > dd {font-size:1.6rem;}
.bull-lg > li,
.bull-lg > dd {font-size:1.8rem;}
.bull-xl > li,
.bull-xl > dd {font-size:2rem;}
@media screen and (max-width:767px) {
	.bull-xs > li,
	.bull-xs > dd {font-size:1rem;}
	.bull-sm > li,
	.bull-sm > dd {font-size:1.2rem;}
	.bull-md > li,
	.bull-md > dd {font-size:1.4rem;}
	.bull-lg > li,
	.bull-lg > dd {font-size:1.6rem;}
	.bull-xl > li,
	.bull-xl > dd {font-size:1.8rem;}
}

strong.gradient-primary {background-image:linear-gradient(0deg,rgba(1,85,220,1)0%,rgba(17,47,193,1)100%); background-clip:text; -webkit-background-clip:text; color:transparent; filter:brightness(2);}
strong.gradient-secondary {background-image:linear-gradient(0deg,rgba(1,85,220,1)0%,rgba(17,47,193,1)100%); background-clip:text; -webkit-background-clip:text; color:transparent; filter:brightness(1);}

/* img */
.img-area {background:center / cover no-repeat; line-height:0;}
.img-area > img {display:inline-block; width:100%;}

/* box */
.box-area {}
.box {padding:20px 25px;}
.box-radius {border-radius:20px;}
.box-outline-primary {border:1px solid var(--border-color-primary);}
.box-outline-secondary {border:1px solid var(--border-color-secondary);}
.box-outline-tertiary {border:1px solid var(--border-color-tertiary);}
.box-outline-success {border:1px solid var(--border-color-success);}
.box-outline-danger {border:1px solid var(--border-color-danger);}
.box-outline-warning {border:1px solid var(--border-color-warning);}
.box-outline-info {border:1px solid var(--border-color-info);}
.box-outline-black {border:1px solid var(--border-color-black);}
.box-outline-dark {border:1px solid var(--border-color-dark);}
.box-outline-gray01 {border:1px solid var(--border-color-gray01);}
.box-outline-gray02 {border:1px solid var(--border-color-gray02);}
.box-outline-gray03 {border:1px solid var(--border-color-gray03);}
.box-outline-gray04 {border:1px solid var(--border-color-gray04);}
.box-outline-light {border:1px solid var(--border-color-light);}
.box-outline-white {border:1px solid var(--border-color-white);}
@media screen and (max-width:767px) {
	.box-radius {border-radius:10px;}
}

/* animation */
.ani-slide-top {opacity:0; transform:translateY(100px); transition:all 0.2s ease;}
.on.ani-slide-top {opacity:1; transform:translateY(0); transition:all 0.75s ease;}
.ani-fade-in {opacity:0; filter:blur(5px); transition:all 0.2s ease;}
.on.ani-fade-in {opacity:1; filter:blur(0); transition:all 0.75s ease;}

/* keyframe */
@keyframes rollingRightToLeftOriginal {
	0% {transform:translateX(0);}
	50% {transform:translateX(-100%);}
	50.01% {transform:translateX(100%);}
	100% {transform:translateX(0);}
}
@keyframes rollingRightToLeftClone {
	0% {transform:translateX(0);}
	100% {transform:translateX(-200%);}
}
@keyframes rollingLeftToRightOriginal {
	0% {transform:translateX(0);}
	50% {transform:translateX(100%);}
	50.01% {transform:translateX(-100%);}
	100% {transform:translateX(0);}
} 
@keyframes rollingLeftToRightClone {
	0% {transform:translateX(-200%);}
	100% {transform:translateX(0);}
}

@keyframes rotate100p{
    100% {transform:rotate(360deg);}
}

@keyframes bottomToTop{
    0% {transform:translateY(0);}
	30% {transform:translateY(-15px);}
	100% {transform:translateY(0px);}
}

@keyframes stepperAni{
    0% {width:0;}
	10% {width:25.5%;}
    25% {width:25.5%;}
    35% {width:47%;}
    50% {width:47%;}
    60% {width:68.5%;}
    75% {width:68.5%;}
	85% {width:100%;}
	100% {width:100%;}
}