/* global defaults */
:root{
    --grd-main-bg:linear-gradient(90deg, #CCF2FB 0%, #51ABC5 83.5%);
    --grd-blue:linear-gradient(to bottom, #24DDEA 0%, #0CA5AB 100%);
    --grd-blue2:linear-gradient(to bottom, #23DBE7 0%, #0EA8AF 100%);
    --grd-blue3:linear-gradient(to bottom right, #33EEFF 0%, #00C6CD 100%);
    --grd-red:linear-gradient(to bottom, #FC8CBE 0%, #ED4F8B 100%);
    --grd-orange:linear-gradient(to bottom, #F58220 0%, #CA5D00 100%);

    --cRed:#F34444;
    --cOrange:#F58220;
    --cDarkgray:#555;
    --b-section-radius:80px;
    --insta-radius:26px;
    --cate-background1:#EB3584;
    --cate-background2:#5787FF;
    --cate-background3:#00C4F0;
    --cate-background4:#14BE5B;
    --cate-background5:#253BCE;
    --cate-background6:#333333;
    --cate-background7:#FF7BA7;
    --smooth-transform-transition:transform 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    --smooth-clip-path-transition:clip-path 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.pc-only{display: block !important;}
.m-only{ display: none !important;}
.pVer{display: block !important;}
.mVer{ display: none !important;}
br.w890{display: block;}
br.w615{display: block;}
br.w560{display: block;}
	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;}
	.skip{position:absolute; top:-50px; left:0; z-index:9999; width:100%; height:35px; padding-top:15px; display:block; font-size:12px; line-height:20px; color:#121212; background-color:#eee; text-align: center;}

/* Skip Navigation */
	#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
	#skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%;height:auto;margin:0;padding:5px 0;font-weight:400;font-size:12px;line-height:1;color:#111;text-decoration:none !important;text-indent:10px;}

/* 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:2.75rem;border:1px solid #CACACA;border-radius:0.5rem;padding:0 2rem 0 1rem;outline:none;font-size:0.875rem;}
    input[type=text].borderbottom, input[type=tel].borderbottom, input[type=phone].borderbottom, input[type=number].borderbottom, input[type=search].borderbottom, input[type=password].borderbottom{border:none;border-bottom:1px solid #000;border-radius: 0;}
    .textarea{border-radius: 8px;border:1px solid #cacaca;overflow: hidden;padding:11px 16px;background-color: #fff;}
    .textarea textarea{font-size:0.875rem;border:none;resize: none;font-size:14px;outline: none;width: 100%;min-height: 100px;}
    textarea::placeholder{font-size:0.875rem;color:#989692;}
    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: #F2F2F2;}
    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: #F2F2F2;}
    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:#989692;font-weight:600;font-size:0.875rem;}
	select::-ms-expand {display:none}
    .input-area{display:inline-flex;align-items: center;position:relative;}
    .input-area .ip-close{position:absolute;right:1.25rem;top:50%;transform: translateY(-50%);width:1rem;height:1rem;background: url("../images/common/form-close.png")no-repeat center;display: none;}
    .wd100p{width:100% !important;}
    .wd600{width:600px !important;}
    .wd330{width:330px !important;}
    .wd300{width:300px !important;}
    .wd278{width:278px !important;}
    .wd250{width:250px !important;}
    .wd230{width:230px !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: 'SUIT', sans-serif !important;color:#111;line-height:1.2;letter-spacing:-0.02em; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ }
	/*'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;}

    .w-65{width: 65% !important;}
/* 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-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;}
	.position-re {position:relative !important;}


	.cRed {color:var(--cRed) !important;}
	.cOrange {color:var(--cOrange) !important;}
	.cDarkgray {color:var(--cDarkgray) !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;}

    .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%;}
	.container{max-width: 1230px;}
	/* 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%;}
	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;}
	

input[type=checkbox].chkbox { display:none; } 
input[type=checkbox].chkbox + label { font-size:14px; color:#3A464F; display:inline-flex; align-items:center; margin:0; } 
input[type=checkbox].chkbox + label:before { content:""; width:20px; height:20px; background:#DBE1E5 url('../images/common/checked-icon.svg') no-repeat center; border:none; border-radius:3px; overflow:hidden; margin-right:12px; min-width: 20px;} 
input[type=checkbox].chkbox:checked + label { } 
input[type=checkbox].chkbox:checked + label:before { background:#F58220 url('../images/common/checked-icon.svg') no-repeat center; } 
input[type=checkbox].chkbox:checked + label {}
input[type=checkbox].chkbox.b-chk + label{font-size:20px;}
input[type=checkbox].chkbox.b-chk + label:before{width: 28px;height: 28px;border-radius: 7px;min-width: 28px;}
input[type=checkbox].chkbox.b-chk:checked + label:before { background:#F58220 url('../images/common/checked-icon.svg') no-repeat center; } 



input[type=radio].radio { display:none; } 
input[type=radio].radio + label { font-size:16px; color:#666666; display:inline-flex; align-items:center; margin:0;font-size:1rem;position:relative;} 
input[type=radio].radio + label:before{content:""; width:1.375rem; height:1.375rem; background:#fff; border:2px solid #CCCCCC; border-radius:50%; overflow:hidden; margin-right:8px; }
input[type=radio].radio + label:after{content:"";width:6px;height:6px;border-radius:50%;position:absolute;background-color: #ccc;left:0.5rem;top:0.5rem;}
input[type=radio].radio:checked + label {color:#111111;font-weight: 500;} 
input[type=radio].radio:checked + label:before { background:#222; border-color:#222; }
input[type=radio].radio:checked + label:after { background-color: #fff;}



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;}
/* 셀렉트박스 디자인 */
/* default */
    div.select-box-default-st {position:relative;display:inline-block;color:#494949;padding:0px;margin:0px;white-space:normal;}
	div.select-box-default-st span.selectText {position:relative;display:block;font-size:14px;font-weight:600;color:#989692;line-height:2.625rem;min-width:13.5rem;height:2.875rem;border:1px solid #CACACA;padding:0px 1rem;margin:0 !important;overflow:hidden;cursor:pointer; border-radius: 0.5rem;text-align:left;background-color: #fff;}
	div.select-box-default-st span.selectText.disabled{background-color: #f2f2f2;}
    div.select-box-default-st span.selectText:before {content:"";position:absolute;top:50%;right:1rem;transform:translate(0,-50%);width:1.25rem;height:1.25rem;overflow:hidden;background:url('../images/common/sel-icon.svg') no-repeat center bottom/1.25rem 2.5rem;transition: all .25s .0s ease-in-out;}
div.select-box-default-st span.selectText.disabled:before{opacity:0.3}	
div.select-box-default-st.active span.selectText {border: 1px solid #222222;background-position:right 3px top 3px;outline:none;}
	div.select-box-default-st.active span.selectText:before {background-position:center top;}
	div.select-box-default-st > .select-wrap {display:none;position:absolute;top:calc(100% + 0.25rem);left:0px;min-width:100%;/*width:100%;*/z-index:2;width: 100%;background-color: #fff;border:1px solid #DFDFDF;box-shadow:1px 1px 5px rgba(0,0,0,0.035); border-radius:0.75rem;}
	div.select-box-default-st > .select-wrap.up {top:auto;bottom:calc(100% - 1px);padding-top:0;padding-bottom:3px;}
	div.select-box-default-st ul.select-box-option {overflow:hidden;width:calc(100% - 5px);height:auto;max-height:185px;overflow-y:auto;margin:8px 0;}
	div.select-box-default-st ul.select-box-option.col-4{overflow-y:auto;height:10rem;}
	div.select-box-default-st ul.select-box-option li {display:inline-block;font-size:14px;width:100%;height:auto;border-bottom:0;padding:10px 16px;cursor:pointer;/* white-space:nowrap; */text-align: left;border-radius:0.5rem;}
	div.select-box-default-st ul.select-box-option li:hover { color:#F5821F;}
	div.select-box-default-st ul.select-box-option li.optgroup {}
	div.select-box-default-st ul.select-box-option li:hover.optgroup {color:#F5821F;}
	div.select-box-default-st ul.select-box-option li.selected {color:#F5821F;}
    div.select-box-default-st ul.select-box-option::-webkit-scrollbar{width:4px;background-color:transparent;border-radius:10px;padding:0px }
    div.select-box-default-st ul.select-box-option::-webkit-scrollbar-thumb {display: block;
        width: 4px; /* 스크롤바의 길이 */
        background-color: #DFDFDF; /* 스크롤바의 색상 */
        border-radius: 10px;

    }

/* 말줄임 : 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%;}



#pagging-wrap {position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top: 40px; }
#pagging-wrap > .page-area {display:flex;align-items:center;}
#pagging-wrap > .page-area > a.page-btn.disabled {opacity: 0.5;}
#pagging-wrap > .page-area > a.page-btn.first {background: url('../images/common/paging-arrow.svg') no-repeat left center/192px 48px; overflow:hidden;font-size:0;line-height:0;width: 48px; height: 48px; border: 1px solid #F0F0F0; background-color: #F0F0F0; border-radius: 50%; margin: 0 0.1125rem; }
#pagging-wrap > .page-area > a.page-btn.prev {background: url('../images/common/paging-arrow.svg') no-repeat left -48px center/192px 48px;overflow:hidden;font-size:0;line-height:0;width: 48px; height: 48px; border: 1px solid #F0F0F0; background-color: #F0F0F0; border-radius: 50%; margin: 0 0.1125rem;  margin-left: 6px;}
#pagging-wrap > .page-area > a.page-btn.next {background: url('../images/common/paging-arrow.svg') no-repeat left -96px center/192px 48px; overflow:hidden;font-size:0;line-height:0;width: 48px; height: 48px; border: 1px solid #F0F0F0; background-color: #F0F0F0; border-radius: 50%; margin: 0 0.1125rem;  margin-right: 6px;}
#pagging-wrap > .page-area > a.page-btn.last {background: url('../images/common/paging-arrow.svg') no-repeat left -144px center/192px 48px; overflow:hidden;font-size:0;line-height:0;width: 48px; height: 48px; border: 1px solid #F0F0F0; background-color: #F0F0F0; border-radius: 50%; margin: 0 0.1125rem; }
#pagging-wrap > .page-area > ul.list {display:flex;justify-content:center;align-items:center;padding:0 20px;position:relative;}

#pagging-wrap > .page-area > ul.list li {display:flex;justify-content:center;align-items:center;}
#pagging-wrap > .page-area > ul.list li + li {margin-left:0.625rem;}
#pagging-wrap > .page-area > ul.list li a {min-width:2rem;height:2rem;border-radius:50%;color:#878787;font-size:18px;display:flex;justify-content:center;align-items:center;overflow:hidden;font-weight: 500;}

#pagging-wrap > .page-area > ul.list li.on a {color:#000;cursor:default;font-weight: 700;}


.inner{width:100%;position:relative;margin:0 auto;max-width:1480px;padding:0 1.25rem;}
.table-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:1px solid #999;}
.ui-widget-header {border:0;background-color:#fff;}
.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:0.75rem;}
.ui-datepicker .ui-datepicker-title select {font-size:0.75rem;line-height:1.4;border:1px solid #ccc;padding:5px;border-radius:3px;margin:0;}
.ui-datepicker select.ui-datepicker-year {width:4.125rem;background:url('../images/common/calendar-sel-icon.png') no-repeat right 0.1875rem top 0.3125rem/1.0rem 2.0rem;margin-right:0.3125rem;}
.ui-datepicker select.ui-datepicker-month {width:3.375rem;background:url('../images/common/calendar-sel-icon.png') no-repeat right 0.1875rem top 0.3125rem/1.0rem 2.0rem;margin-left:0.3125rem;}
    .ui-datepicker select.ui-datepicker-year:focus,
    .ui-datepicker select.ui-datepicker-month:focus {background-position:right 0.1875rem bottom 0.375rem}

    .ui-datepicker select.ui-datepicker-year::-webkit-scrollbar,
    .ui-datepicker select.ui-datepicker-month::-webkit-scrollbar {width:10px;background-color:#f1f1f1;border-radius:10px;padding:0px  /* 스크롤바의 너비 */}
    .ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-thumb,
    .ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-thumb {
        display: block;
        width: 4px; /* 스크롤바의 길이 */
        background-color: #000; /* 스크롤바의 색상 */
        border-radius: 10px;
        border: 3px solid #f1f1f1;
        cursor: default !important;
    }
    .ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-thumb:hover,
    .ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-thumb:hover {
        background-color: #00BDCB;
        /*border: 1px solid rgba(255,0,0,1);*/
        cursor: default !important;
    }
    .ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-track,
    .ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-track {
        display: none;
        background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/
    }
    .ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-button:start:decrement, 
    .ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-button:end:increment,
    .ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-button:start:decrement, 
    .ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-button:end:increment {
        /*  스크롤의 화살표가 포함된 영역   */
        display: none;
        height: 1.0rem;
        background-color: transparent;
    }

.b-btn{display:inline-flex;align-items: center;justify-content: center;line-height: 3.5rem;color:#fff !important;font-size:1.125rem;font-weight:600;background-color: #222;padding:0 1.75rem;border-radius: 3.125rem;}


.ui-datepicker th {font-size:0.75rem;font-weight:normal}
.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 {border:1px solid #ECEFF1;font-size:0.75rem;text-align:center;border-radius:3px;background-color:#fff;} /* 날짜 기본 */
.ui-datepicker td span, .ui-datepicker td a {padding:0.5em 0.2em;}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {color:#000;font-weight:900;border-color:#000;} /* 오늘 */
.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;font-weight:700;border-color:#00BDCB;background-color:#00BDCB;box-shadow:2px 2px 2px rgba(0,0,0,0.35);} /* 선택한 날짜 */
.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;} /* 이전달,다음달 날짜 */

.root_daum_roughmap .wrap_controllers{display: none !important;}
.root_daum_roughmap .cont{display: none !important;}
.root_daum_roughmap .wrap_map{height:100% !important;}
table{border-top:1px solid #868B93;}
table.border-none{border-top:none;}
table thead{}
table thead tr{border-bottom:1px solid #868B93;}
table thead tr th{text-align: center;padding:1.5rem 1.375rem;background-color: #F8F8F8;font-size:1.125rem;font-weight: 700;color:#121212;}
table thead tr th p{font-size:1.125rem;font-weight: 700;color:#121212;}
table thead tr th p.require:after{content:'*';font-size:1rem;color:var(--cRed);margin-left:0.1875rem;}
table thead tr th.tac{text-align: center;}
table thead tr th.tal{text-align: left;}
table thead tr th.tar{text-align: right;}
table tbody tr{border-bottom:1px solid #E7EAEF;}
table tbody tr td{padding:1.625rem 1.25rem;text-align: center;font-size:18px;font-weight: 500;color:#121212;border-right:1px solid #E7EAEF;}
table tbody tr td:last-child{border-right:none;}
/* table tbody tr td + td{border-left:1px solid #E7EAEF;} */
table tbody tr td.tac{text-align: center;}
table tbody tr td.tal{text-align: left;}
table tbody tr td.tar{text-align: right;}
table tbody tr td.cGray{background-color: #F4F4F4;font-weight: 600;}
.table-content{}
.table-content .table-title{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom:40px;}
.table-content .table-title > p{color:#121212;font-size:40px;font-weight: 800;}
.table-content .table-title > span{color: rgba(33, 33, 33, 0.6);font-size:14px;font-weight: 600;}
.data-table{border-top:1px solid #121212;}
.data-table .table-head{border-bottom: 1px solid #E7EAEF;}
.data-table .table-head > dl{display: flex;}
.data-table .table-head > dl > dt{width: 86%;padding:1.625rem 1.25rem;font-size:18px;font-weight: 700;color:#121212;text-align: center;}
.data-table .table-head > dl > dd{width: 14%;padding:1.625rem 1.25rem;font-size:18px;font-weight: 700;color:#121212;text-align: center;}
.data-table .table-body{}
.data-table .table-body > dl{border-bottom: 1px solid #E7EAEF;display: flex;}
.data-table .table-body > dl > dt{width: 86%;padding:1.625rem 1.875rem;font-size:18px;font-weight: 500;color:#121212;}
.data-table .table-body > dl > dt p{overflow: hidden;white-space : nowrap ; text-overflow:ellipsis;max-width: 96%;;}
.data-table .table-body > dl > dt.new > div > a{display: flex;align-items: center;max-width: 100%;}
.data-table .table-body > dl > dt.new > div > a:after{content:'';background: url("../images/common/table-new-icon.svg")no-repeat;display: inline-block;width: 24px;height: 24px;margin-left:10px;}
.data-table .table-body > dl > dd{width: 14%;padding:1.625rem 1.875rem;font-size:18px;font-weight: 600;color:rgba(33, 33, 33, 0.6);text-align: center;}
.file-box.img-file{}
.file-box.img-file input[type=file]{display: none;}
.upload-label { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 11.875rem; height: 7.8125rem; border: 1px solid #dfdfdf; border-radius: 1rem; text-align: center; cursor: pointer; overflow: hidden; position: relative;background-color: #F5F5F5; }
.file-box.img-file span.add{position:relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 1.25rem;height: 1.25rem;}
.file-box.img-file span.add:before{content:'';background-color: #333;width:1px;height:1.25rem;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.file-box.img-file span.add:after{content:'';background-color: #333;height:1px;width:1.25rem;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.file-box.img-file .upload-label p{margin-top:0.875rem;font-size:0.9375rem;color:#333;}
.file-box.img-file .upload-label span{color:#666;font-size:0.875rem;}
.file-box label{cursor: pointer;}
.upload-label img {object-fit: cover; position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); } 
.file-box .upload-name {background-color: #fff !important;} 
.file-box.text-file input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

.table-dl{border-top:1px solid #E7EAEF}
.table-dl > dl{display: flex;border-bottom:1px solid #E7EAEF;}
.table-dl > dl > dt{padding:26px 20px;text-align: center;font-size:18px;font-weight:500;background-color: #f8f8f8;width: 21%;display: flex;align-items: center;justify-content: center;border-right:1px solid #E7EAEF}
.table-dl > dl > dd{padding:26px 20px;width: 79%;}


.list-search{position: relative;z-index: 2;}
.list-search > div{gap:5px;display: flex;align-items: center;justify-content: center;}
.list-search > div a.submit{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 10px;background-color: #3B4650;}
.list-search > div a.submit:before{content:'';background: url("../images/common/search-btn-icon.svg")no-repeat center;width: 48px;height: 48px;}
.list-search > div .text-input{max-width: 315px;width: 100%;}
header{position: fixed;z-index:200;top:0;left:0;width:100%;}
header .wrap{display: flex;align-items: center;justify-content: space-between;height:80px;width:100%;padding:0 40px;}
header .wrap .l-header{}
header .wrap .l-header .logo{}
header .wrap .l-header .logo > a{display: flex;align-items: center;}
header .wrap .l-header .logo > a:before{content:'';background: url("../images/common/header-logo.svg")no-repeat center bottom /135px 80px;width:135px;height:40px;display: inline-block;}
header .wrap .r-header{display: flex;align-items: center;gap:0 20px;}
header .wrap .r-header > a{}
header .wrap .r-header > a.search{display: flex;width: 32px;height: 32px;}
header .wrap .r-header > a.search:before{content:'';background: url("../images/common/header-search.svg")no-repeat center bottom/32px 64px;width: 32px;height: 32px;display: inline-block;}
header .wrap .r-header > a.header-menu{display: flex;align-items: center;width: 32px;height: 32px;position: relative;justify-content: center;}
header .wrap .r-header > a.header-menu > span{width: 18px;height: 2px;background-color: #fff;}
header .wrap .r-header > a.header-menu > span:before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width: 18px;height: 2px;background-color: #fff;}
header .wrap .r-header > a.header-menu > span:after{content:'';position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width: 18px;height: 2px;background-color: #fff;}
header .wrap nav{position: relative;z-index: 101;}
header .wrap nav > ul{display: flex;height:100%;}
header .wrap nav > ul > li{display: flex;height:100%;position: relative;}
header .wrap nav > ul > li:before { content:''; position: absolute; left:50%; top:0; transform: translateX(-50%); width: 100%; background-color: #fff; z-index: 0; height: var(--activeBeforeHeight, 0); transition: height 0.3s; } 

header .wrap nav > ul > li > a{display: flex;font-size:20px;font-weight: 600;color:#fff;padding:0 30px;height: 100%;align-items: center;position:relative;z-index: 1;}
header .wrap nav > ul > li > .depth2{position: absolute;left:50%;transform: translateX(-50%);top:100%;display:none;}
header .wrap nav > ul > li > .depth2 > ul{}
header .wrap nav > ul > li > .depth2 > ul > li{}
header .wrap nav > ul > li > .depth2 > ul > li > a{text-align: center;color:#999;font-weight: 500;display: flex;align-items: center;justify-content: center;padding:10px 0;white-space: nowrap;}
header .wrap nav > ul > li > .depth2 > ul > li > a:hover{color:#000;font-weight: 700;}
header .wrap nav > ul > li.active > a{}
header .wrap nav > ul > li > a > p{transition: .45s;position:relative;}
header .wrap nav > ul > li > a > p:after{content:'';background-color: rgba(245, 130, 32, 1);position: absolute;left:50%;transform: translateX(-50%);bottom:-18px;height:1px;width:0;transition: .45s;}
header .wrap nav > ul > li.active > a > p:after{width: 100%;}
header .wrap nav > ul > li.active > a > p{padding:0 60px;color:#000;}
header .wrap nav > ul > li .depth3,
header .wrap nav > ul > li .depth4{display: none;}
header.scroll{background-color: #fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03);}
header.scroll .wrap .l-header .logo > a:before{background-position: center top;}
header.scroll .wrap nav > ul > li > a{color:#000;}
header.scroll .wrap .r-header > a.search:before{background-position: center top;}
header.scroll .wrap .r-header > a.header-menu > span{background-color: #000;}
header.scroll .wrap .r-header > a.header-menu > span:before{background-color: #000;}
header.scroll .wrap .r-header > a.header-menu > span:after{background-color: #000;}
header .depth-bg { position: fixed; top: 0; left: 0; width: 100%;background:transparent;z-index: 100;display: none; overflow: hidden;}

header.sub{background-color: #fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03);position: sticky;top:0;}
header.sub .wrap .l-header .logo > a:before{background-position: center top;}
header.sub .wrap nav > ul > li > a{color:#000;}
header.sub .wrap .r-header > a.search:before{background-position: center top;}
header.sub .wrap .r-header > a.header-menu > span{background-color: #000;}
header.sub .wrap .r-header > a.header-menu > span:before{background-color: #000;}
header.sub .wrap .r-header > a.header-menu > span:after{background-color: #000;}



.header-searchWrap{position: fixed;top:0;left:0;width: 100%;z-index: 201;background-color: #fff;display: none;}
.header-searchWrap .t-searchWrap{}
.header-searchWrap .t-searchWrap > div{display: flex;align-items: center;justify-content: space-between;height:80px;width:100%;padding:0 40px;}
.header-searchWrap .t-searchWrap > div > a{display: flex;align-items: center;}
.header-searchWrap .t-searchWrap > div > a.logo:before{content:'';background: url("../images/common/header-logo.svg")no-repeat center top /135px 80px;width:135px;height:40px;display: inline-block;}
.header-searchWrap .t-searchWrap > div > a.search-close{justify-content: center;width: 32px;height: 32px;}
.header-searchWrap .t-searchWrap > div > a.search-close:before{content:'';background: url("../images/common/header-close.svg")no-repeat center/cover;width: 32px;height: 32px;}
.header-searchWrap .b-searchWrap{display: flex;justify-content: center;padding:42px 0 83px;}
.header-searchWrap .search-form { width: 100%; overflow: hidden; max-width: 420px; } 
.header-searchWrap .search-form.search button.btnInputClear { right: 3.75rem; top: 50%; transform: translateY(-50%); } 
.header-searchWrap .search-form form { display: flex; align-items: center; } 
.header-searchWrap .search-form input[type=text] { width: calc(100% - 49px); border: none; line-height:1.3; font-size: 60px; padding-left: 30px;padding-right:0;} 
.header-searchWrap .search-form input[type=text]::placeholder { color: #DDDEE1;font-size: 60px; } 
.header-searchWrap .search-form input[type=submit] { border: none; background: url("../images/common/b-search.png")no-repeat center center/cover; width: 49px; height: 49px;cursor: pointer;} 
#layer-gnb-menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 202; background: #fff; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1); display: none; } 

 #layer-gnb-menu.active { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); display: block; } 
 

#layer-gnb-menu > .wrap{position:relative;}
#layer-gnb-menu > .wrap > .t-layer-menu{display: flex;align-items: center;justify-content: space-between;height:80px;width:100%;padding:0 40px;position: absolute;left:0;top:0;z-index: 10;}
#layer-gnb-menu > .wrap > .t-layer-menu > a{display: flex;align-items: center;}
#layer-gnb-menu > .wrap > .t-layer-menu > a.logo:before{content:'';background: url("../images/common/header-logo.svg")no-repeat center top /135px 80px;width:135px;height:40px;display: inline-block;}
#layer-gnb-menu > .wrap > .t-layer-menu > a.layer-close{justify-content: center;width: 32px;height: 32px;}
#layer-gnb-menu > .wrap > .t-layer-menu > a.layer-close:before{content:'';background: url("../images/common/header-close.svg")no-repeat center/cover;width: 32px;height: 32px;}
#layer-gnb-menu > .wrap > .b-layer-menu{}
#layer-gnb-menu > .wrap > .b-layer-menu > div{display: flex;justify-content: center;width: 100%;height: 100%;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul{display: flex;max-width: 1507px;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li:nth-child(1){border-left: 1px solid #E0E5ED;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li{padding:16vh 32px;border-right:1px solid #E0E5ED;position:relative;min-width: 216px;overflow: hidden;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li::before{content:'';background-color: #F58220;position: absolute;left:50%;top:-100%;width: 101%;transform: translateX(-50%);transition: .5s ease-in-out;height: 100%;z-index: -1;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li:hover::before {top:0;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > a{font-size:24px;font-weight: 700;color:#000;position:relative;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2{margin-top:38px;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul{display: flex;flex-direction: column;gap:20px;flex-wrap:wrap;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li{width: 100%;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > a{font-size:18px;font-weight: 500;color:#999999;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 {margin-top:20px;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul{}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul{display: flex;flex-direction: column;gap:14px;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > a{font-size:16px;font-weight:500;color:#999;position:relative;padding-left:20px;white-space: nowrap;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > a:before{content:'';background-color: #999;position: absolute;left:10px;top:8px;width: 4px;height: 4px;border-radius: 50%;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > .depth4{margin-top:14px;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > .depth4 > ul{display: flex;flex-direction: column;gap:14px;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > .depth4 > ul > li > a{font-size:16px;font-weight:500;color:#999;position:relative;padding-left:20px;}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul.row-4 { display: flex; flex-flow: column wrap; gap:20px;max-height: 600px;} 
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul.row-4 > li{width: calc(50% - 10px);}

#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > a {
    transition: color 0.35s ease;
  }
  
  #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li .depth2 > ul > li > a,
  #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li .depth2 > ul > li > .depth3 > ul > li > a,
  #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li .depth2 > ul > li > .depth3 > ul > li > .depth4 > ul > li > a {
    transition: color 0.35s ease;
  }
  
  #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li .depth2 > ul > li > .depth3 > ul > li > a:before {
    transition: background-color 0.35s ease;
  }
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active > a {
    color: #fff;
  }

#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active .depth2 > ul > li > a,
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active .depth2 > ul > li > .depth3 > ul > li > a,
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active .depth2 > ul > li > .depth3 > ul > li > .depth4 > ul > li > a {
color: rgba(255, 255, 255, 0.6);
}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active > .depth2 > ul > li > .depth3 > ul > li > a:before{background-color: rgba(255, 255, 255, 0.6);}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active .depth2 > ul > li > a:hover,
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active .depth2 > ul > li > .depth3 > ul > li > a:hover,
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active .depth2 > ul > li > .depth3 > ul > li > .depth4 > ul > li > a:hover {
color: #fff;
}
#layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.active > .depth2 > ul > li > .depth3 > ul > li > a:hover:before{background-color: #fff;}

  

footer{border-top:1px solid #eee;background-color: #fff;}
footer .t-footer{}
footer .t-footer .inner{padding:40px 20px;border-bottom:1px solid #f2f2f2;display: flex;align-items: center;gap:20px;}
footer .t-footer .inner > div{display: flex;align-items: center;flex-wrap:wrap;gap:20px;position: relative;}
footer .t-footer .inner > div + div{padding-left:20px;}
footer .t-footer .inner > div + div:before{content:'';background-color: #eee;width: 1px;height:8px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
footer .t-footer .inner > div > a{position: relative;display: flex;font-size:13px;font-weight: 500;color:#999;align-items: center;}
footer .t-footer .inner > div > a.gain{font-weight: 700;color:#111;}
footer .t-footer .inner > div > a.cOrange{color:var(--cOrange);}
footer .t-footer .inner > div > a + a{padding-left:20px;}
footer .t-footer .inner > div > a + a:before{content:'';background-color: #eee;width: 1px;height:8px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
footer .b-footer .inner{display: flex;align-items: flex-start;justify-content: space-between;padding:40px 20px;}
footer .b-footer .inner{}
footer .b-footer .inner .l-footer{display: flex;align-items: flex-start;gap:0 40px;}
footer .b-footer .inner .l-footer .addr{padding-left:40px;position:relative;}
footer .b-footer .inner .l-footer .addr:before{content:'';background-color: #f2f2f2;position: absolute;left:0;top:0;width:1px;height:100%;}
footer .b-footer .inner .l-footer .addr .addr1{}
footer .b-footer .inner .l-footer .addr .addr1 p{font-size:12px;font-weight: 600;color: #999;}
footer .b-footer .inner .l-footer .addr .addr1 p span{font-size:12px;font-weight:500;color:#999;margin-right:8px;}
footer .b-footer .inner .l-footer .addr .addr2{margin-top:8px;display: flex;align-items: center;}
footer .b-footer .inner .l-footer .addr .addr2 p{position:relative;}
footer .b-footer .inner .l-footer .addr .addr2 p + p{margin-left:16px;padding-left:16px;}
footer .b-footer .inner .l-footer .addr .addr2 p + p:before{content:'';background-color: #eee;width: 1px;height: 8px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
footer .b-footer .inner .l-footer .addr .addr2 p{font-size:12px;font-weight: 600;color:#999;}
footer .b-footer .inner .l-footer .addr .addr2 p span{font-size:12px;color:#999;margin-right:8px;font-weight: 400;}
footer .b-footer .inner .l-footer .addr .copy{font-size:11px;color:#aaa;display: block;margin-top:20px;}
footer .b-footer .inner .r-footer{display: flex;align-items: center;gap:0 40px;}
footer .b-footer .inner .r-footer .sns{display: flex;align-items: center;gap:0 20px;}
footer .b-footer .inner .r-footer .sns > a{display: flex;align-items: center;justify-content: center;border-radius: 5px;overflow: hidden;width: 24px;height: 24px;}
footer .b-footer .inner .r-footer .sns > a.blog{}
footer .b-footer .inner .r-footer .sns > a.blog:before{content:'';background: url("../images/common/sns-blog.svg")no-repeat;display: inline-block;width: 24px;height: 24px;}
footer .b-footer .inner .r-footer .sns > a.insta:before{content:'';background: url("../images/common/sns-insta.svg")no-repeat;display: inline-block;width: 24px;height: 24px;}
footer .b-footer .inner .r-footer .sns > a.face:before{content:'';background: url("../images/common/sns-face.svg")no-repeat;display: inline-block;width: 24px;height: 24px;}
footer .b-footer .inner .r-footer .sns > a.youtube:before{content:'';background: url("../images/common/sns-youtube.svg")no-repeat;display: inline-block;width: 24px;height: 24px;}
footer .b-footer .inner .r-footer .sns > a + a{}
footer .b-footer .inner .r-footer .family-site{position:relative;}
footer .b-footer .inner .r-footer .family-site > a{display: flex;align-items: center;padding:0 24px;line-height: 36px;background-color: #f5f5f5;min-width: 200px;font-size:13px;font-weight:500;color:#666;text-transform: uppercase;border-radius: 18px;justify-content: space-between;}
footer .b-footer .inner .r-footer .family-site > a:after{content:'';background: url("../images/common/family-arrow.svg")no-repeat;display: inline-block;width: 9px;height: 6px;transition: .45s;}
footer .b-footer .inner .r-footer .family-site.active > a:after{transform: rotate(180deg);}
footer .b-footer .inner .r-footer .family-site > .site-list{position: absolute;left:50%;bottom:calc(100% + 5px);width: 100%;transform: translateX(-50%);display: none;}
footer .b-footer .inner .r-footer .family-site > .site-list > ul{padding:10px;background-color: rgba(245, 245, 245, 1);border-radius: 18px;overflow: hidden;}
footer .b-footer .inner .r-footer .family-site > .site-list > ul > li{}
footer .b-footer .inner .r-footer .family-site > .site-list > ul > li > a{display: flex;align-items: center;padding:12px 10px;font-size:13px;font-weight:500;color: rgba(102, 102, 102, 1);background-color: transparent;border-radius: 18px;}
footer .b-footer .inner .r-footer .family-site > .site-list > ul > li > a:hover{background-color: #fff;color:var(--cOrange)}

#pageTopScrollBtn {position: fixed;right: 40px;bottom: 40px;z-index: 100;}
#pageTopScrollBtn > a {display: flex;flex-direction: column;align-items: center;justify-content: center; width: 80px;height: 80px;background-color: #FFFFFF;border-radius: 50%; color: #3A464F; font-size:14px; text-align: center;font-weight: 500;box-shadow: 4px 6px 15px rgba(0,0,0,0.15);}
#pageTopScrollBtn > a + a{margin-top:10px;}
#pageTopScrollBtn > a.topBtn{background-color: #2F3B45;color:#fff;font-weight: 600;}
#pageTopScrollBtn > a.float-inquiry:before {content:'';background: url("../images/common/float-btn01.svg")no-repeat;display: inline-block;width: 32px;height: 32px;margin-bottom:6px;}
#pageTopScrollBtn > a.float-technical:before {content:'';background: url("../images/common/float-btn02.svg")no-repeat;display: inline-block;width: 36px;height: 32px;margin-bottom:6px;}
#pageTopScrollBtn > a.topBtn:before {content:'';background: url("../images/common/float-btn03.svg")no-repeat;display: inline-block;width: 22px;height: 23px;margin-bottom:4px;}

.page-layout{padding-top:80px;}
.page-layout .page-title{text-align: center;margin-top:45px;}
.page-layout .page-title > h1{text-align: center;font-size:60px;font-weight:800;color:#000;}
.sub_navigation{display: flex;align-items: center;justify-content: center;}
.sub_navigation .home{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}
.sub_navigation .home::before{content:'';background:url("../images/common/sub-navigator.svg")no-repeat center left/48px 24px;width: 24px;height: 24px;display: inline-block;}
.sub_navigation .menu{position:relative;display: flex;align-items: center;font-size:16px;color:#C4C9D1;font-weight: 500;}
.sub_navigation .menu:before{content:'';background: url("../images/common/sub-navigator.svg")no-repeat center right/48px 24px;width: 24px;height: 24px;display: inline-block;margin:0 5px;}
.sub_navigation .menu > a{color:#000;display: flex;align-items: center;font-weight: 700;cursor: default;}
/* .sub_navigation .menu > a:after{content:'';background: url("../images/common/sub-navigator-arrow.svg")no-repeat center bottom /24px 48px;width: 24px;height: 24px;transition: .25s;margin-left:5px;} */

.layer-popup{position: fixed; left: 0; top: 100%; width: 100%; height: 100%; z-index: 2000; background-color: rgba(0,0,0,0);transition: top 0.5s ease ,background-color 1.25s ease;pointer-events: none;}
.layer-popup.active{top:0;pointer-events: auto;background-color:  rgba(0,0,0,0.5);;}

.layer-popup .popup-wrap{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.layer-popup .popup-wrap .layer-conts{max-width: 900px;padding:50px;position:relative;overflow: hidden;border-radius: 20px;background-color: #fff;}
.layer-popup .popup-wrap .layer-conts .popup-close{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;position:absolute;right: 20px;top:20px;}
.layer-popup .popup-wrap .layer-conts .popup-close:before{content:'';width: 24px;height: 24px;display: inline-block;background: url("../images/common/popup-close.svg")no-repeat center/cover;}
.layer-popup .popup-wrap .layer-conts .popup-conts{}
.layer-popup .popup-wrap .layer-conts .popup-conts .popup-title{}
.layer-popup .popup-wrap .layer-conts .popup-conts .popup-title p.t1{font-size:22px;font-weight: 600;color:#121212;}
.layer-popup .popup-wrap .layer-conts .popup-conts .popup-title p.t2{font-size:16px;margin-top:10px;}
.layer-popup .popup-wrap .layer-conts .popup-conts .table-content{margin-top:30px;border-bottom:1px solid #868B93;}
.layer-popup .popup-wrap .layer-conts .popup-conts .table-content table tr td{padding:30px 10px;}
.layer-popup .popup-wrap .layer-conts .popup-conts .popup-caution{display: flex;align-items: flex-start;color:rgba(33, 33, 33, 0.6);font-size:14px;margin-top:10px;line-height: 1.4;}
.layer-popup .popup-wrap .layer-conts .popup-conts .popup-caution:before{content:'※';margin-right:3px;}
.layer-popup .popup-wrap .layer-conts .popup-conts .table-content .table{padding:0;overflow: visible;}
    .layer-popup .popup-wrap .layer-conts .popup-conts .table-content .table table{min-width: auto;}
@media only screen and (min-width: 1921px){


}
@media only screen and (max-width: 1500px){
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > a{font-size:20px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > a{font-size:16px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > .depth4 > ul > li > a{font-size:14px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li{min-width: 205px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li:nth-child(2){min-width: 370px;}
}
@media only screen and (max-width: 1270px){
    .page-layout .page-title > h1{font-size:50px;}
    #layer-gnb-menu > .wrap > .t-layer-menu{height:60px;padding:0 20px;background-color: #fff;z-index: 202;}
    #layer-gnb-menu > .wrap > .b-layer-menu{}
    #layer-gnb-menu > .wrap > .b-layer-menu > div{overflow-y: auto;overflow-x: hidden;padding-top:60px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul{max-width: none;width: 100%;flex-direction: column;align-items: flex-start;height:fit-content;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li{padding:0;min-width: auto;border:none;width: 100%;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > a{padding:20px;display: flex;align-items: center;font-size:18px;justify-content: space-between;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.scroll > a{color:#fff;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2{display: none;margin-top:0;padding:10px 0;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul{gap:20px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li::before{display: none;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.scroll{background-color: var(--cOrange);}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > a{font-size:16px;padding:10px 20px;display: flex;color:rgba(255, 255, 255, 0.6)}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3{margin-top:0;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul{padding-left:20px;width: 100%;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > a{color: rgba(255, 255, 255, 0.6);font-size:14px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > a:before{background-color: rgba(255, 255, 255, 0.6);}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul > li > .depth3 > ul > li > .depth4 > ul > li > a{color: rgba(255, 255, 255, 0.6);font-size:14px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul.row-4{max-height: none;gap:20px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > .depth2 > ul.row-4 > li{width: 100%;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li:nth-child(1){border-left:0;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li{border-top:1px solid #E0E5ED;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.scroll{border-top:1px solid #fff;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > a::before { content: ''; width: 2px; height: 20px; background-color: #000; right: 29px; top: 50%; position: absolute; transform: translateY(-50%); transition: all 0.35s ease; } 
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li > a::after { content: ''; width: 20px; height: 2px; background-color: #000; right: 20px; top: 50%; position: absolute; transform: translateY(-50%); transition: all 0.35s ease; } 
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.scroll > a::before { transform: translateY(-50%) rotate(360deg); opacity: 0; } 
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li.scroll > a::after { background-color: #fff; transform: translateY(-50%) rotate(360deg); }
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li:last-child > a:after{content:'';background: url("../images/common/mobile-layer-icon.svg")no-repeat center;width: 24px;height: 24px;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li:last-child > a:before{display: none;}
    #layer-gnb-menu > .wrap > .b-layer-menu > div > ul > li:nth-child(2){min-width: auto;}
}
@media only screen and (max-width: 1200px){
    .table{overflow-x: auto;overflow-y: hidden;padding:10px 20px;}
    .table::-webkit-scrollbar{display: none;}
    .table table{min-width: 1440px;}
    .table-inner{width:100%;position:relative;margin:0 auto;max-width:1480px;padding:0;}
    #container.sub .ir-wrap .table-1 .table-title,
    #container.sub .ir-wrap .table-2 .table-title{padding:0 20px;}
    #container.sub .ir-wrap .figure-text{display: block !important;}
    #container.sub .ir-wrap .figure-text > p { display: flex; align-items: center; justify-content: center; margin-top: 10px; color: #C49D75; font-size: 0.875rem; font-weight: 600; text-align: center; width: 100%;animation: scrollHint 3.6s ease-in-out infinite; } 
    #container.sub .ir-wrap .figure-text > p::before { content: ""; display: block; width: 1.25rem; aspect-ratio: 1; background: url('../images/common/figure-arrow.png') no-repeat center left/cover; margin-right: 7px; } 
    #container.sub .ir-wrap .figure-text > p::after { content: ""; display: block; width: 1.25rem; aspect-ratio: 1; background: url('../images/common/figure-arrow.png') no-repeat center right/cover; margin-left: 7px; } 
    @keyframes scrollHint {

        0% {
          transform: translateX(-8px);
        }
        25% {
            transform: translateX(8px);
          }
        50% {
            transform: translateX(-8px);
        }
        75% {
            transform: translateX(8px);
        }
        100% {
          transform: translateX(-8px);
        }
      }

}
@media only screen and (max-width: 1150px;){
    .table-content .table-title > p{font-size:35px;}
}
@media only screen and (max-width: 1024px){
header .wrap nav > ul > li > a{padding:0 20px;font-size:16px;}
}
@media only screen and (max-width: 950px){
    .layer-popup .popup-wrap .layer-conts{margin:0 20px;}

}
@media only screen and (max-width: 890px){
    br.w890{display: none;}
}
@media only screen and (max-width: 768px){
    .pVer{display: none !important;}
    .mVer{ display: block !important;}
    header .wrap{height:60px;padding:0 20px;}
    header .wrap nav{display: none;}

    .header-searchWrap .t-searchWrap > div{padding:0 20px;height:60px;}
    .header-searchWrap .b-searchWrap{padding:50px 80px;}
    .header-searchWrap .search-form{max-width: 215px;}
    .header-searchWrap .search-form input[type=submit]{width: 24px;height: 24px;background: url("../images/common/m-b-search.png")no-repeat center/cover;}
    .header-searchWrap .search-form input[type=text]{font-size:30px;padding-left:15px;width: calc(100% - 24px);}
    .header-searchWrap .search-form input[type=text]::placeholder {font-size: 30px; } 
    footer .t-footer .inner{padding:30px 20px;}
    footer .t-footer .inner > div > a{font-size:14px;}
    footer .b-footer .inner{padding:30px 20px 40px;flex-direction: column;}
    footer .b-footer .inner .l-footer{flex-direction: column;align-items: flex-start;}
    footer .b-footer .inner .l-footer .addr{padding-left:0;margin-top:30px;}
    footer .b-footer .inner .l-footer .addr::before{display: none;}
    footer .b-footer .inner .l-footer .addr .addr1 p span{font-size:14px;}
    footer .b-footer .inner .l-footer .addr .addr1 p{font-size:14px;}
    footer .b-footer .inner .l-footer .addr .addr2 p span{font-size:14px;}
    footer .b-footer .inner .l-footer .addr .addr2 p{font-size:14px;}
    footer .b-footer .inner .l-footer .addr .copy{margin-top:15px;}
    footer .b-footer .inner .r-footer{flex-direction: column-reverse;align-items: center;width: 100%;margin-top:30px;}
    footer .b-footer .inner .r-footer .family-site{width: 100%;}
    footer .b-footer .inner .r-footer .family-site > a{width: 100%;}
    footer .b-footer .inner .r-footer .sns{margin-top:40px;}
    footer .b-footer .inner .r-footer .sns > a{width: 34px;height: 34px;}
    footer .b-footer .inner .r-footer .sns > a:before{width: 34px !important;height: 34px !important;background-size: cover !important;}
    #pageTopScrollBtn{right:10px;}
    #pageTopScrollBtn > a{width:60px;height:60px;font-size:11px;}
    #pageTopScrollBtn > a.float-inquiry:before{width: 28px;height: 28px;background-size: cover;margin-bottom:4px;}
    #pageTopScrollBtn > a.float-technical:before{width: 28px;height: 25px;background-size: cover;margin-bottom:4px;}
   
    input[type=checkbox].chkbox.b-chk + label:before{width: 20px;height: 20px;min-width: 20px;border-radius: 3px;}
    input[type=checkbox].chkbox.b-chk + label{font-size:14px;}

    .page-layout{padding-top: 10px;}
    .page-layout .page-title{margin-top: 30px;}
    .page-layout .page-title > h1{font-size: 30px;}
    .sub_navigation .home::before{width: 18px; height: 18px; background-size: cover;}
    .sub_navigation .menu{font-size: 11px;}
    .sub_navigation .menu:before{width: 18px; height: 18px; background-size: cover;}

    #pagging-wrap > .page-area > a.page-btn.first {width: 34px; height: 34px;background-size: 136px 34px;}
    #pagging-wrap > .page-area > a.page-btn.prev {width: 34px; height: 34px; background-size: 136px 34px; background-position: left -34px center;}
    #pagging-wrap > .page-area > a.page-btn.next {width: 34px; height: 34px;background-size: 136px 34px; background-position: left -68px center;}
    #pagging-wrap > .page-area > a.page-btn.last {width: 34px; height: 34px;background-size: 136px 34px;background-position: left -102px center;}
    #pagging-wrap > .page-area > ul.list{padding: 0 15px;}
    #pagging-wrap > .page-area > ul.list li a{font-size: 1rem;}

    .list-search > div div.select-box-default-st span.selectText{min-width: 100px;}

    .table-content .table-title{}
    .table-content .table-title > p{font-size:28px;}
    table thead tr th{font-size:14px;padding:22px 20px;}
    table tbody tr td{padding:20px;font-size:12px;}
    .table-dl > dl > dt{font-size:16px;padding:26px 4px;width:30%;}
    .table-dl > dl > dd{width: 70%;}
    .layer-popup .popup-wrap .layer-conts .popup-close{right:10px;top:10px;}
    .layer-popup .popup-wrap .layer-conts{margin:0 20px;padding:20px;border-radius: 15px;}
    .layer-popup .popup-wrap .layer-conts .popup-conts .table-content{margin-top:10px;}
    .layer-popup .popup-wrap .layer-conts .popup-conts .popup-title p.t1{font-size:16px;}
    .layer-popup .popup-wrap .layer-conts .popup-conts .popup-title p.t2{font-size:14px;}
    .layer-popup .popup-wrap .layer-conts .popup-conts .popup-caution{font-size:12px;}
    
}

@media only screen and (max-width: 615px){
    br.w615{display: none;}

}
@media only screen and (max-width: 560px){
    br.w560{display: none;}
}
@media only screen and (max-width: 550px){
    .pc-only{display: none !important;}
    .m-only{ display: block !important;}

    footer .t-footer .inner{flex-direction: column;align-items: flex-start;gap:14px;}
    footer .t-footer .inner > div + div{padding:0;}
    footer .t-footer .inner > div + div::before{display: none;}
}