@charset "utf-8";
/**
 * @File Name :lib2.css
 * @Description :Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2026.03.10 | 김효진 | 최초 등록
 * 2026.07.15 | 김효진 | 교육강좌 추가
 * </pre>
 * @author 디자인팀 김효진
 * @since 2026.03.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */


/* 템플릿 공통 */
.sinfo1 {position:relative;padding-left:28px;color:#000;line-height:24px;font-size:17px}
.sinfo1:before {position:absolute;top:2px;left:0;content:"!";display:block;width:20px;height:20px;background:#F15A38;color:#fff;font-size:14px;text-align:center;line-height:20px;font-weight:600;padding-left:2px;box-sizing:border-box;border-radius:2px}
.sinfo1box2 {position:relative;background:#f6f7fd;border-radius:5px;padding:20px}
.sinfo1box2 .t1 {position:relative;font-weight:500;color:#000;margin:0;padding-left:30px}
.sinfo1box2 .t1:before {position:absolute;top:4px;left:0;content:"!";display:block;width:20px;height:20px;background:#D4344F;color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:20px;border-radius:100%}
.sinfo1box2 .button {position:absolute;top:50%;right:20px;margin-top:-20px;}
.sinfo1 strong {color:#F15A38}
.sinfo2 {position:relative;padding-left:25px;color:#5b5b5b;line-height:20px;font-size:15px}
.sinfo2:before {position:absolute;top:-1px;left:0;content:"!";display:block;width:20px;height:20px;background:#3168E2;color:#fff;font-size:12px;text-align:center;line-height:20px;font-weight:600;padding-left:2px;box-sizing:border-box;border-radius:100%;padding-right:1px;}
.lib2hg1 {position:relative;}
.lib2hg1 .hb1.h2 {line-height:1.1;margin-top:5px;margin-bottom:.9em}
.lib2hg1 p {margin-top:-10px;margin-bottom:1.125em;color:#000;}
.lib2hg1 p .em {margin-right:3px;font-weight:600}
.lib2hg1 .info1 {font-size:17px;margin-top:-5px}
.lib2hg1 .button.add {position:absolute;bottom:-7px;right:0;background-color:#2163c1;margin:0;width:110px;height:40px;line-height:40px;letter-spacing:0;border-radius:4px;border:0;text-align:left;font-size:16px;padding:0 0 0 34px}
.lib2hg1 .button.add:before, .lib2hg1 .button.add:after {position:absolute;top:50%;left:22px;content:"";display:block;width:2px;height:12px;background:#fff;margin:-6px 0 0}
.lib2hg1 .button.add:after {transform:rotate(90deg)}
.lib2hg1 .btns {position:absolute;bottom:-7px;right:0;}
.lib2hg1 .btns .button, .lib2hg1 .btns .button.add {position:relative;bottom:auto;right:auto;padding:0 18px 0 36px;min-width:110px;width:auto;height:40px;line-height:40px;border-radius:4px;letter-spacing:0;font-size:16px;box-sizing:border-box;margin:0}
.lib2hg1 .btns .button:before {position:absolute;top:50%;left:22px;content:"";display:block;}
.lib2hg1 .btns .button.download {border:1px solid #333;background-color:#fff;color:#111}
.lib2hg1 .btns .button.xls {background-color:#1D96A9}
.lib2hg1 .btns .button.download:before {left:13px;width:18px;height:18px;background:url(../../img/lib2/ic36a1download.png) no-repeat 0 0 / cover;margin-top:-9px;}
.lib2hg1 .btns .button.xls:before {left:13px;width:18px;height:18px;background:url(../../img/lib2/ic36a1xls.png) no-repeat 0 0 / cover;margin-top:-9px;}
.table1scroll {margin-bottom:25px}
.table1scroll tbody td {line-height:20px;color:#000}
.table1scroll tbody td .t1 {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;}
.table1scroll table td .button {height:36px;line-height:35px;padding:0 12px;font-size:15px;}
.table1scroll table td .button.black {background-color:#333;border:0;}
.table1scroll table td .file1 {position:relative;display:inline-block;vertical-align:top;text-indent:-9999px;width:30px;height:30px;background:url(../../img/lib2/ic60a1file.png) no-repeat 0 0 / cover;}
@media screen and (max-width:767px){
	.lib2hg1 .btns .button, .lib2hg1 .btns .button.add {display:inline-block;vertical-align:top;min-width:100px;height:36px;line-height:36px;font-size:15px;padding-left:34px;padding-right:12px;margin:0}
	.lib2hg1 .btns .button.download:before, .lib2hg1 .btns .button.xls:before {left:8px}
}
@media screen and (max-width:737px){
	.lib2hg1 .btns {position:relative;bottom:auto;right:auto;text-align:right;margin-top:-15px;margin-bottom:5px}
}
@media screen and (max-width:699px){
	.lib2hg1 .hb1.h2 {font-size:24px;background-position:0 0;margin-bottom:.6em}
	.lib2hg1 .info1 {font-size:16px;margin-top:-3px;}
	.lib2hg1 p {margin-bottom:.75em}
	.lib2hg1 .button.add {bottom:-5px;width:100px;height:36px;line-height:36px;font-size:15px;padding-left:30px}
	.lib2hg1 .button.add:before, .lib2hg1 .button.add:after {left:18px}
}
@media screen and (max-width:599px){
	.lib2hg1 .btns {margin-top:-5px;margin-bottom:10px}
}
@media screen and (max-width:499px){
	.lib2hg1 .info1 {font-size:15px;line-height:20px;margin-top:0;margin-bottom:5px;}
	.lib2hg1 .button.add {position:relative;bottom:auto;right:auto;display:block;width:95px;height:32px;line-height:32px;margin:0 0 10px auto}
	.lib2hg1 .btns {margin-top:0}
}
@media screen and (max-width:449px){
	.lib2hg1 .hb1.h2 {font-size:22px;padding-left:32px}
	.lib2hg1 p {margin-top:0;font-size:15px;}
	.table1scroll {margin-bottom:15px}
	.table1scroll table td .button {height:32px;line-height:31px;padding:0 8px;font-size:14px}
}
@media screen and (max-width:399px){
	.lib2hg1 .btns {margin-top:10px}
	.lib2hg1 .btns .button {min-width:80px;padding:0 10px}
	.lib2hg1 .btns .button.download:before, .lib2hg1 .btns .button.xls:before {display:none}
	.lib2hg1 .btns .button.add {min-width:90px;padding-left:30px;padding-right:10px}
}
@media screen and (max-width:349px){
	.lib2hg1 .hb1.h2 {font-size:20px;background-size:auto 22px;padding-left:28px}
	.lib2hg1 p {margin-top:-5px;margin-bottom:.75em}
}

/* 버튼 */
.infomenu1.btns {text-align:center;padding:45px 0;margin:0}
.infomenu1.btns .button.large {width:125px;height:48px;line-height:48px;padding:0;border-radius:6px;color:#fff;font-size:17px;font-weight:500;margin:0 5px;border:0}
.infomenu1.btns .button.list {background-color:#fff;border:1px solid #333;color:#333;box-sizing:border-box;line-height:46px;}
.infomenu1.btns .button.black {background-color:#444}
.infomenu2 {overflow:hidden;margin-bottom:30px}
.infomenu2 .sinfo1 {float:left;margin:7px 0 0}
.infomenu2 .button.add {float:right;position:relative;display:block;background-color:#2163c1;margin:0 0 0 auto;width:120px;height:46px;line-height:46px;letter-spacing:0;padding:0;border-radius:6px;border:0;text-align:center;font-size:17px;}
@media screen and (max-width:768px){	
	.infomenu1.btns {padding:35px 0}
	.infomenu1.btns .button.large {width:120px;height:46px;line-height:46px;margin:0 3px}
}
@media screen and (max-width:599px){	
	.infomenu1.btns {padding:25px 0}
	.infomenu1.btns .button.large, .infomenu2 .button.add {width:100px;height:46px;line-height:46px;}
}
@media screen and (max-width:499px){	
	.infomenu1.btns {padding:20px 0}
	.infomenu1.btns .button.large, .infomenu2 .button.add {width:80px;height:42px;line-height:42px;font-size:15px;margin:2px 1px;}
}
@media screen and (max-width:399px){	
	.infomenu1.btns .button.large, .infomenu2 .button.add {max-width:85px;width:auto;padding:0 15px;}
	.infomenu2 .button.add {height:36px;line-height:36px;}
}

/* 안내박스 infobox1 */
.infobox1 {background-color:#edf6ff;border-radius:20px;padding:40px 40px 35px;}
.infobox1 .h1 {position:relative;display:block;font-size:18px;font-weight:600;color:#000;line-height:21px;padding-left:29px}
.infobox1 .h1:before {position:absolute;top:0;left:0;content:"!";display:block;width:21px;height:21px;background:#3168e2;border-radius:100%;text-align:center;line-height:21px;color:#fff;font-weight:600;font-size:13px;}
.infobox1 ul.bu.bu1 {margin-top:14px;margin-bottom:0}
.infobox1 ul.bu.bu1 li {position:relative;padding-left:11px;line-height:26px;color:#000;margin:10px 0 8px}
.infobox1 ul.bu.bu1 li:before {position:absolute;top:12px;left:0;content:"";display:block;width:3px;height:3px;border-radius:100%;background:#2163c1;}
.infobox1 ul.bu.bu1 li .st1 {display:block;font-size:15px;color:#333;}
.infobox2 {position:relative;background:#f5f7ff;border-radius:10px;font-size:18px;line-height:24px;font-weight:500;color:#000;margin:0;padding:28px 30px 28px 60px;}
.infobox2:before {position:absolute;top:29px;left:30px;content:"!";display:block;width:21px;height:21px;background:#3168e2;border-radius:100%;text-align:center;line-height:21px;color:#fff;font-weight:600;font-size:13px;}
@media screen and (max-width:999px){
	.infobox1 {padding:35px 30px 25px}
}
@media screen and (max-width:599px){
	.infobox1 {padding:30px 20px 20px;font-size:15px;}
	.infobox1 ul.bu.bu1 li {margin:7px 0 5px}
	.infobox1 ul.bu.bu1 li .st1 {font-size:14px;line-height:18px;margin-top:5px;}
}
@media screen and (max-width:399px){
	.infobox1 {padding-top:25px}
	.infobox1 ul.bu.bu1 li {line-height:24px}
}

/* 자격증검색 모달팝업 */
[id*=layerpop].modal1pop {position:fixed;top:0;left:0;width:100%;height:0;visibility:hidden;background:rgba(0,0,0,.5);transition:height .35s ease;z-index:9999}
html.modal1pop {overflow:hidden;}
html.modal1pop #wrap {z-index:30}
.modal1pop.on {visibility:visible;height:100%;}
.modal1pop .wrap1 .b1.close {position:absolute;top:16px;right:35px;width:40px;height:40px;text-indent:-9999px;}
.modal1pop .wrap1 .b1.close:before, .modal1pop .wrap1 .b1.close:after {position:absolute;top:50%;left:50%;content:"";display:block;width:2px;height:27px;background:#fff;margin:-13px -1px;}
.modal1pop .wrap1 .b1.close:before {transform:rotate(45deg)}
.modal1pop .wrap1 .b1.close:after {transform:rotate(-45deg)}
.modal1pop .wrap1 {position:relative;max-width:800px;margin:10dvh auto;border-radius:20px;overflow:hidden}
.modal1pop .wrap1 .h1 {display:block;background:#173589;font-size:24px;font-weight:600;color:#fff;line-height:1.1;padding:23px 45px 21px;}
.modal1pop .wrap1 .cont {padding:20px 45px;background:#fff;min-height:260px;max-height:620px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;}
.modal1pop .wrap1 .cont .infobox1 {background:#edf6ff;border-radius:10px;margin:0;text-align:center;color:#000;font-weight:500;padding:26px 0}.modal1pop .modal1pop .wrap1 .cont .t1 {margin:0 0 10px;color:#000}
.modal1pop .wrap1 .cont .infobox1 + .t1 {margin:10px 0;}
.modal1pop .wrap1 .cont .table1scroll {margin-top:20px}
.modal1pop .wrap1 .cont .table1scroll>table {min-width:320px;}
.modal1pop .wrap1 .cont .table1scroll>table.t3>*>tr>th, .modal1pop .wrap1 .cont .table1scroll>table.t3>*>tr>td {padding-top:12px;padding-bottom:11px}
.modal1pop .wrap1 .cont .table1scroll>table.t3>thead>tr>th {padding-top:15px;padding-bottom:14px;}
.modal1pop .wrap1 .cont .table1scroll>table.t3>*>tr>td .button {margin:0}
.modal1pop .wrap1 .cont .writeform1 td {position:relative;}
.modal1pop .wrap1 .cont .writeform1 td .select1word {position:absolute;top:51px;left:20px;width:calc(100% - 40px);max-height:230px;overflow-y:auto;z-index:100;background:#fff;border:1px solid #d3d8ec;box-sizing:border-box;}
.modal1pop .wrap1 .cont .writeform1 td .select1word ul {list-style:none;margin:0;padding:0;}
.modal1pop .wrap1 .cont .writeform1 td .select1word ul li button {display:block;border:0;background:transparent;margin:0;padding:0 20px;height:30px;line-height:28px;text-align:left;width:100%;}
.modal1pop .wrap1 .cont .writeform1 td .select1word ul li.is-over button {background-color:#2163c1;color:#fff;}
.modal1pop .wrap1 .cont .writeform1 td input.w90 {float:left;width:calc(100% - 50px)}
.modal1pop .wrap1 .cont .writeform1 td .button.search {float:right;margin:0;width:40px;height:42px;padding:0;text-indent:-9999px;background:#2163c1 url(../../img/lib2/ic80a1search.png) no-repeat 0 0 / cover;border:0}
.modal1pop .wrap1 .cont .sinfo1box2 .t1 {margin-bottom:0}
.modal1pop .wrap1 .cont .scroll1tablewrap:after {display:none;}
.select1word[aria-hidden="true"] {display:none}
@media screen and (max-width:1259px){
	.modal1pop table.writeform1 tbody th {width:28%}
	.modal1pop table.writeform1 tbody td {width:72%}
}
@media screen and (max-width:999px){
	.modal1pop .wrap1 .cont {padding:20px 30px;}
	.modal1pop .wrap1 .cont .table1scroll>table {min-width:500px}
}
@media screen and (max-width:832px){
	.modal1pop .wrap1 {margin-left:16px;margin-right:16px;}
	.modal1pop table.writeform1 tbody th {width:25%}
	.modal1pop table.writeform1 tbody td {width:77%}
}
@media screen and (max-height:799px){
	.modal1pop.on {height:100dvh}
	.modal1pop .wrap1 {margin:5dvh auto;}
}
@media screen and (max-width:768px){
	.modal1pop .wrap1 .h1 {font-size:22px;padding:20px 30px 18px}
	.modal1pop .wrap1 .cont .infobox1 {padding:20px 0}
	.modal1pop .wrap1 .cont table.writeform1 colgroup {display:table-column-group;}
	.modal1pop .wrap1 .cont table.writeform1 tbody tr {display:table-row}
	.modal1pop .wrap1 .cont table.writeform1 tbody th, .modal1pop .wrap1 .cont table.writeform1 tbody td {display:table-cell;border-bottom:1px solid #d3d8ec;padding-left:15px;}
	.modal1pop .wrap1 .b1.close {top:11px;right:15px;}
}
@media screen and (max-width:699px){
	.modal1pop .wrap1 .cont .infobox1 {padding:15px 0;font-size:15px}
	.modal1pop .wrap1 .cont table.writeform1 colgroup {display:none;}
	.modal1pop .wrap1 .cont table.writeform1 tbody tr, .modal1pop .wrap1 .cont table.writeform1 tbody th, .modal1pop .wrap1 .cont table.writeform1 tbody td {display:block}
	.modal1pop .wrap1 .cont table.writeform1 tbody th {width:100%;padding:10px 15px;border-bottom-color:transparent}
	.modal1pop .wrap1 .cont table.writeform1 tbody td {width:100%;overflow:hidden;padding:10px 15px;}
	.modal1pop .wrap1 .cont .sinfo1box2 {padding:15px;}
	.modal1pop .wrap1 .cont .sinfo1box2 .t1 {font-size:15px;padding-left:0;text-align:center;line-height:18px;word-break:keep-all}
	.modal1pop .wrap1 .cont .sinfo1box2 .t1:before {position:relative;top:auto;left:auto;display:inline-block;vertical-align:top;margin-right:6px;}
	.modal1pop .wrap1 .cont .sinfo1box2 .button {position:relative;display:block;top:auto;right:auto;margin:0;font-size:15px;margin:5px auto 0;width:140px;height:34px;line-height:32px;padding:0 10px;}	
}
@media screen and (max-width:599px){	
	.modal1pop .wrap1 {margin:5dvh 16px;height:90dvh}
	.modal1pop .wrap1 .h1 {font-size:20px;}
	.modal1pop .wrap1 .cont {padding:18px 20px;max-height:calc(100% - 65px)}
	.modal1pop .wrap1 .cont .infobox1 {line-height:18px;padding:15px 10px;word-break:keep-all}
	.modal1pop .wrap1 .cont .scroll1tablewrap:after {display:block}
	.modal1pop .wrap1 .cont .scroll1tablewrap.scrolling:before {display:block;}
	.modal1pop .wrap1 .cont .scroll1tablewrap.scrollend:after {display:none;}
}
@media screen and (max-width:399px){	
	.modal1pop .wrap1 .cont {padding:18px 20px}
	.modal1pop .wrap1 .cont .table1scroll>table.t3>thead>tr>th {padding:12px 10px;font-size:16px;}
}

/* 평생학습목록 */
.search2select1 {background:#f4f9ff;border-radius:10px;padding:30px 50px;overflow:hidden;margin-bottom:35px;}
.search2select1 .info1 {position:relative;float:left;background:none;margin:0;padding:0 0 0 28px;font-size:18px;color:#000;width:230px;line-height:46px;box-sizing:border-box;}
.search2select1 .info1:before {position:absolute;top:50%;left:0;content:"!";display:block;width:20px;height:20px;background:#f15a38;border-radius:100%;text-align:center;line-height:20px;font-size:13px;font-weight:600;color:#fff;margin-top:-10px;padding-left:2px;box-sizing:border-box}
.search2select1 .info1 .em1 {color:#f15a38;font-weight:700}
.search2select1 .form1 {float:left;font-size:0;width:calc(100% - 230px)}
.search2select1 .form1 * {display:inline-block;vertical-align:top;line-height:46px;}
.search2select1 .form1 form, .search2select1 .form1 fieldset {display:block;}
.search2select1 .form1 label {color:#000;font-size:18px;font-weight:500;line-height:46px;padding-left:35px;padding-right:30px;box-sizing:border-box;}
.search2select1 .form1 .datepicker {position:relative;width:calc(50% - 171px)}
.search2select1 .form1 .datepicker .button.calendar1 {position:absolute;top:50%;left:15px;width:24px;height:24px;background:url(../../img/lib2/ic48a1calendar.png) no-repeat 0 0 / cover;margin:-12px 0 0;text-indent:-9999px;padding:0;z-index:1;border:0}
.search2select1 .form1 .datepicker .button.calendar1:hover, .search2select1 .form1 .datepicker .button.calendar1:focus {border:0}
.search2select1 .form1 .datepicker input.date {padding-left:50px;width:100%;height:46px;border-color:#B4B9BF;margin:0;font-size:16px;}
.search2select1 .form1 .vam {width:30px;text-align:center;font-size:17px;}
.search2select1 .form1 .button.submit {background-color:#173589;border:0;width:130px;height:46px;padding:0;line-height:46px;font-size:18px;font-weight:500;margin:0 0 0 20px}
.search2select1 + .left, .search2select1 + .left + .right {padding:0;}
.search2select1 + .left>.info1 {padding-top:0}
.search2select1 + .left + .right>.sinfo1 {margin:0}
@media screen and (max-width:1399px){
	.search2select1 {padding-left:35px;padding-right:35px;}
	.search2select1 .form1 label {padding-left:25px;padding-right:20px;}
	.search2select1 .form1 .datepicker {width:calc(50% - 158px)}
	.search2select1 .form1 .button.submit {margin-left:15px}
}
@media screen and (max-width:999px){
	.search2select1 {padding-left:25px;padding-right:25px;}
	.search2select1 .info1 {width:220px;}
	.search2select1 .form1 {width:calc(100% - 220px)}
	.search2select1 .form1 .datepicker {width:calc(50% - 138px)}
	.search2select1 .form1 .button.submit {width:90px;font-size:17px}
}
@media screen and (max-width:899px){
	.search2select1 {padding:23px 20px}
	.search2select1 .info1 {float:none;width:100%;line-height:20px;margin-bottom:15px}
	.search2select1 .form1 {float:none;width:100%}
	.search2select1 .form1 label {padding-left:0}
	.search2select1 .form1 .datepicker {width:calc(50% - 136px)}
	.search2select1 .form1 .button.submit {width:110px}
}
@media screen and (max-width:767px){
	.search2select1 + .left>.info1, .search2select1 + .left + .right>.sinfo1 {font-size:16px;}
}
@media screen and (max-width:699px){
	.search2select1 + .left {width:100%;}
	.search2select1 + .left + .right {margin-top:10px;margin-bottom:-10px;display:inline-block;vertical-align:top;}
}
@media screen and (max-width:669px){
	.search2select1 .form1 .datepicker input.date {font-size:15px}
	.search2select1 .form1 label {display:block;line-height:1.1;margin-bottom:10px;}
	.search2select1 .form1 .datepicker {width:calc(50% - 63px)}
	.search2select1 .form1 .button.submit {width:80px;}	
}
@media screen and (max-width:599px){
	.search2select1 {margin-bottom:25px}
	.search2select1 + .left + .right {margin:8px 0 5px}
}
@media screen and (max-width:499px){
	.search2select1 .form1 * {line-height:42px}
	.search2select1 .info1, .search2select1 .form1 label {font-size:16px}
	.search2select1 .info1 {margin-bottom:10px;padding-left:26px}
	.search2select1 .form1 .datepicker {width:calc(50% - 15px)}
	.search2select1 .form1 .datepicker .button.calendar1 {width:22px;height:22px;margin-top:-11px}
	.search2select1 .form1 .datepicker input.date {height:42px;line-height:42px;font-size:14px;}
	.search2select1 .form1 .button.submit {width:100%;height:40px;line-height:40px;margin-left:0;margin-top:5px;font-size:16px;}
	.search2select1 + .left>.info1, .search2select1 + .left + .right>.sinfo1 {font-size:15px}
	.search2select1 + .left + .right>.sinfo1 {line-height:20px}
}
@media screen and (max-width:399px){
	.search2select1 .form1 .datepicker {width:100%}
	.search2select1 .form1 .vam {display:block;text-align:center;width:100%;line-height:30px;}
	.search2select1 + .left + .right {text-align:left;float:none;}
}

dl.dl1 {margin:13px 0 0;padding:0 0 0 11px}
dl.dl1 dt, dl.dl1 dd {margin:0}
dl.dl1 dt {position:relative;font-weight:600;color:#000;}
dl.dl1 dt:before {position:absolute;top:13px;left:-11px;content:"";display:block;width:3px;height:3px;background:#2163c1;border-radius:100%;}
dl.dl1 dd {padding-bottom:3px}
dl.dl1 dd ul {margin:0}
dl.dl1 dd ul li {line-height:24px;font-weight:400;color:#000}

/* 동의폼 */
.allgo1agree {border:1px solid #d3d8ec;border-radius:20px;padding:80px 110px 35px;}
.allgo1agree .hg1 {text-align:center;}
.allgo1agree .hg1:before {content:"";display:block;width:150px;height:130px;background:url(../../img/lib2/ic300a1allgo1.png) no-repeat 0 0 / cover;margin:auto auto 34px;}
.allgo1agree .hg1 .h1 {font-size:36px;color:#000;font-weight:700;line-height:1;display:block;margin:0;letter-spacing:0}
.allgo1agree .hg1 .t1 {margin:20px 0 35px;font-size:18px;font-weight:400;color:#000}
.allgo1agree .agree1box {border:1px solid #d3d8ec;border-top:2px solid #001f74;padding:40px 40px 30px;line-height:24px;color:#000;word-break:keep-all}
.allgo1agree .agree1box strong {display:block;font-size:20px;font-weight:700}
.allgo1agree .agree1box p {margin:10px 0}
.allgo1agree .agree1box ul.bu li:before {top:12px;width:5px;height:2px;background:#111;}
.allgo1agree .agree1box .sinfo1 {font-size:16px;}
.allgo1agree .agree1box .sinfo1:before {background-color:#D4344F;border-radius:100%;}
.allgo1agree .agree1 {text-align:center;font-size:18px;color:#000;padding:15px 0}
.allgo1agree .agree1 input[type=checkbox] {width:20px;height:20px;appearance:none;background:url(../../img/lib2/ic40a1form1check1off.png) no-repeat 0 0 / cover;border-radius:0;margin:-2px 4px 0 0}
.allgo1agree .agree1 input[type=checkbox]:checked {background-image:url(../../img/lib2/ic40a1form1check1on.png)}
.allgo1agree .infomenu1.btns .button.large {width:150px;height:50px;line-height:50px}
@media screen and (max-width:999px){
	.allgo1agree {padding:60px 60px 30px}
	.allgo1agree .hg1:before {width:120px;height:104px;margin-bottom:26px}
	.allgo1agree .hg1 .h1 {font-size:32px}
	.allgo1agree .hg1 .t1 {font-size:17px;margin:15px 0 25px}
	.allgo1agree .infomenu1.btns {padding:25px 0 35px}
}
@media screen and (max-width:768px){
	.allgo1agree {padding:50px 40px 30px}
	.allgo1agree .hg1:before {width:105px;height:91px;margin-bottom:20px}
	.allgo1agree .hg1 .h1 {font-size:28px}
	.allgo1agree .hg1 .t1 {font-size:16px;line-height:22px}
	.allgo1agree .agree1box {padding:30px 30px 25px;font-size:15px}
	.allgo1agree .agree1box strong {font-size:18px}
	.allgo1agree .agree1box .sinfo1 {font-size:15px}
	.allgo1agree .agree1 {font-size:17px;}
	.allgo1agree .infomenu1.btns {padding:25px 0 35px}
}
@media screen and (max-width:599px){
	.allgo1agree {padding:40px 25px 25px}
	.allgo1agree .hg1 .h1 {font-size:24px}
	.allgo1agree .hg1 .t1 {font-size:15px;line-height:20px;margin:10px 0 20px;word-break:keep-all}
	.allgo1agree .agree1box {padding:25px 20px 20px}
	.allgo1agree .agree1box .sinfo1 {line-height:20px}
	.allgo1agree .agree1 {font-size:16px}
	.allgo1agree .infomenu1.btns {padding:20px 0 30px}
	.allgo1agree .infomenu1.btns .button.large {width:120px;height:46px;line-height:46px;font-size:16px}	
}
@media screen and (max-width:499px){
	.allgo1agree {text-align:center}
	.allgo1agree .agree1box {text-align:left}
	.allgo1agree .agree1 {position:relative;font-size:15px;line-height:20px;padding:10px 0;display:inline-block;vertical-align:top;padding-left:25px;text-align:left}
	.allgo1agree .agree1 input[type=checkbox] {position:absolute;top:14px;left:0;}
	.allgo1agree .infomenu1.btns {padding:15px 0 25px}
	.allgo1agree .infomenu1.btns .button.large {width:110px;height:42px;line-height:42px;font-size:15px}	
}
@media screen and (max-width:399px){
	.allgo1agree {padding:10px 0 20px;border:0}
	.allgo1agree .hg1:before {width:90px;height:78px;margin-bottom:13px}
	.allgo1agree .hg1 .h1 {font-size:22px}
}

/* 로그인 */
#lib2login1 {height:100dvh;background:#edf6ff url(../../img/lib2/login_bg.jpg) repeat-x 50% bottom;font-family:"Paperlogy", sans-serif;font-size:15px;color:#000;line-height:24px;padding:11dvh 0;box-sizing:border-box;}
#lib2login1 .wrap1 {max-width:1300px;height:670px;margin:auto auto 40px;overflow:hidden;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.1);background:#fff}
#lib2login1 .wrap1 .col {position:relative;float:left;width:50%;height:100%;box-sizing:border-box;padding:90px 60px;z-index:1}
#lib2login1 .wrap1 .col:first-child {background-image:linear-gradient(135deg, #0eb3d9, #0e70e5, #0e47be 55%);text-align:right;color:#fff}
#lib2login1 .wrap1 .col:first-child:after {position:absolute;bottom:48px;left:63px;content:"";display:block;width:351px;height:306px;background:url(../../img/lib2/ic351a1_bg.png) no-repeat 0 0 / cover;z-index:-1}
#lib2login1 .wrap1 .col:nth-child(2) {text-align:center;padding-top:95px;padding-bottom:65px}
#lib2login1 .wrap1 .col h1.logo {display:inline-block;height:40px;}
#lib2login1 .wrap1 .col h1.logo img {height:100%;}
#lib2login1 .wrap1 .col p span {display:block;}
#lib2login1 .wrap1 .col .t1 {font-size:36px;line-height:42px;margin:30px 0 35px}
#lib2login1 .wrap1 .col .t1 strong {color:#fff09c;font-weight:600}
#lib2login1 .wrap1 .col .t2 {font-size:18px;line-height:28px;}
#lib2login1 .wrap1 .col .h1 {display:block;font-size:46px;font-weight:800;color:#000;line-height:1.1}
#lib2login1 .wrap1 .col .t3 {font-size:17px;color:#333;margin:15px 0 50px}
#lib2login1 .wrap1 .col .frm1 ul {margin-bottom:60px}
#lib2login1 .wrap1 .col .frm1 ul li {margin-top:20px}
#lib2login1 .wrap1 .col .frm1 ul li input {width:100%;height:60px;border:0;border-bottom:1px solid #bbb;background:transparent;border-radius:0;font-family:"Paperlogy", sans-serif;font-size:16px;color:#000;padding:0;margin:0}
#lib2login1 .wrap1 .col .frm1 ul li input:-webkit-autofill, #lib2login1 .wrap1 .col .frm1 ul li input:-webkit-autofill:hover, #lib2login1 .wrap1 .col .frm1 ul li input:-webkit-autofill:focus, #lib2login1 .wrap1 .col .frm1 ul li input:-webkit-autofill:active {-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;}
#lib2login1 .wrap1 .col .frm1 .button.submit {width:100%;height:70px;padding:0;margin:0;background:#333;text-align:center;color:#fff;font-size:20px;border:0;border-radius:5px}
#lib2login1 .wrap1 .col .slink1 {margin:40px 0 0;font-size:0;}
#lib2login1 .wrap1 .col .slink1 li {position:relative;display:inline-block;vertical-align:top;padding:0 25px}
#lib2login1 .wrap1 .col .slink1 li:after {position:absolute;top:50%;right:0;content:"";display:block;width:1px;height:11px;background:#d8dde5;margin-top:-5px;}
#lib2login1 .wrap1 .col .slink1 li:last-child:after {display:none;}
#lib2login1 .wrap1 .col .slink1 li a {display:block;font-size:17px;color:#333;padding:5px}
#lib2login1 .foot {text-align:center}
#lib2login1 .foot address, #lib2login1 .foot .tel1info, #lib2login1 .foot .tel1info li {display:inline-block;vertical-align:top;}
#lib2login1 .foot address {margin-right:10px}
@media screen and (max-width:1348px){
	#lib2login1 .wrap1 {margin-left:24px;margin-right:24px;}
}
@media screen and (max-width:1259px){
	#lib2login1 .wrap1 {height:603px;margin:auto 16px 35px}
	#lib2login1 .wrap1 .col, #lib2login1 .wrap1 .col:nth-child(2) {padding:70px 45px}
	#lib2login1 .wrap1 .col:first-child:after {bottom:43px;left:57px;width:316px;height:275px;}
	#lib2login1 .wrap1 .col .t1 {font-size:32px;line-height:38px;margin:25px 0 30px}
	#lib2login1 .wrap1 .col .h1 {font-size:44px;}
	#lib2login1 .wrap1 .col .frm1 ul {margin-bottom:50px}
	#lib2login1 .wrap1 .col .slink1 {margin-top:35px}
	#lib2login1 .wrap1 .col .slink1 li {padding:0 20px}
	#lib2login1 .wrap1 .col .slink1 li a {font-size:16px}
}
@media screen and (max-width:999px){
	#lib2login1 .wrap1 .col {width:45%;padding-left:0;padding-right:0;}
	#lib2login1 .wrap1 .col:first-child:after {bottom:25px;left:25px;width:281px;height:245px;}
	#lib2login1 .wrap1 .col:nth-child(2) {width:55%}
	#lib2login1 .wrap1 .col h1.logo {height:36px;margin-right:30px;}
	#lib2login1 .wrap1 .col .tg1 {margin-right:30px}
	#lib2login1 .wrap1 .col .t1 {font-size:28px;line-height:34px;margin:20px 0}
	#lib2login1 .wrap1 .col .h1 {font-size:40px}
	#lib2login1 .wrap1 .col .t3 {font-size:16px;margin:10px 0 40px}
	#lib2login1 .wrap1 .col .frm1 ul {margin-bottom:40px}
	#lib2login1 .wrap1 .col .frm1 ul li {margin-top:15px}
	#lib2login1 .wrap1 .col .frm1 ul li input {height:56px;line-height:56px;}
	#lib2login1 .wrap1 .col .frm1 .button.submit {height:64px;line-height:64px;font-size:18px;}
	#lib2login1 .wrap1 .col .slink1 li {padding:0 15px}
}
@media screen and (max-width:799px){
	#lib2login1 {padding:7dvh 0}
	#lib2login1 .wrap1 {height:auto;margin-bottom:20px;}
	#lib2login1 .wrap1 .col {float:none;width:100%;}
	#lib2login1 .wrap1 .col:first-child {padding:45px 0 35px}
	#lib2login1 .wrap1 .col:first-child:after {bottom:20px;left:20px;width:228px;height:199px;}
	#lib2login1 .wrap1 .col h1.logo {height:32px;margin-right:30px;vertical-align:top;}
	#lib2login1 .wrap1 .col .t1 {font-size:24px;margin:25px 0 15px;line-height:28px;}
	#lib2login1 .wrap1 .col .t2 {font-size:16px;line-height:22px}
	#lib2login1 .wrap1 .col:nth-child(2) {width:100%;padding:40px 35px 30px}
	#lib2login1 .wrap1 .col .h1 {font-size:36px}
	#lib2login1 .wrap1 .col .t3 {margin-bottom:20px}
	#lib2login1 .wrap1 .col .frm1 ul {margin-bottom:30px}
	#lib2login1 .wrap1 .col .frm1 ul li input {height:50px;line-height:50px;font-size:15px}
	#lib2login1 .wrap1 .col .frm1 .button.submit {height:56px;line-height:56px;font-size:17px;}
	#lib2login1 .wrap1 .col .slink1 {margin-top:20px}
	#lib2login1 .wrap1 .col .slink1 li a {font-size:15px}
	#lib2login1 .foot {font-size:15px;line-height:20px}
}
@media screen and (max-width:699px){
	#lib2login1 .foot {font-size:14px;line-height:16px;}
	#lib2login1 .foot address {display:block;margin-right:0;}
	#lib2login1 .foot .tel1info {margin:3px 0}
}
@media screen and (max-width:599px){
	#lib2login1 {padding:6dvh 16px}
	#lib2login1 .wrap1 {margin-left:0;margin-right:0}
	#lib2login1 .wrap1 .col:first-child {padding:40px 0 30px}
	#lib2login1 .wrap1 .col:first-child:after {left:10px;bottom:15px;width:158px;height:138px;}
	#lib2login1 .wrap1 .col .t1 {font-size:22px;line-height:26px;}
	#lib2login1 .wrap1 .col .t2 {font-size:15px;line-height:20px}
	#lib2login1 .wrap1 .col:nth-child(2) {padding:30px 30px 20px}
	#lib2login1 .wrap1 .col .h1 {font-size:32px}
	#lib2login1 .wrap1 .col .t3 {font-size:15px;margin-bottom:10px}
	#lib2login1 .wrap1 .col .frm1 ul li {margin-top:10px}
	#lib2login1 .wrap1 .col .frm1 .button.submit {height:52px;line-height:52px;font-size:16px;}
	#lib2login1 .wrap1 .col .slink1 {margin-top:15px;}
	#lib2login1 .foot {font-size:14px;line-height:18px;}	
}
@media screen and (max-width:499px){
	#lib2login1 .wrap1 .col:first-child {padding-top:35px;text-align:center}
	#lib2login1 .wrap1 .col:first-child:after {display:none}
	#lib2login1 .wrap1 .col h1.logo {margin-right:0}
	#lib2login1 .wrap1 .col .tg1 {margin-right:0}
	#lib2login1 .wrap1 .col .t1 {font-size:20px;line-height:24px;margin:20px 0 15px}
	#lib2login1 .wrap1 .col .t2 {font-size:14px;line-height:18px;}	
	#lib2login1 .wrap1 .col:nth-child(2) {padding-left:20px;padding-right:20px}
	#lib2login1 .wrap1 .col .h1 {font-size:28px;}
	#lib2login1 .wrap1 .col .t3 {font-size:14px;line-height:18px;word-break:keep-all}
	#lib2login1 .wrap1 .col .frm1 ul {margin-bottom:20px;}
	#lib2login1 .wrap1 .col .frm1 .button.submit {height:48px;line-height:48px;font-size:15px;}
	#lib2login1 .wrap1 .col .slink1 li {padding:0 10px}
}
@media screen and (max-width:399px){
	#lib2login1 .wrap1 .col:first-child {padding:30px 20px 25px}
	#lib2login1 .wrap1 .col:nth-child(2) {padding-top:25px;}
	#lib2login1 .wrap1 .col h1.logo {height:28px;}
	#lib2login1 .wrap1 .col .t1 {margin-top:15px;}
	#lib2login1 .wrap1 .col .frm1 ul li input {height:46px;line-height:46px;}
	#lib2login1 .wrap1 .col .slink1 {margin-left:-20px;margin-right:-20px}
	#lib2login1 .wrap1 .col .slink1 li {padding:0 5px}
	#lib2login1 .wrap1 .col .slink1 li a {font-size:14px}
}

/* 회원탈퇴 */
.lib2leave {border:1px solid #d3d8ec;border-radius:20px;text-align:center;padding:60px 0}
.lib2leave .hg1:before {content:"";display:block;width:142px;height:144px;background:url(../../img/lib2/ic288a1leave.png) no-repeat 0 0 / cover;margin:auto auto 30px}
.lib2leave .hg1 .h1 {font-size:36px;color:#000;font-weight:700;line-height:40px}
.lib2leave .hg1 .h1 span {display:block;}
.lib2leave ul.bu.bu2 {font-size:18px;font-weight:500;color:#000;max-width:580px;margin:30px auto;}
.lib2leave ul.bu.bu2 li {margin:0;line-height:1.75}
.lib2leave ul.bu.bu2 li:before {top:13px;height:4px;border-radius:100%;background:#2163c1;}
.lib2leave .box {background:#edf6ff;border-radius:10px;max-width:890px;margin:auto;padding:30px 0 35px}
.lib2leave .box .sinfo1 {font-size:18px;color:#000;font-weight:500;margin:0 0 13px;display:inline-block;vertical-align:top}
.lib2leave .box .sinfo1:before {top:4px;width:20px;height:20px;background:#3168e2;border-radius:100%;padding-right:1px;}
.lib2leave .box input {display:block;max-width:480px;width:100%;height:60px;margin:auto;padding:0 20px;}
.lib2leave .agree1 {font-size:18px;color:#000;padding:20px 0}
.lib2leave .agree1 input[type=checkbox] {width:20px;height:20px;appearance:none;background:url(../../img/lib2/ic40a1form1check1off.png) no-repeat 0 0 / cover;margin:-1px 8px 0 0;border-radius:0}
.lib2leave .agree1 input[type=checkbox]:checked {background-image:url(../../img/lib2/ic40a1form1check1on.png)}
.lib2leave .infomenu1.btns {padding:30px 0}
.lib2leave .infomenu1.btns .button.large {width:160px;height:52px;line-height:52px;font-size:18px;}
@media screen and (max-width:1399px){
	.lib2leave {padding:60px 50px}
}
@media screen and (max-width:1259px){
	.lib2leave .hg1 .h1 {font-size:32px;line-height:36px}	
}
@media screen and (max-width:999px){
	.lib2leave {padding:50px 50px 35px}
	.lib2leave .hg1:before {width:128px;height:130px;margin-bottom:20px}
	.lib2leave .hg1 .h1 {font-size:30px;line-height:34px}	
	.lib2leave ul.bu.bu2 {font-size:17px;}
	.lib2leave .infomenu1.btns {padding:20px 0}
}
@media screen and (max-width:768px){
	.lib2leave {padding:45px 45px 30px}
	.lib2leave .hg1:before {width:114px;height:115px;margin-bottom:15px}
	.lib2leave .hg1 .h1 {font-size:28px;line-height:32px}	
	.lib2leave ul.bu.bu2 {margin:17px auto}
	.lib2leave .box {padding-left:45px;padding-right:45px}
	.lib2leave .box .sinfo1 {font-size:17px}
	.lib2leave .box input {height:56px;line-height:56px}
	.lib2leave .agree1 {font-size:17px;}
	.lib2leave .infomenu1.btns {padding:20px 0}
}
@media screen and (max-width:699px){
	.lib2leave {padding:45px 25px 25px}
	.lib2leave ul.bu.bu2 {line-height:20px;}
	.lib2leave ul.bu.bu2 li {margin:7px 0;font-size:16px}
	.lib2leave ul.bu.bu2 li:before {top:9px;}
	.lib2leave .box {padding:25px 30px}
	.lib2leave .box input {height:50px;line-height:50px;font-size:15px}
	.lib2leave .agree1 {font-size:16px;}
	.lib2leave .box .sinfo1 {font-size:16px;line-height:20px;display:inline-block;vertical-align:top;}
	.lib2leave .box .sinfo1:before {top:0}
	.lib2leave .infomenu1.btns {padding:10px 0}
	.lib2leave .infomenu1.btns .button.large {font-size:17px;min-width:120px;height:48px;line-height:48px;width:auto;}
}
@media screen and (max-width:599px){
	.lib2leave .hg1:before {width:85px;height:86px;}
	.lib2leave .hg1 .h1 {font-size:24px;line-height:26px}
	.lib2leave .box {padding:20px}
	.lib2leave .agree1 {position:relative;display:inline-block;vertical-align:top;padding-left:27px}
	.lib2leave .agree1 input[type=checkbox] {position:absolute;top:27px;left:0;margin-right:0;}	
}
@media screen and (max-width:499px){
	.lib2leave {padding:40px 20px 20px}
	.lib2leave .hg1 .h1 {font-size:22px;line-height:24px}
	.lib2leave ul.bu.bu2 li {font-size:16px;}
	.lib2leave .agree1 {line-height:20px;font-size:15px;padding-left:25px;text-align:left}
	.lib2leave .agree1 input[type=checkbox] {top:22px}
	.lib2leave .infomenu1.btns .button.large {min-width:90px;height:46px;line-height:46px;font-size:16px;}
}
@media screen and (max-width:399px){
	.lib2leave .hg1:before {width:71px;height:72px;margin-bottom:10px}
	.lib2leave .hg1 .h1 {font-size:20px;line-height:18px}
	.lib2leave ul.bu.bu2 li {font-size:15px;}
	.lib2leave ul.bu.bu2 li:before {top:7px}
}
/* 학교 자동완성 */
.school-autocomplete-wrap {position:relative;}
.school-autocomplete-box {display:none;position:absolute;top:75%;left:20px;right:20px;z-index:30;margin-top:4px;border:1px solid #d9d9d9;background:#fff;max-height:240px;overflow-y:auto;}
.school-autocomplete-list {list-style:none;margin:0;padding:0;}
.school-autocomplete-item {padding:10px 12px;border-top:1px solid #f0f0f0;cursor:pointer;}
.school-autocomplete-item:first-child {border-top:0;}
.school-autocomplete-item:hover, .school-autocomplete-item:focus {background:#f7f9fc;}
.school-autocomplete-empty {	padding:10px 12px;color:#666;}

/* 나의 통합학습이력 */
.history-empty {color:#000;text-align:center;padding:18px 10px;background:#fff;border-radius:5px;margin:20px 0;font-size:17px;font-weight:600}


/* 회원가입 */
.lib2join1 {padding-top:30px}
.lib2join1 .step1list {position:relative;text-align:center;font-size:0;margin-bottom:50px;z-index:1}
.lib2join1 .step1list:after {position:absolute;top:50%;left:150px;content:"";display:block;width:calc(100% - 300px);height:1px;background:#ccc;z-index:-1}
.lib2join1 .step1list li {position:relative;display:inline-block;vertical-align:top;text-align:left;margin:0 20px;font-size:20px;font-weight:300;padding:20px 20px 20px 125px;background:#fff;}
.lib2join1 .step1list li:before {position:absolute;top:0;left:25px;content:"";display:block;width:80px;height:80px;border-radius:100%;background:#f5f7ff url(../../img/lib2/join_sprite.png) no-repeat;background-size:auto 100px;}
.lib2join1 .step1list li span {display:block;line-height:1.1}
.lib2join1 .step1list li .t1 {font-size:12px;font-weight:600;color:#555;margin-bottom:5px}
.lib2join1 .step1list li[aria-current="step"] {color:#000;font-size:22px;font-weight:700;}
.lib2join1 .step1list li[aria-current="step"]:before {background-color:#2163c1;box-shadow:5px 5px 10px rgba(0,0,0,.15)}
.lib2join1 .step1list li[aria-current="step"] .t1 {font-weight:900;color:#2163c1}
.lib2join1 .step1list li.n1:before {background-position:-92px 0}
.lib2join1 .step1list li.n2:before {background-position:-174px 0}
.lib2join1 .step1list li.n3:before {background-position:-256px 0}
.lib2join1 .step1list li.n4:before {background-position:-338px 0}
.lib2join1 .step1list li.n1[aria-current="step"]:before {background-position:-420px 0}
.lib2join1 .step1list li.n2[aria-current="step"]:before {background-position:-502px 0}
.lib2join1 .step1list li.n3[aria-current="step"]:before {background-position:-584px 0}
.lib2join1 .step1list li.n4[aria-current="step"]:before {background-position:-666px 0}
.lib2join1 .agree1box {border:1px solid #d3d8ec;border-top:2px solid #173589;padding:30px;max-height:300px;box-sizing:border-box;overflow-y:auto;}
.lib2join1 .infobox2 {position:relative;background:#f5f7ff;border-radius:40px 10px 10px 10px;padding:45px 45px 40px 160px;font-size:18px;line-height:28px;color:#000;font-weight:500;}
.lib2join1 .infobox2:before {position:absolute;top:50%;left:40px;content:"";display:block;width:90px;height:90px;background:#fff url(../../img/lib2/join_sprite.png) 0 0 / auto 100px;border-radius:100%;margin-top:-45px;}
.lib2join1 .infobox2 p {margin:0}
.lib2join1 .infobox2 ul.bu.bu1 li:before {background-color:#0F47BE}
.lib2join1 .agree1 {margin:20px 0 35px;font-size:20px;color:#000;font-weight:500;text-align:center}
.lib2join1 .agree1 input[type=checkbox] {width:20px;height:20px;appearance:none;background:url(../../img/lib2/ic40a1form1check1off.png) no-repeat 0 0 / cover;border-radius:0;margin-right:8px}
.lib2join1 .agree1 input[type=checkbox]:checked {background-image:url(../../img/lib2/ic40a1form1check1on.png)}
.lib2join1 .agree1 input[type=radio] {width:20px;height:20px;appearance:none;background:url(../../img/lib2/ic36a1form1radio1off.png) no-repeat 0 0 / cover;border-radius:0;margin-right:8px}
.lib2join1 .agree1 input[type=radio]:checked {background-image:url(../../img/lib2/ic36a1form1radio1on.png)}
.lib2join1 .agree1.tar {font-size:17px;font-weight:400;margin:10px 0 20px}
.lib2join1 .agree1.tar label {margin-right:50px}
.lib2join1 .agree1.tar label:nth-last-child(1) {margin-right:0}
.lib2join1 .infomenu1.btns {text-align:center;margin:1.5em 0}
.lib2join1 .infomenu1.btns .button.large {width:150px;height:50px;line-height:50px;padding:0;margin:0 5px}
[class*=lib2join] .ipin1 {border-radius:20px;text-align:center;padding:85px 0 80px}
[class*=lib2join] .ipin1 .hg1:after {content:"";display:block;width:160px;height:160px;border-radius:100%;margin:auto auto 35px;background:#edf6ff url(../../img/lib2/ic320a1ipin.png) no-repeat 0 0 / cover;}
[class*=lib2join] .ipin1 .hg1 .h1 {font-size:36px;font-weight:700;color:#000;line-height:24px;}
[class*=lib2join] .ipin1 .hg1 .t1 {font-size:18px;color:#000;margin:20px 0 30px}
[class*=lib2join] .ipin1 .infomenu1.btns {padding:0}
[class*=lib2join] .hb1.h2 {margin-top:5px;margin-bottom:.9em;}
.lib2join1 .ipin1 {border:1px solid #d3d8ec;}
.lib2join2 .ipin1 {background:#f5f7ff}
.lib2join1 p.t1 {margin-top:-10px;margin-bottom:1.125em;color:#000}
.lib2join1 table td .sinfo2 {margin-top:5px}
.lib2join1 table td input.zipcode1 {width:100px;}
.msgbox1 {border:1px solid #d3d8ec;border-radius:20px;text-align:center;padding:80px 0 40px}
.msgbox1 .hg1:after {content:"";display:block;width:160px;height:160px;background:url(../../img/lib2/ic320a1join.png) no-repeat 0 0 / cover;margin:auto;}
.msgbox1 .hg1 .h1 {font-size:36px;font-weight:700;color:#000;}
.msgbox1 .hg1 .t1 {font-size:18px;line-height:24px;color:#000;margin:7px 0 25px}
.msgbox1 .hg1 .t1 span {display:block;}
@media screen and (max-width:1419px){
	.lib2join1 .step1list li {margin:0 10px;padding-right:10px;padding-left:115px}
	.lib2join1 .step1list li:before {left:15px;}
}
@media screen and (max-width:1259px){
	.lib2join1 {padding-top:15px}
	.lib2join1 .step1list {margin-bottom:35px;}
	.lib2join1 .step1list li {margin:0 20px;padding-right:20px;padding-left:125px;}	
	.lib2join1 .step1list li:before {left:25px;}
}
@media screen and (max-width:1099px){
	.lib2join1 .step1list li:first-child {margin-left:0}
	.lib2join1 .step1list li:last-child {margin-right:0}
	.lib2join1 .step1list li {font-size:19px;margin:0 15px;padding:15px 15px 15px 102px}
	.lib2join1 .step1list li[aria-current="step"] {font-size:20px}
	.lib2join1 .step1list li:before {left:15px;width:72px;height:72px;background-size:auto 90px;}
	.lib2join1 .step1list li.n1:before {background-position:-83px 0}
	.lib2join1 .step1list li.n2:before {background-position:-157px 0}
	.lib2join1 .step1list li.n3:before {background-position:-230px 0}
	.lib2join1 .step1list li.n4:before {background-position:-304px 0}
	.lib2join1 .step1list li.n1[aria-current="step"]:before {background-position:-378px 0}
	.lib2join1 .step1list li.n2[aria-current="step"]:before {background-position:-452px 0}
	.lib2join1 .step1list li.n3[aria-current="step"]:before {background-position:-526px 0}
	.lib2join1 .step1list li.n4[aria-current="step"]:before {background-position:-599px 0}
	.lib2join1 .infobox2 {font-size:17px;line-height:26px;padding:30px 30px 30px 130px;}
	.lib2join1 .infobox2:before {left:30px;width:81px;height:81px;background-size:auto 90px;margin-top:-40px;}
}
@media screen and (max-width:999px){
	[class*=lib2join] .ipin1 {padding:65px 0 55px}
	[class*=lib2join] .ipin1 .hg1 .h1, .msgbox1 .hg1 .h1 {font-size:32px}
	[class*=lib2join] .ipin1 .hg1 .t1 {margin:15px 0 25px}
	.msgbox1 {padding:65px 0 20px}
}
@media screen and (max-width:899px){
	.lib2join1 .step1list {margin-bottom:15px}
	.lib2join1 .step1list li {margin:0 25px;font-size:18px;padding:15px 30px;text-align:center;box-sizing:border-box;}	
	.lib2join1 .step1list li[aria-current="step"] {font-size:19px}
	.lib2join1 .step1list li:before {position:relative;top:auto;left:auto;margin:auto auto 13px;width:64px;height:64px;background-size:auto 80px}
	.lib2join1 .step1list li.n1:before {background-position:-74px 0}
	.lib2join1 .step1list li.n2:before {background-position:-139px 0}
	.lib2join1 .step1list li.n3:before {background-position:-205px 0}
	.lib2join1 .step1list li.n4:before {background-position:-270px 0}
	.lib2join1 .step1list li.n1[aria-current="step"]:before {background-position:-336px 0}
	.lib2join1 .step1list li.n2[aria-current="step"]:before {background-position:-402px 0}
	.lib2join1 .step1list li.n3[aria-current="step"]:before {background-position:-467px 0}
	.lib2join1 .step1list li.n4[aria-current="step"]:before {background-position:-533px 0}
	.lib2join1 .infobox2 {font-size:16px;line-height:20px;padding-left:125px;word-break:keep-all}
	.lib2join1 .infobox2:before {left:20px;width:81px;height:81px;background-size:auto 90px;margin-top:-40px;}
	.lib2join1 .infobox2 ul.bu.bu1 li {margin:8px 0}
	.lib2join1 .infobox2 ul.bu.bu1 li:before {top:8px}
	.lib2join1 .agree1 {font-size:19px;margin:10px 0 35px}
}
@media screen and (max-width:768px){
	.lib2join1 .step1list li {margin:0 20px;padding:15px 20px;}
	.lib2join1 .agree1 {margin-bottom:30px}
	.lib2join1 .agree1.tar label {margin-right:30px}
	[class*=lib2join] .ipin1 .hg1 .t1, .msgbox1 .hg1 .t1 {font-size:17px}
	[class*=lib2join] .ipin1 .hg1:after, .msgbox1 .hg1:after {width:128px;height:128px;margin-bottom:25px}
	.msgbox1 .hg1:after {margin-bottom:10px}
}
@media screen and (max-width:699px){
	.lib2join1 .infobox2 {padding:20px 20px 20px 110px;}
	.lib2join1 .infobox2:before {width:72px;height:72px;background-size:auto 80px;margin-top:-36px;}
	.lib2join1 .agree1 {font-size:18px;}
	.lib2join1 .agree1.tar {margin:5px 0 15px;text-align:center !important}
	.lib2join1 .agree1box {padding:25px}
}
@media screen and (max-width:649px){
	.lib2join1 {padding-top:10px}	
	.lib2join1 .step1list:after {top:50px;left:60px;width:calc(100% - 120px)}
	.lib2join1 .step1list li {margin:0;width:calc(25% - 4px);padding:15px 10px;font-size:17px;background-color:transparent;}
	.lib2join1 .step1list li[aria-current="step"] {font-size:18px}
	.lib2join1 .step1list li:before {width:56px;height:56px;background-size:auto 70px;margin-bottom:4px;border:6px solid #fff;}
	.lib2join1 .step1list li[aria-current="step"]:before {border:0;margin:6px auto 10px;}
	.lib2join1 .step1list li.n1:before {background-position:-64px 0}
	.lib2join1 .step1list li.n2:before {background-position:-122px 0}
	.lib2join1 .step1list li.n3:before {background-position:-179px 0}
	.lib2join1 .step1list li.n4:before {background-position:-237px 0}
	.lib2join1 .step1list li.n1[aria-current="step"]:before {background-position:-294px 0}
	.lib2join1 .step1list li.n2[aria-current="step"]:before {background-position:-351px 0}
	.lib2join1 .step1list li.n3[aria-current="step"]:before {background-position:-409px 0}
	.lib2join1 .step1list li.n4[aria-current="step"]:before {background-position:-466px 0}
	.lib2join1 .agree1 {font-size:17px;}
}
@media screen and (max-width:599px){	
	[class*=lib2join] .ipin1 .hg1 .h1, .msgbox1 .hg1 .h1 {font-size:28px}
	[class*=lib2join] .ipin1 .hg1 .t1, .msgbox1 .hg1 .t1 {margin-top:10px;font-size:16px}
	.msgbox1 .hg1 .t1 {margin-top:5px;margin-bottom:20px;line-height:22px;}
}
@media screen and (max-width:549px){	
	.lib2join1 .infobox2 {font-size:15px;padding:10px 20px;border-top-left-radius:20px;word-break:inherit;}
	.lib2join1 .infobox2:before {display:none}
}
@media screen and (max-width:499px){
	.lib2join1 .step1list {margin-bottom:5px}
	.lib2join1 .step1list:after {top:45px}
	.lib2join1 .step1list li {width:25%;font-size:16px;padding-left:0;padding-right:0}
	.lib2join1 .step1list li[aria-current="step"] {font-size:17px}
	.lib2join1 .step1list li:before {width:48px;height:48px;background-size:auto 60px;}
	.lib2join1 .step1list li .t1 {margin-bottom:3px}
	.lib2join1 .step1list li.n1:before {background-position:-55px 0}
	.lib2join1 .step1list li.n2:before {background-position:-104px 0}
	.lib2join1 .step1list li.n3:before {background-position:-154px 0}
	.lib2join1 .step1list li.n4:before {background-position:-203px 0}
	.lib2join1 .step1list li.n1[aria-current="step"]:before {background-position:-252px 0}
	.lib2join1 .step1list li.n2[aria-current="step"]:before {background-position:-301px 0}
	.lib2join1 .step1list li.n3[aria-current="step"]:before {background-position:-350px 0}
	.lib2join1 .step1list li.n4[aria-current="step"]:before {background-position:-400px 0}
	.lib2join1 .agree1, .lib2join1 .agree1.tar {font-size:16px;margin-top:0}
	.lib2join1 .agree1.tar label {margin-right:15px}
	[class*=lib2join] .ipin1 {padding:50px 20px 40px}
	[class*=lib2join] .ipin1 .hg1 .h1, .msgbox1 .hg1 .h1 {font-size:24px}
	[class*=lib2join] .ipin1 .hg1 .t1 {margin-top:8px;font-size:15px}
	[class*=lib2join] .ipin1 .hg1:after, .msgbox1 .hg1:after {width:96px;height:96px}
	[class*=lib2join] .infomenu1.btns .button.large {line-height:42px;height:42px;padding-top:0;padding-bottom:0;font-size:1em}
}
@media screen and (max-width:399px){
	.lib2join1 .step1list {margin-bottom:15px}
	.lib2join1 .step1list:after {top:30px}
	.lib2join1 .step1list li {width:23.5%;padding:0;text-align:center;font-size:15px}
	.lib2join1 .step1list li:nth-child(3) {width:29.5%}
	.lib2join1 .step1list li[aria-current="step"] {font-size:16px}
	.lib2join1 .agree1, .lib2join1 .agree1.tar {font-size:15px}
	.lib2join1 .agree1 input[type=radio] {margin-right:5px}
	.lib2join1 .infomenu1.btns .button.large {line-height:42px;width:130px;height:42px;font-size:1.1em;}
	.msgbox1 {padding:45px 20px 20px;word-break:keep-all}
	.msgbox1 .hg1 .h1 {line-height:24px}
	.msgbox1 .hg1 .t1 {margin-top:10px}
}

/* 아이디/비번찾기 */
.findidpw1 {border:1px solid #d3d8ec;border-radius:20px;text-align:center;padding:55px 0}
.findidpw1 .hg1:before {content:"";display:block;width:149px;height:161px;background:url(../../img/lib2/ic322a1find.png) no-repeat 0 0 / cover;margin:auto auto 25px}
.findidpw1 .hg1 .h1 {font-size:36px;color:#000;font-weight:700;line-height:1.1;}
.findidpw1 .hg1 .h2 {display:block;font-size:24px;margin-top:10px;color:#ff2000;font-weight:800;}
.findidpw1 .hg1 .t1 {font-size:18px;line-height:24px;color:#000;margin:12px 0 25px}
.findidpw1 .frm1 {max-width:480px;margin:auto;}
.findidpw1 .frm1 li {display:block;font-size:0;}
.findidpw1 .frm1 li * {display:inline-block;vertical-align:top;box-sizing:border-box;font-size:16px;}
.findidpw1 .frm1 input[type=text] {width:100%;margin:0 0 8px;height:56px;line-height:56px;padding-left:20px;padding-right:20px;}
.findidpw1 .frm1 select {width:calc(33.33% - 16.66px);height:56px;padding-left:20px;font-size:16px;margin:0}
.findidpw1 .frm1 input[type=text].w30 {width:calc(33.33% - 16.66px);margin-bottom:0}
.findidpw1 .frm1 span.vam {width:25px;line-height:56px;}
.findidpw1 .frm1 .button {font-size:18px;width:100%;height:60px;line-height:60px;padding:0;margin-top:15px;margin-bottom:0;border-radius:6px;font-weight:600}
.findidpw1 .infomenu1.btns {padding:10px 0 20px}
.findidpw1 .infomenu1.btns .button.large {width:150px;}
@media screen and (max-width:999px){
	.findidpw1 .hg1:before {width:119px;height:129px;margin-bottom:20px}
	.findidpw1 .hg1 .h1 {font-size:32px}
	.findidpw1 .hg1 .t1 {font-size:17px;margin-top:10px}	
}
@media screen and (max-width:768px){
	.findidpw1 {padding:50px 0}
	.findidpw1 .hg1:before {width:104px;height:113px;margin-bottom:20px}
	.findidpw1 .hg1 .h1 {font-size:28px}
	.findidpw1 .hg1 .t1 {font-size:17px;margin-top:6px}	
	.findidpw1 .frm1 input[type=text] {height:52px;line-height:52px}
	.findidpw1 .frm1 select {height:52px}
	.findidpw1 .frm1 .button {font-size:17px;height:56px;line-height:56px;margin-top:10px}
	.findidpw1 .frm1 span.vam {line-height:52px}
}
@media screen and (max-width:599px){
	.findidpw1 {padding:45px 30px}
	.findidpw1 .frm1 {max-width:none;}
	.findidpw1 .hg1:before {width:89px;height:97px;margin-bottom:15px}
	.findidpw1 .hg1 .h1 {font-size:25px}
	.findidpw1 .hg1 .t1 {font-size:16px;margin-bottom:20px}	
	.findidpw1 .frm1 input[type=text] {height:50px;line-height:50px}
	.findidpw1 .frm1 select {height:50px}
	.findidpw1 .frm1 .button {font-size:16px;height:52px;line-height:52px;margin-top:6px}	
	.findidpw1 .frm1 span.vam {line-height:50px}
	.findidpw1 .hg1 .h2 {font-size:22px}
}
@media screen and (max-width:449px){
	.findidpw1 {padding:40px 20px 30px}
	.findidpw1 .hg1:before {width:75px;height:81px;margin-bottom:10px}
	.findidpw1 .hg1 .h1 {font-size:22px}
	.findidpw1 .hg1 .t1 {font-size:15px;line-height:18px;margin-bottom:20px;word-break:keep-all}	
	.findidpw1 .frm1 input[type=text] {padding:0 15px;height:48px;line-height:48px;}
	.findidpw1 .frm1 select, .findidpw1 .frm1 input[type=text].w30 {width:calc(33.33% - 12px);}
	.findidpw1 .frm1 select {padding-left:15px;height:48px;}
	.findidpw1 .frm1 span.vam {width:18px;line-height:48px}
	.findidpw1 .frm1 .button {height:50px;line-height:50px;}		
	.findidpw1 .hg1 .h2 {font-size:20px}
}
@media screen and (max-width:399px){
	.findidpw1 .frm1 input[type=text] {padding:0 10px;font-size:15px;height:45px;line-height:45px}
	.findidpw1 .frm1 select {padding-left:10px;font-size:15px;height:45px}	
	.findidpw1 .frm1 .button {height:48px;line-height:48px;}	
	.findidpw1 .infomenu1.btns .button.large {min-width:70px;width:auto;box-sizing:content-box}
}

/* 로그인 */
.lib2login {border:1px solid #d3d8ec;border-radius:20px;text-align:center;padding:80px 0}
.lib2login .hg1:before {content:"";display:block;width:139px;height:132px;background:url(../../img/lib2/ic278a1login.png) no-repeat 0 0 / cover;margin:auto}
.lib2login .hg1 .h1 {font-size:42px;font-weight:700;color:#000;letter-spacing:0;margin:35px 0 20px;display:block;line-height:1}
.lib2login .hg1 .t1 {font-size:18px;line-height:24px;color:#000;font-weight:400;margin-bottom:4px}
.lib2login .frm1 {max-width:480px;margin:auto;}
.lib2login .frm1 li {border-bottom:1px solid #bbb;margin-top:20px}
.lib2login .frm1 li input {width:100%;height:60px;border:0;background:transparent;font-size:17px;margin:0;padding:0;font-weight:500}
.lib2login .frm1 .button.submit {display:block;width:100%;height:70px;background:#333;border-radius:5px;font-size:20px;color:#fff;border:0;margin:50px 0 30px}
.lib2login .slink1 {font-size:0}
.lib2login .slink1 li {display:inline-block;vertical-align:top;font-size:17px}
.lib2login .slink1 li a {position:relative;display:block;color:#555;font-weight:500;padding:5px 30px;}
.lib2login .slink1 li a:after {position:absolute;top:50%;right:0;content:"";display:block;width:1px;height:11px;background:#d8dde5;margin-top:-5.5px;}
.lib2login .slink1 li:last-child a:after {display:none}
@media screen and (max-width:999px){
	.lib2login .hg1:before {width:125px;height:119px;}
	.lib2login .hg1 .h1 {font-size:38px;margin:25px 0 15px;}
}
@media screen and (max-width:768px){
	.lib2login {padding:60px 0}
	.lib2login .hg1:before {width:111px;height:106px;}
	.lib2login .hg1 .h1 {font-size:34px;margin:20px 0 10px;}
}
@media screen and (max-width:699px){
	.lib2login {padding:50px 30px 40px}
	.lib2login .hg1:before {width:97px;height:92px;}
	.lib2login .hg1 .h1 {font-size:30px;margin:15px 0 10px;}
	.lib2login .hg1 .t1 {font-size:17px}
	.lib2login .frm1 li input {height:54px;font-size:16px}
	.lib2login .frm1 .button.submit {height:60px;font-size:18px;margin-top:40px}
	.lib2login .slink1 li {font-size:16px;}
	.lib2login .slink1 li a {padding:5px 20px}	
}
@media screen and (max-width:399px){
	.lib2login {padding:45px 25px 35px}
	.lib2login .hg1:before {width:83px;height:79px;}
	.lib2login .hg1 .h1 {font-size:26px;}
	.lib2login .hg1 .t1 {font-size:16px}
	.lib2login .frm1 li input {font-size:15px}
	.lib2login .frm1 .button.submit {height:50px;font-size:17px;margin-top:30px;margin-bottom:20px;}
	.lib2login .slink1 {margin-left:-25px;margin-right:-25px}
	.lib2login .slink1 li {font-size:15px;}
	.lib2login .slink1 li a {padding-left:10px;padding-right:10px;}
}

/* 첨부파일 안내 */
.info1addfile {margin-top:40px;letter-spacing:-.05em;line-height:20px;}
.info1addfile .hb2.h3 {margin-bottom:0}
.info1addfile .t1 {margin:10px 0}
.info1addfile .sinfo2 {font-size:20px;font-weight:600;color:#000;padding-left:29px;margin-bottom:0}
.info1addfile .sinfo2:before {top:0;width:21px;height:21px;}
.info1addfile ul.bu {margin:15px 0}
.info1addfile .imgzoom1 {float:left;width:calc(50% - 5px);border:1px solid #c01d1d;border-radius:10px;overflow:hidden;margin-left:10px;box-sizing:border-box}
.info1addfile .imgzoom1:nth-of-type(1) {margin-left:0;border-color:#2163c1}
.info1addfile .imgzoom1 img {width:100%;}
.info1addfile .t2 {font-size:14px;text-align:right;color:#c01d1d}
.info1addfile .info1 {background:#f5f7ff;border-radius:10px;padding:25px;font-weight:500;color:#000;}
@media screen and (max-width:768px){
	.info1addfile {margin-top:20px;font-size:15px;}
	.info1addfile .imgzoom1, .info1addfile .imgzoom1:nth-of-type(1) {float:none;width:100%;margin:15px auto;text-align:center}
	.info1addfile .imgzoom1 img {max-width:578px;}
	.info1addfile .info1 {padding:20px;line-height:22px}
}


/* 20260715 교육강좌 추가 */
/* 목록 */
.cp1list1 {border-top:2px solid #173589;border-bottom:1px solid #d3d8ec;padding-top:8px;padding-bottom:30px;margin-bottom:30px}
.cp1list1 .lst {position:relative;margin-top:20px;}
.cp1list1 .lst a {display:block;border:1px solid #d3d8ec;border-radius:20px;}
.cp1list1 .lst a:after {content:"";display:block;clear:both;}
.cp1list1 .lst a .f1 {position:relative;float:left;width:376px;height:265px;border-radius:20px 0 0 20px;overflow:hidden;z-index:1;margin:-1px 0 -1px -1px;background:#f6f7fd}
.cp1list1 .lst a .f1:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;background:url(../../img/inc/logo@2x.png) no-repeat 50% 50% / auto 39px;filter:grayscale(100%);opacity:.3}
.cp1list1 .lst a .f1 .f1p1 {position:relative;width:100%;height:100%;display:block;z-index:1}
.cp1list1 .lst a .f1 .f1p1 img {display:block;object-fit:cover;width:100%;height:100%;}
.cp1list1 .lst a .texts {float:right;width:calc(100% - 415px);padding:40px 40px 36px 0;box-sizing:border-box;}
.cp1list1 .lst a .texts .stat {display:block;}
.cp1list1 .lst a .texts .stat em {display:inline-block;vertical-align:top;line-height:30px;height:30px;font-size:14px;font-weight:400;border-radius:9999px;text-align:center;box-sizing:border-box;}
.cp1list1 .lst a .texts .stat em[data-status] {width:86px;color:#fff;margin-right:5px;}
.cp1list1 .lst a .texts .stat em[data-category] {width:80px;border:1px solid #333;line-height:28px;color:#333}
.cp1list1 .lst a .texts .stat em[data-category]:before {content:"";display:inline-block;vertical-align:middle;width:17px;height:17px;background:url(../../img/lib2/ic72a1price.png) no-repeat 0 0 / auto 17px;margin:-2px 4px 0 0}
.cp1list1 .lst a .texts .h1 {display:block;font-size:32px;font-weight:700;color:#000;line-height:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:15px 0 20px;}
.cp1list1 .lst a .texts .h1 em {color:inherit;width:calc(100%);background-image:linear-gradient(transparent calc(100% - 10px), rgba(0,120,243,.2) 5px);background-size:0% 100%;background-position:0 100%;background-repeat: no-repeat;transition:background-size .4s ease .1s;color:inherit;}
.cp1list1 .lst a .texts .clist {overflow:hidden;margin:0;padding:0;list-style:none;}
.cp1list1 .lst a .texts .clist li {float:left;width:50%;color:#000;font-size:0;margin:1px 0}
.cp1list1 .lst a .texts .clist li span {display:inline-block;vertical-align:top;font-size:16px;font-weight:400;box-sizing:border-box;}
.cp1list1 .lst a .texts .clist li .t1 {position:relative;font-weight:500;width:90px;padding-left:10px;}
.cp1list1 .lst a .texts .clist li .t1:before {position:absolute;top:50%;left:0;content:"";display:block;width:3px;height:3px;background:#2163c1;border-radius:100%;margin-top:-1.5px;}
.cp1list1 .lst a .texts .clist li .t2 {width:calc(100% - 90px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 상태값 */
.cp1list1 .lst a .texts .stat em[data-status="접수대기"] {background-color:#3b82f6;}
.cp1list1 .lst a .texts .stat em[data-status="접수중"] {background-color:#f15a38}
.cp1list1 .lst a .texts .stat em[data-status="접수마감"] {background-color:#444;}
.cp1list1 .lst a .texts .stat em[data-category="무료"]:before {background-position:0 0}
.cp1list1 .lst a .texts .stat em[data-category="유료"]:before {background-position:-19px 0;margin-top:-1px;}
@media screen and (min-width:1260px){
	.cp1list1 .lst a:hover .texts .h1 em, .cp1list1 .lst a:focus .texts .h1 em {background-size:100% 100%}
}
@media screen and (max-width:1259px){
	.cp1list1 .lst a .f1 {width:338px;height:239px}
	.cp1list1 .lst a .texts {padding:30px 30px 26px 0;width:calc(100% - 374px)}
	.cp1list1 .lst a .texts .h1 {font-size:28px;line-height:28px;margin:12px 0 18px}
}
@media screen and (max-width:1099px){
	.cp1list1 .lst a .f1 {width:301px;height:212px}
	.cp1list1 .lst a .texts {padding:23px 25px 21px 0;width:calc(100% - 332px)}
	.cp1list1 .lst a .texts .h1 {font-size:26px;line-height:26px;margin:10px 0}	
}
@media screen and (max-width:999px){
	.cp1list1 .lst a {padding:25px 30px 20px;}
	.cp1list1 .lst a .f1 {width:376px;height:265px;float:none;margin:auto;display:block;border-radius:20px;}
	.cp1list1 .lst a .texts {padding:25px 0 0;width:100%;float:none;}
	.cp1list1 .lst a .texts .stat {text-align:center;}
	.cp1list1 .lst a .texts .h1 {font-size:24px;line-height:24px;margin:15px 0;text-align:center}
	.cp1list1 .lst a .texts .clist li {padding-right:10px;box-sizing:border-box;}
}
@media screen and (max-width:699px){
	.cp1list1 .lst a .texts .clist li {float:none;width:100%;padding-right:0}
}
@media screen and (max-width:449px){
	.cp1list1 {padding-bottom:20px;margin-bottom:20px}
	.cp1list1 .lst {margin-top:15px}
	.cp1list1 .lst a {padding:20px}
	.cp1list1 .lst a .f1 {max-width:376px;width:100%;height:0;padding-bottom:70.4787%;overflow:hidden;}
	.cp1list1 .lst a .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
	.cp1list1 .lst a .texts .h1 {font-size:22px;line-height:22px}
	.cp1list1 .lst a .texts .clist li span {font-size:15px;}
}
@media screen and (max-width:399px){
	.cp1list1 .lst a {padding:15px}
	.cp1list1 .lst a .texts {padding-top:20px}
	.cp1list1 .lst a .texts .stat em {height:26px;line-height:26px}
	.cp1list1 .lst a .texts .stat em[data-status] {width:80px}
	.cp1list1 .lst a .texts .stat em[data-category] {width:75px;line-height:24px;}
	.cp1list1 .lst a .texts .h1 {font-size:20px;line-height:20px;margin-bottom:13px}
}

/* 상세 */
.edu1view1 .wrap1 {border:1px solid #d3d8ec;border-radius:20px;padding:50px 50px 34px;overflow:hidden;}
.edu1view1 .wrap1 .figs {float:left;width:425px;}
.edu1view1 .wrap1 .figs .f1 {position:relative;display:block;width:100%;height:0;padding-bottom:70%;overflow:hidden;border-radius:10px;background:#f6f7fd}
.edu1view1 .wrap1 .figs .f1:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;background:url(../../img/inc/logo@2x.png) no-repeat 50% 50% / auto 39px;filter:grayscale(100%);opacity:.3}
.edu1view1 .wrap1 .figs .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
.edu1view1 .wrap1 .figs .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.edu1view1 .wrap1 .texts {float:right;width:calc(100% - 475px);}
.edu1view1 .wrap1 .texts .stat {display:block;}
.edu1view1 .wrap1 .texts .stat em {display:inline-block;vertical-align:top;line-height:30px;height:30px;font-size:14px;font-weight:400;border-radius:9999px;text-align:center;box-sizing:border-box;}
.edu1view1 .wrap1 .texts .stat em[data-status] {width:86px;color:#fff;margin-right:5px;}
.edu1view1 .wrap1 .texts .stat em[data-category] {width:80px;border:1px solid #333;line-height:28px;color:#333}
.edu1view1 .wrap1 .texts .stat em[data-category]:before {content:"";display:inline-block;vertical-align:middle;width:17px;height:17px;background:url(../../img/lib2/ic72a1price.png) no-repeat 0 0 / auto 17px;margin:-2px 4px 0 0}
.edu1view1 .wrap1 .texts .h1 {display:block;font-size:32px;line-height:32px;color:#000;font-weight:700;margin:13px 0 25px}
.edu1view1 .wrap1 .texts .lst {margin:0;padding:0;list-style:none;}
.edu1view1 .wrap1 .texts .lst li {font-size:0;line-height:22px;margin:10px 0}
.edu1view1 .wrap1 .texts .lst li span {display:inline-block;vertical-align:top;font-size:16px;}
.edu1view1 .wrap1 .texts .lst li .t1 {position:relative;width:100px;font-weight:500;color:#000;padding-left:11px;box-sizing:border-box}
.edu1view1 .wrap1 .texts .lst li .t1:before {position:absolute;top:10px;left:0;content:"";display:block;width:3px;height:3px;background:#2163c1;border-radius:100%}
.edu1view1 .wrap1 .texts .lst li .t2 {width:calc(100% - 100px);color:#333}
/* 상태값 */
.edu1view1 .wrap1 .texts .stat em[data-status="접수대기"] {background-color:#3b82f6;}
.edu1view1 .wrap1 .texts .stat em[data-status="접수중"] {background-color:#f15a38}
.edu1view1 .wrap1 .texts .stat em[data-status="접수마감"] {background-color:#444;}
.edu1view1 .wrap1 .texts .stat em[data-category="무료"]:before {background-position:0 0}
.edu1view1 .wrap1 .texts .stat em[data-category="유료"]:before {background-position:-19px 0;margin-top:-1px;}
.edu1view1 + .btns1 {text-align:center;margin:45px 0}
.edu1view1 + .btns1 .button {width:150px;height:48px;line-height:48px;margin:0 4px;padding:0;font-size:17px;font-weight:500;border-radius:6px;box-sizing:border-box;}
.edu1view1 + .btns1 .button.list {border:1px solid #000;line-height:46px;background:#fff;color:#333;}
@media screen and (max-width:1399px){
	.edu1view1 .wrap1 {padding:35px 30px 25px;}
	.edu1view1 .wrap1 .figs {width:393px}
	.edu1view1 .wrap1 .texts {width:calc(100% - 428px)}
}
@media screen and (max-width:1259px){
	.edu1view1 .wrap1 .figs {width:425px}
	.edu1view1 .wrap1 .texts {width:calc(100% - 475px)}
}
@media screen and (max-width:1099px){
	.edu1view1 .wrap1 .figs {width:393px}
	.edu1view1 .wrap1 .texts {width:calc(100% - 428px)}
}
@media screen and (max-width:999px){
	.edu1view1 .wrap1 .figs {max-width:425px;float:none;width:100%;margin:auto;}
	.edu1view1 .wrap1 .texts {width:100%;float:none;margin-top:20px;}
	.edu1view1 .wrap1 .texts .stat {text-align:center}
	.edu1view1 .wrap1 .texts .h1 {text-align:center;font-size:30px;line-height:30px}
	.edu1view1 + .btns1 {margin:35px 0}
}
@media screen and (max-width:768px){
	.edu1view1 .wrap1 .texts .h1 {font-size:28px;line-height:28px;margin-bottom:20px}
	.edu1view1 + .btns1 .button {width:120px;height:45px;line-height:45px;}
	.edu1view1 + .btns1 .button.list {line-height:44px}
}
@media screen and (max-width:699px){
	.edu1view1 .wrap1 {padding:25px 20px 20px;}
	.edu1view1 .wrap1 .texts .stat em {line-height:28px;height:28px;}
	.edu1view1 .wrap1 .texts .stat em[data-status] {width:80px}
	.edu1view1 .wrap1 .texts .stat em[data-category] {width:70px;line-height:26px;}
	.edu1view1 .wrap1 .texts .h1 {font-size:26px;line-height:26px;}
}
@media screen and (max-width:599px){
	.edu1view1 + .btns1 {margin:30px 0}
	.edu1view1 + .btns1 .button {width:120px;height:42px;line-height:42px;font-size:16px}
	.edu1view1 + .btns1 .button.list {line-height:41px}
}
@media screen and (max-width:499px){
	.edu1view1 .wrap1 .texts .h1 {font-size:24px;line-height:24px;}	
}
@media screen and (max-width:399px){
	.edu1view1 .wrap1 .texts .h1 {font-size:22px;line-height:22px;}	
	.edu1view1 + .btns1 {margin:20px 0}
	.edu1view1 + .btns1 .button {width:100px;height:40px;line-height:40px;font-size:15px}
	.edu1view1 + .btns1 .button.list {line-height:39px}
}
@media screen and (max-width:349px){
	.edu1view1 .wrap1 {padding:15px 15px 10px}
	.edu1view1 .wrap1 .texts .lst li span {display:block;}
	.edu1view1 .wrap1 .texts .lst li .t1, .edu1view1 .wrap1 .texts .lst li .t2 {width:100%;box-sizing:border-box;}
	.edu1view1 .wrap1 .texts .lst li .t2 {padding-left:11px;font-size:15px;}
}


/* 강의계획서 다운로드 */
.c1download {list-style:none;margin:40px 0 0;padding:0;}
.c1download li {position:relative;background:#f5f7ff;border-radius:10px;margin-top:10px;padding:28px 130px 28px 30px;overflow:hidden;font-size:17px;font-weight:400}
.c1download li .t1 {position:relative;float:left;width:180px;font-weight:500;color:#000;padding-left:30px;box-sizing:border-box;}
.c1download li .t1:before {position:absolute;top:2px;left:0;content:"!";display:inline-block;vertical-align:middle;width:20px;height:20px;background:#f15a38;;border-radius:2px;text-align:center;line-height:20px;color:#fff;font-size:14px;font-weight:600;}
.c1download li .t1:after {position:absolute;top:50%;right:0;content:"";display:block;width:1px;height:40px;background:#d3d8ec;margin-top:-20px;}
.c1download li .t2 {float:left;width:calc(100% - 180px);padding-left:20px;box-sizing:border-box;}
.c1download li .b1.download {position:absolute;top:50%;right:20px;width:140px;height:42px;margin-top:-21px;font-size:17px;background:#2163c1;border-radius:6px;color:#fff;font-weight:500;line-height:42px;text-align:center;}
.c1download li .b1.download:after {content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../../img/lib2/ic28a1file2.png) no-repeat 0 0 / cover;margin:-3px 0 0 10px}
@media screen and (max-width:999px){
	.c1download li {padding-top:23px;padding-bottom:23px;}
	.c1download li .b1.download {width:120px;height:38px;line-height:38px;font-size:16px;}
}
@media screen and (max-width:768px){
	.c1download li {padding-top:20px;padding-bottom:20px;font-size:16px}
	.c1download li .t1 {width:150px}
	.c1download li .t1:after {height:24px;margin-top:-12px}
	.c1download li .t2 {width:calc(100% - 150px)}
	.c1download li .b1.download {width:120px;height:38px;line-height:38px;font-size:16px;margin-top:-19px}
}
@media screen and (max-width:599px){
	.c1download li {padding:20px}
	.c1download li .t1, .c1download li .t2 {display:block;float:none;width:100%}
	.c1download li .t1:after {display:none}
	.c1download li .t2 {padding-left:30px;margin-top:5px;}
	.c1download li .b1.download {font-size:15px;width:100px;height:35px;line-height:35px;margin-top:0;top:auto;bottom:20px;}
	.c1download li .b1.download:after {margin-left:6px;}
}
@media screen and (max-width:499px){
	.c1download {margin-top:30px}
	.c1download li {text-align:center;padding:15px}
	.c1download li .t1 {padding-left:0}
	.c1download li .t1:before {position:relative;top:auto;left:auto;display:inline-block;margin:-2px 5px 0 0}
	.c1download li .t2 {padding-left:0}
	.c1download li .b1.download {position:relative;bottom:auto;right:auto;display:inline-block;margin-top:5px;}
}

.edu1detailbox {border-bottom:1px solid #d3d8ec}
.edu1detailbox .detail1box {border-top:1px solid #d3d8ec;margin-top:30px;margin-bottom:30px;padding:30px 0 0;overflow:hidden;}
.edu1detailbox .detail1box .hb2 {margin-top:0}
.edu1detailbox .detail1box ul.bu {margin:0}
.edu1detailbox .detail1box .f1 {position:relative;float:left;width:380px;height:230px;overflow:hidden;border-radius:20px;}
.edu1detailbox .detail1box .f1:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;background:url(../../img/inc/logo@2x.png) no-repeat 50% 50% / auto 39px;filter:grayscale(100%);opacity:.3}
.edu1detailbox .detail1box .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
.edu1detailbox .detail1box .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.edu1detailbox .detail1box .addr1info {float:right;width:calc(100% - 415px);list-style:none;margin:0;padding:20px 0}
.edu1detailbox .detail1box .addr1info li {font-size:0;line-height:32px;}
.edu1detailbox .detail1box .addr1info li span {display:inline-block;vertical-align:top;font-size:17px;}
.edu1detailbox .detail1box .addr1info li .t1 {position:relative;font-weight:600;width:100px;padding-left:28px;box-sizing:border-box;}
.edu1detailbox .detail1box .addr1info li .t2 {font-weight:400;width:calc(100% - 100px)}
.edu1detailbox .detail1box .addr1info li .t1:before {position:absolute;top:7px;left:0;content:"";display:block;width:20px;height:20px;background:url(../../img/lib2/ic84a1info.png) no-repeat;background-size:auto 20px;}
.edu1detailbox .detail1box .addr1info li.addr .t1:before {background-position:0 0}
.edu1detailbox .detail1box .addr1info li.tel .t1:before {background-position:-22px 0}
/* 지도맵 */
.spc4map1 {position:relative;z-index:0;height:0;overflow:hidden;margin:0;border-radius:20px;background:#f6f7fd;padding-bottom:27.35%;}
.spc4map1 img {max-width:none;}
.spc4map1 #daum_map, .spc4map1 .map {position:absolute !important;left:0;right:0;top:0;bottom:0;width:100%;height:100% !important;}
@media screen and (max-width:999px){
	.spc4map1 {height:300px;padding-bottom:0}
}
@media screen and (max-width:899px){
	.edu1detailbox .detail1box .f1 {width:304px;height:184px}
	.edu1detailbox .detail1box .addr1info {width:calc(100% - 332px)}
}
@media screen and (max-width:768px){
	.edu1detailbox .detail1box {margin-top:25px;margin-bottom:25px;padding-top:25px;}
}
@media screen and (max-width:767px){
	.edu1detailbox .detail1box .f1 {display:block;float:none;/* width:100%;max-width:380px;height:0;padding-bottom:60.5263%; */width:380px;height:230px;margin:auto auto 30px}
	.edu1detailbox .detail1box .addr1info {float:none;width:100%;padding:0}
}
@media screen and (max-width:599px){
	.edu1detailbox .detail1box {margin-top:20px;margin-bottom:20px;padding-top:20px;}
	.edu1detailbox .detail1box .f1 {margin-bottom:20px}
}
@media screen and (max-width:419px){
	.edu1detailbox .detail1box .f1 {width:100%;max-width:380px;height:0;padding-bottom:60.5263%;margin-bottom:15px;}
	.edu1detailbox .detail1box .addr1info li {line-height:22px;margin:2px 0}
	.edu1detailbox .detail1box .addr1info li span {font-size:16px;}
	.edu1detailbox .detail1box .addr1info li .t1 {width:90px;}
	.edu1detailbox .detail1box .addr1info li .t1:before {top:2px}
	
}
@media screen and (max-width:399px){
	.edu1detailbox .detail1box {margin-top:15px;margin-bottom:15px;padding-top:15px;}
}


/* 개인정보 동의 */
.privacy1 .agree1box {border:1px solid #d3d8ec;border-top:2px solid #173589;max-height:300px;overflow-y:auto;padding:30px;font-size:17px;line-height:22px;}
.privacy1 .agree1check {list-style:none;margin:0;padding:0;text-align:center}

/* 예약확정 */
.msgbox1.booking {padding-left:120px;padding-right:120px;}
.msgbox1.booking .hg1:before {content:"";display:block;width:166px;height:135px;background:url(../../img/lib2/ic332a1booking.png) no-repeat 0 0 / cover;margin:auto auto 30px;}
.msgbox1.booking .hg1:after {display:none}	 
.msgbox1.booking .hg1 .t1 {font-size:18px;}
.msgbox1.booking table th, .msgbox1.booking table td {padding:19px 20px 18px}
.msgbox1.booking table td .price {color:#f15a38;font-weight:600;}
.msgbox1.booking .button.large {margin:30px 0;padding-top:.666em;padding-bottom:.666em;font-weight:500;border-radius:6px;}
@media screen and (max-width:1259px){
	.msgbox1.booking {padding-left:80px;padding-right:80px;}
}
@media screen and (max-width:999px){
	.msgbox1.booking {padding-left:50px;padding-right:50px;}
}
@media screen and (max-width:599px){
	.msgbox1.booking {padding:45px 25px 30px;}
	.msgbox1.booking .hg1:before {width:133px;height:108px;margin-bottom:20px}
	.msgbox1.booking .hg1 .t1 {font-size:16px}
	.msgbox1.booking .button.large {margin:25px 0;padding-left:1em;padding-right:1em;font-size:17px}
}
@media screen and (max-width:499px){
	.msgbox1.booking {padding:45px 25px 30px;}
	.msgbox1.booking .hg1:before {width:100px;height:81px;margin-bottom:10px}
	.msgbox1.booking .hg1 .t1 {font-size:15px}	
	.msgbox1.booking table colgroup {display:none}
	.msgbox1.booking table>*>tr, .msgbox1.booking table>*>tr>th, .msgbox1.booking table>*>tr>td {display:block;width:100%;box-sizing:border-box;border-right:0}
	.msgbox1.booking table>*>tr>th, .msgbox1.booking table>*>tr>td {padding:10px 15px;font-size:15px;}
	.msgbox1.booking table>*>tr>th {border-bottom:0}
	.msgbox1.booking table>*>tr>td {border-top-color:#eee}
	.msgbox1.booking table>*>tr:first-child>td {border-top:1px solid #eee}
	.msgbox1.booking .button.large {margin:20px 0;padding-left:.75em;padding-right:.75em;font-size:16px}
}
@media screen and (max-width:399px){
	.msgbox1.booking {padding:35px 15px 15px}
	.msgbox1.booking .button.large {font-size:15px;height:42px;line-height:42px;padding:0 15px}
}

/* 나의예약 */
.myapp1 .hb1.h2 {margin-top:0;margin-bottom:.5em}
.myapp1 table td span[data-status] {display:inline-block;vertical-align:top;height:36px;line-height:36px;padding:0 12px;font-size:15px;border-radius:4px;}
.myapp1 table td span[data-status="접수"] {border:1px solid #313131;}
.myapp1 table td span[data-status="확인"] {background-color:#173689;color:#fff;}
@media screen and (max-width:1259px){
	.myapp1 .table1scroll>table {min-width:1200px}
}
@media screen and (max-width:768px){
	.myapp1 .table1scroll>table {min-width:1100px}
}