@charset "UTF-8";

/*학기선택*/
.terms {width:100%; height:36px; background-color:#95bae3; padding:5px 0px;}
.termSelect {appearance: none; -webkit-appearance: none; width:77%; height:36px; border:none; font-size:15px; background:#4d89cb url(../img/common/select_arrow_wh.png) no-repeat right 13px center; border-radius:8px; margin:0 1.5%; padding:2px 5px 2px 10px; color:#fff; font-family:'NanumGothic'; font-size:15px; font-weight:900; letter-spacing:-1.3px; background-size:9px;}
.termSelect option {background-color:#4d89cb; color:#fff;}
.terms p {width:18%; height:36px; border-radius:8px; background:#fff; color:#e22d2d; text-align:center; font-family:'NanumGothic'; font-size:15px; font-weight:900; line-height:36px;}

/*과정선택 탭*/
.courseTab {width:100%;}
.courseTab tr {border-bottom:1px solid #95bae3; height:40px;}
.courseTab td {text-align:center; font-family:'NanumGothic'; font-size:16px; font-weight:normal; background-color:#f8f9fe; border-right:1px solid #95bae3; letter-spacing:-1px;  box-sizing:border-box;}
.courseTab td:last-child {border-right:none;}
.courseTab td.activeTab {background-color:#4d89cb; color:#fff; font-weight:900;}

/*수강신청 과목 리스트*/
.subj_line {width:100%; height:70px; border-bottom:1px solid #95bae3;}
.subj_line .checkLi {width:10%; height:70px;}
.subj_line .checkLi input[type="checkbox"] + label {position:absolute; margin:24px 0 0 10px;}
.subj_line .subjectLi {width:60%; height:38px; font-family:'NanumGothic'; font-size:16px; font-weight:900; padding:16px 10px; letter-spacing:-1px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.subj_line .subjectLi .c_point {font-size:13px; fong-weight: 900; color:#727272;}
.subj_line .subjectLi .deadline {width:50px; height:20px; border:1px solid red; color:red; font-size:11px; margin-left:5px; padding:1px 3px;}
.subj_line .costLi {width:23%; height:70px; line-height:70px; font-family:'NanumGothic'; font-size:16px; font-weight:900; text-align:center; letter-spacing:-1px;}
.subj_line .checkClo {width:10%; height:70px;}
.subj_line .checkClo input[type="checkbox"] + label {position:absolute; margin:24px 0 0 10px; background-color:#bfbfbf; border:1px solid #bfbfbf;}
.subj_line .subjectClo, .c_point, .costClo {color:#bfbfbf;}
.subj_line .subjectLi .c_pointClo {font-size:13px; fong-weight: 900; color:#bfbfbf;}
.requiredRead {position:fixed; z-index:99; top:85px; width:100%; border: 10px solid #3e78b7; box-sizing:border-box; padding:30px 10px 10px 30px; background-color:#fff; font-family:'NanumGothic'; font-size:13px; line-height:22px; text-indent:-16px; display:none;}
.close_x {width:15px; height:15px; position:fixed; top:110px; right:5px; z-index:100;}

/*수강신청 버튼*/
.applyBtn_z {position:fixed; width:100%; min-width:360px; background-color:#f7fcff; bottom:59px; z-index:99999; border-top:1px solid #3e78b7;}
.applyBtn_z li {width:50%; height:60px;}
.applyBtn_z li:first-child {border-right:1px solid #3e78b7; box-sizing:border-box;}
.applyBtn_z li:first-child p:before {content:""; background-image:url(../img/apply/btn_icon_01.png); position:relative; right:5px; top:8px; width:44px; height:29px; background-size:44px 29px; display:inline-block;}
.applyBtn_z li:last-child p:before {content:""; background-image:url(../img/apply/btn_icon_02.png); position:relative; right:5px; top:8px; width:38px; height:30px; background-size:38px 30px; display:inline-block;}
.applyBtn_z li p {text-align:center; line-height:63px; font-size:20px; font-weight:700; font-family:'NanumSquare';}


/*사회복지현장실습 수강신청*/
.areaSelect {width:100%; height:36px; background-color:#fff; padding:5px 0px;}
.areaSelect .areaL, .areaS {appearance: none; -webkit-appearance: none; width:47%; height:36px; border:none; font-size:15px; background:#ebedfa url(../img/common/select_arrow.png) no-repeat right 13px center; background-size:9px; border-radius:8px; padding:2px 5px 2px 10px; color:#15449a; font-family:'NanumGothic'; font-size:15px; font-weight:900; letter-spacing:-1px; margin-left:5px;}
.areaSelect .areaL {margin-left:8px;}
.noticeread {width:100%; box-sizing:border-box; border:10px solid #ebebeb; padding:10px 10px 10px 20px; margin-bottom:120px; text-indent:-8px;}
.noticeread h3 {text-align:center; font-weight:900; margin:10px 0;}
.noticeread p {font-family:'NanumGothic'; font-size:13px; line-height:22px;}

/*보육실습 수강신청*/
.CareAareSel {width:100%; height:36px; background-color:#fff; padding:5px 0px;}
.CareAareSel .care_areaL, .care_areaS2 {appearance: none; -webkit-appearance: none; width:47%; height:36px; border:none; font-size:15px; background:#ebedfa url(../img/common/select_arrow.png) no-repeat right 13px center; background-size:9px; border-radius:8px; padding:2px 5px 2px 10px; color:#15449a; font-family:'NanumGothic'; font-size:15px; font-weight:900; letter-spacing:-1px; margin-left:5px;}
.CareAareSel .care_areaL {margin-left:8px;}



/*장바구니*/
.cartHead {width:100%; height:40px; background-color:#2280c3;}
.cartHead .checkttl {margin:10px;}
.cartHead .cartttl {font-family:'NanumSquare'; color:#fff; font-size:18px; font-weight:900; margin-left:20px; line-height:40px;}
.cartHead ul li button {width:60px; height:25px; background-color:#fff; color:#000; margin:7px 3px 0 0; font-weight:800; border:none;}
.cartLi {width:100%; clear:both; margin:0;}
.cartLi p.cartperiod {height:42px; color:#2280c3; text-align:center; font-size:18px; font-weight:900; padding:12px 0;}
.cartLi table {width:100%; font-family:'NanumGothic'; margin:0; word-break:break-all; box-sizing:border-box; border-bottom:2px solid #95bae3; letter-spacing:-1px;}
.cartLi table th {border-top:1px solid #95bae3; background-color:#f2f7fc; padding:5px 3px; font-weight:900; font-size:16px;}
.cartLi table td {border-top:1px solid #95bae3; padding:5px 3px; word-break:break-all; height:40px; font-weight:900; font-size:16px;}
.cartLi table td.cost {font-size:14px; text-align:center;}
.cartLi table td input[type="checkbox"] + label {position:absolute; margin:-10px 0 0 5px;}
.cartLi table td del {color:#b1b1b1;}
.totalcost {font-size:27px; text-align:right; letter-spacing:-1px; font-weight:700; margin:10px 10px 0 0; font-family:'NanumSquare';}
.cartbttm {padding-top:5px;}


/*본인인증*/
.input2 {width:90%; height:70px; margin:5px 0 5px 20px;}
.input2 p {float:left; width:49%;}
.input2 p.inpunN {margin-left:2%;}
.input2 input {display:block; height:30px; padding:5px 5px; border:none; border-bottom:2px solid #dbdbdb; width:87%; font-family:'NanumGothic'; font-weight:bold; font-size:18px; color:#605c5c; border-radius:0;}


/*수강신청,결제*/
.payHead p {font-size:13px; font-family:'NanumGothic'; margin:-5px 5px 15px 15px;}
.payLi {margin-top:10px 0 0 0;}
.payLi ul {width:100%; height:95px; font-family:'NanumGothic'; box-sizing:border-box; padding:15px 10px;}
.payLi ul:nth-child(even) {background-color:#fff;}
.payLi ul:nth-child(odd) {background-color:#f8f8f8;}
.payLi ul li:first-child {width:80%; float:left;}
.payLi ul li:first-child h3 {font-weight:900; font-size:15px; letter-spacing:-1px;}
.payLi ul li:first-child p {font-weight:600; font-size:12.5px; letter-spacing:-1px; color:#7d7d7d;}
.payLi ul li:last-child {width:20%; float:right;}
.payLi ul li button {width:70px; height:40px; border:2px solid #3e78b7; background-color:#fff; color:#3e78b7; font-size:13px; font-weight:bold; letter-spacing:-1px; margin:10px 0 0 3px;}
.payLi ul li button.certain {border:2px solid #bfbfbf; background-color:#fff; color:#bfbfbf;}
.payLi .tableC02 {margin:15px auto; width:95%;}
.payLi .tableC02 th {height:30px;}
.payLi .tableC02 td {width:33%;height:30px; text-align:center; font-size:18px; color:#3e78b7; font-weight:bold;}
.payinfo .infotlt {overflow:hidden; clear:both;}
.payinfo .infotlt button {width:150px; height:23px; border:none; background-color:#ffdede; color:#e44343; font-size:13px; font-weight:bold; letter-spacing:-1px; margin:5px 0 0 5px;}
.payinfo .paybox {height:80px; width:95%; box-sizing:border-box; margin:0 auto;}
.payinfo .paybox li {width:49%; height:80px; background-color:#efefef; font-weight:900;}
.payinfo .paybox li:last-child {margin-left:2%;}
.payinfo .paybox li:last-child .checkmark {position:absolute; top:31px; left:35px;}
.payinfo .paybox li .radiolabel {display: block; position: relative; padding-left:25px; text-align:center; margin-bottom: 12px; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:82px;}
.payinfo .paybox li .radiolabel input {position: absolute; opacity: 0; cursor: pointer;}
.payinfo .paybox li .checkmark {position:absolute; top:31px; left:30px; height: 15px; width: 15px; background-color: #fff; border-radius: 50%; border:2px solid #335ca7;}
.payinfo .paybox li .radiolabel input:checked ~ .checkmark {background-color: #fff;}
.payinfo .paybox li .checkmark:after {content: ""; position: absolute; display: none;}
.payinfo .paybox li .radiolabel input:checked ~ .checkmark:after {display: block;}
.payinfo .paybox li .radiolabel .checkmark:after {top:2px; left:2px; width:11px; height:11px; border-radius:50%; background:#335ca7;}
.bank_info {margin-bottom:20px;}
.bank_info .bank {appearance:none; -webkit-appearance:none;  width:89%; min-width:320px; height:40px; border:1px solid #95bae3; font-size:15px; background:url(../img/common/select_arrow.png) no-repeat right 13px center; padding-left:5px; margin-left:20px; background-size:9px;}
.bank_info .bank option {height:25px; padding:4px; text-align:center;}
.bank_info p {font-weight:900; font-family:'NanumSquare'; margin:20px 0 5px 15px; font-size:16px;}
.bank_info p span {font-size:14px; color:#335ca7;}
.bank_info .bankinput {appearance:none; -webkit-appearance:none; width:87%; min-width:320px; height:40px; border:1px solid #95bae3; font-size:15px; padding-left:5px; font-weight:bold; margin-left:20px;}
.discount {display:none; position:absolute; z-index:9;}
.discount img {margin-bottom:100px;}

/*결제내역*/
.select100 {appearance: none; -webkit-appearance: none; width:95%; height:36px; border:none; font-size:15px; background:#4d89cb url(../img/common/select_arrow_wh.png) no-repeat right 13px center; border-radius:8px; padding:2px 5px 2px 10px; color:#fff; font-family:'NanumGothic'; font-size:15px; font-weight:900; letter-spacing:-1px; margin-left:10px; background-size:9px;}
.termSelect option {background-color:#4d89cb; color:#fff;}
.end_line {width:100%; height:105px;}
.end_line .endLi {height:40px;font-family:'NanumGothic'; font-size:16px; font-weight:900; padding:20px 10px 10px 10px; letter-spacing:-1px;}
.end_line .endLi .endDetail {font-size:13px; color:#7d7d7d;}
.end_line ul .endCost {color:#b1b1b1; }
.end_line ul li{height:35px; text-align:center; line-height:35px; }
.end_line ul li:first-child {width:68%; background:#f7f6f7; font-size:13px; font-weight:700; letter-spacing:-1px; text-align:left; padding-left:10px; box-sizing:border-box;}
.end_line ul.deposit li:last-child {width:32%; background:#efd9d9; font-size:15px; font-weight:900;}
.end_line ul.depositCash li:nth-child(2) {width:12%; background:#cddff2;; font-size:15px; font-weight:900;}
.end_line ul.depositCash li:last-child {width:20%; background:#bdbdbd; font-size:15px; font-weight:900;}
.end_line ul.depositCard li:nth-child(2) {width:12%; background:#d5cdef;; font-size:15px; font-weight:900;}
.end_line ul.depositCard li:last-child {width:20%; background:#bdbdbd; font-size:15px; font-weight:900;}
.not_paid {width:100%; text-align:center;}
.not_paid img {width:55%; max-width:300px; margin:100px 0 15px 0;}
.not_paid p {font-size:20px; font-weight:bold; font-family:NanumSquare;}


/* 수강신청_과목소개 / 강의계획서 */
.introduce {margin-top:20px;}
.introduce2 {margin-top:10px;}

.tableC03 {width:96%; font-size:14px; margin: auto;}
.tableC03 th {padding:5px; border:1px solid #95bae3; font-weight:bold; background-color:#f2f7fc; letter-spacing:-1.3px;}
.tableC03 td {padding:5px; border:1px solid #95bae3; letter-spacing:-1.3px;}

.apply_major li {float:left; margin-right:5px;}
.apply_major li img {width:18px;}
.c_align {text-align:center;}
.intorduce_p {width:95%; margin:auto; font-family:NanumSquare; font-size:20px; color:#000; font-weight:800;letter-spacing:-2px; padding-left:10px; height:40px; line-height:40px; border-top:3px solid #335ca7; border-bottom:1px solid #95bae3; background:url('../img/common/select_arrow_navy.png') no-repeat 97% 50%; background-size: 9px; margin-bottom:10px;}

.introduce_btn_group {width:96%; margin:auto; height:35px;}
.introduce_btn_group ul li {float:left; width:50%; text-align:center; font-family:"NanumSquare"; font-weight:600;}
.introduce_btn_group ul li:nth-child(1) .lecture {border-right:none;}
.introduce_btn_group ul li:nth-child(2) .lecture {border-left:none;}

.lecture {display:block; color:#cccccc; height:35px; line-height:35px; border:2px solid #cccccc;}
.lecture_on {display:block; border:2px solid #1f68b7; color:#1f68b7; height:35px; line-height:35px;}

.lecture_fix {width:100%; text-align:center; position:fixed; left:0; bottom:0px; background:#fff; z-index:9999; background:#2280c3; height:60px;}
.lecture_fix p {color:#fff; font-family:"NanumSquare"; font-size:15px; font-weight:600; padding-top:22px; margin-left:-17px;}


.wrap_check {position:relative; margin-top:20px; cursor:pointer; overflow:hidden; width:88%; text-align:left; margin-left:35px;}
.wrap_check input.checkstyle11 {position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:99;}
.wrap_check i {float:left; display:block; width:21px; height:21px; background:url(../img/common/bluecheck01.png) no-repeat left top; z-index:3;}
.wrap_check label {cursor:pointer; color:#fff; font-family:"NanumSquare"; font-size:15px; font-weight:600; letter-spacing:-0.7px; padding-left:5px;}
.wrap_check input.checkstyle11:checked+i {background-position:left bottom;}
.wrap_check input.checkstyle11:checked+i+label {color:#fff;}


.bold {font-weight:600;}
.paybox_02 {padding:10px 15px 5px 15px; line-height:20px; background:#f8f8f8;}
.paybox_02 p {font-size:13px;}
.paybox_02 p:last-child {padding:7px 0px; text-align:right;}
.paybox_02 p:last-child > span {margin-left:28px; font-size:14px;}