@charset "utf-8";
/* Style.css 상속 */
	/* Main Page Popup */
		.main-popup-close-btn{ position: absolute; top: 10px; right: 10px; width: 33px; height: 33px; background: url(../../images/renewal/admin/icon/pop_close.png) no-repeat center center; }
	
	/* Accordion */
		.aco-type-01 {border-top:1px solid #000; margin-top:26px;}
		.aco-type-01 .aco-head {height:76px; padding-left:34px; font-size:18px; font-weight:500; color:black;}
		.aco-type-01 .aco-head .aco-icon {padding-right:34px;}
		.aco-type-01 .aco-arrow .aco-icon {flex:0 0 89px;}
		.aco-type-01 .aco-wrap .aco-cont {border-bottom:1px solid #E6E8E9; font-size:14px; color:#444748;}
		.aco-type-01 .aco-wrap .aco-cont-in {max-height:400px; padding:0 32px;}
		.aco-type-01 .aco-arrow + .aco-cont .aco-cont-in { flex-direction: column; padding:0 26px 0 81px;}
		.aco-type-01 .aco-wrap.active .aco-cont {background:#F7F8FB; padding:30px 14px 30px 0;}
		
		.aco-type-02 {border-top:1px solid #E6E8E9; margin-top:26px;}
		.aco-type-02 .aco-head {justify-content:space-between; height:72px; padding:0 32px; font-size:18px; font-weight:500; color:black;}
		.aco-type-02 .aco-head .aco-icon {flex:0;}
		.aco-type-02 .aco-head-cont {gap:12px;}
		.aco-type-02 .aco-wrap .aco-cont {border-top:1px solid #E6E8E9;}
		.aco-type-02 .aco-wrap .aco-cont-in {gap:10px; background:#F7F8FB; border-bottom:1px solid #E6E8E9; padding:30px 32px; color:#444748;}
		.aco-type-02 .aco-wrap .aco-cont-in:before {font-size:18px; font-weight:500; color:black;}
		.aco-type-02 .aco-wrap .aco-cont-in img{max-width:100%;}
		
		.aco-type-02 .aco-wrap.active .aco-head {color:var(--mc);}
		
	/* Arrow Group */
		.arw-01,
		.arw-01 > * {gap:14px;}
		.arw-01 > * + *:before {background-position:-600px 0; width:6px; height:11px;}
		
	/* Badge */
		[class*="bage-01"] {border-radius:5px; height:29px; padding:0 10px; font-size:12px; font-weight:700; color:white;}
		[class*="bage-02"] {border-radius:29px; height:29px; padding:0 10px; font-size:12px;}
		[class*="bage-03"] {border-radius:6px; height:22px; padding:0 4px; font-size:14px; color:white;}
		[class*="bage-04"] {border-radius:3px; height:26px; padding:0 7px; font-size:12px;} /* 나의 강의실 상세 */
		.bage-04.bg-sky {color:var(--mc);}
		.bage-04.bg-lgry03 {color:var(--initcr);}
		[class*="bage-05"] {border:1px solid transparent; border-radius:28px; height:28px; padding:0 12px; font-size:13px;} /* 나의 강의실 상세 - 나의 최종성적 */
		.bage-05-blu {border-color:#3B4ED6; color:#3B4ED6;}
		.bage-05-red {border-color:#BA1A1A; color:#BA1A1A;}
		[class*="bage-06"] {border:1px solid transparent; border-radius:4px; height:34px; padding:0 8px; font-size:14px;} /* 나의 강의실 상세 서브 페이지 타이틀 */
		.bage-06-blu {border-color:#005EB4; color:#005EB4;}
		.bage-06-grn {border-color:#00B1B1; color:#00B1B1;}
		.bage-06-dylw {border-color:#B7A920; color:#B7A920;}
		.bage-06-pur {border-color:#6F3CD2; color:#6F3CD2;}
		.bage-06-lgrn {border-color:#00BF2F; color:#00BF2F;}
		[class*="bage-07"] {border-radius:5px; height:29px; padding:0 10px; font-size:12px; font-weight:700; color:white;}

	/* Box */
		.box-01 {background:#F7F8FB; padding:30px 24px;}
		.box-02 {background:#F7F8FB; padding:30px 42px;}
		.box-03 {display:flex; flex-direction:column; align-items:center; gap:20px; padding:30px 0;}
		.box-04 {background:#FAFAFA; padding:22px 15px;}
		.box-05 {background:rgba(226, 226, 226, 0.20); border-radius:20px; padding:40px 30px 30px;}
		.box-06 {background:var(--mc); border-radius:20px; padding:30px; color:white;}
		.box-07 {background:white;  border:1px solid #E6E8E9; border-radius:20px; padding:30px;}
		.box-08 {background:#F9F9F9; border-radius:20px; padding:40px 30px 30px;}

	/* 자막 박스 */
		.sub-title-box { overflow: auto; height: 190px;}
		
	/* Bullet */
		/* Bullet Circle */
			.bul-cir-01 > * {gap:12px; padding-left:24px;}
			.bul-cir-01 > *:before {left:12px; top:9px; background:#747878; width:4px; height:4px;}
			
		/* Bullet Hyphen */
			.bul-hyp-01 {display:flex; flex-direction:column; gap:16px; font-weight:500; color:black;}
		
		/* Numbering */
			.bul-num-01 > *:before {content:counter(list-num); flex:0 0 12px; display:flex; align-items:center; justify-content:center; border:1px solid var(--initcr); border-radius:50%; width:12px; height:12px; font-size:x-small; transform:translate(0, 4px);}
			.bul-num-02 > *:before {content:counter(list-num)")";}
			
	/* Button */
		/* Button Color */
			.btn-nvi {background:#06158D; border-color:#06158D;}
			.btn-nvi.active,
			.btn-nvi:hover {background:#060923;}
			.btn-dgry {background:#515267; border-color:#515267;}
			.btn-dgry:hover {background:#22202C;}
			.btn-gry {background:#ECEEEF; border-color:#ECEEEF; color:var(--mc);}
			.btn-gry:hover {background:#D8DADB; border-color:#D8DADB;}
			.btn-gry02 {background:#ECEEEF; border-color:#ECEEEF; color:var(--mc);}
			.btn-gry02:hover {background:white; border-color:var(--mc);}
			.btn-wht,
			.btn-wht:hover {background:white; border-color:white; color:black;}
			
			.btn-tra,
			.btn-tra:hover {background:transparent; font-weight:500; color:black;}
			
			.btn-b-gry {background:white; border-color:#747878; color:#46464F !important;}
			.btn-b-gry:hover {background:white; border-color:var(--moc); color:var(--moc) !important;}
			.btn-b-lgry {background:white; border-color:#E1E3E3; color:#444748 !important;}
			.btn-b-lgry:hover {background:white; border-color:var(--moc); color:var(--moc) !important;}
			.btn-b-lgry02 {background:white; border-color:#ddd; color:#46464F !important;}
			.btn-b-lgry02:hover {background:white; border-color:black; color:black !important;}
			.btn-b-lgry03 {background:white; border-color:#c4c7c7; color:#46464f !important;}
			.btn-b-lgry03:hover {background:white; border-color:black; color:black !important;}
			
			.btn-b-gry.bg-tra {color:white !important;}

			.btn-sky { background: #d5e3ff; border-color: #d5e3ff; color: #3b4ed6 !important;}
			.btn-sky:hover { background: #a8c8ff; border-color: #a8c8ff;}

		/* Button Size */
			.btn-sz01 {gap:6px; min-height:46px; padding:0 30px; font-size:14px;}  /* Case 1. 일반 */
			.btn-sz02 {gap:8px; min-height:auto; height:36px; padding:0 12px; font-size:14px;} /* Case 2. 일반 */
			.btn-sz02 [class*="ic-"] {align-items:center; justify-content:center; width:24px; height:24px;}
			.btn-sz03 {min-height:auto; height:36px; padding:0 20px; font-size:14px; font-weight:500;} /* Case 3. 메인 + 버튼 */
			.btn-sz04 {min-height:auto; height:24px; padding:0 6px;} /* Case 4. 메인 + 버튼 */
			.btn-sz05 {min-height:50px; font-size:16px;} /* Case.5 B2CC 메인 */
			.btn-sz06 {gap:12px; min-height:40px; padding:0 20px; font-size:14px;}
			.btn-sz07 {min-height:30px; padding:0 12px; font-size:14px;} /* Case.7 교육신청 팝업 삭제 버튼 */
			.btn-sz08 {min-height:32px; padding:0 12px; font-size:12px;} /* Case.8 강의실 접수확인서류 버튼 */
			.btn-sz09 {gap:25px; border-radius:48px; min-height:48px; padding:0 20px 0 28px; font-size:16px;} /* Case.9 B2CC 원격지원 버튼 */
			.btn-sz10 {gap:6px; border-radius:5px; min-height:60px; padding:0 30px; font-size:16px; font-weight:500;} /* Case.10 내정보수정 */
			.btn-sz11 { gap: 15px; min-height: 50px; font-size: 16px;}	/* 통테기간 수정 교육신청 지도검색 버튼 */
			.btn-sz12 { min-height: auto; height: 30px; padding: 10px 12px; font-size: 14px; font-weight: 500;}	/* 학습계획 테이블 in 버튼 */
			.btn-sz13 {gap:6px; min-height:46px; padding:0 15px; font-size:14px;}  /* 시험결과 버튼 */

		/* Button Icon */
			.btn-sz06 [class*="ic-"] {margin-left:-5px;}
			.btn-b-lgry02 [class*="ic-"] {opacity:0.5;}
			.btn-b-lgry02:hover [class*="ic-"] {opacity:1;}
			
		/* Button Group */
			.btn-grp,
			.btn-grp:hover {all:revert; display:flex; gap:12px; justify-content:center; margin-top:80px;}
			.btn-grp > [class*="btn-"] {min-width:180px; font-weight:700;}
			
		/* Other Button */
			.info-btn {display:flex; gap:6px; align-items:center; font-weight:500; color:#46464F;}
			.more-btn {display:flex; gap:9px; align-items:center; font-size:14px; font-weight:500; color:#46464F;}
			
	/* Form */
		/* Input - Check Box, Radio */
			.chk-rdo-type01 {font-size:14px;}
			.chk-rdo-type01 > span {align-items:center; gap:7px; color:#5C5F5F !important;}
			.chk-rdo-type01 > span:before {background:var(--cico); background-size:var(--icosz);}
			.chk-rdo-type01 > input:checked + span {color:black !important;}
			.chk-rdo-type01 > input:checked + span:before {background-position:-250px -50px; width:18px; height:14px; transition:none;}
			
			.chk-rdo-type02 {font-size:16px;}
			.chk-rdo-type02 > span {align-items:center; gap:8px; color:black;}
			.chk-rdo-type02 > span:before {flex:0 0 24px; background:#E6E8E9; border-radius:5px; width:24px; height:24px;}
			.chk-rdo-type02 > span:after {visibility:visible; left:6px; top:7px; background-position:-300px -50px; width:12px; height:9px;}
			.chk-rdo-type02 > input:checked + span:before {background:var(--mc);}
			.chk-rdo-type02 > input:checked + span:after {background-position:-350px -50px;}
			
			[class*="chk-rdo-type03"] {display:block;}
  			[class*="chk-rdo-type03"] span {display:flex; flex-direction:column; justify-content: space-between; align-items: center; gap:16px; background:white; border:2px solid #EFF1F1; border-radius:10px; padding:78px 21px 25px; font-weight:700; color:#1e1e1e;}
  			[class*="chk-rdo-type03"] span:before {position:absolute; right:21px; top:25px; background:white; border:1px solid #5d5d5d; border-radius:50%; width:30px; height:30px;}
  			[class*="chk-rdo-type03"] span:after {right:21px; top:25px; background-position:-400px -50px; width:31px; height:31px;}
  			[class*="chk-rdo-type03"] input:checked + span {border:2px solid #3B4ED6;}
  			
  			.chk-rdo-type0301 span {flex-direction:row-reverse; border:1px solid #E1E3E3; padding:20px 30px; font-weight:500;}
  			.chk-rdo-type0301 input:checked + span {border:1px solid #E1E3E3;}
  			.chk-rdo-type0301 span:before {position:static; width:24px; height:24px; flex-shrink: 0;}
  			.chk-rdo-type0301 span:after {right:27px; top:50%; transform:translate(0, -50%) scale(0.774); flex-shrink: 0;}
  			
  			[class*="chk-rdo-type04"] > span {align-items:center; gap:10px; color:#8E9192 !important;}
  			[class*="chk-rdo-type04"] span:before {background:white; border:1px solid #5d5d5d; border-radius:50%; width:30px; height:30px;}
  			[class*="chk-rdo-type04"] span:after {left:0; top:0; background-position:-400px -50px; width:30px; height:30px;}
  			[class*="chk-rdo-type04"] input:checked + span {color:black !important;}
  			
  			.chk-rdo-type0401 span:before {width:24px; height:24px;}
  			.chk-rdo-type0401 span:after {transform:scale(0.774); transform-origin:left top;}

			.chk-rdo-type0402 span { font-weight: 500; color: #000 !important;}
			.chk-rdo-type0402 span:before {width:20px; height:20px;}
			.chk-rdo-type0402 span:after {transform:scale(0.72); transform-origin:left top;}
  			
  			.chk-rdo-type05 > span {display:flex; align-items:center; background:#f5f5f5; border-radius:48px; height:48px; padding:23px; color:#8E9192 !important;}
  			.chk-rdo-type05 > input:checked + span {background:var(--mc); color:white !important;}
  			.chk-rdo-type05 + .chk-rdo-type05 {margin-left:10px;}
  			
  			.chk-rdo-type06 > span {gap:8px; line-height:25px; color:#5C5F5F;}
  			.chk-rdo-type06 > span:before {counter-increment:list-num; content:counter(list-num); display:flex; align-items:center; justify-content:center; flex:0 0 25px; background:white; border:1px solid black; border-radius:50%; height:25px; font-size:14px;}
  			.chk-rdo-type06 > input:checked + span {font-weight:500;}
  			.chk-rdo-type06 > input:checked + span:before {background:black; color:white;}
  			.chk-rdo-type06.correct > span {font-weight:500; color:var(--mc);}
  			.chk-rdo-type06.correct > span:before {content:""; background:var(--mc) !important; border-color:var(--mc) !important;}
  			.chk-rdo-type06.correct > span:after {visibility:visible; left:6px; top:8px; background-position:-450px -50px; width:14px; height:10px;}
  			li.chk-rdo-type06 span {cursor:auto;}
		
  		/* Input - File */
  			.inp-file-01 {background:none !important; border:0 !important; height:auto !important; padding:0;}
  			.inp-file-01 .brd-file-lst {display:flex; flex-direction:column; flex:1; gap:5px;}
			.inp-file-01 .brd-file-lst > * {display:flex; gap:15px;}
			.inp-file-01 .brd-file-lst a {pointer-events:none;}
			.inp-file-01 .brd-file-lst a:after {display:none;}
		
		/* Input - Search */
			.inp-sch-01 {flex-direction: row; background:white !important; border-color:black !important; border-radius:60px !important; padding:0 20px 0 25px;}
			.inp-sch-01 .form-icon:before {flex:0 0 30px; background-position:-200px -150px; width:30px; height:30px;}
			
			.inp-sch-02 {flex-direction: row; border-radius:70px !important; height:70px !important; padding:5px 5px 5px 25px;}
			.inp-sch-02 [class*="btn-"] {flex:0 0 132px; border-radius:60px; width:132px; font-size:20px;}
	
	/* Gutter */
		/* Vertical Gutter */
			.vbar-01,
			.vbar-01 > * {gap:9px;}
			.vbar-01 > * + *:before {background:rgba(78, 78, 78, 0.83); height:10px;}
			
			.vbar-02,
			.vbar-02 > * {gap:16px;}
			.vbar-02 > * + *:before {background:#E6E8E9; height:10px;}
			
	/* Icon */
		.ic-bArr {background:white; border-radius:50%; width:28px; height:28px;}
		.ic-bArr:before {background-position:-400px -250px; width:12px; height:9px;}
		.ic-bArr02 {margin:20px 0;}
		.ic-bArr02:before {background-position:-550px -100px; width:160px; height:40px;}
		.ic-calendar:before {background-position:-850px -200px; width:17px; height:18px;}
		.ic-calendar02:before {background-position:-950px -200px; width:18px; height:19px;}
		.ic-cap:before {background-position:-250px -300px; width:20px; height:14px;}
		.ic-card:before {background-position:-350px -50px; width:18px; height:12px;}
		.ic-chk {width:20px; height:20px;}
		.ic-chk:before {background-position:-550px -200px; width:18px; height:17px;}
		.ic-chk02:before {background-position:-100px -250px; width:18px; height:18px; background-image: url('../../images/icon.png'); background-repeat: no-repeat; background-size: 1000px;}
		.ic-clock:before {background-position:0 -250px; width:16px; height:16px;}
		.ic-cls:before {background-position:-300px 0; width:24px; height:24px;}
		.ic-cls02:before {background-position:-500px 0; width:14px; height:14px;}
		.ic-cls03:before {background-position:-700px -200px; width:15px; height:15px;}
		.ic-cont:before {background-position:-850px 0; width:18px; height:18px;}
		.ic-darr:before {background-position:-200px -200px; width:13px; height:8px;}
		.ic-darr:before {transform:rotate(180deg);}
		.ic-del:before {background-position:-450px -50px; width:12px; height:12px;}
		.ic-del02:before {background-position:-350px -200px; width:16px; height:17px;}
		.ic-dl:before {background-position:-250px -200px; width:17px; height:16px;}
		.ic-dl02:before {background-position:-50px -300px; width:14px; height:13px;}
		[class*="btn-"]:hover .ic-dl02:before {filter:invert(10%) sepia(84%) saturate(4970%) hue-rotate(233deg) brightness(60%) contrast(135%);}
		.ic-doc:before {background-position:-450px -200px; width:15px; height:15px;}
		[class*="btn-"]:hover .ic-doc:before {filter:invert(10%) sepia(84%) saturate(4970%) hue-rotate(233deg) brightness(60%) contrast(135%);}
		.ic-plt:before {background-position:-750px -300px; width:15px; height:15px;}
		[class*="btn-"]:hover .ic-plt:before {filter:invert(10%) sepia(84%) saturate(4970%) hue-rotate(233deg) brightness(60%) contrast(135%);}
		.ic-docu:before {background-position:-200px -250px; width:18px; height:19px; background-image: url('../../images/icon.png'); background-repeat: no-repeat; background-size: 1000px;}
		.ic-gracap:before {background-position:-650px -50px; width:23px; height:19px;}
		.ic-home:before {background-position:-350px 0; width:12px; height:13px;}
		.ic-iler01:before {background-position:0 -100px; width:83px; height:81px;}
		.ic-iler02:before {background-position:-100px -100px; width:81px; height:81px;}
		.ic-iler03:before {background-position:-200px -100px; width:81px; height:81px;}
		.ic-iler04:before {background-position:-300px -100px; width:81px; height:81px;}
		.ic-info:before {background-position:-800px -250px; width:20px; height:20px;}
		.ic-ipin:before {background-position:-300px -50px; width:17px; height:20px;}
		.ic-lnk:before {background-position:-750px -200px; width:18px; height:18px;}
		.ic-loc:before {background-position:-650px 0; width:16px; height:20px;}
		.ic-lock:before {background-position:-700px -300px; width:16px; height:22px;}
		.ic-lst:before {background-position:-700px -50px; width:19px; height:11px; }
		.ic-lst02:before {background-position:-50px -250px; width:16px; height:14px; background-image: url('../../images/icon.png'); background-repeat: no-repeat; background-size: 1000px;}
		.ic-menu:before {background-position:-200px 0; width:28px; height:18px;}
		.ic-more:before {background-position:-550px 0; width:11px; height:12px;}
		.ic-naver:before {background-position:-600px -50px; width:26px; height:26px;}
		.ic-new {display:inline-flex; background:#FF5449; border-radius:5px; width:20px; height:20px;}
		.ic-new:before {content:"N"; background:none; font-size:14px; font-weight:500; line-height:1; color:white;}
		.ic-note:before {background-position:-600px -200px; width:13px; height:15px;}
		.ic-phone:before {background-position:-200px -50px; width:14px; height:20px;}
		.ic-play:before {background-position:-500px -200px; width:15px; height:15px;}
		.ic-plus:before {background-position:-500px -50px; width:15px; height:14px;}
		.ic-plus02:before {background-position:-950px -50px; width:11px; height:10px;}
		.ic-plus03:before {background-position:-850px -250px; width:13px; height:13px;}
		.ic-pp:before {background-position:-800px -200px; width:14px; height:16px;}
		[class*="btn-"]:hover .ic-pp:before {filter:invert(10%) sepia(84%) saturate(4970%) hue-rotate(233deg) brightness(60%) contrast(135%);}
		.ic-prn:before {background-position:-750px -50px; width:21px; height:19px;}
		.ic-rArr {flex:0 0 24px; display:flex; justify-content:center; background:#2C2C2C14; width:24px; height:24px; border-radius:50%;}
		.ic-rArr:before {background-position:-550px -50px; width:11px; height:12px;}
		.ic-rArr02:before {background-position:-650px -200px; width:12px; height:11px;}
		.ic-rArr02:before {background-position:-450px -250px; width:18px; height:12px;}
		.ic-rArr03:before {background-position:-500px -250px; width:11px; height:12px;}
		.ic-rArr04:before {background-position:-100px -300px; width:7px; height:12px;}
		.ic-rArr05:before {background-position:-150px -300px; width:12px; height:21px;}
		.ic-rArr06:before {background-position:-200px -300px; width:9px; height:12px;}
		.ic-ref:before {background-position:-450px 0; width:16px; height:20px;}
		.ic-sch:before {background-position:-100px 0; width:27px; height:27px;}
		.ic-sch02:before {background-position:-350px -250px; width:18px; height:19px;}
		.ic-sch03:before {background-position:-651px -300px; width:18px; height:19px;}
		.ic-set:before {background-position:0 -200px; width:30px; height:30px;}
		.ic-talk:before {background-position:-250px -50px; width:27px; height:27px;}
		.ic-uarr:before {background-position:-200px -200px; width:13px; height:8px;}
		.ic-usr:before {width:24px; height:24px;}
		.ic-x:before {background-position:-150px -250px; width:18px; height:18px; background-image: url('../../images/icon.png'); background-repeat: no-repeat; background-size: 1000px;}
		.ic-favorites:before { width: 25px; height: 25px; background: url("../../images/sub/favorites.svg") no-repeat center;}
		.ic-good:before { width: 16px; height: 16px; background: url("../../images/sub/good.svg") no-repeat center;}
		.ic-folder:before { width: 16px; height: 16px; background: url("../../images/sub/folder.svg") no-repeat center;}
		.ic-gray-import:before { width: 20px; height: 20px; background: url("../../images/sub/alert-circle-filled.svg") no-repeat center;}

	/* No Data */
		[class*="no-data01"] {gap:12px; padding:134px 0;}
		[class*="no-data01"]:before {display:none;}
		[class*="no-data01"] .no-data-txt01 {font-size:22px; font-weight:500; color:black;}
		[class*="no-data01"] .no-data-txt02 {color:#666;}
		[class*="no-data01"] .no-data-txt03 { flex-direction: row; color:#666;}
		[class*="no-data01"] .no-data-txt03 span {color:#000000;}

		.no-data0102 {padding:70px 0;}
		
		.no-data02 {height:70px; margin-top:30px; font-size:14px; color:#666;}
	
	/* Popup */
		.front-window { display: flex; flex-direction: column; justify-content: space-between; padding: 0 !important;}
		.popup-content {position:relative; color:var(--initcr); z-index:10;}
		.popup-content .fom-grp:first-child {border-top:0; padding-top:0;}
		.popup-content .tbl-fom > tbody > tr:first-child > th {padding-top:20px;}
		.popup-content .tbl-fom > tbody > tr:first-child > td {padding-top:20px;}
		.popup-content .tab-wrap:first-child,
		.popup-content .pop-stureg-02:first-child {margin-top:-20px;}
	
	/* Swiper */
	/*	.swiper-wrapper { will-change: transform;}*/
		.swi-ui-01 .swiper-nav {display:flex; gap:4px;}
		.swi-ui-01 .swiper-button-prev,
		.swi-ui-01 .swiper-button-next {position:static; border:1px solid #8696D1; border-radius:4px; width:30px; height:30px;}
		.swi-ui-01 .swiper-button-prev:after,
		.swi-ui-01 .swiper-button-next:after {background-position:-150px -450px; width:8px; height:12px;}

		.swi-ui-02 .swiper-wrapper { width: 100vw; will-change: transform;}
		.swi-ui-02 .swiper-button-prev,
		.swi-ui-02 .swiper-button-next { display: flex; align-items: center; justify-content: center; cursor: pointer; position:static; z-index: 10; border:1px solid #00000020; border-radius:4px; width:36px; height:36px;}
		.swi-ui-02 .swiper-button-prev:after,
		.swi-ui-02 .swiper-button-next:after { content: ""; background: var(--cico); background-size: var(--icosz);}
		.swi-ui-02 .swiper-button-prev:after,
		.swi-ui-02 .swiper-button-next:after { background-position:-200px -450px; width:10px; height:17px;}
		.swi-ui-02 .swiper-button-next:after { transform: rotate(180deg);}
		/*.swi-ui-02 .swiper-pagination {display:flex; flex-direction: row; align-items:center; justify-content:center; gap:5px; position:static; width:100vw; margin-top:70px;}*/
		/*.swi-ui-02 .swiper-pagination .swiper-pagination-bullet {transition:all .3s ease; background:#7A7A7A6E; width:10px; height:3px;}*/
		/*.swi-ui-02 .swiper-pagination .swiper-pagination-bullet-active,*/
		/*.swi-ui-02 .swiper-pagination .slick-active .swiper-pagination-bullet {transition:all .3s ease; background:var(--mc); width:32px; height:5px;}*/
		/*.swi-ui-02 .swiper-pagination { height: auto; background: transparent; box-shadow: none; border: 0;}*/
		.slick-slide { padding: 0 24px;}
		.swi-ui-02 .slick-list { height: auto; background: transparent !important; border: 0; box-shadow: none;}
		.main .main-nomipro .swiper-slide { background: #fff; border: 1px solid #E6E8E9; border-radius: 12px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10), 0px 4px 5px 0px rgba(0, 0, 0, 0.05);}
		
		.swi-ui-03 .swiper-ctrl {display:flex; gap:20px;}
		.swi-ui-03 .swiper-pagination {display:flex; align-items:center; gap:5px; position:static; margin-top:70px;}
		.swi-ui-03 .swiper-pagination .swiper-pagination-bullet {transition:all .3s ease; background:rgba(255, 255, 255, 0.37); width:10px; height:3px;}
		.swi-ui-03 .swiper-pagination .swiper-pagination-bullet-active {transition:all .3s ease; background:white; width:32px; height:5px;}
		.swi-ui-03 .swiper-pause {display:flex; align-items:center; justify-content:center; gap:2px; background:rgba(255, 255, 255, 0.3); border-radius:50%; width:20px; height:20px; line-height:0;}
		.swi-ui-03 .swiper-pause:before {content: "| |"; font-size:10px; font-weight:700; color:white; transform:scale(0.8);}
		.swi-ui-03 .swiper-pause.active:before {content: "▶";}
		
	/* Tab Menu */
		.tab-mn-01 {background:white; max-width:100%; height:70px; font-size:18px; color:#8E9192;}
		.tab-mn-01 > * {flex:1;}
		.tab-mn-01 > * + * {margin-left:-1px;}
		.tab-mn-01 > * > * { font-weight: 500; border:1px solid #D8DADB; border-bottom:1px solid black; border-radius:5px 5px 0 0;}
		.tab-mn-01 > *.active {position:relative; z-index:10;}
		.tab-mn-01 > *.active > * {border:1px solid black; border-bottom:1px solid transparent; color:black;}
		
		[class*="tab-mn-02"] {display:grid; grid-template-columns:repeat(5, 1fr); background:white; font-size:18px; color:#8E9192;}
		[class*="tab-mn-02"] > * {position:relative; flex:1; margin:-1px 0 0 -1px; border:0;}
		[class*="tab-mn-02"] > * {border:1px solid #D8DADB !important; border-bottom-color:#D8DADB !important; height:70px;}
		[class*="tab-mn-02"] > .k-item.k-active {border:1px solid #D8DADB !important;}
		[class*="tab-mn-02"] > * + * {margin-left:-1px;}
		[class*="tab-mn-02"] > *:nth-child(5n) {border-radius:0 5px 5px 0;}
		[class*="tab-mn-02"] > *:nth-child(5n+1) {border-radius:0 0 0 5px;}
		[class*="tab-mn-02"] > *:last-child {border-radius:0 5px 5px 0;}
		[class*="tab-mn-02"] > *:first-child {border-radius:5px 0 0 5px;}
		[class*="tab-mn-02"] > *:nth-child(5n) > * {border-radius:0 5px 5px 0;}
		[class*="tab-mn-02"] > *:nth-child(5n+1) > * {border-radius:0 0 0 5px;}
		[class*="tab-mn-02"] > *:last-child > * {border-radius:0 0 5px 0;}
		[class*="tab-mn-02"] > *:first-child > * {border-radius:5px 0 0 5px;}
		[class*="tab-mn-02"] > *.active,
		[class*="tab-mn-02"] > *:hover {z-index:1;}
		[class*="tab-mn-02"] > *.active > *,
		[class*="tab-mn-02"] > *:hover {border:1px solid black; color:black;}
		.k-tabstrip-top > .k-tabstrip-items-wrapper [class*="tab-mn-02"] .k-item + .k-item {margin-left:-1px;}
		.k-tabstrip-top > .k-tabstrip-items-wrapper [class*="tab-mn-02"] .k-item {border:1px solid #D8DADB !important; border-radius:0;}
		[class*="tab-mn-02"] .k-state-active,
		.k-tabstrip-top > .k-tabstrip-items-wrapper [class*="tab-mn-02"] .k-item.k-active {border-bottom:1px solid black; border-bottom-color:black !important; border:1px solid black !important; z-index:10;}
		.k-tabstrip-top > .k-tabstrip-items-wrapper [class*="tab-mn-02"] .k-item:first-child {border-radius:5px 0 0 5px;}
		.k-tabstrip-top > .k-tabstrip-items-wrapper [class*="tab-mn-02"] .k-item:last-child {border-radius:0 5px 5px 0;}
		
		.tab-mn-0201 {display:flex; font-weight:500;}
		.tab-mn-0201 > * {background:white;}
		.tab-mn-0201 > *:hover {font-weight:700; color:var(--mc);}
		.tab-mn-0201 > *.active {background:#F9F9FF; border-color:var(--mc) !important; font-weight:700; color:var(--mc) !important;}
		.tab-mn-0201 > *.active > * {border-color:var(--mc) !important; color:var(--mc);}
		
		.tab-mn-03 {display:flex; gap:12px;}
		.tab-mn-03 > * > * {display:flex; align-items:center; background:#f5f5f5; border-radius:48px; height:48px; padding:23px; color:#8E9192 !important;}
		.tab-mn-03 > * > *:hover {background:#E6E8E9;}
		.tab-mn-03 > *.active > * {background:var(--mc); color:white !important;}
		
		[class*="tab-mn-04"] {display:flex; background:white; border-bottom:1px solid #E2E2E2; gap:60px; font-size:18px; font-weight:500;}
		[class*="tab-mn-04"] > * > * {display:flex; border-bottom:3px solid transparent; align-items:center; height:70px;}
		[class*="tab-mn-04"] > * > *:hover,
		[class*="tab-mn-04"] > *.active > * {border-color:var(--mc); color:var(--mc) !important;}
		.k-tabstrip-items-wrapper [class*="tab-mn-04"] {border-bottom:0;}
		
		/* Tab Type 04 in Tabstrip */
		[class*="tab-mn-04"] > * {border:0 !important;}
		[class*="tab-mn-04"] .k-link {color:#8E9192;}
		[class*="tab-mn-04"] > *.active .k-link {color:var(--mc);}
		
		.tab-mn-0401 {border:0;}
		.tab-mn-0401 > * > * {height:60px;}

		/* Tabstrip (Kendo UI) */
			.tab-kendo [class*="tab-mn-02"] .k-tabstrip-items .k-link {border-radius:0;}
			.tab-kendo [class*="tab-mn-02"] > * > * {border-radius:0;}
			.tab-kendo [class*="tab-mn-02"] * {border-radius:0;}
			.tab-kendo [class*="tab-mn-02"] .k-active .k-link {color:black;}
		
	/* Thumb */
		.thumb-01 {background:url("../../images/img/img_logo_gry.png") center no-repeat #F2F4F4; border-radius:8px;}
		.thumb-02 { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #F2F4F4; border-radius:8px;}
		.thumb-02 a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
		.thumb-02 [class*="document-type-"] { display: inline-block; width: 51px; height: 51px; background-size: contain;}
		.thumb-03 {background:url("../../images/img/img_thumb_03.png") no-repeat center center / cover; border-radius:8px;}
		.document-type-EXCEL { background: url("../../images/common/document_type_EXCEL.svg") no-repeat center;}
		.document-type-HWP { background: url("../../images/common/document_type_HWP.svg") no-repeat center;}
		.document-type-PDF { background: url("../../images/common/document_type_PDF.svg") no-repeat center;}
		.document-type-PPT { background: url("../../images/common/document_type_PPT.svg") no-repeat center;}
		.document-type-VIDEO { background: url("../../images/common/document_type_VIDEO.svg") no-repeat center;}
		.document-type-WORD { background: url("../../images/common/document_type_WORD.svg") no-repeat center;}

		/*.thumb-02 {background:url("../../images/img/default_logo_image_view.png") center no-repeat #FFFFFF; border-radius:8px; width:224px; height:46px;}*/
		
		/*.thumb-03 {background:url("../../images/img/default_logo_image_view.png") center no-repeat #fff; border-radius:1px; width:224px; height:46px;}*/
		

/* Style.css 비상속 */
	/* Board */
		/* Board Global */
			.brd-wrap .brd-top {display:flex; align-items:center; justify-content:space-between;}
			.brd-wrap .brd-tot {color:#333;}
			.brd-wrap .ui-outer-wrap{ display: flex; align-items: center;}
			.brd-wrap .ui-outer-wrap .brd-flt{ gap: 20px;}
			.brd-wrap .ui-outer-wrap .sch-uichng-wrap{ display: flex; align-items: center; gap: 20px;}
			.brd-wrap .ui-outer-wrap .ui-chng-wrap{ display: flex; gap: 0; align-items: center; }
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .card-mode,
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .list-mode{ background-color: #fff; width: 40px; height: 40px; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px;}
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .card-mode:hover,
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .list-mode:hover,
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .card-mode.active,
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .list-mode.active{ background-color: #3b4ed6;}
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .card-mode{ border-radius: 5px 0 0 5px; background-image: url("../../images/common/icon-card-default.svg");}
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .card-mode:hover, .brd-wrap .ui-outer-wrap .ui-chng-wrap .card-mode.active{ background-image: url("../../images/common/icon-card-active.svg");}
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .list-mode{ margin-left: -1px; border-radius: 0 5px 5px 0; background-image: url("../../images/common/icon-list-default.svg");}
			.brd-wrap .ui-outer-wrap .ui-chng-wrap .list-mode:hover, .brd-wrap .ui-outer-wrap .ui-chng-wrap .list-mode.active{ background-image: url("../../images/common/icon-list-active.svg");}
			.brd-wrap .brd-flt {display:flex; gap:16px;}
			.brd-wrap .brd-more-wrap {display:flex; justify-content:center; margin-top:60px;}
			.brd-wrap .brd-more {display:flex; align-items:center; gap:18px; height:50px; font-weight:700; color:#343434;}
			.brd-wrap .brd-bage {display:flex;}
			
			.brd-wrap .brd-ctgy {font-size:14px; line-height:1;}
			.brd-wrap .brd-tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; font-size:18px; font-weight:700; line-height:120%; color:black;}
			.brd-wrap .brd-desc {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}
			.brd-wrap [class*="brd-tbl"] {font-size:16px;}
			.brd-wrap [class*="brd-tbl"] {display:flex; flex-direction:column; gap:7px; line-height:120%;}
			.brd-wrap [class*="brd-tbl"] > * {display:flex; gap:12px;}
			.brd-wrap [class*="brd-tbl"] dt {color:#A9ACAC;}
			.brd-wrap [class*="brd-tbl"] dd {display:flex; gap:6px; align-items:center; color:#45494E;}
			.brd-wrap [class*="brd-tbl"] dd span {color:#A9ACAC;}
			.brd-wrap [class*="brd-tbl"] .price {border-bottom:1px solid #E3E1EC; margin-bottom:19px; padding-bottom:24px;}
			.brd-wrap [class*="brd-tbl"] .price strong {font-size:28px; color:#1e1e1e;}
			.brd-wrap .brd-tbl01 > * {justify-content:space-between;}
			.brd-wrap .brd-tbl01 dt {flex:0 0 auto;}
			.brd-wrap .brd-tag {display:flex; gap:6px; justify-content:flex-end;}
			.brd-wrap .brd-tag > [class*="bage-02"]:nth-child(1n) {background:#D4D7FF; color:#1D32BE;}
			.brd-wrap .brd-tag > [class*="bage-02"]:nth-child(2n) {background:#EADDFF; color:#571AB9;}
			.brd-wrap .brd-tag > [class*="bage-02"]:nth-child(3n) {background:#FFEDEA; color:#BA1A1A;}
			.brd-wrap .brd-desc {font-size:18px; line-height:140%; color:#A9ACAC;}
			.brd-wrap .brd-file-tit {padding-top:6px; color:black;}
			.brd-wrap .brd-file-lst {font-size:15px;}
			.brd-wrap .brd-file-lst a {display:flex; align-items:center;}
			.brd-wrap .brd-file-lst a:before,
			.brd-wrap .brd-file-lst a:after {content:""; background:var(--ico); background-size:var(--icosz);}
			.brd-wrap .brd-file-lst a:before {background-position:-100px -200px; width:16px; height:17px; margin-right:10px;}
			.brd-wrap .brd-file-lst a:after {background-position:-150px -200px; width:12px; height:11px; margin-left:15px;}
			.brd-wrap .brd-file-lst .brd-file-sz {margin-left:20px;}
			.brd-wrap .brd-pn {border-bottom:1px solid #E1E3E3; margin-top:80px; color:#666;}
			.brd-wrap .brd-pn th {align-items:center; justify-content:center; border-top:1px solid #E1E3E3; height:70px; text-align:center; vertical-align:middle;}
			.brd-wrap .brd-pn th > * {gap:18px;}
			.brd-wrap .brd-pn td {border-top:1px solid #E1E3E3; border-left:1px solid #E1E3E3; padding:0 20px; vertical-align:middle;}
			.brd-wrap .brd-quik-tab {position:sticky; left:0; top:0; z-index:1;}
			
		/* Board List */
			[class*="brd-lst-01"] {display:flex; flex-wrap:wrap; gap:40px 24px; margin-top:28px;}
			[class*="brd-lst-01"] > * {display:flex; flex-direction:column; flex:0 0 310px; overflow:hidden; background:white; border:1px solid #E6E8E9; border-radius:12px; min-width:310px; height:483px;}
			[class*="brd-lst-01"] [class*="thumb-"] {border-radius:8px 8px 0 0; width:310px; height:170px;}
			[class*="brd-lst-01"] [class*="thumb-"] img {width:310px; -o-object-fit: cover; object-fit: cover;}
			[class*="brd-lst-01"] .brd-bage {gap:5px; position:absolute; left:10px; top:10px;}
			[class*="brd-lst-01"] .brd-top-cont {padding:20px 20px 0;}
			[class*="brd-lst-01"] .brd-cont-wrap {display:flex; flex:1; flex-direction:column; justify-content: space-between; align-items: center; padding:20px 24px 24px;}
			[class*="brd-lst-01"] .brd-cont-wrap > * {width:100%;}
			[class*="brd-lst-01"] .brd-tit {margin-top:10px;}
			[class*="brd-lst-01"] .brd-wrap-btn {display:flex; gap:8px;}
			[class*="brd-lst-01"] .brd-wrap-btn > * {flex:1;}
			[class*="brd-lst-01"] .brd-desc {margin-top:16px; -webkit-line-clamp:4;}
			[class*="brd-lst-01"] .text-download-date { display: flex; align-items: center; gap: 10px; margin-top:16px; font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #a9acac;}
			[class*="brd-lst-01"] .text-download-date strong { font-weight: normal; color: #747878;}

			.brd-lst-0101 .brd-ctgy {font-size:16px;}
			.brd-lst-0101 .brd-tit {margin-top:12px; font-size:24px;}
			.brd-lst-0101 > * {box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10), 0px 4px 5px 0px rgba(0, 0, 0, 0.05); cursor:pointer;}
			
			.brd-lst-0102 > * {height:auto;}
			.brd-lst-0102 .brd-tit {margin-top:12px;}
			.brd-lst-0102 .brd-tbl {margin-top:15px;}
			.brd-lst-0102 .brd-bage {position:static;}
			.brd-lst-0102 .brd-cont-wrap {gap:28px; height:228px; padding:25px;}
			
			.brd-lst-0103 {flex-direction:column; gap:20px;}
			.brd-lst-0103 > * {flex:1;}
			.brd-lst-0103 .brd-cont-wrap {height:auto; padding:30px 24px;}
			.brd-lst-0103 .brd-tit {margin-top:0;}
			.brd-lst-0103 .brd-desc {margin-top:16px; font-size:14px;}
			.brd-lst-0103 .brd-tbl {margin-top:6px;}

			.brd-lst-0104 > * { height: auto;}
			.brd-lst-0104 .brd-tit {margin-top:0; font-size: 20px; font-weight: bold; color: rgba(0, 0, 0, 0.83);}
			.brd-lst-0104 .brd-top-cont { padding-bottom: 25px;}
			.brd-lst-0104 .brd-top-cont .brd-tit-box { display: flex; align-items: center; gap: 15px;}
			.brd-lst-0104 .brd-top-cont .brd-tit-box .icon-box { flex-shrink: 0;}
			.brd-lst-0104 .brd-top-cont .brd-tit-box a:hover { text-decoration: underline;}
			.brd-lst-0104 [class*="thumb-"] img {width:310px; -o-object-fit: cover; object-fit: contain;}
			.icon-box { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 6px; background-color: #f0f1f3;}
			.icon-box img { width: 18px;}
			.brd-lst-0104 .brd-cont {margin-top:20px; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: 0.07px; color: #747878;}

			.brd-lst-02 {border:1px solid #E6E8E9; border-left:0; border-right:0; margin-top:30px; font-family:var(--initff);}
			.brd-lst-02 .k-grid-header {background:#F8FAFA; border-right:0; padding:0 !important;}
			.brd-lst-02 .k-grid-header .k-table-th {background:#F8FAFA; font-weight:500; font-size:16px; color:black;}
			.brd-lst-02 .k-grid-header .k-grid-header-wrap {border-right:0;}
			.brd-lst-02 .k-table-th > .k-cell-inner > .k-link {justify-content:center;}
			.brd-lst-02 .k-grid-header th {border-left:1px solid #E6E8E9; padding-block:24px; padding-inline:19px;}
			.brd-lst-02 .k-grid-header th:first-child {border-left:0 !important;}
			.brd-lst-02 .k-column-title {font-size:16px;}
			.brd-lst-02 .k-grid-content {overflow:hidden; padding:0 !important;}
			.brd-lst-02 .k-grid-content tr:last-child td {border-bottom:0;}
			.brd-lst-02 .k-table-tbody tr:last-child td {border-bottom:0;}
			.brd-lst-02 .k-table-td {background:white; border-bottom:1px solid #E6E8E9; padding-block:24px; padding-inline:19px; color:#666;}
			.brd-lst-02 .k-table-td a {display:flex; align-items:center; gap:10px; word-break:keep-all; color:#666;}
			.brd-lst-02 .k-table-td.k-focus {box-shadow:none !important;}
			.brd-lst-02 .k-grid-norecords {border-bottom:0;}
			.brd-lst-02 .k-grid-container {border-bottom:0;}
			.brd-lst-02 .brd-grid-tit { display: flex; align-items: center; gap: 8px;}
			.brd-lst-02 .brd-grid-tit a { overflow: hidden; display: inline-block; max-width: 77%; white-space: nowrap;}
			.brd-lst-02 .brd-grid-tit a:hover { text-decoration: underline; }

			.brd-lst-03 {display:flex; flex-direction:column; gap:20px; margin-top:20px;}
        	.brd-lst-03 > * {border:1px solid #E8E8E8; border-radius:10px;}
        	.brd-lst-03 .brd-cont-wrap {display:flex; align-items:center; justify-content: space-between; gap:25px; padding:35px 25px;}
        	.brd-lst-03 .brd-cont-top {display:flex; gap:25px; align-items:center;}
        	.brd-lst-03 [class*="thumb-"] {background-size:178px 26px; width:230px; height:128px;}
        	.brd-lst-03 .brd-bage {position:absolute; left:10px; top:10px;}
        	.brd-lst-03 .brd-cont {flex:1;}
        	.brd-lst-03 .brd-tit {margin-top:8px; font-size:22px; line-height:140%;}
        	.brd-lst-03 .brd-tbl {margin-top:16px; line-height:30px; letter-spacing:-1px;}
        	.brd-lst-03 .brd-tbl .vbar-02,
       		.brd-lst-03 .brd-tbl .vbar-02 > * {gap:10px;}
       		.brd-lst-03 .brd-tbl .vbar-02 > * + *:before {height:8px;}
       		.brd-lst-03 .brd-tbl [class*="btn-"] {padding:0 8px; font-size:12px;}
       		.brd-lst-03 .brd-stat {flex:0 0 125px; display:flex; flex-direction:column; gap:6px; align-items: center; font-size:14px;}
       		.brd-lst-03 .brd-stat b {font-size:17px; color:black;}
       		.brd-lst-03 .brd-stat [class*="btn-"] {margin-top:6px;}
       		.brd-lst-03 .brd-wrap-btn {display:flex; gap:10px; flex-direction:column;}
       		.brd-lst-03 .brd-wrap-btn > * {width:128px;}
       		.brd-lst-03 .brd-lst-03 {gap:0; margin-top:0;}
       		.brd-lst-03 .brd-lst-03 > * {border:0; border-top:1px solid #E8E8E8; border-radius:0;}
			
			.brd-lst-0301 {display:flex; flex-direction:column; gap:10px; margin-top:20px;}
        	.brd-lst-0301 > * {border:1px solid #E8E8E8; border-radius:10px;}
        	.brd-lst-0301 > li{ position: relative; padding: 10.5px 15px;}
        	.brd-lst-0301 .brd-top-cont.for-ui-card{ display: none;}
        	.brd-lst-01 .brd-top-cont.for-ui-list{ display: none;}
       		.brd-lst-0301 .brd-top-cont.for-ui-list{ display: flex; align-items: center; gap: 10px;} 
        	.brd-lst-0301 .brd-ctgy{ flex-shrink: 0; letter-spacing: -0.5px;}
        	.brd-lst-0301 .brd-cont-wrap {display:flex; align-items:center; justify-content: space-between; gap:25px;}
        	.brd-lst-0301 .brd-cont-top {display:flex; gap:25px; align-items:center;}
        	.brd-lst-0301 .brd-tbl dt, .brd-lst-0301 .brd-tbl dd{ font-size: 13px; line-height: 1.2; letter-spacing: -1px;}
        	.brd-lst-0301 .brd-tbl dd{ letter-spacing: -0.5px;}
        	.brd-lst-0301 [class*="thumb-"] {display: none;}
        	.brd-lst-0301 .brd-bage {position:absolute; left:10px; top:10px;}
        	.brd-lst-0301 .brd-cont {flex:1;}
        	.brd-lst-0301 .brd-tit {font-size:18px; line-height:1.2;}
        	.brd-lst-0301 .brd-tbl {display: flex; align-items: center; flex-direction: row; gap: 8px; margin-top:16px; line-height:normal; letter-spacing:-1px;}
        	.brd-lst-0301 .brd-cont [class*="brd-tbl"] > div:not(:last-child){ position: relative; padding-right: 8px; gap: 10px;}
        	.brd-lst-0301 .brd-cont [class*="brd-tbl"] > div:not(:last-child)::after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 10px; background: #E6E8E9;}
        	.brd-lst-0301 .brd-tbl .vbar-02,
       		.brd-lst-0301 .brd-tbl .vbar-02 > * {gap:10px;}
       		.brd-lst-0301 .brd-tbl .vbar-02 > * + *:before {height:8px;}
       		.brd-lst-0301 .brd-tbl [class*="btn-"] {padding:0 8px; font-size:12px;}
       		.brd-lst-0301 .brd-stat {flex:0 0 125px; display:flex; flex-direction:column; gap:6px; align-items: center; font-size:14px;}
       		.brd-lst-0301 .brd-stat b {font-size:17px; color:black;}
       		.brd-lst-0301 .brd-stat [class*="btn-"] {margin-top:6px;}
       		.brd-lst-0301 .brd-wrap-btn {display:flex; gap:5px; align-items: center; }
       		.brd-lst-0301 .brd-wrap-btn > * {width:100px;}
       		.brd-lst-0301 .brd-wrap-btn > *:only-child{ flex: 1; width: auto; min-width: 205px;}
       		.brd-lst-0301 .brd-wrap-btn .btn-only-one{ width: 100px; min-width: unset;}
       		
       		.brd-lst-0301 .brd-lst-03 {gap:0; margin-top:0;}
       		.brd-lst-0301 .brd-lst-03 > * {border:0; border-top:1px solid #E8E8E8; border-radius:0;}
			
			.brd-lst-04 { display:flex; flex-direction:column; gap: 20px; margin-top: 30px;}
			.brd-lst-04 > * { border:1px solid #E8E8E8; border-radius:10px;}
			.brd-lst-04 .brd-cont-wrap { display:flex; align-items:flex-start; justify-content: space-between; gap:25px; position: relative; padding:35px 25px;}
			.brd-lst-04 .thumb-box { display: flex; flex-direction: column; flex-shrink: 0; width: 230px; height: 100%;}
			.brd-lst-04 .thumb-box .thumb-02 { width: 100%; height: 128px;}
			.brd-lst-04 .thumb-box img { -o-object-fit: cover; object-fit: contain;}
			.brd-lst-04 .thumb-box p { display: flex; align-items: center; gap: 7px; margin-top: 25px; font-size: 15px; font-weight: 500; letter-spacing: -0.5px; color: #747878;}
			.brd-lst-04 .brd-bage { position: absolute; left:10px; top:10px; z-index: 2;}
			.brd-lst-04 .brd-tit-box { display: flex; align-items: center; gap: 15px; margin-bottom: 22px;}
			.brd-lst-04 .brd-tit-box .icon-box { flex-shrink: 0;}
			.brd-lst-04 .brd-wrap-btn { display:flex; gap:10px; flex-direction:column; flex-shrink: 0; width: 130px; margin-top: 55px;}
			.brd-lst-04 .brd-tbl { margin-bottom: 25px;}
			.brd-lst-04 .brd-tbl02 div { flex-direction: column; align-items: center; gap: 8px;}
			.brd-lst-04 [class*="brd-tbl"] * { font-size: 14px; font-weight: normal; color: #a9acac;}
			.brd-lst-04 [class*="brd-tbl"] dd { font-weight: normal; color: #747878;}
			.brd-lst-04 .brd-wrap-btn > p.mobile { display: none !important;}
			.brd-lst-04 .conts-short-cont-box { margin-top: 28px;}
			.brd-lst-04 .brd-wrap-btn .brd-tbl { margin-bottom: 8px;}
			.brd-lst-04 .brd-wrap-btn [class*="btn-"] { font-weight: bold;}
			.brd-lst-04 .brd-wrap-btn .btn-b-lgry02 { color: #46464f !important;}
			.brd-lst-04 .cont-util { display: flex; align-items: center; gap: 10px;}
			.brd-lst-04 .myContentDelete { position: relative; z-index: 2;}
			.brd-lst-04 p.brd-tit.elps- { -webkit-line-clamp: 2;}

		/* Board Reply */
			.brd-reply-wrap {margin-top:100px;}
			.brd-reply-wrap .brd-reply-tot {margin-top:80px; font-size:22px; color:black;}
			.brd-reply-wrap .inp-ta {margin-top:20px;}
			
			.brd-reply-lst {border-top:1px solid black; border-bottom:1px solid #E6E8E9; margin-top:30px;}
			.brd-reply-lst > * {padding:30px 0;}
			.brd-reply-lst > * + * {border-top:1px solid #E6E8E9;}
			.brd-reply-lst .brd-reply-top {display:flex; align-items:center; justify-content:space-between;}
			.brd-reply-lst .brd-reply-author {display:flex; align-items:center; gap:12px; font-size:18px; color:black;}
			.brd-reply-lst .brd-reply-author [class*="btn-"] {min-height:30px; padding:0 12px; font-size:14px;}
			.brd-reply-lst .brd-reply-date {font-size:14px; color:#5C5F5F;}
			.brd-reply-lst .brd-reply-cont {margin-top:20px; line-height:150%; color:#5C5F5F;}
			
			.brd-reply-lst.master {background:#F8FAFA; border:0; padding:30px;}
			.brd-reply-lst.master .brd-reply-lst {border:0;}
			.brd-reply-lst.master > * {padding:0;}
			.brd-reply-lst.master > * + * {border:0;}
			.brd-reply-lst.master .brd-reply-lst {margin:0;}
			.brd-reply-lst.master .brd-reply-lst > * {padding: 20px 0;}
			.brd-reply-lst.master .brd-reply-lst li:first-child { padding-top: 0;}
			.brd-reply-lst.master .brd-reply-lst li:last-child { padding-bottom: 0;}

		/* Board View */
			.brd-vw-01 {display:flex; justify-content:space-between; gap:42px; border-top:1px solid black; height:100%; padding:40px 0 0;}
			.brd-vw-01 .brd-cont {flex:1;}
			.brd-vw-01 .brd-vw-top {display:flex; gap:30px;}
			.brd-vw-01 .brd-vw-top [class*="thumb-"] {flex:0 0 310px; border-radius:12px; width:310px; height:171px;}
			.brd-vw-01 .brd-bage {gap:5px; position:absolute; left:10px; top:10px;}
			.brd-vw-01 .brd-vw-top-cont {width:540px; padding:0 0 0;}
			.brd-vw-01 .brd-vw-top .brd-tit {margin-top:14px; font-size:28px; line-height:150%; word-break: keep-all;}
			.brd-vw-01 .brd-vw-top .brd-tbl {gap:12px; margin-top:13px;}
			.brd-vw-01 .brd-util {/* display:flex; */ display:none; flex-direction:column; gap:26px; margin-top:40px;}
			.brd-vw-01 .brd-util .brd-btn {display:flex; flex:1; gap:8px;}
			.brd-vw-01 .brd-util .brd-btn button {width:100%; max-width:266px;}
			.brd-vw-01 .brd-quik-tab {margin-top:70px;}
			.brd-vw-01 .tit-01 {margin-top:80px;}
			.brd-vw-01 .tit-01:target:before {content:""; display:block; height:80px; margin:-80px 0 0;}
			.brd-vw-01 .brd-side-wrap {flex:0 0 334px; width:334px; height:100%;}
			.brd-vw-01 .brd-side {display:flex; flex-direction:column; position:sticky; top:60px; left:0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); border:1px solid #E1E3E3; padding:32px 24px 24px 24px;}
			.brd-vw-01 .brd-side .brd-tit {font-size:22px; line-height:120%;}
			.brd-vw-01 .brd-side .brd-tbl01 {margin-top:34px;}
			.brd-vw-01 .brd-side [class*="inp-sel"] {margin-top:31px;}
			.brd-vw-01 .brd-side [class*="btn-"] {margin-top:13px;}
			.brd-vw-01 .arw-01 {flex-wrap:wrap;}
			
			.brd-vw-02 {width:100%; border-top:1px solid black;}
			.brd-vw-02 .brd-vw-top {display:flex; flex-direction:column; gap:12px; padding:30px 20px;}
			.brd-vw-02 .brd-vw-top .brd-tit {font-size:24px; font-weight:500;}
			.brd-vw-02 .brd-vw-top .brd-tbl > * {gap:16px;}
			.brd-vw-02 .brd-cont-wrap {border-bottom:1px solid #E6E8E9;}
			.brd-vw-02 .brd-cont {border-top:1px solid #E6E8E9; min-height:280px; padding:30px 20px;}
			.brd-vw-02 .brd-cont img{max-width:100%;}
			.brd-vw-02 .brd-file {display:flex; gap:20px; padding:30px 20px;}
			.brd-vw-02 .btn-grp {margin-top:50px;}
			.brd-vw-02 .btn-grp > * {min-width:128px;}
			
			.brd-vw-03 {border-top:1px solid black;}
			.brd-vw-03 .brd-vw-top {display:flex; align-items:center; gap:30px; padding:41px 0 0;}
			.brd-vw-03 .brd-vw-top [class*="thumb-"] {flex:0 0 276px; width:276px; height:220px;}
			.brd-vw-03 .brd-vw-top .brd-tit {margin-top:15px;}
			.brd-vw-03 .brd-vw-top .brd-tbl {gap:15px; margin-top:30px;}
			.brd-vw-03 .brd-quik-tab {position:sticky; left:0; top:60px; margin-top:80px; z-index:1;}
			.brd-vw-03 .tit-01 {margin-top:80px;}
			.brd-vw-03 .tit-01:target:before {content:""; display:block; height:160px; margin:-160px 0 0;}
			
			.brd-vw-04 .brd-vw-top {border:1px solid #E8E8E8; border-radius:10px; padding:35px 30px;}
			.brd-vw-04 .brd-vw-top-top {display:flex; align-items:center; justify-content:space-between;}
			.brd-vw-04 .brd-vw-top-top .brd-tbl {margin-top:25px;}
			.brd-vw-04 .brd-vw-top .brd-tit {margin-top:8px;}
			.brd-vw-04 .tab-cont {margin-top:40px;}
			.brd-vw-04 .brd-vw-top .brd-wrap-btn {display:flex; gap:10px; margin-top:24px;}
			.brd-vw-04 .brd-vw-top .grp-hrzt-wrap {flex-direction:column; align-items: normal;}
			.brd-vw-04 .brd-vw-top .grp-hrzt {width:290px; height:20px;}
			.brd-vw-04 .brd-vw-top .grp-num {font-size:16px; color:#191C1D;}
			.brd-vw-04 .brd-vw-top .brd-tbl dt {width:59px;}
			.brd-vw-04 [class*="tab-mn-04"] {position:sticky; left:0; top:0; z-index:1;}
			.brd-vw-04 .tab-cont > *:before {content:""; display:block; height:90px; margin:-90px 0 0;}
			.brd-vw-04 .brd-mystat {margin-top:20px;}
			.brd-vw-04 .brd-mystat-top {display:flex; justify-content:space-between; background:#F8FAFA; border-top:1px solid #5C5F5F; padding:25px;}
			.brd-vw-04 .brd-mystat-score {font-size:14px; color:black;}
			.brd-vw-04 .brd-mystat-score strong {font-size:24px;}
			.brd-vw-04 .brd-mystat-reason {flex:1; padding-left:25px; font-size:15px; line-height:25px;}
			.brd-vw-04 .brd-mystat-grp {display:flex; flex-direction:column; gap:20px; border-top:1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; padding:50px 40px;}
			.brd-vw-04 .brd-mystat-grp > * {display:flex; gap:25px;}
			.brd-vw-04 .brd-mystat-grp dt {display:flex; gap:15px; font-size:15px; font-weight:500; color:#191C1D;}
			.brd-vw-04 .brd-mystat-grp dd {flex:1;}
			.brd-vw-04 .brd-mystat-grp .grp-hrzt {flex:1;}
			.brd-vw-04 .brd-mystat-grp .grp-num {width:50px; font-size:15px; text-align:center; color:#191C1D;}
			.brd-vw-04 .tit-08 {margin-top:40px;}
			
			.brd-vw-04.theme-blu .grp-hrzt-inner {background:#005EB4;}
			.brd-vw-04.theme-grn .grp-hrzt-inner {background:#00B1B1;}
			.brd-vw-04.theme-dylw .grp-hrzt-inner {background:#B7A920;}
			.brd-vw-04.theme-pur .grp-hrzt-inner {background:#6F3CD2;}
			.brd-vw-04.theme-lgrn .grp-hrzt-inner {background:#00BF2F;}
			
			.brd-vw-04.theme-blu .theme-txt {color:#005EB4;}
			.brd-vw-04.theme-grn .theme-txt {color:#00B1B1;}
			.brd-vw-04.theme-dylw .theme-txt {color:#B7A920;}
			.brd-vw-04.theme-pur .theme-txt {color:#6F3CD2;}
			.brd-vw-04.theme-lgrn .theme-txt {color:#00BF2F;}
	
	/* Box */
		.info-box {display:flex; flex-direction:column; align-items: center; margin:0 auto; font-weight:500; color:#8E9192;}
		.info-box:before {content:""; background:var(--ico); background-size:var(--icosz); background-position:0 -100px; border-radius:50%; margin-bottom:34px;}
		.info-box .info-tit {font-size:32px; font-weight:normal; color:black;}
		.info-box .info-txt {margin-top:16px;}
		.info-box [class*="tbl-data-03"] {margin-top:40px;}
		
	/* Divider */
		.div-01 {margin:50px 0;}
			
	/* Graph */
		/* Horizontal */
			.grp-hrzt-wrap {display:flex; align-items:center; gap:10px;}
			.grp-hrzt-wrap .grp-hrzt {overflow:hidden; position:relative; background:#E1E3E3; border-radius:12px; width:244px; height:12px;}
			.grp-hrzt-wrap .grp-hrzt-inner {background:var(--mc); border-radius:12px; height:100%;}
	
	/* Kendo Scheduler */
		.kendo-cus-schedule {position:relative; border:0; font-family:var(--initff);}
		.kendo-cus-schedule .k-scheduler-layout {border:1px solid #E8E8E8;}
		.kendo-cus-schedule .k-scheduler-table th {background:#F8FAFA; font-size:16px; font-weight:500; text-align:center; color:black;}
		.kendo-cus-schedule .k-scheduler-content {overflow:hidden; border:1px solid #E8E8E8; border:0;}
		.kendo-cus-schedule .k-scheduler-content td {border-color:#E8E8E8; padding-bottom:130px; font-size:15px; text-align:left; color:#747878;}
		.kendo-cus-schedule .k-scheduler-content tr:last-child td {border-bottom:0;}
		.kendo-cus-schedule .k-other-month {background:none;}
		.kendo-cus-schedule .k-nav-day {display:flex; align-items:center; justify-content:center; width:36px; height:36px;}
		.kendo-cus-schedule .k-other-month .k-nav-day {display:none;}
		.kendo-cus-schedule .k-today .k-nav-day {background:var(--mc); border-radius:50%; color:white;}
		.kendo-cus-schedule .k-scheduler-toolbar {display:none; /* display:flex; flex-direction:column; */ background:none; border:0; padding:0;}
		.kendo-cus-schedule .k-toolbar-button-group {gap:0;}
		.kendo-cus-schedule .kendo-cus-toolbar {display:flex; justify-content:center; align-items:center; gap:30px; margin-top:50px;}
		.kendo-cus-schedule .kendo-cus-curr {font-size:46px; line-height:1;}
		.kendo-cus-schedule .kendo-cus-grp {display:flex;}
		.kendo-cus-schedule .kendo-cus-grp > * {position:relative; border-radius:0;}
		.kendo-cus-schedule .kendo-cus-grp > *:hover {z-index:1;}
		.kendo-cus-schedule .kendo-cus-grp > * + * {margin-left:-1px;}
		.kendo-cus-schedule .kendo-cus-grp > *:first-child {border-radius:var(--fombr) 0 0 var(--fombr);}
		.kendo-cus-schedule .kendo-cus-grp > *:last-child {border-radius:0 var(--fombr) var(--fombr) 0;}
		.kendo-cus-schedule .kendo-cus-prev,
		.kendo-cus-schedule .kendo-cus-next {width:46px; padding:0;}
		.kendo-cus-schedule .kendo-cus-prev:before,
		.kendo-cus-schedule .kendo-cus-next:before {content:""; background:var(--cico); background-size:var(--icosz); background-position:-200px -400px; width:9px; height:14px;}
		.kendo-cus-schedule .kendo-cus-next:before {transform:rotate(180deg);}
		.kendo-cus-schedule .kendo-cus-label {display:flex; justify-content:flex-end; gap:25px; margin-top:50px; font-size:14px;}
		.kendo-cus-schedule .k-scheduler-layout {margin-top:20px;}
		.kendo-cus-schedule .k-scheduler-header {overflow:hidden; background:#F8FAFA; padding:0 !important;}
		.kendo-cus-schedule .kendo-cus-label {line-height:1;}
		.kendo-cus-schedule .kendo-cus-label > * {display:flex; align-items:center;}
		.kendo-cus-schedule [class*="kendo-cus-item"] .kendo-cus-item-icon {flex:0 0 10px; overflow:hidden; display:flex; justify-content:flex-end; border-radius:50%; width:10px; height:10px; margin-right:8px;}
		.kendo-cus-schedule [class*="kendo-cus-item"] .kendo-cus-item-icon:before {content:""; width:50%; height:100%;}
		.kendo-cus-schedule .kendo-cus-item-01 {color:#FF5449;}
		.kendo-cus-schedule .kendo-cus-item-01 .kendo-cus-item-icon {background:#005EB4;}
		.kendo-cus-schedule .kendo-cus-item-01 .kendo-cus-item-icon:before {background:#FF5449;}
		.kendo-cus-schedule .kendo-cus-item-02 {color:#0087FF;}
		.kendo-cus-schedule .kendo-cus-item-02 .kendo-cus-item-icon {background:#005EB4; color:#0087FF;}
		.kendo-cus-schedule .kendo-cus-item-02 .kendo-cus-item-icon:before {background:#0087FF;}
		.kendo-cus-schedule .kendo-cus-item-03 .kendo-cus-item-icon {background:#B7A920;}
		.kendo-cus-schedule .kendo-cus-item-04 .kendo-cus-item-icon {background:#6F3CD2;}
		.kendo-cus-schedule .k-event {display:flex; height:auto !important; background:none; border-radius:0; padding:0; font-size:14px; line-height:1.2; color:#2e3132;}
		.kendo-cus-schedule .k-event a {display:flex; padding:0 10px;}
		.kendo-cus-schedule .k-event {padding-top:12px;}
		.kendo-cus-schedule .k-event [class*="kendo-cus-item"] {transform:translate(0, 2px);}
		.kendo-cus-schedule .k-event-actions {display:none;}
		.kendo-cus-schedule .k-resize-handle {display:none;}
		.kendo-cus-schedule .kendo-cus-evt {display:none; position:absolute; left:0; top:0; background:white; border-radius:10px; width:240px; padding:20px 20px 25px; transform:translate(0, 267px); z-index:10;}
		.kendo-cus-schedule .kendo-cus-evt.active {display:block; transition:all .3s ease; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); margin-top:-80px;}
		.kendo-cus-schedule .kendo-cus-evt-tit {display:flex; justify-content:space-between; border-bottom:1px solid #E8E8E8; padding-bottom:15px; font-size:18px; font-weight:700; color:#010101;}
		.kendo-cus-schedule .kendo-cus-evt  .kendo-cus-label-wrap {max-height:200px; min-height: 84px;}
		.kendo-cus-schedule .kendo-cus-evt .kendo-cus-label {flex-direction: column; gap:16px; margin-top:15px;}
		.kendo-cus-schedule .kendo-cus-evt [class*="kendo-cus-item"] {align-items: flex-start; transform:translate(0, 2px);}
		.kendo-cus-schedule .k-more-events {display:flex; border-color:#E8E8E8; border-radius:50%; width:26px !important; height:26px; padding:0; transform:translate(91px, 0);}
		.kendo-cus-schedule .k-more-events .k-icon {position:static; transform:translate(0, 0);}
		.kendo-cus-schedule .k-more-events .k-icon:before {content:""; background:var(--cico); background-size:var(--icosz); background-position:-250px -400px; width:12px; height:10px;}
		
	/* Kendo UI Editor */
		.k-editor .k-combobox {border-radius:6px; margin:0; padding:0;}
		.k-editor .k-combobox .k-input-inner {height:auto;}
		.k-editor .k-toolbar > * {gap:0;}

	/* Kendo Editor Img Upload Popup */
		.bbs_img_upload_popup { width:100%;text-align:left;background:#fff;float:left;padding:0;display:none;}
		.bbs_img_upload_popup .bbs_img_upload__title { width:100%;height:54px;position:relative;background:#03639e;float:left;}
		.bbs_img_upload_popup .bbs_img_upload__title h1 { font-size:18px;font-weight:600;color:#fff;line-height:54px;text-indent:20px;}
		.bbs_img_upload_popup .bbs_img_upload__title span { position:absolute;top:22px;right:20px;}
		.bbs_img_upload_popup .bbs_img_upload_data { width:100%; padding-top: 20px; box-sizing:border-box;-moz-box-sizing:border-box;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list { width:100%; float: left;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list span.title {width:100%;float:left;color:var(--mc);font-size:16px;font-weight:600;margin-bottom:10px;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail {width:21%;float:left;position:relative}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail img {width:100%;max-width:108px;height:106px;float:left;border:1px solid #dedede;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail div#imgUpload {width:100%;float:left;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail div#imgUpload div.k-upload { border: 0; background:#fff;padding:0;margin-top:10px;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail div#imgUpload div.k-upload .k-dropzone { flex-direction: column; width: 100%; padding:0;margin:0; border: 0; background: #fff; text-align:center;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail div#imgUpload div.k-upload .k-dropzone em {display:none;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list .k-upload-button-wrap { width: 100%;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail div#imgUpload div.k-upload .k-dropzone .k-button{ width: 100%; min-width: 78px; height: 39px; margin-left: 0; padding: 0 10px; border-radius: 5px; border: 1px solid #d1d1d1; background: #fff; box-sizing: border-box; cursor: pointer;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail div#imgUpload div.k-upload .k-dropzone .k-button span{background:#fff;width:100%;float:left;font-size:14px;color:#333;font-weight:600;cursor:pointer;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul{width:73.7%;float:right;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul li{ width:100%; margin-bottom:12px;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul li input,
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul li textarea {width:70%;height:28px;float:right;border:1px solid #dcdcdc;padding-left:1%;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.bottom_btn{width:100%;float:left;text-align:right;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list_first{padding-bottom:20px;border-bottom:1px solid #dedede;margin-bottom:20px;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list .k-dropzone-hint { display: none;}
		.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list .k-upload-status { margin: 0;}
		.bbs_img_upload_popup .bbs_img_upload_data .btn-list.btn-point { min-height: auto; height: 42px;}
	
	/* Link */
		.lnk-rarr {display:inline-flex; gap:8px; align-items:center; color:var(--mc);}
		.lnk-rarr:after {content:""; background:var(--ico); background-size:var(--icosz); background-position:-300px -200px; width:5px; height:9px;}
	
	/* List */
		.edu-loc {display:flex; flex-direction:column; gap:32px; margin-top:34px; color:black;}
		.edu-loc > * {display:flex; gap:20px; position:relative;}
		.edu-loc > *:before {content:""; background:var(--mc); border-radius:50%; width:54px; height:54px;}
		.edu-loc > *:after {content:""; position:absolute; background:var(--ico); background-size:var(--icosz);}
		.edu-loc dt {padding-top:12px; font-size:18px; font-weight:700; color:var(--mc);}
		.edu-loc .edu-loc-addr {display:flex; align-items:center; gap:24px;}
		
		.edu-loc .edu-loc-01:after {background-position:-700px 0; left:17px; top:14px; width:20px; height:26px;}
		.edu-loc .edu-loc-02:after {background-position:-750px 0; left:16px; top:15px; width:24px; height:24px;}
		.edu-loc .edu-loc-03:after {background-position:-800px 0; left:14px; top:16px; width:26px; height:22px;}
		
		.lst-step {display:flex; gap:14px; font-size:0; font-weight:700; color:var(--mc);}
		.lst-step > * {display:flex; align-items:center;}
		.lst-step > *:before {content:counter(list-num); display:flex; flex:0 0 30px; align-items:center; justify-content:center; border:1.5px solid var(--mc); border-radius:50%; width:30px; height:30px; font-size:14px; line-height:0; color:var(--mc);}
		
		.lst-step > *.active {gap:10px; font-size:14px;}
		.lst-step > *.active:before {background:var(--mc); color:white;}
		
		.lst-step > *.completed:before {background:var(--ico); background-size:var(--icosz); background-position:-150px -50px; border:0; font-size:0;}
		
		.lst-pds {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
		.lst-pds > * {display:flex; justify-content:space-between; align-items:center; border:1px solid #D8DADB; border-radius:5px; height:120px; padding:0 30px;}
		.lst-pds > *:nth-child(1) img {width:180px;}
		.lst-pds > *:nth-child(2) img {width:162px;}
		
		[class*="lst-type-01"] {display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-top:20px; font-weight:700; line-height:140%; text-align:center;}
		[class*="lst-type-01"] > * {display:flex; align-items:center; justify-content:center; border:1px solid #37C3E2; border-radius:10px; min-height:90px; color:#37C3E2;}
		
		.lst-type-0101 > * {border:1px solid #3DADEA; color:#3DADEA;}
		.lst-type-0102 > * {border:1px solid #2076FF; color:#2076FF;}
		
		.lst-type-02 {display:flex; gap:18px; color:#5C5F5F;}
		.lst-type-02 > * {display:flex; align-items:center; gap:18px;}
		.lst-type-02 > *:after {content:""; background:var(--ico); background-size:var(--icosz); background-position:-300px -300px; width:17px; height:8px;}
		.lst-type-02 > *:last-child:after {display:none;}
		.lst-type-02 > * > * {display:flex; align-items:center; justify-content:center; background:#F5F5F5; border-radius:8px; height:44px; padding:0 20px;}
	
		[class*="lst-type-03"] > * {display:flex; align-items: flex-start; background:rgba(226, 226, 226, 0.20); border-radius:20px; margin-top:12px; padding:30px;}
		[class*="lst-type-03"] > *:before {display:none;}
		[class*="lst-type-03"] .lst-number {display:flex; align-items:center; gap:10px; background:red; border-radius:10px; margin-right:60px; padding:10px 20px; font-size:18px; font-weight:700; color:white;}
		[class*="lst-type-03"] .lst-number:before {counter-increment:list-num; content:"0"counter(list-num); display:flex; align-items: center; background:white; border-radius:5px; height:20px; padding:0 6px; font-size:16px; color:red;}
		[class*="lst-type-03"] .bul-hyp-01 {flex:1;}
		
		.lst-type-03 > *:nth-child(1) .lst-number {background:#3DADEA;}
		.lst-type-03 > *:nth-child(1) .lst-number:before {color:#3DADEA;}
		.lst-type-03 > *:nth-child(2) .lst-number {background:#3393EB;}
		.lst-type-03 > *:nth-child(2) .lst-number:before {color:#3393EB;}
		.lst-type-03 > *:nth-child(3) .lst-number {background:#2076FF;}
		.lst-type-03 > *:nth-child(3) .lst-number:before {color:#2076FF;}
		.lst-type-03 > *:nth-child(4) .lst-number {background:#3B4ED6;}
		.lst-type-03 > *:nth-child(4) .lst-number:before {color:#3B4ED6;}
		
		.lst-type-0301 .lst-number {flex:0 0 190px;}
		.lst-type-0301 > *:nth-child(1) .lst-number {background:#20D4CA;}
		.lst-type-0301 > *:nth-child(1) .lst-number:before {color:#20D4CA;}
		.lst-type-0301 > *:nth-child(2) .lst-number {background:#32C2E1;}
		.lst-type-0301 > *:nth-child(2) .lst-number:before {color:#32C2E1;}
		.lst-type-0301 > *:nth-child(3) .lst-number {background:#3DADEA;}
		.lst-type-0301 > *:nth-child(3) .lst-number:before {color:#3DADEA;}
		.lst-type-0301 > *:nth-child(4) .lst-number {background:#3393EB;}
		.lst-type-0301 > *:nth-child(4) .lst-number:before {color:#3393EB;}
		.lst-type-0301 > *:nth-child(5) .lst-number {background:#2076FF;}
		.lst-type-0301 > *:nth-child(5) .lst-number:before {color:#2076FF;}
		.lst-type-0301 > *:nth-child(6) .lst-number {background:#3B4ED6;}
		.lst-type-0301 > *:nth-child(6) .lst-number:before {color:#3B4ED6;}
		
		.lst-type-04-wrap {padding:20px;}
		.lst-type-04 {position:relative; display:flex; justify-content: space-between;}
		.lst-type-04:before {content:""; position:absolute; left:0; top:50%; border-top:1px dashed var(--mc); transform:translate(0, -50%); width:100%; z-index:-1;}
		.lst-type-04 > * {display:flex; align-items:center; justify-content:center; background:white; border:1px solid var(--mc); border-radius:50%; width:140px; height:140px; font-size:18px; font-weight:700; color:var(--mc);}
		
		.lst-type-05 {display:flex; gap:12px;}
		.lst-type-05 > * {flex:1; display:flex; align-items:center; justify-content:center; background:white; border:1px solid #E1E3E3; border-radius:10px; height:48px; font-weight:500; color:black;}
		
		.lst-type-06-wrap {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px dashed #3B4ED6; border-radius:50%; width:378px; height:389px; margin:50px auto 0; font-size:14px; line-height:150%; text-align:center; color:black; box-shadow: 0 4px 30px 0 rgba(59, 78, 214, 0.10);}
		.lst-type-06 {position:absolute; left:50%; top:50%; width:100%; height:100%;transform:translate(-50%, -50%);}
		.lst-type-06 > * {position:absolute; display:flex; align-items: center; gap:19px; width:max-content; text-align:left;}
		.lst-type-06 .lst-tit {display:flex; flex-direction:column; flex:0 0 121px; align-items:center; justify-content:center; gap:7px; background:var(--mc); border-radius:50%; width:121px; height:125px; font-size:15px; font-weight:700; text-align:center; color:white;}

		.lst-type-06 > *:nth-child(1) {left:250px; top:-30px;}
		.lst-type-06 > *:nth-child(2) {left:310px; top:130px;}
		.lst-type-06 > *:nth-child(3) {left:250px; bottom:-30px;}
		.lst-type-06 > *:nth-child(4) {left:-140px; bottom:-30px;}
		.lst-type-06 > *:nth-child(5) {left:-240px; top:130px;}
		.lst-type-06 > *:nth-child(6) {left:-180px; top:-30px;}
		
		.lst-type-06 > *:nth-child(1) .ic-:before {background-position:-350px -300px; width:30px; height:30px;}
		.lst-type-06 > *:nth-child(2) .ic-:before {background-position:-400px -300px; width:33px; height:29px;}
		.lst-type-06 > *:nth-child(3) .ic-:before {background-position:-450px -300px; width:31px; height:32px;}
		.lst-type-06 > *:nth-child(4) .ic-:before {background-position:-500px -300px; width:31px; height:26px;}
		.lst-type-06 > *:nth-child(5) .ic-:before {background-position:-550px -300px; width:29px; height:30px;}
		.lst-type-06 > *:nth-child(6) .ic-:before {background-position:-600px -300px; width:31px; height:30px;}
		
		.lst-type-07-wrap {background:white; margin-top:4px; padding:24px 27px;}
		.lst-type-07 {position:relative; height:296px;}
		.lst-type-07 > * {display:flex; align-items:center; justify-content:center; position:absolute; background:rgba(255, 255, 255, 0.9); border:1px solid var(--mc); border-radius:50%; width:155px; height:155px; font-size:20px; font-weight:700; color:var(--mc);}
		.lst-type-07 > *:nth-child(odd) {background:var(--mc); color:white;}
		.lst-type-07 > *:nth-child(1) {left:0; top:0;}
		.lst-type-07 > *:nth-child(2) {right:0; top:0;}
		.lst-type-07 > *:nth-child(3) {right:0; bottom:0;}
		.lst-type-07 > *:nth-child(4) {left:0; bottom:0;}
		
		[class*="lst-type-08"] {display:flex; justify-content:center; gap:20px; font-size:17px; font-weight:700; color:red;}
		[class*="lst-type-08"] > * {position:relative; display:flex; align-items:center; gap:20px;}
		[class*="lst-type-08"] > *:after {content:""; background:var(--ico); background-size:var(--icosz); width:21px; height:66px;}
		[class*="lst-type-08"] > *:last-child:after {display:none;}
		[class*="lst-type-08"] > * > * {display:flex; align-items:center; justify-content:center; border:1px solid red; border-radius:50%; width:140px; height:140px; padding:0 10px; text-align:center;}
		
		.lst-type-0801 > *:after {background-position:-750px -100px;}
		.lst-type-0801 > * > * {border-color:#3DADEA; color:#3DADEA;}
		.lst-type-0802 > *:after {background-position:-800px -100px;}
		.lst-type-0802 > * > * {border-color:#3393EB; color:#3393EB;}
		.lst-type-0803,
		.lst-type-0803 > * {gap:10px;}
		.lst-type-0803 > *:after {background-position:-850px -100px;}
		.lst-type-0803 > * > * {border-color:#2076FF; width:130px; height:130px; color:#2076FF;}
		.lst-type-0804,
		.lst-type-0804 > * {gap:10px;}
		.lst-type-0804 > *:after {background-position:-900px -100px;}
		.lst-type-0804 > * > * {border-color:#3B4ED6; width:130px; height:130px; color:#3B4ED6;}
		
	/* Mouse Scroll Interaction */
		.mouse-scroll {display:flex; flex-direction: column; align-items:center; gap:8px; font-size:11px; font-weight:300; color:rgba(255, 255, 255, 0.80);}
		.mouse-scroll .down-arrow-wrap {display:flex; flex-direction: column;}
		.mouse-scroll span {border-right:1px solid #fff; border-bottom:1px solid #fff; width:5px; height:5px; transform: rotate(45deg);}
		.mouse-scroll .mouse {display:flex; align-items:center; justify-content:center; border: 2.5px solid #ffffff; border-radius:25px; width:25px; height:40px;}
		.mouse-scroll [class*="down-arrow-"] {-webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -webkit-animation-direction: alternate;}
		.mouse-scroll .down-arrow-1 {-webkit-animation-delay: .1s; -moz-animation-delay: .1s;}
		.mouse-scroll .down-arrow-2 {-webkit-animation-delay: .2s; -moz-animation-delay: .2s;}
		.mouse-scroll .mouse-in {background:#ffffff; width:2px; height:7px;}
		.mouse-scroll .mouse-in {-webkit-animation: animated-mouse 1.2s ease infinite; moz-animation: mouse-animated 1.2s ease infinite;}
		
		@-webkit-keyframes animated-mouse {
		  0% {opacity:1; transform:translateY(-6px);}
		  100% {opacity:0; transform: translateY(6px);}
		}
		@-webkit-keyframes mouse-scroll {
		  0% {opacity:1;}
		  50% {opacity:.5;}
		  100% {opacity:1;} 
		}
		@keyframes mouse-scroll {
		  0% {opacity:1;}
		  50% {opacity:.5;}
		  100% {opacity:1;} 
		}
	
	/* Table */
		.tbl-data {border-top: 1px solid #E6E8E9; border-bottom: 1px solid #E6E8E9; margin-top:20px; line-height:150%;}
		.tbl-data > thead > tr > th {background:#F8FAFA; padding:25px 0; font-weight:500; text-align:center; vertical-align:middle; color:black;}
		.tbl-data > thead > tr > th + th {border-left: 1px solid #E6E8E9;}
		.tbl-data > tbody > tr > * {border-top: 1px solid #E6E8E9;}	
		.tbl-data > tbody > tr > th {height:70px; padding:15px 4px; font-weight:500; vertical-align:middle; color:black;}
		.tbl-data > tbody > tr > td {border-left:1px solid #E6E8E9; height:70px; padding:15px 20px; vertical-align:middle; white-space:initial; color:#747878;}
		.tbl-data > tbody > tr > th + td {border-left:0;}
		
		[class*="tbl-data-02"] {background:white; border-top:1px solid #E1E3E3; border-bottom:1px solid #E1E3E3; font-size:14px; text-align:center;}
		[class*="tbl-data-02"] > thead > tr > th,
		.kendo-grid-tbl0202 .k-table-group-sticky-header,
		.kendo-grid-tbl0202 .k-table-header, .kendo-grid-tbl0202 .k-table-thead {background:#F8FAFA; padding:13px 0; font-weight:500; vertical-align:middle; color:black;}
		[class*="tbl-data-02"] > thead > tr > th + th {border-left: 1px solid #E6E8E9;}
		[class*="tbl-data-02"] > tbody > tr > * {border-top:1px solid #E1E3E3;}
		[class*="tbl-data-02"] > tbody > tr:first-child > * {border-top:none;}
		[class*="tbl-data-02"] > tbody > tr > th {padding:13px 0; font-weight:500; vertical-align:middle; color:black;}
		[class*="tbl-data-02"] > tbody > tr > td {border-left:1px solid #E1E3E3; padding:13px 0; vertical-align:middle; color:#666; word-break: break-all; white-space: pre-wrap;}
		[class*="tbl-data-02"] > tbody > tr > td:first-child {border-left:0;}
		[class*="tbl-data-02"] [class*="no-data"] {margin-top:0;}
		
		.tbl-data-0201 > tbody > tr > td {padding:18px 10px;}
		.tbl-data-0202 > thead > tr > th {border-bottom:1px solid #e1e3e3;}
		.tbl-data-0203 {margin-top:15px;}
		.tbl-data-0203 > thead > tr > th {font-size:16px;}
		.tbl-data-0203 > thead > tr > th + th {border-left:0;}
		.tbl-data-0203 > tbody > tr > td {border:0; padding:13px; height:80px; font-size:16px; color:#5C5F5F;}
		.tbl-data-0203 > tbody > tr > td b { display: inline-block; width: 100%;}
		.tbl-data-0203 > tbody > tr > td > span { display: inline-block; width: 100%;}
		.tbl-data-0203 > tbody > tr.tbl-sec > *,
		.trainig .tbl-sec > * {border-top:1px solid #E8E8E8;}
		.tbl-data-0203 > tbody > tr.tbl-sec:first-child > *,
		.trainig .tbl-sec:first-child > * {border-top:0;}
		.tbl-data-0203 .bdr-l {border-left:1px solid #e1e3e3; }
		.tbl-data-0203 .btn-sz01 { width: 134px;}
		/*#theme_choice .tbl-data-0203 .bdr-l {border-bottom:1px solid #e1e3e3;}*/

		[class*="tbl-data-03"] {border-bottom: 1px solid #E6E8E9; margin-top:20px;}
		[class*="tbl-data-03"] > tbody > tr > * {border-top: 1px solid #E6E8E9;}	
		[class*="tbl-data-03"] > tbody > tr > th {padding:25px 12px; font-weight:500; vertical-align:middle; color:black;}
		[class*="tbl-data-03"] > tbody > tr > td {border-left:1px solid #E6E8E9; padding:27px 0; vertical-align:middle; color:#747878;}
		[class*="tbl-data-03"] > tbody > tr > th + td {border-left:0;}
		[class*="tbl-data-03"] > tbody > tr:first-child > * {border-top:1px solid black;}
		
		.tbl-data-0301 > tbody > tr > th {padding:23px 12px;}
		.tbl-data-0301 > tbody > tr > td {padding:23px 10px;}
		
		[class*="tbl-data-0302"] {font-size:15px;}
		[class*="tbl-data-0302"] > tbody > tr > * {border-top: 1px solid #E8E8E8; height:40px;}
		[class*="tbl-data-0302"] > tbody > tr > th {padding:0 12px; font-weight:500; color:#272B2B;}
		[class*="tbl-data-0302"] > tbody > tr > td {padding:5px 12px;}
		[class*="tbl-data-0302"] > tbody > tr > th + td {border-left: 1px solid #E8E8E8;}	
		[class*="tbl-data-0302"] > tbody > tr:first-child > * {border-top:1px solid #747878;}
		[class*="tbl-data-0302"] .dep-02 {padding-left:24px;}
		[class*="tbl-data-0302"] .dep-03 {padding-left:36px;}
		
		.tbl-data-030201 > tbody > tr > th + td {border-left:0;}
		
		[class*="tbl-data-04"] {border-top:1px solid black; border-bottom:1px solid #E8E8E8;}
		[class*="tbl-data-04"] > thead > tr > th,
		[class*="tbl-data-04"] > tbody > tr > th {background:#f8fafa; height:70px; font-weight:500; text-align:center; vertical-align:middle; color:black;}
		[class*="tbl-data-04"] > tbody > tr > td {height:70px; padding:10px 15px; font-size:15px; vertical-align:middle; color:#5C5F5F;}
		
		.tbl-data-0401 {border-top:1px solid #E8E8E8;}
		.tbl-data-0402 {border-top:1px solid #C3CCD6;}
		.tbl-data-0402 {margin-top:12px;}
		.tbl-data-0402 > tbody > tr > th {border-bottom:1px solid #E1E3E3; height:50px;}
		.tbl-data-0402 > tbody > tr > td {border-left:1px solid #E1E3E3; border-bottom:1px solid #E1E3E3; height:50px;}
		.tbl-data-0403 {border-top:1px solid #C3CCD6; margin-top:12px;}
		.tbl-data-0403 > thead > tr > th {background:#f8fafa; border-left:1px solid #E1E3E3; border-top:1px solid #E1E3E3; height:50px;}
		.tbl-data-0403 > thead > tr > th:first-child {border-left:0;}
		.tbl-data-0403 > tbody > tr > th {background:none;}
		.tbl-data-0403 > tbody > tr > th,
		.tbl-data-0403 > tbody > tr > td {border-left:1px solid #E1E3E3; border-bottom:1px solid #E1E3E3; height:50px;}
		.tbl-data-0403 > tbody > tr > th:first-child {border-left:0;}
		.tbl-data-0403 .bdr-l {border-left:1px solid #e1e3e3 !important;}
		
		.tbl-fom {border-top:1px solid black; border-bottom:1px solid #C7C5D0; margin-top:12px;}
		.tbl-fom > tbody > tr > th {padding:20px 10px; font-size:18px; font-weight:500; color:black;}
		.tbl-fom > tbody > tr > th em {display:inline-block; transform:translate(0, 3px);}
		.tbl-fom > tbody > tr > td {padding:10px 0;}
		.tbl-fom .fom-grp {border:0; width:498px; padding:0; color:#8E9192;}
		.tbl-fom > tbody > tr:first-child > th,
		.tbl-fom > tbody > tr:first-child > td {padding-top:40px;}
		.tbl-fom > tbody > tr:last-child > th,
		.tbl-fom > tbody > tr:last-child > td {padding-bottom:40px;}
		.tbl-fom > tbody > .fds-brd {border-top:1px solid #C7C5D0;}
		.tbl-fom > tbody > .fds-brd > td {padding-top:40px; color:#8E9192;}
		.tbl-fom > tbody > .fds-last > td {padding-bottom:40px;}

		.table-white { width: 100%;}
		.table-white thead tr th { border-top: 1px solid #a9acac; font-weight: 500; color: #000; line-height: 1.2; letter-spacing: 0.08px;}
		.table-white thead tr th,
		.table-white tbody tr td { height: 60px; padding: 10px; border-bottom: 1px solid #e1e3e3; background: #fff; text-align: center; vertical-align: middle;}
		.table-white thead tr th:nth-of-type(1),
		.table-white tbody tr td:nth-of-type(1) { border-right: 1px solid #e1e3e3;}
		.table-white tbody tr td { color: #666; line-height: 1.2; letter-spacing: 0.08px;}
		.table-white tbody tr td.al { text-align: left;}
		.table-white tbody tr td.ac { text-align: center;}
		.table-white tbody tr.bg-bora td { background-color: #edf1f9; font-weight: 500; color: #3b4ed6;}
		.table-white tbody tr.bg-blue td { background-color: #edf4ff; font-weight: 500; color: #2076ff;}
		.table-white tbody tr.none-tr td { border-right: 0; background-color: transparent; background-image: url("../../images/renewal/sub/dot.png"); background-position: center; background-repeat: no-repeat;}

	/* Text */
		.txt-01 {font-size:18px; color:black;}
		.txt-02 {margin-top:20px; font-size:13px; color:#444748;}
		.txt-03 {font-size:32px; color:black;}
		.txt-04 { margin-bottom: 50px;}
		
		.txt-impo {display:flex; gap:6px; align-items:center; margin-top:10px; font-size:14px; color:#5C5F5F;}
		.txt-impo:before {content:""; background:var(--ico); background-size:var(--icosz); background-position:-900px -200px; width:18px; height:18px;}
	
	/* Title */
		[class*="tit-"] {font-weight:500; color:black;}
		.tit-01 {font-size:28px; color:#010101;}
		.tit-02 {font-size:24px; font-weight:700; line-height:130%;}
		.tit-03 {font-size:20px; font-weight:700;}
		.tit-04 {margin-top:50px; font-size:22px;}
		.tit-05 {margin-top:25px; font-size:16px; font-weight:700; color:#2E3132;}
		.tit-06 {font-size:18px;}
		.tit-07 {font-size:32px;}
		.tit-08 {font-size:20px; font-weight:700; line-height:150%; color:#010101;}
		.tit-09 {margin-top:50px; font-size:22px; font-weight:400;}
		.tit-10 {display:flex; align-items:center; gap:10px; font-size:28px; font-weight:700; color:black;}
		.tit-10:before {content:""; flex:0 0 12px; background:var(--mc); border-radius:12px; width:12px; height:12px;}
		.tit-11 {margin-top:50px; font-size:22px; font-weight:700;}
		.tit-12 {font-size:20px;}

/* 페이지 */
	/* 로그인 */
		.lgn-wrap {width:400px;}
		.lgn-wrap .tit-01 {text-align:center;}
		.lgn-wrap .tit-01 img { max-width: 100%;}
		.lgn-wrap [class*="btn-"] {width:100%;}
		.lgn-wrap .lgn-inp {display:flex; flex-direction:column; gap:10px; margin-top:60px;}
		.lgn-wrap .lgn-inp .fom-grp {border:0; padding:0;}
		.lgn-wrap .lgn-inp input:focus {border-color:var(--moc); color:var(--moc);}
		.lgn-wrap .lgn-util {display:flex; justify-content: space-between; margin:13px 0 35px;}
		.lgn-wrap .lgn-menu {flex:1; justify-content: flex-end;}
		.lgn-wrap .lgn-join {border-top:1px solid #E2E2E2; margin:35px 0 0; padding:35px 0 0;}
		.lgn-wrap .lgn-join [class*="btn-"] {margin-top:29px;}
		
	/* 회원가입 */
		.step-box-wrap {flex:0 0 864px; width:864px; margin-top:0;}
		.step-box {display:none; margin-top:40px;}
		.step-box.active {display:block;}
		.term-wrap strong {display:block; margin:40px 0 7px;}
		.term-wrap ul ul {padding-left:20px;}
		.psn-cert {display:grid; gap:12px; font-size:14px; line-height:120%;}
		.psn-cert > * {border:1px solid #E6E8E9; border-radius:5px;}
		.psn-cert a {display:flex; align-items:center; gap:14px; height:64px;  padding:0 30px;}
		.psn-cert i {flex:0 0 27px; justify-content:center; width:27px; height:27px;}
		.psn-cert .psn-cert-cont {flex:1; display:flex; gap:14px;}
		.psn-cert strong {flex:0 0 146px; color:black;}
		.psn-cert span {font-size:14px;}
		.join-comp {width:566px;}
		
	/* Main */
		.main {scroll-behavior:initial; /*height:auto;*/ height: 100%;}
		.main::-webkit-scrollbar {background:transparent !important; width:0 !important; height:0 !important;}
		.main::-webkit-scrollbar-thumb {background:transparent !important; width:0 !important;}
		
		.main .header {position:sticky; left:0; top:0; width:100%;}
		.main #wrap {width:100vw;}
		.main .main-swi {width:100vw; height:100%;}
		.main .main-swi .iw-center {height:100%;}
		
		.main .main-txt {font-weight:700; color:var(--mc);}
		.main .main-txt02 {margin-top:20px; font-size:18px; color:#5F5F5FA6;}
		.main .main-tit {margin-top:20px; font-size:40px; font-weight:700; line-height:120%; color:#010101;}
		.main .main-more {width:36px; padding:0;}
		
		.main .main-visual-bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}
		.main .main-visual-bg [class*='bg-'] {position:absolute; left:0; top:0; width:100%; height:100%; background-size:100% 100%; transition:opacity .3s ease;}
		.main .main-visual-bg .bg-01 {opacity:0; background-image:url('../../images/img/img_mainvisual.jpg');}
		.main .main-visual-bg .bg-02 {opacity:0; background-image:url('../../images/img/img_mainvisual02.jpg');}
		.main .main-visual-bg .bg-03 {opacity:0; background-image:url('../../images/img/img_mainvisual03.jpg');}
		.main .main-visual-bg .bg-fade {opacity:1;}
		.main .main-visual-left {flex:0 0 680px;}
		.main .main-visual-right {display:flex; flex-direction:column; align-items: flex-end; flex:1;}
		.main .main-visual-swi {width:680px; height:264px;}
		.main .main-visual-swi-txt {display:flex; align-items:center; gap:21px; font-size:28px; font-weight:500; color:rgba(255, 255, 255, 0.60);}
		.main .main-visual-swi-txt:after {content:""; background:rgba(255, 255, 255, 0.60); width:100px; height:1px;}
		.main .main-visual-swi-txt02 {margin-top:30px; font-size:52px; font-weight:700; line-height:140%; letter-spacing:-1px; color:white;}
		.main .main-visual-swi .swiper-pagination { width: auto; margin:0;}
		.main .main-visual-cont {display:flex; justify-content:space-between; width:100%;}
		.main .main-visual-cont [class*="inp-sch"] {width:471px; margin-top:50px;}
		.main .main-visual-menu02 {display:flex; gap:35px; margin-top:60px; font-size:26px; font-weight:700; color:white;}
		.main .main-visual-menu02 a {display:flex; align-items:center; justify-content:space-between; width:225px; padding: 30px 25px 30px 30px;}
		.main .main-visual-menu02 a:after {content:""; background:var(--ico); background-size:var(--icosz); background-position:-850px -50px; width:8px; height:14px;}
		.main .main-visual-txt {font-size:13px;}
		.main .main-visual-login {display: flex; flex-direction: column; justify-content: center; align-items: center; gap:10px; background:white; border-radius: 8px; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.06), 0px 10px 15px 0px rgba(0, 0, 0, 0.07); width:340px; padding: 25px 20px 15px 20px; text-align:center;}
		.main .main-visual-login > * {width:100%;}
		.main .main-visual-login input[type="text"],
		.main .main-visual-login input[type="password"] {height:50px; text-align:left;}
		.main .main-visual-login .btn-login {width:100%; min-height:50px;}
		.main .main-visual-login .lgn-menu {font-size:14px;}
		.main .main-visual-login .btn-join {min-height:40px; padding:0 30px; font-size:14px;}
		.main .main-visual-login-after {background:white; border-radius:8px; width:340px; height:323px; padding:25px 20px 15px;}
		.main .main-login-after-top {justify-content:space-between; font-size:20px; color:black;}
		.main .main-login-after-top [class*="btn-"] {width:24px; min-height:24px;}
		.main .main-login-after-lst {display:flex; flex-direction:column; gap:5px; position:relative; height:180px; margin:14.5px 0;}
		.main .main-login-after-lst:after {flex:0 0 12px; opacity:0.1; content:""; position:sticky; left:0; top:168px; bottom:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); width:340px; height:12px;}
		.main .main-login-after-lst > * {flex:0 0 74px; display:flex; flex-direction:column; gap:5px; background:#F1F3F6; border-radius:5px; height:74px; padding:10px;}
		.main .main-login-after-lst > *[class*="no-data"] {flex:0 0 100%; height:100%;}
		.main .main-login-after-lst .brd-ctgy {font-size:11px;}
		.main .main-login-after-lst .brd-tit {font-size:16px;}
		.main .main-login-after-lst .brd-date {font-size:12px; line-height:120%; color:#8E9192;}
		.main .main-visual-login-after .btn-lecture {width:100%;}
		.main .main-visual-menu {display:flex; flex-direction:column; gap:10px; width:340px; margin-top:20px; font-size:20px; font-weight:700; color:white;}
		.main .main-visual-menu > * {background: rgba(223, 240, 255, 0.32); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 8px; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.06), 0px 0px 10px 0px rgba(0, 0, 0, 0.10), 0px 0px 15px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(10px);}
		.main .main-visual-menu a {position:relative; display:flex; align-items:center; gap:26px; padding:16px 20px;}
		.main .main-visual-menu a:after {content:""; position:absolute; right:20px; top:50%; background:var(--ico); background-size:var(--icosz); background-position:-800px -50px; width:11px; height:17px; transform:translate(0, -50%);}
		.main .main-visual-menu [class*="ic-"] {display:flex; align-items:center; justify-content:center; background:white; border-radius:50%; width:40px; height:40px;}
		.main .main-visual-wrap .mouse-scroll {position:absolute; left:50%; bottom:80px; transform:translate(-50%, 0);}

		.main .iw-nomiintro-top {position:relative; text-align:center;}
		.main .iw-nomiintro-top .main-more {position:absolute; right:0; bottom:0;}
		.main .iw-nomiintro {display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; margin-top:60px; font-size:28px; font-weight:700; line-height:120%; color:white;}
		.main .iw-nomiintro > * {background-repeat:no-repeat; background-size:center; border-radius:8px;}
		.main .iw-nomiintro a {overflow:hidden; display:block; position:relative; border-radius:8px; width:100%; height:280px; padding:40px 30px 25px;}
		.main .iw-nomiintro a:before {content:""; opacity:0; position:absolute; left:0; top:0; background:#3B4ED6CC; width:100%; height:100%;}
		.main .iw-nomiintro .nomiintro-desc {opacity:0; font-size:14px; font-weight:500; line-height:160%; color:#FFFFFF80;}
		.main .iw-nomiintro .nomiintro-cont {position:relative; display:flex; flex-direction:column; justify-content: space-between; height:100%; z-index:1;}
		.main .iw-nomiintro .nomiintro-more {display:flex; align-items:center; justify-content:flex-end; gap:10px; font-size:14px; font-weight:500; text-align:right; color:#FFFFFF66;}
		.main .iw-nomiintro .nomiintro-more:after {content:""; background:var(--ico); background-size:var(--icosz); background-position:-900px -50px; width:0; height:10px;}
		.main .iw-nomiintro a:hover:before {opacity:1; transition:opacity .3s ease;}
		.main .iw-nomiintro a:hover .nomiintro-desc {opacity:1; transition:opacity .3s ease;}
		.main .iw-nomiintro a:hover .nomiintro-more:after {width:14px; transition:width .3s ease;}
		.main .iw-nomiintro .bg-01 {background-image:url("../../images/img/img_main_nomiinrto01.png");}
		.main .iw-nomiintro .bg-02 {background-image:url("../../images/img/img_main_nomiinrto02.png");}
		.main .iw-nomiintro .bg-03 {background-image:url("../../images/img/img_main_nomiinrto03.png");}
		.main .iw-nomiintro .bg-04 {background-image:url("../../images/img/img_main_nomiinrto04.png");}
		.main .iw-nomiintro .bg-05 {background-image:url("../../images/img/img_main_nomiinrto05.png");}
		.main .iw-nomiintro .bg-06 {background-image:url("../../images/img/img_main_nomiinrto06.png");}
		.main .iw-nomiintro .bg-07 {background-image:url("../../images/img/img_main_nomiinrto07.png");}
		.main .iw-nomiintro .bg-08 {background-image:url("../../images/img/img_main_nomiinrto08.png");}
		.main .iw-nomiintro .bg-09 {background-image:url("../../images/img/img_main_nomiinrto09.png");}
		.main .iw-nomiintro .bg-10 {background-image:url("../../images/img/img_main_nomiinrto10.png");}
		.main .iw-nomiintro .bg-11 {background-image:url("../../images/img/img_main_nomiinrto11.png");}
		.main .iw-nomiintro .bg-12 {background-image:url("../../images/img/img_main_nomiinrto12.png");}
		
		.main .main-nomipro .iw-center-inner {width:100%;}
		.main .main-nomipro .main-nomipro-swi {position:relative; width: 100%; margin:0 auto;}
		.main .main-nomipro .brd-lst-0101 > * { width: 1920px; margin: 0 auto;}
		.main .main-nomipro .brd-lst-0101 { flex-wrap:inherit; gap:0; margin-top:0;}
		.main .main-nomipro .brd-lst-0101 > * {flex:0 0 385px; min-width:385px;}
		.main .main-nomipro .brd-lst-0101 [class*="thumb-"] {width:100%; height: 195px;}
		.main .main-nomipro .swiper-slide {transition:all .3s ease;}
		.main .main-nomipro .swiper-slide.deact {transition:all .3s ease; opacity:0.4;}
		.main .main-nomipro .brd-wrap {margin-top:60px;}
		.main .iw-main-nomipro-top {position:relative; margin-bottom: 60px; text-align:center;}
		.main .main-nomipro-ctrl {display:flex; justify-content: flex-end; gap:10px; height:0; transform:translate(0, -15px);}
		.main .main-nomipro .tab-mn {justify-content: center;}
		.main .main-nomipro .tab-mn.vbar-,
		.main .main-nomipro .tab-mn.vbar- > * {gap:30px;}
		.main .main-nomipro .tab-mn.vbar- * + *:before {background:#D0D0D0; height:35px;}
		.main .main-nomipro .tab-mn .main-tit {margin-top:0; color:#B1B1B1;}
		.main .main-nomipro .tab-mn .active .main-tit {color:#010101;}
		
		.main .lst-latest-outer {display:flex; gap:80px;}
		.main .lst-latest-wrap {flex:1;}
		.main .lst-latest-wrap .lst-latest {position:relative;}
		.main .lst-latest-wrap .main-more {position:absolute; right:0; top:-43px;}
		.main .lst-latest {padding-top:47px;}
		.main .lst-latest ul {border-top:1px solid rgba(0, 0, 0, 0.4);}
		.main .lst-latest ul > * {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
		.main .lst-latest ul a {display:flex; gap:30px; justify-content:space-between; padding:28px 20px;}
		.main .lst-latest .lst-tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size:20px; color:black;}
		.main .lst-latest .lst-q {margin-right:30px;}
		.main .lst-latest .lst-date {font-size:13px;}
		.main .lst-latest-wrap .tab-wrap {margin-top:20px;}
		.main .lst-latest-wrap .tab-mn.vbar-,
		.main .lst-latest-wrap .tab-mn.vbar- > * {gap:30px;}
		.main .lst-latest-wrap .tab-mn.vbar- * + *:before {background:#D0D0D0; height:35px;}
		.main .lst-latest-wrap .tab-mn .main-tit {margin-top:0; color:#B1B1B1;}
		.main .lst-latest-wrap .tab-mn .active .main-tit {color:#010101;}
		
		.main .main-latest-contact {display:flex; flex-direction:column;}
		.main .main-contact {display:flex; align-items:center; flex:0 0 153px; background: url("../../images/img/img_contact.png") center no-repeat; width:100%; color:white;}
		.main .iw-main-contact {display:flex; justify-content: space-between; align-items: flex-end;}
		.main .main-contact-txt-wrap {display:flex; gap:70px; justify-content: space-between; align-items: flex-end;}
		.main .main-contact-txt {font-weight:700;}
		.main .main-contact-tit {margin-top:20px; font-size:40px; font-weight:700; line-height:120%;}
		.main .main-contact-time {font-size:18px; color:#D8DADB;}
		.main .main-contact-time > p { display: flex; gap: 11px; width: 100%;}
		.main .main-contact-time [class*='word-'] { display: inline-block;}
		.main .main-contact-time .word-break { width: 33px;}
		.main .main-contact-btn {display:flex; gap:10px;}
		.main .main-contact-btn > * {width:240px;}
				
		.main .header.active .h-wrap {transition:all .3s ease; position:sticky; left:0; top:0; background:none; box-shadow:none;}
		.main .header.active .h-wrap .h-logo a {transition:all .3s ease; background-position:0 -32px; cursor: pointer;}
		.main .header.active .h-wrap .h-gnb {color:white;}
		.main .header.active .ic-sch:before {background-position:-150px 0;}
		.main .header.active .ic-usr:before {background-position:-50px 0;}
		.main .header.active .ic-menu:before {background-position:-250px 0;}
		.main .header.active .ic-set:before {background-position:-50px -200px;}
		
		.main .header.active .h-wrap:hover {background:white; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);}
		.main .header.active .h-wrap:hover .h-logo a {background-position:inherit;}
		.main .header.active .h-wrap:hover .h-gnb {color:black;}
		.main .header.active .h-wrap:hover .ic-sch:before {background-position:-100px 0;}
		.main .header.active .h-wrap:hover .ic-usr:before {background-position:0 0;}
		.main .header.active .h-wrap:hover .ic-menu:before {background-position:-200px 0;}
		.main .header.active .h-wrap:hover .ic-set:before {background-position:0 -200px;}
		
		.main #wrap {height:100vh;}
		.main .main-swi > .swiper > .swiper-wrapper > .swiper-slide {transition:padding .3s ease;}
		.main .main-swi .iw-center {overflow:hidden; overflow-y:auto; flex:1; height:100%;}
		.main .main-swi .iw-center::-webkit-scrollbar {width:0; height:0; border-radius:0;}
		.main .main-swi .iw-center::-webkit-scrollbar-thumb {width:0; border-radius:0;}
		.main .main-swi .iw-center::-webkit-scrollbar-track {border-radius:0;}
		
		:root {
			--main-bnr: 65px;
			--main-gnb: 100px;
		}
		
		
		/* 띠 배너가 없고 첫번째 슬라이드 일때 */
			.main .header.active + #wrap,
			.main .header.active + .mySwiper {margin-top:-100px;}
			.main .header.active + #wrap .main-swi > .swiper > .swiper-wrapper > .swiper-slide,
			.main .header.active + .mySwiper .main-swi > .swiper > .swiper-wrapper > .swiper-slide {padding-top:0;}
		
		/* 띠 배너가 없을 떄 */
			.main .header + #wrap,
			.main .header + .mySwiper {margin-top:-100px;}
			.main .header + #wrap .main-swi > .swiper > .swiper-wrapper > .swiper-slide,
			.main .header + .mySwiper .main-swi > .swiper > .swiper-wrapper > .swiper-slide {padding-top:100px;}
			/* .main .f-wrap {transform:translate(0, -100px);} */
			
		/* 띠 배너가 있고 첫번째 슬라이드 일때 */
			.main.isNotiAct .header.active + #wrap,
			.main.isNotiAct .header.active + .mySwiper {margin-top:-165px;}
			.main.isNotiAct .header.active + #wrap .main-swi > .swiper > .swiper-wrapper > .swiper-slide,
			.main.isNotiAct .header.active + .mySwiper .main-swi > .swiper > .swiper-wrapper > .swiper-slide {padding-top:65px;}
			
		/* 띠 배너 있을 떄 */
			.main.isNotiAct .header + #wrap,
			.main.isNotiAct .header + .mySwiper {margin-top:-165px;}
			.main.isNotiAct .header + #wrap .main-swi > .swiper > .swiper-wrapper > .swiper-slide,
			.main.isNotiAct .header + .mySwiper .main-swi > .swiper > .swiper-wrapper > .swiper-slide {padding-top:165px;}
			/* .main.isNotiAct .f-wrap {transform:translate(0, -165px);} */
			
	/* FAQ */
		.page-faq {margin-top:30px;}
		.page-faq [class*="aco-type"] {margin-top:50px;}
		
	/* 나의 강의실 */
		.my-remote {display:none; flex-direction:column; justify-content: center; gap:20px; position:sticky; left:0; top:0; background:white; border-radius:10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); width:214px; height:286px; margin-top:54px; padding:20px; font-size:13px; line-height:145%; text-align:center; color:#5C5F5F;}
		.my-remote.active {display:flex;}
		.my-remote:before {content:"";  background-size:var(--icosz); background-position:-400px -100px; width:103px; height:77px; margin:0 auto;}	
		.my-remote .my-remote-cls {position:absolute; right:0; top:0; width:54px; height:54px;}
		
	/* KISA소속기관안내 */
		.kisa-org {margin-top:50px;}
		.kisa-org .kisa-org-cont {flex:1; padding-right:58px;}
		.kisa-org .fom-grp {border-top:0; padding-top:0;}
		
		[class*="korea-map"] {flex:0 0 477px; position:relative; width:477px; height:752px;}
		[class*="korea-map"] g:hover {filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));}
		[class*="korea-map"] path {fill:white; stroke:#333333; stroke-width:0.5; cursor:pointer; transition:all .3s ease;}
		[class*="korea-map"] g:hover path {stroke:white; stroke-width:0; fill:#DBE7F3; transition:all .3s ease;}
		[class*="korea-map"] text {transition:all .3s ease; fill:#8A9BAC; font-size:15px; font-family:var(--initff); font-weight:500; dominant-baseline:text-before-edge; cursor:pointer;}
		[class*="korea-map"] g.active {filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));}
		[class*="korea-map"] g.active path {stroke:white; stroke-width:0; fill:var(--mc);}
		[class*="korea-map"] g.active text {transition:all .3s ease; fill:white;}

		[class*="korea-map"] .korea-seoul {transform:translate(142px, 124px);}
		[class*="korea-map"] .korea-seoul text {transform:translate(20px, 19px);}
		[class*="korea-map"] .korea-kyungki {transform:translate(121px, 40px);}
		[class*="korea-map"] .korea-kyungki text {transform:translate(69px, 137px);}
		[class*="korea-map"] .korea-kangwon {transform:translate(calc(100% - 281px), 0);}
		[class*="korea-map"] .korea-kangwon text {transform:translate(114px, 127px);}
		[class*="korea-map"] .korea-chungnam {transform:translate(56px, 220px);}
		[class*="korea-map"] .korea-chungnam text {transform:translate(71px, 75px);}
		[class*="korea-map"] .korea-chungbuk {transform:translate(196px, 206px);}
		[class*="korea-map"] .korea-chungbuk text {transform:translate(43.5px, 46px);}
		[class*="korea-map"] .korea-kyungbuk {transform:translate(calc(100% - 217px), 233px);}
		[class*="korea-map"] .korea-kyungbuk text {transform:translate(80.5px, 108.5px);}
		[class*="korea-map"] .korea-jeonbuk {transform:translate(78px, calc(100% - 390px));}
		[class*="korea-map"] .korea-jeonbuk text {transform:translate(72px, 57px);}
		[class*="korea-map"] .korea-jeonnam {transform:translate(0, calc(100% - 290px));}
		[class*="korea-map"] .korea-jeonnam text {transform:translate(113px, 65px);}
		[class*="korea-map"] .korea-kyungnam {transform:translate(calc(100% - 260.5px), calc(100% - 345.5px));}
		[class*="korea-map"] .korea-kyungnam text {transform:translate(81.5px, 80px);}
		[class*="korea-map"] .korea-jeju {transform:translate(19px, calc(100% - 52px));}
		[class*="korea-map"] .korea-jeju text {transform:translate(31px, 16px);}
		
		.korea-map-02 {flex:0 0 440px; position:relative; width:440px; height:604px;}
		.korea-map-03 {flex:0 0 303px; position:relative; width:303px; height:416px;}
		
	/* 교육신청 */
		.stu-dtl {height:100%;}
		.bsnsPlcSbp_listCnt { border-bottom: 1px solid #E6E8E9;}
		.bsnsPlcSbp_listCnt .chk-rdo-type02 { flex-shrink: 0;}
		.bsnsPlcSbp_listCnt .fx- strong { flex-shrink: 0; padding:23px 12px; font-weight: bold; color: #000;}
		.bsnsPlcSbp_listCnt .fx- strong + p { color: #000; word-break: break-all;}
		.fom-title-box { display: flex; align-items: center; gap: 10px; position: relative;}
		.fom-title-box h4 { flex-shrink: 0;}
		.fom-title-box .tip-wrap { position: relative;}
		.fom-title-box .tip { display: flex; align-items: center; justify-content: center;}
		.fom-title-box .tip:hover + .tip-boxWrap { display: flex;}
		.fom-title-box .tip .icon-tip { width: 20px; height: 20px; background: url("../../images/renewal/icon/help.svg") no-repeat 0 0; background-size: contain;}
		.fom-title-box .tip-boxWrap { display: none; flex-direction: column; gap: 20px; position: absolute; top: 25px; left: -15px; z-index: 99; padding: 22px 22px 24px; border-radius: 8px; border: solid 1px #e1e3e3; background-color: #fff; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06), 0 10px 15px 0 rgba(0, 0, 0, 0.07);}
		.tip-boxWrap .tip-box { display: flex; flex-direction: column; gap: 4px;}
		.tip-boxWrap .tip-box strong { margin-bottom: 15px; font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.83); line-height: 1.2; letter-spacing: 0.02px;}
		.tip-boxWrap .tip-box p { font-size: 14px; color: #747878; line-height: 1.2; letter-spacing: -1px;}
		
	/* 교육신청 - 팝업 */
		.navi-bsns-num-window .box-01 > b{ word-break: keep-all; } 
		.navi-bsns-num-window .box-01 > p{ word-break: keep-all; text-indent: -19px; padding-left: 18px;}
		.navi-bsns-num-window .box-01 .ic-lnk:before{ filter: brightness(0) invert(1);}
        .navi-bsns-num-window .image-step-container { display: flex; flex-direction: column; gap: 10px;}
        .navi-bsns-num-window .img-wrapper { position: relative; margin-bottom: 20px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
        .navi-bsns-num-window .img-wrapper img { width: 100%; height: auto; display: block;}
		

	/* B2CC Main */
		.b2cc-main-visual {position:relative; background:url("../../images/img/img_b2cc_visual.png") center no-repeat; background-size: cover; /*height:576px;*/ padding:80px 0 100px;}
		.b2cc-main-visual:before {content:""; position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.65); width:100%; height:100%;}
		.b2cc-main-visual .iw-inner {position:relative; display:flex; gap:50px; z-index:10;}
		.b2cc-main-visual .b2cc-stu-sel {flex:0 0 348px;}
		.b2cc-main-visual .b2cc-stu-sel-tit {font-size:24px; font-weight:700; color:white;}
		.b2cc-stu-sel-lst {display:flex; flex-direction:column; gap:14px; margin-top:30px; font-size:18px; color:#828282;}
		.b2cc-stu-sel-lst a {display:flex; align-items:center; gap:8px; background:white; border-radius:8px; height:73px; padding:0 40px;}
		.b2cc-stu-sel-lst a:before {content:""; background:white; border-radius:50%; width:12px; height:12px;}
		.b2cc-stu-sel-lst > *.active a,
		.b2cc-stu-sel-lst a:hover {background:var(--mc); color:white;}
		.b2cc-stu-stat {flex:1;}
		.b2cc-stu-stat .b2cc-stu-stat-tit {font-size:32px; color:rgba(255, 255, 255, 0.70);}
		.b2cc-stu-stat .b2cc-stu-stat-tit strong {color:white;}
		.b2cc-stu-stat-cont {background:white; border-radius:12px; height:334px; margin-top:30px; padding:33px 28px;}
		/*.b2cc-stu-stat-cont {display:flex;}*/
		.b2cc-stu-stat-cont .brd-wrap {display:flex; align-items: center; justify-content:space-between; margin:0 0 17px;}
		.b2cc-stu-stat-cont .brd-cont {display:flex; gap:20px;}
		.b2cc-stu-stat-cont .brd-ctgy {font-size:11px;}
		.b2cc-stu-stat-cont .brd-tit {font-size:22px;}
		.b2cc-stu-stat-cont .brd-desc {font-size:14px;}
		.b2cc-stu-stat-cont .thumb-01 {background-size:70%; width:138px; height:86px;}
		.b2cc-stu-stat-cont .brd-btn {display:flex; gap:10px;}
		.b2cc-stu-stat-cont .brd-btn > * {width:175px;}
		.b2cc-stu-tbl {height:140px; margin-top:10px;}
		.b2cc-stu-tbl [class*="tbl-data-03"] {margin-top:0;}
		.b2cc-stu-lst {display:flex; flex-direction:column; border-top:1px solid #a9a9a9; gap:20px; margin-top:10px; padding:21px 0 0;}
		.b2cc-stu-lst > * {display:flex; padding:0 20px;}
		.b2cc-stu-lst a {flex:0 0 250px; display:flex; align-items:center; gap:15px; color:#272B2B;}
		.b2cc-stu-lst a:before {content:""; background:var(--mc); border-radius:50%; width:5px; height:5px; font-size:16px;}
		.b2cc-iw-help {display:flex; justify-content:space-between; height:424px; padding:80px 0 0;}
		.b2cc-help-remote .b2cc-help-remote-txt {font-size:28px; line-height:120%; color:black;}
		.b2cc-help-remote .b2cc-help-remote-txt02 {margin-top:21px; font-size:20px; line-height:140%;}
		.b2cc-help-remote .btn-sz09 {margin-top:44px;}
		.b2cc-kakao {position:relative;}
		.b2cc-kakao:before {content:""; position:absolute; right:-103px; bottom:-75px; background: url("../../images/img/img_b2cc_bg.png"); width:404px; height:398px;}
		.b2cc-kakao-inner {display:flex; align-items: flex-end; background:#FFF2C3; border-radius:12px; padding:40px; width:882px; height:244px;}
		.b2cc-kakao .b2cc-kakao-txt {font-size:28px; color:black;}
		.b2cc-kakao .b2cc-kakao-txt02 {margin:40px 0 20px; font-size:14px; line-height:140%; color:#1d1d1b;}
		.b2cc-kakao .b2cc-kakao-step {margin-left:112px; font-size:14px; color:#1D1D1B;}
		.b2cc-kakao .b2cc-kakao-step > * {display:flex; align-items:center; gap:5px;}
		.b2cc-kakao .b2cc-kakao-step > *:before {content:counter(list-num); display:flex; align-items:center; justify-content:center; background: #1D1D1B; border-radius:50%; width:16px; height:16px; font-size:10px; color:#FFDA00;}
		.b2cc-kakao .b2cc-kakao-qr {position:absolute; right:100px; top:63px; width:104px; height:104px;}
        .b2cc-chatbot {position:relative;height: 224px;}
        .b2cc-chatbot:before {content:""; position:absolute; right:0px; bottom:-20px; background: url("../../images/img/img_b2cc_bg2.png"); width:236px; height:200px;}
        .b2cc-chatbot-inner {display:flex; align-items: flex-end; background:#F0F3FB; border-radius:12px; padding:40px 40px 30px 40px; width:882px; height:244px;}
        .b2cc-chatbot .b2cc-chatbot-txt {font-size:28px; color:black;}
        .b2cc-chatbot .b2cc-chatbot-txt02 {margin:30px 0 20px; font-size:14px; line-height:140%; color:#1d1d1b;}
        .b2cc-chatbot .b2cc-chatbot-step {margin-left:112px; font-size:14px; color:#1D1D1B;}
        .b2cc-chatbot .b2cc-chatbot-step > * {display:flex; align-items:center; gap:5px;}
        .b2cc-chatbot .b2cc-chatbot-step > *:before {content:counter(list-num); display:flex; align-items:center; justify-content:center; background: #1D1D1B; border-radius:50%; width:16px; height:16px; font-size:10px; color:#FFDA00;}
        .b2cc-chatbot .b2cc-chatbot-btn {width: 140px;}
		
	/* 강의실 */
		.myclass .k-tabstrip-content, .k-tabstrip > .k-content {border:0; padding:0;}
		.myclass .k-tabstrip-content, .k-tabstrip > .k-content:focus {outline:0;}
		
	/* 검색 */
		.schrst-wrap .schrst-top {width:840px;}
		.schrst-wrap .schrst-txt {margin-top:35px; font-size:22px; text-align:center; color:#333;}
		.schrst-wrap .schrst-word {display:flex; gap:12px; margin-top:60px; color:#333;}
		.schrst-wrap [class*="tab-mn-02"] {grid-template-columns:repeat(7, 1fr); margin-top:20px; }
		.inp-sch { width: 300px;}
		
	/* 컨텐츠 페이지 */
		.sub-cont-page .sub-tab-top {top:0; z-index:10;}
		.sub-cont-page .sub-tab {top:69px; z-index:10;}
		.sub-cont-page .sub-cont-wrap {display:flex; align-items:flex-start; padding:90px 0 0;}
		.sub-cont-page .sub-cont-wrap .tit-07 {flex:0 0 360px; top:90px; padding:0 0 10px 0; line-height:120%; font-weight:700; color:#010101;}
		.sub-cont-page .sub-cont-wrap .sub-cont {flex:1;}
		.sub-cont-page .sub-tab-wrap .tab-cont > *.active  {padding:50px 0 0;}
		.sub-cont-page .tbl-data-0402 th,
		.sub-cont-page .tbl-data-0403 th {height:60px;}
		
		[class*="cont-remote"] .cont-remote-tit {background:red; border-radius:10px; padding:10px 20px; font-size:20px; font-weight:700; text-align:center; color:white;}
		[class*="cont-remote"] .box- {padding:40px 30px 30px;}
		[class*="cont-remote"] .box- .span-text { font-size: 15px; font-weight: 500;}

		.cont-remote-01 .cont-remote-tit {background:#3DADEA;}
		.cont-remote-02 .cont-remote-tit {background:#3393EB;}
		.cont-remote-03 .cont-remote-tit {background:#2076FF;}
		.cont-remote-04 .cont-remote-tit {background:#3B4ED6;}

	/*	원격맞춤교육 */
		.cont-remote-05 { display: flex;}
		.cont-remote-05 > div { display: flex; flex-direction: column; position: relative; width: 100%;}
		.cont-remote-05 .right { padding-left: 80px;}
		.cont-remote-05 h4 { margin-bottom: 20px; font-size: 24px; font-weight: bold; text-align: center; line-height: 1.5;}
		.cont-remote-05 .left h4 { color: #3b4ed6;}
		.cont-remote-05 .right h4 { color: #2076ff;}
		.cont-remote-05 .right:before,
		.cont-remote-05 .right:after { content: '';}
		.cont-remote-05 .right:before { position: absolute; top: 0; left: 20px; width: 41px; height: 32px; background: url("../../images/renewal/sub/info2_img.png") no-repeat center;}
		.cont-remote-05 .right:after { position: absolute; top: 57px; left: 0; width: 81px; height: 100%; background: url("../../images/renewal/sub/info2_img2.png") no-repeat 0 0;}

	/* 게시판 */
		.brd-wrap .brd-top .btn-dgry { padding: 0 46.96px;}
		.brd-wrap .brd-top .btn-dgry02 { padding: 0 30px;}

/* 팝업 */
	.popup-foot .btn-box-wrap { width: 100%;}
	/* 안전관리자교육 */
		.safeadmedu .safeadmedu-txt {padding: 0; font-size:28px; font-weight:500; text-align:center; color:#1e1e1e;}
		.safeadmedu .safeadmedu-lst {display:flex; justify-content:center; gap:25px; margin-top: 10px;}
		.safeadmedu .safeadmedu-lst > * {flex:0 0 210px;}
		.safeadmedu .box-01 + .safeadmedu-lst {margin-top:20px;}
		.safeadmedu-ctgy {display:flex; align-items:flex-start; gap:20px;}
		.safeadmedu-ctgy .safeadmedu-lst {overflow:auto; flex:1; flex-direction:column; justify-content: normal; gap:12px; height:443px;}
		.safeadmedu-ctgy .safeadmedu-lst > * {flex:0 0 auto;}
		.safeadmedu-ctgy .safeadmedu-lst .no-data {flex:0 0 371px; border-radius:5px; border:1px solid #E6E8E9; color:#666;}
		
	/* 교육신청 */
		#localListHis { margin-top: 0;}
		.btnBox-wrap { display: flex; justify-content: flex-end; align-items: center; gap: 7px; margin-top: 20px; padding-top: 15px; border-top: 1px solid #E6E8E9;}
		.pop-stureg {text-align:center;}
		.pop-stureg .stureg-txt {font-size:24px; line-height:150%; color:black;}
		.pop-stureg .stureg-txt02 {margin-top:24px;}
		.pop-stureg .stureg-txt03 {margin-top:24px; text-decoration:underline; color:black;}
		.pop-stureg .stureg-chk {margin-top:40px; padding:24px 0;}
		
		.pop-stureg-02 {padding-bottom:30px;}
		.pop-stureg-02 .tit-04 {border-top:1px solid black; padding:30px 0 20px; text-align:center;}
		.pop-stureg-02 + .tit-04 {margin-top:0;}
		
		.agencyList-window .pop-stureg-02 {padding:0;}
		.agencyList-window .pop-stureg-02 .tit-04 {padding:40px 0;} 
		
	/* 위탁계약서 */
		.consignment {position:relative; background:#F2F4F4; width:720px; height:874px; margin:20px auto 0;}
		.consignment:before {content:""; position:absolute; left:50%; top:50%; background:url("../../images/img/img_logo_gry.svg"); background-size:cover; transform:translate(-50%, -50%); width:206px; height:30px;}
	
	/* 시험 */
		#myclass-edu-exam-window { padding: 0px 0 0 !important;}
		.exam-wrap-wrap {overflow:hidden; padding: 20px 0 0 !important;}
		/*.exam-wrap {overflow-y:auto; height:490px;}*/
		.exam-wrap { height: auto !important;}
		.exam-wrap .istrTitle { display: flex !important; align-items: center; gap: 15px; top: 54px; z-index: 20; padding: 15px 15px; background: #fff; font-size: 25px; font-weight: bold; color: #000;}
		.exam-wrap .istrTitle span { width: 10px; height: 10px; border-radius: 50%; background: var(--mc);}
		.exam-wrap [class*="exam-top"] {display:flex; flex-direction:column; gap:15px; top:0; background:#F7F8FB; padding:15px 15px 15px; z-index:10;}
		.exam-wrap .exam-top-istr { margin-bottom: 80px; background: #fff;}
		.exam-wrap .exam-top-istr .exam-stat [class*="brd-tbl"] dd { padding: 6px 15px; border-radius: 30px; background: var(--mc); color: #fff;}
		.exam-wrap .exam-tit {font-size:22px; color:black;}
		.exam-wrap .exam-stat {display:flex; margin-top:0; font-size:14px;}
		.exam-wrap .exam-stat dt {display:flex; align-items: center; gap:4px; color: #838383;}
		.exam-wrap .exam-stat > * i {flex:0 0 20px; width:20px; height:20px;}
		.exam-wrap .exam-stat .brd-tbl {flex-direction:row; gap:25px;}
		.exam-wrap .exam-count {color:#BA1A1A;}
		.exam-wrap .exam-lst {display:flex; flex-direction:column; gap:40px; /*margin-top:20px;*/}
		.exam-wrap .exam-lst > * {display:block; border-top:1px solid #E8E8E8;}
		.exam-wrap .exam-lst > *:before {display:none;}
		.exam-wrap .exam-question {display:flex; position:relative; background:#F8FAFA; padding:22px 20px; font-size:18px; line-height:155%; color:black;}
		/*.exam-wrap .exam-question:before {flex:0 0 32px; counter-increment:list-num; content:counter(list-num)"."; font-size:22px;}*/
		.exam-wrap .exam-lst .exam-question:after {content:""; position:absolute; left:0; top:0; background:var(--ico); background-size:var(--icosz);}
		.exam-wrap .exam-lst .wrong .exam-question:after {left:6px; top:18px; background-image: url('../../images/icon.png'); background-repeat: no-repeat; background-size: 1000px; background-position:-250px -250px; width:46px; height:45px;}
		.exam-wrap .exam-lst .correct .exam-question:after {left:3px; top:14px; background-image: url('../../images/icon.png'); background-repeat: no-repeat; background-size: 1000px; background-position:-300px -250px; width:47px; height:47px;}
		.exam-wrap .exam-cont {padding:35px 25px 15px;}
		.exam-wrap .exam-optlst {display:flex; flex-direction:column; gap:15px;}
		.exam-wrap .exam-optlst > *:before {display:none;}
		.exam-wrap .exam-answer {background:#F7F8FB; margin-top:40px; padding:25px 22px; font-size:14px; line-height:165%; color:#777680;}
		.exam-wrap .exam-answer-top {display:flex; align-items:center; gap:22px; border-bottom:1px solid #DFE0FF; margin-bottom:15px; padding-bottom:15px;}
		.exam-wrap .exam-answer-corr {display:flex; gap:7px;}
		.exam-wrap .exam-answer-corr .bage-02 {border-radius:50%; width:28px; height:28px; font-size:14px; color:white;}
		.exam-wrap .exam-answer-tit {display:inline-flex; align-items:center; background:white; border:1px solid var(--mc); border-radius:24px; height:24px; padding:4px 13px; font-size:12px; color:var(--mc);}
		.exam-wrap .inp-ta {min-height:240px;}
		
	/* 지역선택 */
		.pop-area-sel {display:flex; justify-content:space-between; gap:40px; margin-top:70px;}
		.pop-area-sel .chk-rdo-grp02 {flex:0 0 300px; width:300px;}
		
	/* 교육신청 - 상세보기 */
		#subEduDetail-window {padding:0;}

	/* 학습하기 - 동영상 */
		.play-wrap { position: relative; margin: 0 auto;}
		.player-tit { max-width: 90%; padding: 0 15px 15px 0; font-size: 20px; color:black;}
		.player_progresbar .progress-bar { display: none;}
		.player_progresbar .progress-txt { font-size: 24px; color: var(--youtube-red);}
		.videoArea { display: flex; justify-content: center; background: transparent !important;}
		.jp-audio, .jp-audio-stream, .jp-video { background: transparent !important;}
		.videoArea video { width: 100%; height: 100%;}
		.video-controls { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.2s ease;
			/*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));*/}
		.video-controls.hide { opacity: 0; pointer-events: none;}
		/*.video-controls:hover .play { display: block;}*/
		.video-controls .play { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
		.video-controls-box { display: flex; align-items: center; justify-content: flex-end; gap: 20px; position: relative; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,.5) 20%, rgba(255,255,255,0) 100%);}
		.video-controls .play::before {
			content: attr(data-title);
			position: absolute;
			display: none;
			right: 0;
			top: -50px;
			/*background-color: rgba(0, 0, 0, 0.6);*/
			color: #fff;
			font-weight: bold;
			padding: 4px 6px;
			word-break: keep-all;
			white-space: pre;
		}
		.video-controls .play:hover::before {
			display: inline-block;
		}
		.video-controls .playback-icons {
			display: block;
			width: 65px;
			height: 65px;
			border: 5px solid #ffffff;
			border-radius: 50%;
			/*background: url('/images/micro/icon/icon_start_l.png') no-repeat 50% 50%;*/
			box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
		}
		#playbackIcons,
		#playbackIcons-pause { fill: #fff; filter: drop-shadow(2px 1px 2px rgba(0,0,0,0.4));}
		/*.video-controls .playback-icons.pause { background: url('/images/micro/icon/icon_pause.png') no-repeat 50% 50%;}*/
		.seek-tooltip { display: none;}
		.seek { display: none;}
		.video-progress { position: relative; width: 100%; height: 8.4px;}
		.video-controls progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; position: absolute; top: 0; width: 100%; height: 8.4px; pointer-events: none;}
		.video-controls progress::-webkit-progress-bar { background-color: #474545; border-radius: 2px;}
		.video-controls progress::-webkit-progress-value { background: var(--youtube-red); border-radius: 2px;}
		.video-controls progress::-moz-progress-bar { border: 1px solid var(--youtube-red); background: var(--youtube-red);}
		.bottom-controls {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.left-controls {
			display: flex;
			align-items: center;
			color: #fff;
		}
		.volume-controls {
			display: flex;
			align-items: center;
			gap: 15px;
			margin-right: 10px;
		}
		.volume-controls input {
			width: 100px;
			opacity: 1;
			transition: all 0.4s ease;
		}
		.volume-controls:hover input, .volume-controls input:focus {
			width: 100px;
			opacity: 1;
		}
		.volume-controls svg {
			width: 28px;
			height: 28px;
			fill: #fff;
			stroke: #fff;
			cursor: pointer;
		}
		.video-controls2 { display: flex; align-items: center; flex-shrink: 0; gap: 20px;}
		.video-controls2 .time { flex-shrink: 0; color: #fff;}
		.playback-animation {
			pointer-events: none;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -40px;
			margin-top: -40px;
			width: 80px;
			height: 80px;
			border-radius: 80px;
			background-color: rgba(0, 0, 0, 0.6);
			display: flex;
			justify-content: center;
			align-items: center;
			opacity: 0;
		}
		.hidden { display: none;}
		input[type=range].volume {
			height: 5px;
			background-color: #fff;
		}

		input[type=range].volume::-webkit-slider-runnable-track {
			background-color: transparent;
		}

		input[type=range].volume::-webkit-slider-thumb {
			margin-left: 0;
			height: 14px;
			width: 14px;
			background: #fff;
		}
		input[type=range].volume::-moz-range-thumb {
			border: 1px solid #fff;
			background: #fff;
		}
		input[type=range] {
			-webkit-appearance: none;
			-moz-appearance: none;
			height: 8.4px;
			background: transparent;
			cursor: pointer;
		}

		input[type=range]:focus {
			outline: none;
		}

		input[type=range]::-webkit-slider-runnable-track {
			width: 100%;
			cursor: pointer;
			border-radius: 1.3px;
			-webkit-appearance: none;
			transition: all 0.4s ease;
		}

		input[type=range]::-webkit-slider-thumb {
			height: 16px;
			width: 16px;
			border-radius: 16px;
			background: var(--youtube-red);
			cursor: pointer;
			-webkit-appearance: none;
			margin-left: -1px;
		}

		input[type=range]:focus::-webkit-slider-runnable-track {
			background: transparent;
		}


/* 강의실 - 취소사유 */
		.popup-cancle-reason .popup-cancle-reason-tdh {height:170px;}

/* iframe */
	iframe { border: 0; margin: 0;}

/*	Main Popup */
.MainPopUp img { max-width: 100%; width: 100%; max-height: 100%; height: 100%;}


/* MAIN KHJ 20231027 --리뉴얼 */
.main { position: relative; height: 100vh;}
.main.scroll { height: auto;}
.mySwiper { width: 100%; height: 100%; min-height: 100%; box-sizing: content-box;}
.mySwiper .swiper-wrapper.bg { min-height: 100%;}
.mySwiper .swiper-wrapper.bg > .swiper-slide { height: 100vh; box-sizing: content-box;}
.main .header { background: #fff;}
.main .header.active { background: transparent;}
.main-contact { display: none;}
/*.main .main-contact { display: flex; position: relative; top: 100vh; !*padding: 96px 0;*! padding: 31px 0; background-size: cover; transition: top 0.7s ease-in-out;}*/
.main .main-contact { display: flex; padding: 31px 0; background-size: cover;}
.main .foot_main { display: flex; align-items: flex-end; flex-direction: column; position: fixed; left: 0; right: 0; top: 100vh; z-index: 99; width: 100%; height: 100%; transition: top 0.6s ease-in-out; background: transparent;}
.main .foot_main .footer_main_area { width: 100%; margin-top: auto; /*padding-bottom: 20px;*/}
.main .foot_main .footer_area { position: relative; z-index: 1; width: 100%; padding-bottom: 20px; background: #1A1B26;}
/*.main .f-wrap { padding-bottom: 30px;}*/
.main .f-wrap { height: auto; padding-bottom: 40px;}
.main .f-wrap .f-site { height: auto;}
/*.swiper-wrapper.bg { min-height: 100%;}*/
.main footer.transition-up,
.main .main-contact.transition-up { top: 0;}

.main .header.active + #wrap, .main .header.active + .mySwiper { margin-top: 0;}
.main .header + #wrap, .main .header + .mySwiper { margin-top: 0;}
/*.main .header { position: fixed;}*/
.iw-quick-wrap { position: fixed; right: 0;}
/*.main .main-swi { height: auto; min-height: auto;}*/
.slick-vertical .slick-slide { border: 0 !important;}
.mySwiper .main-slide { display: flex !important; position: relative; height: 100vh; padding-top: 100px;}
.mySwiper .main-first-slide { margin-top: -100px; padding-top: 0;}
.main .main-visual-swi .swiper-pagination .slick-dots { display:flex; align-items:center; gap:5px; position:static; margin-top:8px;}
.main .main-visual-swi .swiper-pagination .slick-dots li button { opacity:0.5; display:inline-block; border-radius:16px; transition:all .3s ease; background:rgba(255, 255, 255, 0.37); width:10px; height:3px; text-indent: -99999em;}
.main .main-visual-swi .swiper-pagination .slick-dots li.slick-active button { opacity: 1; transition:all .3s ease; background:white; width:32px; height:5px;}
.swi-ui-03 .swiper-pause {display:flex; align-items:center; justify-content:center; gap:2px; background:rgba(255, 255, 255, 0.3); border-radius:50%; width:20px; height:20px; line-height:0;}
.swi-ui-03 .swiper-pause:before {content: "| |"; font-size:10px; font-weight:700; color:white; transform:scale(0.8);}
.swi-ui-03 .swiper-pause.active:before {content: "▶";}
.main-visual-bg { height: 100vh;}
.main-visual-bg .slick-list,
.main-visual-bg .slick-slide { height: 100% !important;}
.main-visual-bg .slick-track { height: 100%; transform: unset;}
#mainTopBanner .slick-slide { padding: 0;}
.main-visual-bg .slick-track .slick-slide > div { height: 100%;}
.main .main-visual-bg .slick-active .bg-01,
.main .main-visual-bg .slick-slide { opacity: 1 !important;}
.main .main-visual-bg .slick-active .bg-02 { opacity: 1;}
.main .main-visual-bg .slick-active .bg-03 { opacity: 1;}
.main .main-nomipro .brd-wrap { position: relative;}
.main-nomipro .swiper-wrapper .slick-track { display: flex;}
.main-nomipro .swiper-wrapper .slick-track > * { flex:0 0 385px; min-width:385px; padding: 0 24px 10px 0;}
.main-nomipro .swiper-wrapper .slick-track .slick-slide,
.main-nomipro .swiper-wrapper .slick-track .slick-slide > div { height: 100%;}
.main-nomipro [class*="brd-lst-01"] .swiper-slide {display:flex !important; flex-direction:column; height:483px;}
.main .main-nomipro .brd-lst-0101 {}
.swi-ui-02 .swiper-pagination { bottom: -40px;}
.swi-ui-02 .swiper-pagination .slick-dots {display:flex; flex-direction: row; align-items:center; justify-content:center; gap:5px; position:static; width:100vw; margin-top: 70px;}
.swi-ui-02 .swiper-pagination .slick-dots li { height: 3px; margin-top: 3px;}
.swi-ui-02 .swiper-pagination .slick-dots li.slick-active { margin-top: 0;}
.swi-ui-02 .swiper-pagination .slick-dots button { opacity:0.5; display:inline-block; transition:all .3s ease; background:#7A7A7A6E; width:10px; height:3px; border-radius:16px; text-indent: -99999em;}
.swi-ui-02 .swiper-pagination .slick-active button { opacity:1; transition:all .3s ease; background:var(--mc); width:32px; height:5px;}
.swi-ui-02 .swiper-pagination .slick-dots { height: auto; background: transparent; box-shadow: none; border: 0;}
.is-dragging { pointer-events: none;}
.main .main-nomipro .slick-slide .swiper-slide {transition:all .3s ease; opacity: 0.4;}
.main .main-nomipro .slick-active + .slick-active ~ .swiper-slide { transition:all .3s ease; opacity:0.4;}
.main .main-nomipro .slick-active .swiper-slide {transition:all .3s ease; opacity: 1;}
.swi-ui-02 .swiper-wrapper { display: block;}
#bannerZone .slick-slide { padding: 0;}

/* 학습계획 팝업 KHJ 202040709 */
.k-window #edu_plan_window.k-window-content { padding: 0;}
.center-text { width: 100%; padding: 40px 0; font-size: 24px; font-weight: 500; text-align: center; line-height: 1.25; color: #1e1e1e;}
.input-box { display: flex; align-items: center; gap: 10px;}
.grid-cont { width: 100%;}
.brd-lst-0201 * { font-family: var(--initff); font-size: 14px;}
.brd-lst-0201 .k-grid-header th.k-header { padding: 16.5px 0; border-top: 1px solid #e1e3e3; border-bottom: 1px solid #e1e3e3; font-weight: 500; line-height: 1.2; letter-spacing: 0.01px; color: #000;}
.brd-lst-0201.k-grid td { padding: 10px; border-left: 0; border-right: 1px solid #e1e3e3; border-bottom: 1px solid #e1e3e3; line-height: 1.2; letter-spacing: 0.04px; color: #666;}
.brd-lst-0201.k-grid td input[type="text"] { height: 30px;}
.brd-lst-0201 .k-table-td { background: #fff;}
.brd-lst-0201.k-grid .k-grid-header .k-grid-header-wrap { border-left: 0;}
.brd-lst-0201.k-grid .k-grid-content td { border-top: 0;}

.table-div-colum { border-top: 1px solid #000;}
.table-div-colum .row { display: flex; align-items: center; width: 100%; padding: 20px 10px; border-bottom: 1px solid #e1e3e3;}
.table-div-colum .row .row-th { flex-shrink: 0; width: 160px; font-size: 18px; font-weight: 500; color: #000;}
.table-div-colum .row .row-td { width: 100%; font-size: 16px; color: #777680; word-wrap: break-word;}
.row-td2 { overflow-y: auto; height: 164px;}

/* 학습정리하기 */
.k-textbox { width: 100%; padding: 20px; border-radius: 5px; border: 1px solid #c4c7c7; background-color: #fff;}

#edu_plan_arran_window .popup-wrap { display: flex; flex-direction: column; gap: 25px;}
.popup-wrap .title { margin-bottom: 12px; font-size: 22px; font-weight: normal; line-height: 1.2; letter-spacing: -1px; color: #000;}
.text-info-box { display: flex; align-items: baseline; gap: 13.5px; width: 100%; margin-top: 24px;}
.text-info-box .icon-dott { width: 5px; height: 5px; border-radius: 50%; background-color: #747878;}
.text-info-box p { font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; color: #444748; word-wrap: break-word;}

/*
*--------------------------------------------*
|                   콘텐츠몰                   |
*--------------------------------------------*
*/
/* 공유 콘텐츠 */
.btnBox-wrap2 { display: flex; justify-content: flex-end; align-items: flex-end;}
.btnBox-wrap2 button { gap: 8px;}
.brd-list-type { display: flex; justify-content: flex-end; align-items: center; gap: 10px; width: 100%; margin: 21px 0;}
.brd-list-type .btn-b-lgry02 [class*="ic-"] { opacity: 1;}
.brd-list-type .btn-b-lgry02.active,
.brd-list-type .btn-b-lgry02:active { border: 1px solid var(--mc); background: var(--mc); color: #fff !important;}
.brd-list-type .btn-b-lgry02.active:hover,
.brd-list-type .btn-b-lgry02:active:hover { color: black !important;}
.brd-list-type .btn-b-lgry02.active .ic-photo:before,
.brd-list-type .btn-b-lgry02:active .ic-photo:before { background: url("../../images/common/photo_active.svg") no-repeat center;}
.brd-list-type .btn-b-lgry02.active .ic-list:before,
.brd-list-type .btn-b-lgry02:active .ic-list:before { background: url("../../images/common/list_active.svg") no-repeat center;}
.brd-list-type .btn-b-lgry02:hover .ic-photo:before { background: url("../../images/common/photo_hover.svg") no-repeat center;}
.brd-list-type .btn-b-lgry02:hover .ic-list:before { background: url("../../images/common/list_hover.svg") no-repeat center;}
.ic-photo:before { width: 20px; height: 20px; background: url("../../images/common/photo.svg") no-repeat center;}
.ic-list:before { width: 20px; height: 20px; background: url("../../images/common/list.svg") no-repeat center;}

/* 상세 */
.stu-dtl .cont-tit { display: flex; align-items: baseline; gap: 16px;}
.cont-tit .conts-type-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 6px; background: #f0f1f3;}
.cont-dtl .brd-vw-01 .brd-vw-top .brd-tit { margin-top: 0;}
.cont-dtl .brd-vw-01 .brd-vw-top .brd-tit > div { display: flex; gap: 16px;}
.favorites { flex-shrink: 0;}
.favorites.active .ic-favorites:before { background: url("../../images/sub/favorites_active.svg") no-repeat center;}
.brd-vw-01 .brd-vw-top .cont-brd-tbl { gap: 12px; margin: 28px 0;}
.brd-wrap .cont-brd-tbl dt { width: 90px;}
.brd-wrap .cont-brd-tbl dd { color: #5c5f5f;}
.btn-help { gap: 4px; height: 40px; min-height: auto; padding: 0 16px; border-color: #e1e3e3; border-radius: 20px; background: #fff; font-size: 13px; font-weight: 500; letter-spacing: -1px; color: #5c5f5f;}
.btn-help:hover { background-color: #fff;}
.btn-help strong { font-weight: bold; color: #000;}
.btn-help strong + span { margin-left: -2px;}
div.btn-help { cursor: default;}
.conts-short-cont-box { width: 100%; margin-top: 22px; padding: 18px; border-radius: 6px; background: #f8f8f8; font-size: 14px; line-height: 1.5; letter-spacing: 0.07px; color: #747878;}
.cont-wrap .div-relation { padding-bottom: 80px; border-bottom: 1px solid #e6e8e9;}
.cont-side-wrap .brd-side .brd-tbl01 { margin-top: 24px; padding: 19px 0 21px; border-top: 1px solid #e3e1ec;}

/* 콘텐츠 상세 미리보기 */
.div_preview { width: 100%;}
.preview-slick-wrap { position: relative; margin-top: 30px; min-width: 0;}
.preview-slick-wrap * { min-width: 0;}
.cont-dtl .swiper-button-prev,
.cont-dtl .swiper-button-next { display: flex; align-items: center; justify-content: center; cursor: pointer; position:static; z-index: 10; border:1px solid #00000020; border-radius:4px; width:36px; height:36px;}
.preview-slick-wrap .slick-arrow { position: absolute; top: -65px; right: 0;}
.cont-dtl .slick-arrow.slick-disabled { opacity: 0.7; cursor: default;}
.cont-dtl .slick-arrow.slick-disabled:after { opacity: 0.5;}
.preview-slick-wrap .swiper-button-prev { right: 44px; background: #fff url("../../images/sub/arrow_back_ios.svg") no-repeat center; background-size: 50%;}
.preview-slick-wrap .swiper-button-next { background: #fff url("../../images/sub/arrow_next_ios.svg") no-repeat center; background-size: 50%;}
.preview-slick { overflow: hidden; min-width: 0;}
.preview-slick .slick-slide { padding-right: 24px; padding-left: 0;}
.preview-slick .slick-slide img { width: 100%; border-radius: 10px; -o-object-fit: cover; object-fit: contain; height: 192px; background: #F2F4F4;}
.cont-dtl .brd-vw-01 { width: 100%;}
.cont-dtl .brd-vw-01 .brd-cont { width: calc(100% - 334px);}
.stu-dtl .cont-wrap { width: 100%; max-width: 100%;}
.file-list { display: flex; align-items: center; gap: 12px; font-size: 14px;}
.file-list .file-size { color: #5c5f5f;}
.file-list .file-tit { text-decoration: underline;}
.cont-info-box { margin-top: 19.9px;}
.cont-info-box img { max-width: 100%;}

/* 콘텐츠 상세 연관콘텐츠 */
.relation-cont-wrap { display: block; gap: 24px; width: 100%;}
.relation-cont-wrap .brd-cont-top { flex: 1; min-width: auto; max-width: 163px; margin-top: 30px; border: 0; border-radius: 0;}
.relation-cont-wrap .brd-top-cont { display: flex; align-items: center; gap: 10px; padding: 20px 0 0;}
.relation-cont-wrap .brd-top-cont .icon-box { flex-shrink: 0;}
.relation-cont-wrap .thumb-02 { width: 100%; height: 91px; border-radius: 6px;}
.relation-cont-wrap .thumb-02 img { width: 100%; -o-object-fit: cover; object-fit: cover;}
.relation-cont-wrap .thumb-02 [class*="document-type-"] { width: 31px; height: 31px;}
.relation-cont-wrap .brd-tit { font-size: 16px; font-weight: 500; color: #323536;}
.relation-slick-wrap { position: relative; width: 100%;}
.relation-slick-wrap .slick-arrow { display: none; position: absolute; top: -30px; right: 0;}
.relation-slick-wrap .swiper-button-prev { right: 25px; background: #fff url("../../images/sub/arrow_back_ios.svg") no-repeat center; background-size: 50%;}
.relation-slick-wrap .swiper-button-next { background: #fff url("../../images/sub/arrow_next_ios.svg") no-repeat center; background-size: 50%;}
.relation-cont-wrap .slick-list { display: block; width: 100%; border: 0; border-radius: 0;}
.relation-cont-wrap .slick-slide { padding: 0;}

/* MY콘텐츠 */
/* 등록 팝업 */
.box-01.fx-col strong { margin-bottom: 24px; font-size: 18px; font-weight: 500; color: #000;}
.box-01.fx-col ol li { display: flex; gap: 4px;}
.box-01 ol li span { color: var(--mc);}
.input-s { display: flex; align-items: center; gap: 12px;}
.input-s input[type="text"] { width: 106px;}
.input-s > span { color: #000;}
.tbl-fom-wrap .fs-13 { margin-top: 12px; color: #444748;}
.tbl-fom-wrap { margin-top: 30px; padding-top: 20px; border-top: 1px solid black;}
.tbl-fom-wrap .tbl-fom { margin-top: 0; border-top: 0;}
.file-template02.k-grid .k-grid-container { border-bottom: 0;}
.file-template02.k-grid .k-grid-content table tr td:last-child { padding: 0; border: 0;}
.file-template02 .file-list a.file-tit { text-decoration: none;}
.file-template02 .file-list a.file-tit:hover { text-decoration: underline;}
.white-dirm { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255,255,255,.5);}

/*
*--------------------------------------------*
|                안전콘텐츠몰                |
*--------------------------------------------*
*/
/* 안전콘텐츠몰 메인 */
.safety-store-wrap .brd-top-cont .brd-tit-box{ margin-top: 10px; display: flex; align-items: center; gap: 15px; }
.safety-store-wrap .brd-top-cont .brd-tit-box .brd-tit{ margin-top: 0; }


/* 이북 */
.k-window.k-window-maximized { max-width: 100vw !important; width: 100vw !important; padding-left: 0; padding-right: 0; padding-bottom: 0;}
.k-window.k-window-maximized .k-window-content { padding-right: 0; padding-left: 0; padding-bottom: 0;}
.k-window.k-window-maximized .k-window-titlebar { padding-left: var(--initwpad); padding-right: var(--initwpad); padding-bottom: 10px;}
#myclass-edu-ebook-window .popup-content { height: calc(100% - 8px) !important;}


/*
*--------------------------------------------*
|                교육소개 개선 20250625 KHJ     |
*--------------------------------------------*
*/
.intro-cont-page * { line-height: 1.5;}
.intro-cont-page [class*="iw-container"] { padding-bottom: 0;}
.intro-cont-page .tit-10 { margin-bottom: 60px;}
.intro-cont-page .tit-10 span { font-size: 20px; font-weight: normal; line-height: 1.2; color: #5c5f5f;}
.intro-dl-group { display: flex; flex-direction: column; width: 100%;}
.intro-dl-group dl { display: flex; align-items: flex-end; gap: 20px; padding: 40px 0; border-top: 1px solid #e1e3e3;}
.intro-dl-group dl:first-child { padding-top: 0; border-top: 0;}
.intro-dl-group dl dt { display: flex; flex-direction: column; gap: 5px; width: 320px; padding: 0 30px;}
.intro-dl-group dl dt span { font-size: 18px; font-weight: bold; color: var(--mc);}
.intro-dl-group dl dt strong { font-size: 36px; font-weight: bold; color: #000;}
.intro-dl-group dl dd { width: 100%; padding: 8px 0; font-size: 25px; font-weight: 500; color: #000;}
.intro-history { position: relative; width: 100%; margin-top: 20px; padding: 80px 0 100px; background: #fafafa;}
.intro-history:after { content: ''; position: absolute; top: 170px; right: 0; width: 380px; height: 434px; background: url("../../images/renewal/sub/intro_1.png") no-repeat center; background-size: contain;}
.intro-history h3 { margin-bottom: 80px; text-align: center; font-size: 30px; font-weight: 500; color: #000;}
.intro-history ol { display: flex; flex-direction: column; width: 1000px;}
.intro-history ol li { display: flex; align-items: center; gap: 70px; position: relative; padding-top: 60px;}
.intro-history ol li:first-child { padding-top: 0;}
.intro-history ol li:after { content: ''; position: absolute; top: -19px; left: calc(86px + 76px); width: 1px; height: calc(60px + 54px); background: #bcc2ff;}
.intro-history ol li:first-child:after { display: none;}
.intro-history ol li > strong { font-size: 36px; font-weight: bold; color: #000;}
.intro-history ol li .circle { position: relative; z-index: 1; width: 16px; height: 16px; border-radius: 1000px; background: var(--mc);}
.intro-history ol li p { font-size: 20px; font-weight: 500; color: #5c5f5f;}
.intro-history ol li p strong { font-weight: bold; color: #000;}
.intro-history ol li p strong.cr-mn { color: var(--mc);}
.intro-sec { padding-top: 70px;}
[class*="intro-box-01"] { margin-top: 0; padding: 0; border-radius: 0;}
[class*="intro-box-01"] .arti-cont h3 { margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #000;}
[class*="intro-box-01"] .arti-cont > div { margin-top: 70px; padding: 0 18px;}
[class*="intro-box-01"] .arti-cont > div:nth-of-type(1) { margin-top: 0;}
[class*="intro-box-01"] .arti-cont > div .text-cont { display: flex; flex-direction: column; gap: 5px; margin-bottom: 40px;}
[class*="intro-box-01"] .arti-cont > div .text-cont p { font-size: 20px; color: #5c5f5f;}
[class*="intro-box-01"] .arti-cont > div .text-cont p strong { font-weight: 500; color: #000;}

.intro-box-0101 .arti-cont { padding: 70px 30px; border-top: 1px solid #e1e3e3;}
.intro-box-0101 .arti-cont:nth-of-type(1) { padding-top: 0; border-top: 0;}
.intro-box-0101 .arti-cont > div > p { margin-top: 30px; color: #5c5f5f;}
.intro-box-0101 .arti-cont:last-child { padding-bottom: 100px;}
.intro-box-0101 .arti-cont > div .text-cont strong { font-size: 20px; font-weight: bold;}

.intro-box-0102 .arti-cont { padding: 0 30px 70px;}
.intro-box-0102 .arti-cont:nth-of-type(1) { padding-top: 0;}

.intro-cont-page [class*="boxGroup-01"] { display: flex;}
.intro-cont-page [class*="boxGroup-02"] { display: flex;}

.intro-cont-page .boxGroup-0101 { gap: 30px;}
.intro-cont-page .boxGroup-0201 { gap: 30px;}

[class*="introBox-02"] { display: flex; flex-direction: column; position: relative; width: 100%; padding: 40px 36px; border-radius: 15px; background: #f6f8fb;}
.intro-cont-page .boxGroup-0101  [class*="introBox-02"]:after { content: ''; position: absolute; top: 22px; right: 24px; width: 100px; height: 100px;}
.intro-cont-page .boxGroup-0101 [class*="introBox-02"] > strong { height: 72px; font-size: 24px; font-weight: bold; color: #000;}
.intro-cont-page .boxGroup-0101 [class*="introBox-02"] strong.cr-mn { height: auto; margin-bottom: 10px; font-size: 18px; font-weight: bold; color: var(--mc);}
.intro-cont-page .boxGroup-0101 [class*="introBox-02"] > p { margin-top: 30px; font-size: 18px; color: #5c5f5f;}

.intro-cont-page .boxGroup-0101 .introBox-0201:after { background: url("../../images/renewal/sub/intro_1_2.svg") no-repeat;}
.intro-cont-page .boxGroup-0101 .introBox-0202:after { background: url("../../images/renewal/sub/intro_1_3.svg") no-repeat;}

.intro-cont-page .boxGroup-0201 .introBox-03 { width: 100%; border: 1px solid #e1e3e3; border-radius: 15px;}
.intro-cont-page .boxGroup-0201 .introBox-03 .thumb-box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; padding: 55px 70px 50px; border-radius: 15px 15px 0 0; background: #f9f9f9;}
.intro-cont-page .boxGroup-0201 .introBox-03 .info-box { gap: 10px; padding: 28px 30px 35px; border-top: 1px solid #e1e3e3;}
.intro-cont-page .boxGroup-0201 .introBox-03 .info-box:before { display: none;}
.intro-cont-page .boxGroup-0201 .introBox-03 .info-box strong { font-size: 20px; font-weight: bold; text-align: center; color: #000;}
.intro-cont-page .boxGroup-0201 .introBox-03 .info-box span { font-size: 18px; font-weight: normal; text-align: center; color: #5c5f5f;}
.intro-cont-page .boxGroup-0201 .introBox-03 .thumb-box > div { display: flex; justify-content: center; align-items: center; gap: 40px;}
.intro-cont-page .boxGroup-0201 .introBox-03 .thumb-box figure { display: inline-flex; flex-direction: column; gap: 15px;}
.intro-cont-page .boxGroup-0201 .introBox-03 .thumb-box figure > div { display: flex; gap: 40px;}
.intro-cont-page .boxGroup-0201 .introBox-03 .thumb-box figure img { flex-shrink: 0; width: 198px; min-width: auto; height: 132px; object-fit: contain;}
.intro-cont-page .boxGroup-0201 .introBox-03 .thumb-box figure figcaption { font-size: 14px; text-align: center; white-space: nowrap; color: #5c5f5f;}
.intro-cont-page .boxGroup-0201 .introBox-03:nth-of-type(2) .thumb-box { padding: 44px 30px 33px;}

.introBox-04 { display: flex; gap: 40px; justify-content: center; width: 100%; padding: 40px 35px; border-radius: 10px; background: #f6f8fb;}
.introBox-04 .flex-boxWrap { display: flex; flex-wrap: wrap; gap: 15px; width: 100%;}
.introBox-04 .flex-boxWrap > div { display: flex; flex-direction: column; gap: 8px; width: calc(100% / 2 - 15px); padding: 25px 30px; border-radius: 10px; background: #fff;}
.introBox-04 .flex-boxWrap > div p { font-size: 20px; font-weight: 500; color: #000;}
.introBox-04 .flex-boxWrap > div span { color: #5c5f5f;}

.intro-cont-page [class*="procedure-01"] { display: flex; align-items: flex-start; gap: 30px;}
.intro-cont-page [class*="procedure-01"] .procedure > div { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%;}
.intro-cont-page [class*="procedure-01"] .procedure ul { display: flex; flex-direction: column; gap: 25px; width: 100%;}
.intro-cont-page [class*="procedure-01"] .procedure ul li { position: relative; width: 100%; padding: 15px 0; border-radius: 10px; background: #f6f8fb; text-align: center; font-size: 20px; font-weight: 500; color: #000;}
.intro-cont-page [class*="procedure-01"] .procedure > div strong { font-size: 20px; font-weight: bold; color: #000;}
.intro-cont-page [class*="procedure-01"] .procedure > div strong.cr-mn { color: var(--mc);}
.intro-cont-page [class*="procedure-01"] .procedure:nth-of-type(2) ul li:before { content: ''; position: absolute; top: -25px; left: 0; width: 100%; height: 25px; background: url("../../images/renewal/sub/intro_icon-chevron-down.svg") no-repeat center;}
.intro-cont-page [class*="procedure-01"] .procedure:nth-of-type(2) ul li:first-child:before { display: none;}

.intro-cont-page .procedure-0101 > div { width: 100%;}
.intro-cont-page .procedure-0101 .procedure { display: flex; justify-content: center; align-items: center; gap: 30px; width: 100%; padding: 40px 0 0;}
.intro-cont-page .procedure-0101 .procedure:before { content: ''; display: inline-block; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-arrow-right.svg") no-repeat center;}
.intro-cont-page .procedure-0101 .procedure:nth-of-type(1):before { display: none;}
.intro-cont-page .procedure-0101 .procedure:nth-of-type(1) { padding-bottom: 40px; background: url("../../images/renewal/sub/intro_1_4.svg") no-repeat center;}
.intro-cont-page .procedure-0101 .procedure:nth-of-type(3):before { background: url("../../images/renewal/sub/intro_icon-arrows-right.svg") no-repeat center;}

.intro-cont-page .procedure-0102 { margin-top: 40px;}
.intro-cont-page .procedure-0102 .procedure { display: flex; justify-content: center; align-items: center; gap: 30px; width: 41%;}
.intro-cont-page .procedure-0102 .procedure:nth-of-type(1) { width: 60%;}
.intro-cont-page .procedure-0102 .procedure:nth-of-type(2):before { content: ''; display: inline-block; flex-shrink: 0; width: 44px; height: 44px; margin-top: -126px; background: url("../../images/renewal/sub/intro_icon-arrows-right.svg") no-repeat center;}
.intro-cont-page .procedure-0102 .procedure > div { gap: 24px;}
.intro-cont-page .procedure-0102 .procedure ul { gap: 24px;}
.intro-cont-page .procedure-0102 .procedure ul li { padding: 20px 30px 22px; border-radius: 5000px; font-size: 18px;}
.intro-cont-page .procedure-0102 .procedure:nth-of-type(2) ul { gap: 45px;}
.intro-cont-page .procedure-0102 .procedure:nth-of-type(2) ul li { padding: 15px 0; border-radius: 10px; font-size: 20px;}
.intro-cont-page .procedure-0102 .procedure:nth-of-type(2) ul li:before { top: -35px;}

.intro-cont-page .procedure-0201 { display: flex; gap: 32px;}
.intro-cont-page .procedure-0201 li { display: flex; flex-direction: column; align-items: center; gap: 30px; position: relative; width: 100%;}
.intro-cont-page .procedure-0201 li:before { content: ''; position: absolute; top: 27px; left: -30px; width: 36px; height: 36px; background: url("../../images/renewal/sub/intro_chevron-right.svg") no-repeat center;}
.intro-cont-page .procedure-0201 li:first-child:before { display: none;}
.intro-cont-page .procedure-0201 li .circle { display: inline-flex; justify-content: center; align-items: center; width: 90px; height: 90px; border-radius: 1000px; background: #f6f8fb;}
.intro-cont-page .procedure-info-02 { display: flex; flex-direction: column; gap: 10px;}
.intro-cont-page .procedure-info-02 strong { font-size: 18px; font-weight: bold; text-align: center; letter-spacing: -0.36px; color: #000;}
.intro-cont-page .procedure-info-02 p { letter-spacing: -0.32px; text-align: center; color: #5c5f5f;}
.intro-cont-page .procedure-info-02 .fx-first-start { align-items: flex-start;}

.intro-sub-sec { padding: 0 32px;}
.intro-sub-sec > .text-cont { margin-bottom: 40px;}
.intro-sub-sec > .text-cont p { font-size: 24px; font-weight: 500; color: #000;}
.intro-sub-sec > .text-cont span { font-size: 20px; color: #5c5f5f;}
.intro-sub-sec > .text-cont .hype-box { margin-top: 20px;}
.intro-sub-sec > .text-cont .hype-box .hype { font-size: 20px; font-weight: normal; color: #5c5f5f;}

.intro-cont-page .boxGroup-0102 { gap: 30px;}

.intro-cont-page .boxGroup-0102 [class*="introBox-02"] > strong { font-size: 24px; font-weight: bold; color: #000;}
.intro-cont-page .boxGroup-0102 [class*="introBox-02"] .tag { position: absolute; top: 40px; right: 36px; padding: 7px 14px; border-radius: 4px; background: #fff; font-weight: bold;}
.intro-cont-page .boxGroup-0102 [class*="introBox-02"] > p { margin-top: 25px; font-size: 18px; color: #5c5f5f;}
.intro-cont-page .boxGroup-0102 [class*="introBox-02"] ul { display: flex; gap: 16px; width: 100%; margin-top: 30px;}
.intro-cont-page .boxGroup-0102 [class*="introBox-02"] ul li { display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; height: 212px; padding: 24px 12px; border-radius: 10px; background: #fff; text-align: center;}
.intro-cont-page .boxGroup-0102 [class*="introBox-02"] ul li strong { font-size: 18px; font-weight: 500; color: #000;}
.intro-cont-page .boxGroup-0102 [class*="introBox-02"] ul li p { margin-top: 6px; color: #5c5f5f;}

.intro-cont-page .boxGroup-0102 .introBox-0201 .tag { color: #3b4ed6;}
.intro-cont-page .boxGroup-0102 .introBox-0202 .tag { color: #25947a;}

.intro-sub-sec .arti-cont { margin-bottom: 70px;}

.intro-cont-page .arti-two-cont { padding: 70px 0;}
.intro-cont-page .arti-two-cont .text-cont { display: flex; flex-direction: column; gap: 30px;}
.intro-cont-page .arti-two-cont .text-cont li { display: flex; flex-direction: column; gap: 15px;}
.intro-cont-page .arti-two-cont .text-cont li strong { font-size: 20px; font-weight: 500; color: #000;}
.intro-cont-page .arti-two-cont .text-cont li p { padding-left: 15px; font-size: 18px; color: #5c5f5f;}

.intro-cont-page .arti-cont h3 { font-size: 24px; font-weight: bold; color: #000;}
.intro-cont-page .qa-wrap { margin-top: 20px;}
.intro-cont-page .qa-wrap li .qa-title { display: flex; align-items: center; gap: 20px; padding: 18px 30px; border-bottom: 1px solid #e1e3e3; background: #f6f8fb;}
.intro-cont-page .qa-wrap li:first-child .qa-title { border-top: 1px solid #e1e3e3;}
.intro-cont-page .qa-wrap li .qa-title strong { font-size: 30px; font-weight: 500; color: var(--mc);}
.intro-cont-page .qa-wrap li .qa-title p { font-size: 20px; font-weight: 500; color: #000;}
.intro-cont-page .qa-wrap li .qa-cont { display: flex; flex-direction: column; gap: 4px; padding: 40px 40px 45px 73px; border-bottom: 1px solid #e1e3e3; background: #fff;}
.intro-cont-page .qa-wrap li .qa-cont p { font-size: 18px; line-height: 1.7; color: #5c5f5f;}
.intro-cont-page .qa-wrap li .qa-cont p strong { font-weight: normal; color: #000;}
.intro-cont-page .qa-wrap li .qa-cont .hype { line-height: 1.7; color: #8e9192;}

.intro-cont-page .tbl-group { display: flex; gap: 20px;}

.intro-cont-page [class*="tbl-data-05"] { width: 100%;}
.intro-cont-page [class*="tbl-data-05"] thead tr th { padding: 20px; border-top: 1px solid #e1e3e3; background: #f9f9f9; text-align: center; font-size: 20px; font-weight: 500; color: #000;}
.intro-cont-page [class*="tbl-data-05"] tbody tr td { padding: 20px; border-bottom: 1px solid #e1e3e3; background: #fff; text-align: center; font-size: 18px; line-height: 1.7; vertical-align: middle; color: #5c5f5f;}

.intro-cont-page .procedure-0202 { display: flex; gap: 15px; padding: 40px 36px; background: #f9f9f9;}
.intro-cont-page .procedure-0202 .procedure { display: flex; align-items: center; gap: 15px; width: 100%;}
.intro-cont-page .procedure-0202 .procedure > div { display: flex; flex-direction: column; gap: 15px; width: 100%;}
.intro-cont-page .procedure-0202 .procedure > div > strong { font-size: 18px; font-weight: 500; text-align: center; color: #000;}
.intro-cont-page .procedure-0202 .procedure > div > div { display: flex; flex-direction: column; padding: 25px 30px; border-radius: 10px; background: #fff;}
.intro-cont-page .procedure-0202 .procedure > div > div i { margin: 8px auto 0;}
.intro-cont-page .procedure-0202 .procedure:before { content: ''; display: inline-block; flex-shrink: 0; width: 44px; height: 44px; margin-top: 25px; background: url("../../images/renewal/sub/intro_icon-plus.svg") no-repeat center;}
.intro-cont-page .procedure-0202 .procedure:nth-of-type(1):before { display: none;}
.intro-cont-page .procedure-0202 .procedure:nth-of-type(2) p { color: #000;}
.intro-cont-page .procedure-0202 .procedure-last { gap: 30px; padding-top: 25px;}
.intro-cont-page .procedure-0202 .procedure-last > div { padding: 25px 30px; border-radius: 80000px; background: #fff;}
.intro-cont-page .procedure-0202 .procedure > div > strong.cr-mcn { color: var(--mc);}
.intro-cont-page .procedure-0202 .procedure-last:before { margin-top: 0; margin-left: 15px; background: url("../../images/renewal/sub/intro_icon-arrows-right.svg") no-repeat center;}

.intro-sub-sec > div > .text-cont strong { margin-bottom: 4px; font-size: 20px; font-weight: 500; color: #000;}
.intro-sub-sec > div > .text-cont p { padding-left: 15px; font-size: 18px; color: #5c5f5f;}

.intro-three-sec { display: flex; flex-direction: column; gap: 70px; padding-bottom: 100px;}
.intro-three-sec h3 { margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #000;}

.intro-cont-page .lineBox-0101 > li { display: flex; align-items: center; gap: 40px; padding: 40px 36px 45px; border-bottom: 1px solid #e1e3e3;}
.intro-cont-page .lineBox-0101 > li:first-child { border-top: 1px solid #e1e3e3;}
.intro-cont-page .lineBox-0101 > li .circle { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 90px; height: 90px; border-radius: 8000px; background: #f6f8fb;}
.intro-cont-page .lineBox-0101 > li .line-cont { display: flex; flex-direction: column; gap: 4px;}
.intro-cont-page .lineBox-0101 > li .line-cont > strong { margin-bottom: 6px; font-size: 20px; font-weight: 500; color: #000;}
.intro-cont-page .lineBox-0101 > li .line-cont .hype-cont,
.intro-cont-page .lineBox-0101 > li .line-cont .hype { font-size: 18px; color: #5c5f5f;}
.intro-cont-page .lineBox-0101 > li .line-cont ul { padding-left: 13px;}
.intro-cont-page .lineBox-0101 > li .line-cont ul li { line-height: 1.7;}

.intro-cont-page .outline-cont { display: flex; gap: 20px;}
.intro-cont-page .outline-cont li { display: flex; flex-direction: column; gap: 20px; align-items: center; width: 100%; padding: 30px 20px; border-radius: 10px; background: #f6f8fb;}
.intro-cont-page .outline-cont li .outline-info { display: flex; flex-direction: column; gap: 16px; text-align: center;}
.intro-cont-page .outline-cont li .outline-info strong { font-size: 18px; font-weight: 500; color: #000;}
.intro-cont-page .outline-cont li .outline-info .group { display: flex; align-items: center; justify-content: center; gap: 8px;}
.intro-cont-page .outline-cont li .outline-info .group span { font-size: 14px; font-weight: 500; line-height: 1; color: #25947a;}
.intro-cont-page .outline-cont li .outline-info .group span:nth-of-type(2) { padding-left: 8px; border-left: 1px solid #e1e3e3;}
.intro-cont-page .outline-cont li .outline-info .group span.new { color: var(--mc);}
.intro-cont-page .outline-cont li .outline-info p { color: #5c5f5f;}

.intro-cont-page .qr-cont { display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.intro-cont-page .qr-cont .left { display: flex; flex-direction: column; gap: 10px;}
.intro-cont-page .qr-cont .left p { font-size: 18px; color: #5c5f5f;}
.intro-cont-page .qr-cont .left p strong { font-weight: 500; text-decoration: underline; color: #000;}
.intro-cont-page .qr-cont .left .hype { font-size: inherit; line-height: 1.7; color: #8e9192;}
.intro-cont-page .qr-cont .qr-box { display: flex; align-items: center; gap: 30px;}
.intro-cont-page .qr-cont .qr-box p { font-size: 16px; font-weight: 500; color: #000;}
.intro-cont-page .qr-cont .qr-box > div { position: relative;}
.intro-cont-page .qr-cont .qr-box > div:after { content: ''; position: absolute; top: -7px; left: -7px; width: 17.2px; height: 17.2px; border-top: 3px solid var(--mc); border-left: 3px solid var(--mc);}
.intro-cont-page .qr-cont .qr-box > div:before { content: ''; position: absolute; bottom: -7px; right: -7px; width: 17.2px; height: 17.2px; border-bottom: 3px solid var(--mc); border-right: 3px solid var(--mc);}

.intro-cont-page .flex-boxWrap-0101 { display: flex; gap: 20px;}
.intro-cont-page .flex-boxWrap-0101 li { display: flex; align-items: center; gap: 18px; width: 100%; padding: 19.5px 25px; border-radius: 10px; background: #f9f9f9;}
.intro-cont-page .flex-boxWrap-0101 li .circle { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 8000px; background: #fff;}
.intro-cont-page .flex-boxWrap-0101 li .cont p { font-weight: 500; color: #000;}

.intro-cont-page .flex-boxWrap-0201 { display: flex; flex-wrap: wrap; gap: 20px;}
.intro-cont-page .flex-boxWrap-0201 li { display: flex; gap: 35px; width: calc(100% / 2 - 35px); padding: 30px 35px; border-radius: 10px; background: #f6f8fb;}
.intro-cont-page .flex-boxWrap-0201 .circle { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 90px; height: 90px; border-radius: 8000px; background: #fff;}
.intro-cont-page .flex-boxWrap-0201 .cont { display: flex; flex-direction: column; gap: 10px;}
.intro-cont-page .flex-boxWrap-0201 .cont > p { font-size: 20px; font-weight: 500; color: #000;}
.intro-cont-page .flex-boxWrap-0201 .cont .hype-box p { color: #5c5f5f;}

.intro-cont-page .flex-boxWrap-0301 { display: flex; gap: 30px;}
.intro-cont-page .flex-boxWrap-0301 > div { display: flex; flex-direction: column; gap: 25px;}
.intro-cont-page .flex-boxWrap-0301 .circle { display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; border-radius: 8000px; background: #f6f8fb;}
.intro-cont-page .flex-boxWrap-0301 p { font-size: 20px; font-weight: 500; text-align: center; color: #000;}

.intro-cont-page .intro-procedure-0101 { display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.intro-cont-page .intro-procedure-0101 .arrow { flex-shrink: 0; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-arrows-right.svg") no-repeat center;}
.intro-cont-page .intro-procedure-0101 > div { display: flex; align-items: center; gap: 20px; width: 100%;}
.intro-cont-page .intro-procedure-0101 .intro-procedure-box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; width: calc(100% / 3 - 20px); height: 178px; border-radius: 10px; background: #f6f8fb;}
.intro-cont-page .intro-procedure-0101 .intro-procedure-box strong { font-size: 18px; font-weight: 500; text-align: center; color: #000;}

.intro-cont-page [class*="circle-boxWrap-01"] { display: flex; align-items: center; gap: 17.1px;}
.intro-cont-page .circle-boxWrap-0101 .circle-box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; position: relative; z-index: 1;
	width: 250.5px; height: 250.5px; border: 1.5px solid #bcc2ff; border-radius: 8000px; background: #fff; text-align: center;}
.intro-cont-page .circle-boxWrap-0101 .circle-box:after { content: ''; position: absolute; top: -10px; left: -10px; z-index: -1; width: 270.5px; height: 270.5px; border-radius: 8000px; box-shadow: 5px 17px 30px 0 rgba(108, 122, 224, 0.05);}
.intro-cont-page .circle-boxWrap-0101 .circle-box strong { font-size: 35px; font-weight: bold; line-height: 1.37; color: var(--mc);}
.intro-cont-page .circle-boxWrap-0101 .circle-box .text-box p { margin-bottom: 4px; font-size: 20px; font-weight: 500; color: #000;}
.intro-cont-page .circle-boxWrap-0101 .circle-box .text-box span { color: #5c5f5f;}

.intro-cont-page .chart-box { display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 20px;}
.intro-cont-page .chart-box .img-box { position: relative; width: 320px; height: 320px; margin: 0 auto 50px;}
.intro-cont-page .chart-box .img-box img { display: block; margin: 0 auto;}
.intro-cont-page .chart-box .img-box span { position: absolute; top: 35px; left: 104px; font-size: 20px; font-weight: bold; color: #fff;}
.intro-cont-page .chart-box .img-box strong { position: absolute; bottom: 82px; right: 75px; font-size: 35px; font-weight: bold; line-height: 0.86; color: #fff;}
.intro-cont-page .chart-box figcaption { text-align: center;}
.intro-cont-page .chart-box figcaption p { margin-bottom: 2px; font-size: 20px; color: #000;}
.intro-cont-page .chart-box figcaption span { line-height: 1.7; color: #8e9192;}
.intro-cont-page .chart-box i,
.intro-cont-page .cause-box i { margin: 10px 0 15px;}
.intro-cont-page .chart-box > strong,
.intro-cont-page .cause-box > strong { font-size: 20px; font-weight: bold; text-align: center; color: var(--mc);}

.intro-cont-page .cause-box { display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 20px; padding: 0 30px;}
.intro-cont-page .cause-box .callout { margin: 30px 0 50px;}
.intro-cont-page .cause-box > p { font-size: 20px; text-align: center; color: #000;}

.intro-cont-page .callout { width: 100%; padding: 28px 30px 30px; border-radius: 10px; background: #f6f8fb;}
.intro-cont-page .callout .fx-.gap-40 { gap: 40px;}
.intro-cont-page .callout .fx- strong { font-size: 18px; font-weight: 500; color: #000;}
.intro-cont-page .callout p { color: #8e9192;}

.intro-cont-page hr { width: 100%; height: 1px; background: #e1e3e3;}

.intro-cont-page .tbl-text { margin-top: 15px; color: #5c5f5f;}
.intro-cont-page .hype,
.intro-cont-page .hype-cont { display: flex; align-items: center; gap: 5px;}
.intro-cont-page .hype:before,
.intro-cont-page .hype-cont:before { content: '-';}
.intro-cont-page .hype-cont.first-start { align-items: flex-start;}
.intro-cont-page .hype-cont strong { font-weight: normal; color: #000;}
.intro-cont-page .hype-cont > ul {}
.intro-cont-page .blat { display: flex; align-items: center; gap: 5px;}
.intro-cont-page .blat:before { content: ''; display: inline-flex; width: 3px; height: 3px; border-radius: 50%; background: #5c5f5f;}

.intro-icon-list-search { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-list-search.svg") no-repeat center;}
.intro-icon-settings-check { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-settings-check.svg") no-repeat center;}
.intro-icon-settings { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-settings.svg") no-repeat center;}
.intro-icon-device-desktop-analytics { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-device-desktop-analytics.svg") no-repeat center;}
.intro-icon-checklist { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-checklist.svg") no-repeat center;}
.intro-icon-plus { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-plus.svg") no-repeat center;}
.intro-icon-dots-vertical { display: inline-flex; width: 20px; height: 20px; background: url("../../images/renewal/sub/intro_icon-dots-vertical.svg") no-repeat center;}
.intro-icon-users-group { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-users-group.svg") no-repeat center;}
.intro-icon-devices { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-devices.svg") no-repeat center;}
.intro-icon-vocabulary { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-vocabulary.svg") no-repeat center;}
.intro-icon-school { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-school.svg") no-repeat center;}
.introBox-0202 .intro-icon-users-group { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-users-group_green.svg") no-repeat center;}
.introBox-0202 .intro-icon-devices { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-devices_green.svg") no-repeat center;}
.intro-icon-checkbox { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-checkbox.svg") no-repeat center;}
.intro-icon-search { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-search.svg") no-repeat center;}
.intro-icon-icon-share { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-share.svg") no-repeat center;}
.intro-icon-gavel { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-gavel.svg") no-repeat center;}
.intro-icon-building-skyscraper { display: inline-flex; width: 44px; height: 44px; background: url("../../images/renewal/sub/intro_icon-building-skyscraper.svg") no-repeat center;}
.intro-icon-users { display: inline-flex; width: 24px; height: 24px; background: url("../../images/renewal/sub/intro_icon-users.svg") no-repeat center;}
.intro-icon-float-left { display: inline-flex; width: 24px; height: 24px; background: url("../../images/renewal/sub/intro_icon-float-left.svg") no-repeat center;}
.intro-icon-schema { display: inline-flex; width: 24px; height: 24px; background: url("../../images/renewal/sub/intro_icon-schema.svg") no-repeat center;}
.intro-icon-building { display: inline-flex; width: 24px; height: 24px; background: url("../../images/renewal/sub/intro_icon-building.svg") no-repeat center;}
.intro-icon-4-1 { display: inline-flex; width: 110px; height: 110px; background: url("../../images/renewal/sub/intro_4_1.svg") no-repeat center;}
.intro-icon-4-2 { display: inline-flex; width: 110px; height: 110px; background: url("../../images/renewal/sub/intro_4_2.svg") no-repeat center;}
.intro-icon-4-3 { display: inline-flex; width: 110px; height: 110px; background: url("../../images/renewal/sub/intro_4_3.svg") no-repeat center;}
.intro-icon-4-4 { display: inline-flex; width: 110px; height: 110px; background: url("../../images/renewal/sub/intro_4_4.svg") no-repeat center;}
.intro-icon-4-5 { display: inline-flex; width: 110px; height: 110px; background: url("../../images/renewal/sub/intro_4_5.svg") no-repeat center;}
.intro-icon-edit { display: inline-flex; width: 110px; height: 110px; background: url("../../images/renewal/sub/intro_icon-edit.svg") no-repeat center;}
.intro-icon-6-1 { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_6_1.svg") no-repeat center;}
.intro-icon-6-2 { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_6_2.svg") no-repeat center;}
.intro-icon-6-3 { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_6_3.svg") no-repeat center;}
.intro-icon-6-4 { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_6_4.svg") no-repeat center;}
.intro-icon-6-5 { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_6_5.svg") no-repeat center;}
.intro-icon-6-6 { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_6_6.svg") no-repeat center;}
.professions-man-office-1-streamline-ultimate { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/professions-man-office-1-streamline-ultimate.svg") no-repeat center;}
.pie-line-graph-desktop-streamline-ultimate { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/pie-line-graph-desktop-streamline-ultimate.svg") no-repeat center;}
.browser-idea-streamline-ultimate { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/browser-idea-streamline-ultimate.svg") no-repeat center;}
.icon-device-mobile-check { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/icon-device-mobile-check.svg") no-repeat center;}
.icon-line-dashed { display: inline-flex; width: 19.8px; height: 2px; background: url("../../images/renewal/sub/icon-line-dashed.svg") no-repeat center;}
.icon-arrow-down { display: inline-flex; width: 34px; height: 34px; background: url("../../images/renewal/sub/intro_icon-arrow-down.svg") no-repeat center;}
.intro-icon-bulb { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_icon-bulb.svg") no-repeat center;}
.intro-icon-augmented-reality { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_icon-augmented-reality.svg") no-repeat center;}
.intro-icon-mood-empty { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_icon-mood-empty.svg") no-repeat center;}
.intro-icon-chart-pie-2 { display: inline-flex; width: 48px; height: 48px; background: url("../../images/renewal/sub/intro_icon-chart-pie-2.svg") no-repeat center;}
.icon-users-group-black { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-users-group_black.svg") no-repeat center;}
.icon-clipboard-list { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-clipboard-list.svg") no-repeat center;}
.icon-box { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-box.svg") no-repeat center;}
.icon-separator-vertical { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-separator-vertical.svg") no-repeat center;}
.icon-list-check { display: inline-flex; width: 40px; height: 40px; background: url("../../images/renewal/sub/intro_icon-list-check.svg") no-repeat center;}

/* 교육 상세 - 교육장 안내 */
.brd-cont-title-box { display: flex; align-items: center; gap: 6px; margin-top: 80px}
.brd-cont-title-box .tit-01 { margin-top: 0; margin-right: 14px;}
.btnBox { display: flex; align-items: center; gap: 6px; margin-left: 6px;}
[class*="addrBtn-"] { display: inline-flex; justify-content: center; align-items: center; gap: 2px; outline: solid 2px transparent; min-width: 70px; height: 36px; min-height: auto; padding: 0 12px; border: 0; border-radius: 5px; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -1px; color: #222;}
[class*="addrBtn-"]:hover { outline-color: #1e2124;}
[class*="addrBtn-"]:before { content: ''; display: inline-block; flex-shrink: 0; width: 22px; height: 22px;}
.addrBtn-t { background: #e9f2fa;}
.addrBtn-t:before { background: url("../../images/premium/sub/icon-tmap.svg") no-repeat center; background-size: contain;}
.addrBtn-n { background: #eaf7ea;}
.addrBtn-n:before { background: url("../../images/premium/sub/icon-navermap.png") no-repeat center;}
.addrBtn-k { background: #fcf3d1;}
.addrBtn-k:before { background: url("../../images/premium/sub/icon-kakaomap.png") no-repeat center;}
.btnBox [class*="addrBtn-"] { min-width: 84px; padding: 0;}
.btnBox [class*="addrBtn-"] span.btnText { color: #000;}