@charset "utf-8";

/* 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:#ff6400;} 
:root{--point-c1:#362965;} 
:root{--point-c2:#00aeef;} 
:root{--state-save:#42ad49;}
:root{--state-aging:#aaa;}
:root{--bg-gray:#f8f9fa;}
:root{--bg-blue:#0067db;}

/* 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:#666 !important;}
.fc-black{color:#000 !important;}

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

/* 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:150%;font-size:1.7rem;position:relative;}
.dotList-rec li + li {margin-top:0.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:1.3;font-size:1.8rem;position:relative;}
.dotList-circle li + li {margin-top:1.1rem;}
.dotList-circle li:before {content:"";display:block;width:0.5rem;height:0.5rem;background:var(--point-c);border-radius:50%;position:absolute;top:0.5em;left:0;}

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


/* 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: 'nanumsquare neo', sans-serif;color:#000;margin-bottom:7rem; font-weight:800;}
.sub-title02 {font-size:2.8rem;font-family: 'nanumsquare neo', sans-serif;letter-spacing: -0.53px;color:#000;font-weight:800;}
.sub-title03 {font-size:2.4rem;font-family: 'nanumsquare neo', sans-serif;letter-spacing: -0.46px;color:#000;margin-bottom:4rem;font-weight:800;}


/* 이미지 확대보기 */
.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;}
.skybox { width:100%; background-color: #ebf2ff; padding: 60px 30px; text-align: center; border-radius: 4px; }
.darkbox {border-radius:10px;background-color:#362965;padding:5rem 3rem; text-align: center;}
.darkbox img{max-width:100%;}


/* tab */
.tab-nav.top {margin-top:6rem;}
.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.4s ease;}
.tab-nav > ul a span {font-family: 'nanumsquare neo', sans-serif;font-size:1.9rem;letter-spacing: -0.42px;line-height:140%;transition:all 0.3s ease; font-weight:600;}
.tab-nav > ul a:hover {background: linear-gradient(45deg, #0d0857 0%, #0046ff 80%); transition:all 0.4s ease;}
.tab-nav > ul a:hover span {color:#ffffff;}
.tab-nav > ul a[aria-selected="true"] {background: linear-gradient(45deg, #0d0857 0%, #0046ff 80%);}
.tab-nav > ul a[aria-selected="true"] span {color:#ffffff;}


/* 스크롤 박스 */
.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/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;}
}

.a11y, .blind {width:1px; height:1px; overflow:hidden; position:absolute; top:-9999em; left:-9999em; display:block; text-indent:-9999em; font-size:0 !important; line-height:0 !important;}

.pc_block {display:block;}
.m_block {display:none;}

@media screen and (max-width:1024px){
	.pc_block {display:none;}
	.m_block {display:block;}
}
.w-only {display:block;}
.m-only {display:none;}

@media screen and (max-width:820px){
	.w-only {display:none;}
	.m-only {display:block;}
}




.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt100{margin-top:100px!important;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}

.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}
.pb80{padding-bottom:80px!important;}
.pb100{padding-bottom:100px!important;}
.pb150{padding-bottom:150px!important;}

@media screen and (max-width:599px){
	.pb100{padding-bottom:60px!important;}
}

.txtc{text-align: center!important;}
.txtl{text-align: left!important;}
.bold{font-weight:800!important;}
small{font-size:1.4rem;}
.lh15{line-height:1.5;}
.lh18{line-height:1.8;}
sup{line-height:0.5;  font-size: 70%;}
.bar{padding:0 20px; opacity:0.6}
.bb1{border-bottom:1px solid #333}