/* 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}

    .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: 'Pretendard', sans-serif !important;color:#000;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.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);
}

.inner{width:100%;position:relative;margin:0 auto;max-width:1480px;padding:0 1.25rem;}


.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;} /* 이전달,다음달 날짜 */


table{border-top:1px solid #868B93;}

.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%;}



#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;}