/* ******************* *
* 공통
* ******************* */
.is_sub {margin: 90px auto 200px;}
.page-tit {margin-bottom: 70px;}
.page-tit > .tit {font-size: 2.50em;font-weight: 700;}

@media all and (max-width: 1024px){
    .is_sub {margin: 90px auto 120px;}
    .page-tit {margin-bottom: 50px;}
    .page-tit > .tit {font-size: 2.20em;}
}

/* 여백 */
.gap120 {height: 120px;}
.gap100 {height: 100px;}
.gap50 {height: 50px;}

@media all and (max-width: 1024px){
    .gap120 {height: 80px;}
}

/* 타이틀 */
.c-tit1 {margin-bottom: 50px;color: var(--color2);font-size: 1.50em;font-weight: 700;}
.c-tit2 {margin-bottom: 5px;padding-left: 20px;color: #000;font-size: 1.10em;font-weight: 600;position: relative;}
.c-tit2::before {content: '';display: block;width: 10px;height: 10px;border-radius: 3px;background: var(--color2);position: absolute;top: 9px;left: 0;}
.c-tit2 > span {color: #333;font-size: 0.91em;font-weight: 400;}

@media all and (max-width: 1024px){
    .c-tit1 {margin-bottom: 30px;}
}

/* 텍스트 박스 */
.cont-txttype {display: flex;gap: 40px;align-items: stretch;margin-top: 15px;}
.cont-txttype .cont-txt-box {display: flex;flex-direction: column;width: calc(50% - 20px);}
.cont-txttype .cont-txt-box > .title {padding: 15px 20px;box-sizing: border-box;border-radius: 20px 20px 0 0;background: var(--color2);color: #fff;font-size: 1.10em;font-weight: 700;text-align: center;}
.cont-txttype .cont-txt-box > .txt-sec {flex: 1;padding: 33px 40px;border: 1px solid #D8D8D8;border-top: 0;border-radius: 0 0 20px 20px;box-sizing: border-box;color: #333;text-align: center;}

@media all and (max-width: 1399px){
    /* .cont-txttype .cont-txt-box > .txt-sec .line-br {display: inline;} */
    .cont-txttype .cont-txt-box > .txt-sec br {display: none;}
}
@media all and (max-width: 1199px){
    /* .cont-txttype .cont-txt-box > .txt-sec br {display: none;} */
}
@media all and (max-width: 1024px){
    .cont-txttype {gap: 20px;}
    .cont-txttype .cont-txt-box {width: calc(50% - 10px);}
    .cont-txttype .cont-txt-box > .title {padding: 12px 20px;}
    .cont-txttype .cont-txt-box > .txt-sec {padding: 20px 40px 30px;}
}
@media all and (max-width: 768px){
    .cont-txttype .cont-txt-box > .title {padding: 10px 20px;}
    .cont-txttype .cont-txt-box > .txt-sec {padding: 20px 20px 30px;}
}
@media all and (max-width: 640px){
    .cont-txttype {flex-wrap: wrap;}
    .cont-txttype .cont-txt-box {width: 100%;}
    .cont-txttype .cont-txt-box > .txt-sec {padding: 20px 30px 25px;}
}

/* 리스트 */
.list-type {margin-top: 15px;padding-left: 20px;}
.list-type > li {padding-left: 14px;position: relative;}
.list-type > li:not(:last-child) {margin-bottom: 8px;}
.list-type > li::before {content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: var(--color2);position: absolute;top: 11px;left: 0;}

@media all and (max-width: 1024px){
    .list-type > li::before {top: 10px;}
}
@media all and (max-width: 768px){
    .list-type > li::before {top: 8px;}
}

/* 테이블 */
.cont-tbtype {margin-top: 15px;}
.cont-tbtype .tb-wrap {overflow-x: auto;}
.cont-tbtype .tb1 {min-width: 1100px;width: 100%;border-collapse: collapse;table-layout: fixed;width: 100%;color: #333;text-align: center;}
.cont-tbtype .tb1 th, 
.cont-tbtype .tb1 td {padding: 14px;box-sizing: border-box;border-right: 1px solid #D9D9D9;}
.cont-tbtype .tb1 thead {height: 60px;background: var(--color-main);font-size: 1.10em;font-weight: 600;overflow: hidden;}
.cont-tbtype .tb1 thead th {border-right-width: 1px;}
.cont-tbtype .tb1 tbody {color: #333;}
.cont-tbtype .tb1 tr {border-bottom: 1px solid rgba(0,0,0,.1);}
.cont-tbtype .tb1 thead tr th {background: var(--color2);color: #fff;}
.cont-tbtype .tb1 tbody tr th {background: #F9F9F9;color: #000;font-weight: 500;}
.cont-tbtype .tb1 td {min-height: 60px;padding: 20px 8px;box-sizing: border-box;border-right: 1px solid rgba(0,0,0,.1);background: #fff;}
.cont-tbtype .tb1 td:last-child {border-right: 0;}
.cont-tbtype .tb1 td:has(.list-type) {vertical-align: top;text-align: left;}
.cont-tbtype .tb1 td .list-type {margin-top: 0;}
.cont-tbtype .warning {margin-top: 5px;}
.tb-notice {display: none;}

@media all and (max-width: 1399px){
    .cont-tbtype .tb1 thead {font-size: 1.0em;}
}
@media all and (max-width: 1199px){
    .tb-notice {display: block;margin: 15px 0;padding: 0 25px;color: #555;font-size: 14px;text-align: center;line-height: 1.2;position: relative;}
    .tb-notice:before,
    .tb-notice:after {content: '';display: block;width: 0;height: 0;border-style: solid;}
	.tb-notice:before {border-width: 9px 15.588px 9px 0px;border-color: transparent rgba(85,85,85,.3) transparent transparent;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
	.tb-notice:after {border-width: 9px 0px 9px 15.588px;border-color: transparent transparent transparent rgba(85,85,85,.3);position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
    .cont-tbtype .tb1 tbody {font-size: 16px;}
}

/* 버튼 */
.cont-btntype {display: flex;justify-content: center;align-items: center;gap: 10px;}
.cntbtn-basic {display: inline-block;min-width: 250px;max-width: 250px;padding: 17px 35px;box-sizing: border-box;border-radius: 30px;background: var(--color2);color: #fff;font-weight: 700;transition: .35s ease;}
.cntbtn-basic:hover {background: var(--color1);}
.cntbtn-basic .ico {display: flex;justify-content: space-between;align-items: center;}
.cntbtn-basic .ico::after {flex: 0 0 auto;content: '';display: block;width: 16px;height: 16px;}
.cntbtn-basic .down::after {background: url(../img/common/ico-down.svg) center center / cover no-repeat;}

@media all and (max-width: 640px){
    .cntbtn-basic {min-width: 220px;padding: 17px 25px;}
}
@media all and (max-width: 480px){
    .cont-btntype {flex-direction: column;}
    .cntbtn-basic {padding: 17px 30px;}
}


/* ******************* *
*정보보안(산업)기사 필기 / 실기 교재구매
* ******************* */
#infoTechBook {}
#infoTechBook .contents {display: flex;align-items: center;gap: 60px;padding: 5% 11%;box-sizing: border-box;background: #F9F9F9;}
#infoTechBook .contents .img {max-width: 300px;}
#infoTechBook .contents .desc {}
#infoTechBook .contents .desc > * {margin-bottom: 20px;}
#infoTechBook .contents .desc p {font-size: 18px;font-weight: 500;}
#infoTechBook .contents .desc > .subject {margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #D9D9D9;box-sizing: border-box;font-size: 1.50em;font-weight: 600;line-height: 1.3;}
#infoTechBook .contents .desc > .info {line-height: 1.6;}
#infoTechBook .contents .desc > .warning {margin-top: 35px;color: #F41B1B;font-weight: 600;}

@media all and (max-width: 1199px){
    #infoTechBook .contents {gap: 50px;padding: 5% 8%;}
    #infoTechBook .contents .desc > .subject {margin-bottom: 20px;padding-bottom: 15px;font-size: 1.30em;}
}
@media all and (max-width: 1024px){
    #infoTechBook .contents {align-items: flex-start;padding: 5% 6%;}
    #infoTechBook .contents .img {max-width: 220px;}
    #infoTechBook .contents .desc {margin-top: 10px;}
    #infoTechBook .contents .desc > * {margin-bottom: 15px;}
    #infoTechBook .contents .desc > .warning {margin-top: 25px;}
}
@media all and (max-width: 768px){
    #infoTechBook .contents {gap: 30px;}
    #infoTechBook .contents .img {max-width: 200px;}
    #infoTechBook .contents .desc p {font-size: 17px;}
}
@media all and (max-width: 640px){
    #infoTechBook .contents {flex-direction: column;align-items: center;padding: 50px 30px;}
}



/* ******************* *
* 문의 및 예약하기
* ******************* */
.consult__top-contents {margin-bottom: 60px;}
.consult__top-contents ul {display: flex;margin-top: 10px;}
.consult__top-contents .ico-list {gap: 10px;}
.consult__top-contents .ico-list > li {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 200px;border: 1px solid #E9E9E9;box-sizing: border-box;background: #FFF;}
.consult__top-contents .ico-list > li  > .txt {margin-top: 10px;padding: 0 15px;box-sizing: border-box;font-weight: 600;text-align: center;line-height: 1.3;}
.consult__top-contents .img-list {gap: 30px;}
.consult__top-contents .img-list > li {width: 100%;}

@media all and (max-width: 1024px){
    .consult__top-contents .ico-list > li > .ico {width: 70px;}
    .consult__top-contents .img-list {gap: 20px;}
}
@media all and (max-width: 768px){
    .consult__top-contents .ico-list > li {height: 160px;}
    .consult__top-contents .ico-list > li > .ico {width: 60px;}
    .consult__top-contents .ico-list > li > .txt {margin-top: 5px;}
    .consult__top-contents .img-list {gap: 10px;}
}
@media all and (max-width: 640px){
    .consult__top-contents .ico-list {gap: 5px;}
    .consult__top-contents .ico-list > li > .ico {width: 50px;}
    .consult__top-contents .ico-list > li  > .txt {font-size: 16px;}
}
@media all and (max-width: 480px){
    .consult__top-contents .ico-list {flex-direction: column;}
    .consult__top-contents .ico-list > li {flex-direction: row;height: 80px;}
    .consult__top-contents .ico-list > li > .ico {margin-top: 0;}
    .consult__top-contents .ico-list > li > .txt {margin-top: 0;}
}



/* ******************* *
* 정보보안 기사/정보처리 
* 기사 강의 목록
* ******************* */
#itemList {}
.itemList__top-contents {margin-bottom: 50px;}
.itemList__top-contents ul {display: flex;gap: 30px;}
.itemList__top-contents ul > li {display: flex;justify-content: space-between;align-items: center;gap: 30px;width: 100%;padding: 4.5% 4%;box-sizing: border-box;border-radius: 30px;}
.itemList__top-contents ul > li:nth-child(1) {background: #F5FAFF;}
.itemList__top-contents ul > li:nth-child(2) {background: #FFF5F5;}
.itemList__top-contents ul > li > .desc {width: 100%;}
.itemList__top-contents ul > li > .desc > .tit {margin-bottom: 20px;font-size: 1.90em;font-weight: 700;line-height: 1.2;}
.itemList__top-contents ul > li > .desc > .txt {line-height: 1.4;}
.itemList__top-contents ul > li > .desc > .txt b {color: var(--color2);font-weight: 700;}
.itemList__top-contents ul > li > .ico {flex: 0 0 auto;max-width: 200px;}

#itemListSearch {max-width: 360px;width: 100%;height: 54px;margin-left: auto;margin-bottom: 10px;}
#itemListSearch #totalSch {width: 100%;height: 100%;}
#itemListSearch form {display: flex;align-items: center;gap: 10px;height: 100%;}
#itemListSearch form > #sch_str {display: block;max-width: 300px;width: 84%;height: 100%;padding: 0 20px;border: 1px solid #E3E3E3;border-radius: 5px;box-sizing: border-box;background: #fff;font-size: 17px;}
#itemListSearch form > #sch_submit {height: 100%;aspect-ratio: 1 / 1;border-radius: 5px;background: #4C4C4C url(../img/common/ico-search_w.svg) center center / cover no-repeat;color: #fff;font-size:15px;}


@media all and (max-width: 1399px){
    .itemList__top-contents ul > li > .desc > .tit {font-size: 1.70em;}
    .itemList__top-contents ul > li > .ico {max-width: 160px;}
}
@media all and (max-width: 1199px){
    .itemList__top-contents ul > li > .desc > .tit {margin-bottom: 10px;font-size: 1.50em;}
    .itemList__top-contents ul > li > .desc > .txt {font-size: .90em;}
    .itemList__top-contents ul > li > .desc > .txt > .line-br {display: inline;}
    .itemList__top-contents ul > li > .ico {max-width: 140px;}
}
@media all and (max-width: 1024px){
    .itemList__top-contents ul {gap: 20px;}
    .itemList__top-contents ul > li {flex-direction: column-reverse;justify-content: flex-end;align-items: normal;gap: 20px;padding: 30px 40px;border-radius: 20px;}
    .itemList__top-contents ul > li > .desc > .txt {font-size: 17px;}
    .itemList__top-contents ul > li > .desc > .tit > .line-br {display: inline;}
    .itemList__top-contents ul > li > .desc > .txt > .line-br {display: block;}
    .itemList__top-contents ul > li > .ico {max-width: 80px;}
}
@media all and (max-width: 768px){
    .itemList__top-contents ul {gap: 10px;}
    .itemList__top-contents ul > li {padding: 30px;border-radius: 15px;}
    .itemList__top-contents ul > li > .desc > .txt > .line-br {display: inline;}
}
@media all and (max-width: 640px){
    .itemList__top-contents ul {flex-direction: column;}
    .itemList__top-contents ul > li {gap: 14px;}
    .itemList__top-contents ul > li > .ico {max-width: 60px;}
}


/* 상품 목록 스킨 50 */
.sct_50 ul > li {display: flex;align-items: center;gap: 40px;min-height: 70px;padding: 0 10px;box-sizing: border-box;}
.sct_50 ul > li > div {text-align: center;}
.sct_50 ul > li > .it-name {width: calc(100% - 755px);}
.sct_50 ul > li > .it-price {width: 100px;}
.sct_50 ul > li > .it-origin {width: 80px;}
.sct_50 ul > li > .it-book {width: 40px;}
.sct_50 ul > li > .it-preview {width: 60px;}
.sct_50 ul > li > .it-apply {width: 275px;}
.sct_50 ul > .list-head {background: var(--color2);color: #fff;font-size: 1.10em;font-weight: 500;}
.sct_50 ul > .list-cont {padding: 30px 10px;border-bottom: 1px solid #DFDFDF;box-sizing: border-box;}
.sct_50 ul > .list-cont > .it-chk {position: absolute;top: 0;bottom: 0;left: 10px;margin: auto;}
.sct_50 ul > .list-cont > .it-name {padding-left: 24px;box-sizing: border-box;position: relative;}
.sct_50 ul > .list-cont > .it-name > a {font-weight: 500;}
.sct_50 ul > .list-cont > .it-price > .sct_dict {color: #D9D9D9;font-size: 17px;font-weight: 500;text-decoration: line-through;}
.sct_50 ul > .list-cont > .it-price > .sct_cost {color: var(--color2);font-weight: 700}
.sct_50 ul > .list-cont > .it-preview > .btn-play {display: inline-block;text-align: center;cursor: pointer;}
.sct_50 ul > .list-cont > .it-apply {display: flex;gap: 5px;}
.sct_50 ul > .list-cont > .it-apply > button {width: 50%;height: 40px;border-radius: 5px;background: #9D9D9D;color: #fff;font-size: .90em;font-weight: 600;}
.sct_50 ul > .list-cont > .it-apply > .btn_cart {background: var(--color2);}
.sct_50 .sct-select-btns {display: flex;gap: 5px;max-width: 380px;width: 100%;margin-top: 20px;}
.sct_50 .sct-select-btns button {width: 100%;height: 40px;border: 1px solid #9D9D9D;border-radius: 5px;box-sizing: border-box;color: #565656;font-size: 16px;} 
.sct_50 .sct-select-btns #btn_sel_buy {border-color: #333;background: #333;color: #fff;}

@media all and (max-width: 1399px){
    .sct_50 ul > li {gap: 20px;}
    .sct_50 ul > li > .it-name {width: calc(100% - 655px);}
    .sct_50 ul > .list-head {font-size: 1.0em;}
    .sct_50 ul > .list-cont {font-size: 18px;}
}
@media all and (max-width: 1199px){
    .sct_50 ul > li > .it-apply {width: 160px;}
    .sct_50 ul > li > .it-name {width: calc(100% - 540px);}
    .sct_50 ul > .list-cont {padding: 20px 10px;}
    .sct_50 ul > .list-cont > .it-apply {flex-direction: column;align-items: center;}
    .sct_50 ul > .list-cont > .it-apply > button {width: 100%;}
}
@media all and (max-width: 1024px){
    .sct_50 ul {border-top: 1px solid #DFDFDF;}
    .sct_50 ul > .list-head {display: none;}
    .sct_50 ul > .list-cont {flex-direction: column;align-items: flex-start;gap: 5px;}
    .sct_50 ul > .list-cont > .it-chk {position: relative;top: auto;bottmo: initial;left: auto;margin: 0;}
    .sct_50 ul > .list-cont > div {width: 100%;text-align: left;position: relative;}
    .sct_50 ul > .list-cont > div::before {content: attr(data-name);max-height: 24px;padding: 2px 7px;background: #eee;color: #767676;font-size: 16px;}
    
}