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

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

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

/* color (:root) */
:root{--bg-gray: #F0F5F6;}
:root{--point-color: #FF5900;}
:root{--point-color2: #FFF600;}
:root{--color-green: #265E54;}
:root{--color-green2: #269F8D;}
:root{--color-gray: #3A3A3C;}
:root{--color-gray2: #B3B3B3;}
:root{--border-gray: #C9CFDA;}
:root{--border-gray2: #D2DAE3;}
:root{--sub-leftW: 96rem;}
:root{--sub-rightW: 36rem;}

:root{--font-title: OnemobileT;}

/* font, weight */
.normal {font-weight:400;}
.bold {font-weight:700;}

.w100 {width:100%;}

/* button */
.btn-wrap {margin-top:7.8rem; width: 100%; overflow:hidden;display: flex;gap: 1rem;justify-content: flex-end;flex-wrap: wrap;}
.btn-wrap.m20 {margin-top:2rem;}
.btn-wrap.m40 {margin-top:4rem;}
.btn-wrap.center {justify-content: center;}
.btn-wrap .tl, .board-btn .fr{display: flex; align-items: center; gap: 1rem;}
.btn-wrap .btn{border-radius:1rem; padding:2rem 3rem; min-height:5.8rem;}
.btn-wrap .sm{border-radius:0.5rem; padding:1rem 2rem; min-height:4rem;}
.btn-wrap .black{background:#000;}
.btn-wrap .green{background:var(--color-green2);}
.btn-wrap .point{background:var(--point-color);}
.btn-wrap .line{border:1px solid var(--border-gray);}
.btn-wrap .btn.line span{color:#000;}
.btn-wrap .btn span{color:#fff; font-size: 1.6rem;font-weight: 600;}
.btn-wrap .ui_none{display:none;}

.close_c_btn {width: 2rem; height: 2rem;}
.close_c_btn .icon {display: block;width: 2rem;height: 2rem;background: url(../img/default/ico_close.svg) no-repeat center center / 2rem;}

/* layer popup */
.layer-popup{display: none;position: fixed; inset: 0; z-index: 4000; justify-content: center; align-items: center;padding: 2rem; opacity:0;}
.layer-popup.active{display:flex; opacity:1; pointer-events:auto;}
.layer-popup .popup-dim {position: absolute; backdrop-filter: blur(5px); inset: 0; background: rgba(0, 0, 0, 0.6); z-index: 0;}
.layer-popup .popup-inner {position: relative; max-width: 58rem; width: 100%; max-height: 90vh; overflow-y: auto; background: #fff; border-radius:1rem; z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.layer-popup .popup-inner.w800 {max-width: 80rem;}
.layer-popup .popup-inner.w56 {max-width: 56rem;}
.layer-popup .popup_contbox{padding:3rem;}
.layer-popup .title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 5rem;}
.layer-popup .title .htit{font-family: 'OnemobileT';}
.layer-popup .content .stit{font-size:1.4rem; margin-bottom:1rem;}
.layer-popup .content .stit.gray {color: #7F7F8E;margin-bottom:0;}
.layer-popup .content .input {width: 100%;}
.layer-popup .content .txtarea{min-height:15rem;}
.layer-popup .content .bg_gray {padding: 2rem; border-radius: 0.5rem;background: var(--bg-gray);}
.layer-popup .content .flex {display: flex;gap: 1.4rem; align-items: center;}
.layer-popup .content+.content {margin-top: 4rem;}
.layer-popup .popup_btn{display: flex; align-items: center; gap: 0.5rem; justify-content: flex-end;padding: 1.5rem 3rem; border-top: 1px solid var(--border-gray2);}
.layer-popup .popup_btn .btn{border-radius: 0.5rem; padding: 1rem 2rem; min-height:3.8rem;}
.layer-popup .popup_btn .btn span{color:#fff; font-size:1.6rem;}
.layer-popup .popup_btn .line{border:1px solid var(--border-gray);}
.layer-popup .popup_btn .line span{color:#000;}
.layer-popup .popup_btn .point{background:var(--point-color);}
.layer-popup .popup-close {width:3rem; height:3rem;}
.layer-popup .popup-close .icon{display:block; width:3rem; height:3rem; background:url(../img/default/ico_close.svg)no-repeat center center / 3rem;}

@media screen and (max-width:768px){
	
	.layer-popup .content .ip-filebox {align-items: flex-start;flex-direction: column;}
	.layer-popup .content .ip-filebox .file-ip {width: 100%;}
	.layer-popup .content .ip-filebox .file-label {width: 9.1rem;}
}


/* info-ex */
.info-ex {text-indent:-24px;padding-left:24px;font-size: 1.5rem; margin-top: 1rem;}
.info-ex:before {content:url(/share/portal/img/Contents/ico_alert_b.svg) !important;display:inline-block;width:1.7rem;height:1.7rem;border-radius:50%;margin-right:8px;vertical-align:middle;text-align:center;text-indent:0;}
.info-ex .txt {vertical-align:middle;font-size:1.4rem;line-height:2.2rem;color:#000;}
.info-ex.b .txt {font-size: 1.6rem;}
.info-ex .txt i {font-style:normal;font-size:1.4rem;}
.info-ex.st02:before {content:url(/share/boss/img/Default/ico_info02.svg);}
.info-ex.st03:before {content:url(/share/boss/img/Default/ico_info03.svg);}
.info-ex.st03 .txt {color:var(--color-red);}
.info-ex.point:before {content:url(/share/portal/img/Contents/ico_alert_p.svg) !important;}
.info-ex.point .txt {color: var(--point-color);}

/* list */
.dotList li {text-indent:-7px;padding-left:7px;line-height:160%;}
.dotList li + li {margin-top:1.5rem;}
.dotList li * {text-indent:0;}
.dotList li:before {content:"";display:inline-block;width:2px;height:2px;margin-right:5px;background:#222;vertical-align:middle;}

.dasList li {text-indent:-10px;padding-left:10px;line-height:160%;}
.dasList li + li {margin-top:1.5rem;}
.dasList li * {text-indent:0;}
.dasList li:before {content:"";display:inline-block;width:4px;height:1px;margin-right:6px;background:#222;vertical-align:middle;}

.dotList-rec li {padding-left:1.4rem;line-height:160%;font-size:2rem;position:relative;}
.dotList-rec li + li {margin-top:1.5rem;}
.dotList-rec li:before {content:"";display:block;width:0.4rem;height:0.4rem;margin-right:1rem;background:var(--bg-blue);position:absolute;top:0.7em;left:0;}

.dotList-circle li {padding-left:1.4rem;line-height:160%;font-size:2rem;position:relative;}
.dotList-circle li + li {margin-top:1.5rem;}
.dotList-circle li:before {content:"";display:block;width:0.5rem;height:0.5rem;background:var(--bg-blue);border-radius:50%;position:absolute;top:0.7em;left:0;}

@media screen and (max-width:768px){
	
	.dotList-rec li {font-size:1.6rem;}
	.dotList-rec li + li {margin-top:1.0rem;}
	
}


/* nec (default) */


/* point_color (background) */
.point_pb_01 {background:#0067db;}
.point_pb_02 {background:#003399;}
.point_sb_01 {background:#66a3ef;}
.point_sb_02 {background:#15d886;}
.point_sb_03 {background:#78d400;}
.point_sb_04 {background:#38a500;}
.point_sb_05 {background:#f8f9fa;}

/* point_color (color) */
.point_pc_01 {color:#0067db !important;}
.point_pc_02 {color:#003399 !important;}
.point_sc_01 {color:#66a3ef !important;}
.point_sc_02 {color:#15d886 !important;}
.point_sc_03 {color:#78d400 !important;}
.point_sc_04 {color:#38a500 !important;}


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

.calendar_openbtn {cursor:pointer;}

/* gap-content */
.gap-content {padding-bottom:10rem;}
.gap-content + .gap-content {border-top:1px solid #ddd;padding-top:8rem;}

.gap-content.first {margin-top:12rem;}


/* content title */
.sub-title01 {font-size:3.6rem;letter-spacing: -0.68px;font-family: 'OnemobileT', sans-serif;color:#000;margin-bottom:7rem;}
.sub-title02 {font-size:2.8rem;font-family: 'OnemobileT', sans-serif;letter-spacing: -0.53px;color:#000;}
.sub-title03 {font-size:2.4rem;font-family: 'OnemobileT', sans-serif;letter-spacing: -0.46px;color:#000;margin-bottom:4rem;}


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

/* 버튼 묶음 */
.btn-graybox {background:var(--bg-gray);justify-content:center;align-items:center;padding:6rem 11rem;display:flex;gap:5rem;}
.btn-graybox .filedown-btn,
.btn-graybox .link-btn {flex:1;}


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


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


/* graybox */
.graybox {border-radius:10px;background:var(--bg-gray);padding:5rem 3rem;}


/* tab */
.tab_wrap ul {display: flex;gap: 0.4rem;flex-wrap: wrap;}
.tab_wrap ul li a {display: block;padding: 1rem 2rem; border: 1px solid var(--border-gray);border-radius: 0.5rem; background: #fff; font-size: 1.6rem;}
.tab_wrap ul li a[aria-selected="true"] {color:#fff; background: var(--point-color); border-color: var(--point-color);}

.tab_wrap2 {padding: 2rem 2rem 0; border-top-left-radius: 1rem;border-top-right-radius: 1rem; background: var(--bg-gray);width: 100%;overflow: auto;}
.tab_wrap2 ul {flex-wrap: nowrap;}
.tab_wrap2 ul li a {border-radius: 0; border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;border:none;}
.tab_wrap2 ul li {flex:none;}

.tab-nav.top {margin-top:12rem;}
.tab-nav {text-align:center;margin-bottom:6rem;max-width:100%;}
.tab-nav > ul {display:inline-flex;align-items:center;padding:0.4rem;border:1px solid #ddd;border-radius:100px;}
.tab-nav > ul li {/* flex:1; */}
.tab-nav > ul a {display:flex;align-items:center;justify-content:center;min-width:18rem;max-width:100%;min-height:8rem;padding:2rem 4.5rem;border-radius:150px;transition:all 0.3s;}
.tab-nav > ul a span {font-family: 'OnemobileT', sans-serif;font-size:2.2rem;letter-spacing: -0.42px;line-height:140%;transition:all 0.3s;}
.tab-nav > ul a:hover {background:var(--bg-blue);}
.tab-nav > ul a:hover span {color:#ffffff;}
.tab-nav > ul a[aria-selected="true"] {background:var(--bg-blue);}
.tab-nav > ul a[aria-selected="true"] span {color:#ffffff;}

/* select box */
select{min-height:4rem;border:1px solid var(--border-gray2); border-radius:0.5rem; padding:0.7rem 4.5rem 0.7rem 1.5rem; background:url(../img/default/ico_select_arrow.svg) no-repeat right 1.5rem center / 1rem; background-color: #fff;}
input[type="text"], input[type="password"], input[type="date"]{min-height:4rem; border:1px solid var(--border-gray2); border-radius:0.5rem; padding:0.7rem 1.5rem;}
input[type="text"]:disabled, input[type="password"]:disabled {background: var(--bg-gray); color: #7F7F8E;}
input[type="text"]::placeholder {color: #000;}
.input_box {display:flex; gap: 0.6rem; align-items:center;}
.input_right {text-align: right;}
.input_text.input_or_txt {color: var(--point-color);font-weight: 700; width: 17.9rem; max-width: 100%;}
.input_text.input_or_txt::placeholder {color: var(--color-gray2);font-weight: 700;}
.input_text.inout_pl::placeholder {color: var(--color-gray2);}

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



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

}

@media screen and (min-width:1000px){


}

@media screen and (max-width:1200px){
	
	/* 버튼 묶음 */
	.btn-graybox {padding:4rem;gap:2rem;}
	
	
	/* tab */
	.tab-nav > ul a {min-height:6rem;min-width:12rem;word-break:break-all;padding:2rem;}
	.tab-nav > ul a span {font-size:1.8rem;}
}

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

	/* 이미지 확대보기 */
	.img-preview .preview-btn {display: block; position: absolute; top: 0; right: 0; height: 40px; width: 90px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; line-height: 40px; z-index: 2; font-family:'Noto Sans', sans-serif; font-size:14px; letter-spacing:-0.04em;}

	
	/* 버튼 묶음 */
	.btn-graybox {flex-wrap:wrap;padding:4rem 3rem;}
	.btn-graybox .filedown-btn,
	.btn-graybox .link-btn {width:100%;flex:auto;}
	
	
	/* tab */
	.tab-nav > ul li:first-child:nth-last-child(3) a,
	.tab-nav > ul li:first-child:nth-last-child(3) ~ li a {min-width:0;}
}

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

	.input_text.input_or_txt {width:100%;}
	.input_box:has(.input_or_txt) {width: 100%;}
}

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


}

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


}