@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{--point-c:#0044b4;} 
:root{--point-c1:#ff6000;} 
:root{--point-c2:#666666;} 
:root{--state-save:#42ad49;}
:root{--state-aging:#aaa;}
:root{--bg-gray:#f8f9fa;}
:root{--bg-blue:#0067db;}

/* 배너크기 */
:root{--main-slider-width: 530px;}

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

/* button */
.btn_box {text-align: center;margin-top: 7.5rem;}
.btn {display: inline-block;text-align: center;background: #F36074;padding: 2rem 3.5rem;border-radius: 5px;color: #fff;font-size: 16px;font-weight: 600;transition: all 0.3s;}
.btn02 {}
.btn03,
[class*="btn03"] {display: flex;align-items: center;justify-content: center;background: #3C3C3B; border-radius: 5px;color: #fff;font-size: 15px;font-weight: 600;transition: all 0.3s;padding: 1rem 2rem;width: 140px;height: 40px;margin-bottom:10px;}
.btn03-s {display: inline-flex;padding: 1rem;height:35px;margin-bottom:0;width:auto;}
.btn03-s span {font-size:1.5rem;}
.btn04 {display: flex;align-items: center;justify-content: center;background: #fff; border:1px solid #707070;border-radius: 5px;color: #3C3C3B;font-size: 15px;font-weight: 600;transition: all 0.3s;padding: 1rem 2rem;width: 140px;height: 40px;}
.btn:hover, 
.btn:focus, 
.btn02:hover, 
.btn02:focus, 
.btn03:hover, 
.btn03:focus,
[class*="btn03"]:hover,
[class*="btn03"]:focus, 
.btn04:hover, 
.btn04:focus {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);}


/* 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/Layout/ico_calendar.svg) right 1.0rem center no-repeat; background-size:18px 18px; background-color:#ffffff;}
.datepicker_Ym {background:url(../img/Layout/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;}


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


/* info text */
.info-ex {text-indent:-3.7rem;padding-left:3.7rem;font-size:1.8rem;line-height:160%;}
.info-ex:before {content:"";display:inline-block;width:2.2rem;height:2.2rem;margin-right:1.5rem;vertical-align:middle;text-align:center;text-indent:0;background:url(../img/default/info-ex.svg) no-repeat center center /100% 100% var(--point-c);border-radius:50%;}
.info-ex-box {border-radius: 10px;background-color:var(--bg-gray);padding:2rem 2.8rem;}


/* 버튼 묶음 */
.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 */
.tablist-wrap {margin-bottom: 6rem;}
.tablist-wrap ul {display:flex;}
.tablist-wrap ul li {width: 100%;text-align: center;border-bottom: 1px solid #ddd; position: relative; transition: all 0.3s ease;}
.tablist-wrap ul li a {display: block;padding: 17px 0;}
.tablist-wrap ul li a:before {content:'';display:block;width: 100%; height: 2px;background:transparent;position: absolute;bottom: -1px;transition: all 0.3s ease;}
.tablist-wrap ul li a[aria-selected="true"]:before {background:#F37060;}
.tablist-wrap ul li a[aria-selected="true"] span {color:#F37060;}
.tablist-wrap ul li a:hover:before, .tablist-wrap ul li a:focus:before {background:#F37060;}
.tablist-wrap ul li:hover span, .tablist-wrap ul li:focus span {color:#F37060;}
.tablist-wrap ul li span {font-size:18px;font-weight:500;color:#888;font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;transition: all 0.3s ease;}


/* 스크롤 박스 */
.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:640px){


}

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


}

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


}