@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');


/*ie*/
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],
textarea {
    width: 100%;
    height: 38px;
    font-size: 15px;
    color: #999;
    border: 1px solid #ddd;
    background: #fff;
    text-indent: 10px;
    transition: all 0.5s;
    vertical-align: middle;
}

input::-webkit-input-placeholder {
    color: #999;
    font-size: 15px;
    line-height: 100%;
}

/*GNB*/
#gnb nav>ul {
    width: 100%;
}

#gnb nav>ul>li>a {
    font-size: 16px;
    min-width: 100px;
}

.Wrap .container {
    flex-wrap: wrap;
    height: 144px;
    justify-content: center;
}

.Wrap h1 {
    left: 50%;
    transform: translateX(-50%);
}

#gnb nav {
    margin-top: 72px;
}

/*GNB 배경색*/
#gnb nav+div {
    height: 144px;
    box-shadow: none;
}

#gnb nav:hover+div::after {
    margin-top: 72px;
}

#gnb nav>ul {
    width: 100vw;
}

#gnb nav>ul>li>a {
    min-width: 80px;
}

#gnb nav>ul ul a {
    font-size: 14px;
}

/*******************************************************index 시작**************************************************************/
/**************************  main swiper *************************/
.swiper1 {
    height: 260px;
    margin-top: 184px;

}

.swiper1 .swiper-button-next,
.swiper1 .swiper-button-prev {
    display: none;
}

.swiper1 .swiper-slide.swiper-slide-active .swiper-group {
    margin-bottom: 20px;
}

.swiper-group span {
    font-size: 18px;
    padding: 10px 28px;
    margin: 20px 0;
}

.swiper-group p {
    font-size: 28px;
    margin-bottom: 12px;
}

.swiper-group div {
    font-size: 16px;
}

/*************** 메인페이지 타이틀 *******************/
.mainTitle {
    font-size: 34px;
    margin-bottom: 40px;
}

.mainTitle::after {
    top: 52px;
    width: 60px;
}



/*************** 강좌콘텐츠 목록 *******************/
#listWrap {
    padding: 30px 0;
}

#listWrap .classnote {
    width: calc(100% - 30px);
    padding: 15px;
    font-size: 15px;
}

/**탭메뉴**/
nav.tabMenu ul {
    height: 52px;
}

nav.tabMenu ul li a {
    font-size: 16px;
    height: 52px;
    line-height: 52px;
}

nav.tabMenu ul li.on {
    height: 50px;
}

/*강좌 목록*/
/**listWrap : 썸네일 콘텐츠**/

.listThumb .column {
    width: calc(calc(100% - 38px) / 3);
    margin: 0 16px 16px 0;
}

.listThumb .column:nth-child(3n + 1) {
    /********* 2024.11.15 우진 고침, 4n+0 였으나 첫번째 div에 문구를 표시하기 위해 첫번째 div 제외한 후 그 다음부터 계산함 ******/
    margin-right: 0;
}



.listThumb .column p {
    font-size: 14px;
}

.listThumb .column .credit {
    color: #0097FC;
    padding: 2px 5px;
    border: 1px solid #0097FC;
    border-radius: 5px;
    margin-right: 5px
}

.listThumb .column .btn_classgo {
    color: #fff;
    padding: 2px 5px;
    background-color: #0097FC;
    border: 1px solid #0097FC;
    border-radius: 5px;
}

.listThumb .column .btn_new {
    color: #fff;
    padding: 5px 10px;
    background-color: #FF5447;
    border: 1px solid #FF5447;
    border-radius: 15px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.listThumb .column .btn_soon {
    color: #fff;
    padding: 2px 5px;
    background-color: #9C9C9C;
    border: 1px solid #9C9C9C;
    border-radius: 5px;
}


.listThumb .column .thumb_txt {
    margin: 16px 10px;
}

.listThumb .column .thumbTitle {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*******************2509배너추가***********************/
#banner_2509 {
    margin-top: 30px;
}

/****************** 새소식 *****************************/
#news {
    margin: 30px 0;
}

.newsWrap {
    height: 260px;
}

/*************게시판************/
/**탭메뉴**/
nav.tabMenu2 ul li a {
    font-size: 17px;
    height: 48px;
    line-height: 48px;
}

nav.tabMenu2 ul li.on {
    height: 48px;
}

nav.tabMenu2 .more {
    width: 54px;
    height: 51px;
    line-height: 51px;
    font-size: 24px;
}

/************************ 아트북 ***************************/
#books::after {
    height: 260px;
}

#books .container {
    height: 260px;
    min-width: 100%;
    max-width: 100%;
}

#books .container .mainTitle {
    font-size: 20px;
}

#books .container .mainTitle::after {
    top: 28px;
    width: 32px;
    height: 2px;
}

.swiper-container.swiper2 {
    height: 200px;
    padding-top: 20px;
}

.swiper-container.swiper2 .swiper-wrapper .swiper-slide {
    width: 100px;
    height: 145px;
}

.swiper-pagination.swiper2 {
    top: 180px;
}


/***************** HELF *********************/
#helfWrap {
    margin: 30px 0;
}

.helfWrapCon {
    height: 200px;
}

.helfWrapCon .helfimg {
    height: 200px;
}

.helfCon {
    padding: 20px;
}

.helfCon div.square {
    width: 4px;
    height: 80px;
}

.helfCon div:nth-child(2) {
    font-size: 16px;
}

.helfCon div:nth-child(3) {
    font-size: 28px;
}

.helfCon div:nth-child(4) {
    font-size: 14px;
    margin-bottom: 20px;
}

.helfCon_btn {
    margin-top: 20px;
}

.btn_white {
    padding: 8px 26px;
    font-size: 15px;
    margin-right: 16px;
}

/**************** footer ***********************/
/**sponsor**/

#sponsor .container>ul {
    height: 60px;
}

#sponsor .container>ul li::after {
    content: "";
    position: absolute;
    width: 1px;
    ;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: #89837C;
}

#sponsor .container>ul li a {
    font-size: 16px;
    height: 60px;
    line-height: 60px;
}

#sponsor .container>ul li img {
    display: none;
}

#sponsor .container>ul li.sponTitle {
    max-width: 100px;
    font-size: 16px;
    line-height: 60px;
}

#sponsor .container>ul li.sponTitle::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 60px;
    right: 0;
    background: url('../images/half_line.png');
}


@media screen and (min-width: 851px) and (max-width: 960px) {
    #sponsor .container>ul li.sponTitle {
        max-width: 80px;
        font-size: 15px;
    }


    #sponsor .container>ul li a {
        font-size: 15px;
    }

}

@media screen and (min-width: 768px) and (max-width: 850px) {
    #sponsor .container>ul {
        height: 50px;
    }

    #sponsor .container>ul li.sponTitle {
        max-width: 60px;
        font-size: 15px;
        line-height: 50px;
    }

    #sponsor .container>ul li.sponTitle::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 50px;
        right: 0;
        background: url('../images/half_line.png');
    }

    #sponsor .container>ul li a {
        font-size: 15px;
        line-height: 50px;
    }

}

/**전체메뉴**/
#map .container>ul>li {
    font-size: 16px;
    line-height: 28px;
    padding: 24px 0 28px;
}

#map .container>ul ul li {
    font-size: 14px;
    font-weight: 400;
}

/***********************index 끝********************************/




/************서브페이지 전체레이아웃&폰트 스타일************/
/*상단 이미지&터이틀*/
.sub-visual {
    height: 240px;
    margin-top: 184px;
}

.titleWrap {
    height: calc(240px - 52px);
}

.titleWrap h2 {
    font-size: 32px;
    letter-spacing: -0.5;
}

.titleWrap span {
    font-size: 16px;
    letter-spacing: 0;
}

/*서브페이지 메뉴 셀렉트박스*/
.select-nav {
    height: 52px;
    top: calc(240px - 52px);
}

.select-nav .container div {
    width: 200px;
    height: 52px;
    line-height: 52px;
}

.select-nav div.home {
    width: 52px;
    font-size: 18px;
}

.select-nav .depth1,
.select_wrap ul li {
    font-size: 15px;
    padding-left: 20px;
    height: 52px;
}

.select_wrap .default_option:before {
    top: 20px;
    right: 22px;
}

.select_wrap .default_option:hover:before {
    top: 22px;
}

.select_wrap .select_ul {
    top: 52px;
}

.select_wrap .select_ul li {
    padding-left: 28px;
    font-size: 15px;
}

.select_wrap .select_ul li::before {
    top: 24px;
    left: 16px;
}

/************contentWrap************/
.contentWrap {
    max-width: 1030px;
    min-height: auto;
    padding: 0 25px;
    margin-top: 30px;
    margin-bottom: 80px;
}

section {
    min-height: auto;
}

section article {
    margin-bottom: 30px;
}

.conbox1 {
    font-size: 15px;
    padding: 16px;
    line-height: 34px;
}

/*알럿박스*/
.conbox2 {
    font-size: 16px;
    padding: 16px;
}

/*박스안 자식 요소 정렬*/
.flexh {
    display: flex;
    align-items: center;
}

/*자식요소 가로 중앙정렬*/
.flexh .inputBox {
    border: 1px solid #ddd;
    height: 48px;
    margin-right: 10px;
    background-color: #F3F3F3;
}

.flexall {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*자식요소 가로세로 중앙정렬*/

/*서브페이지 제목*/
section h3 {
    position: relative;
    font-size: 20px;
    margin: 0 0 10px 10px;
    letter-spacing: -1px;
}

section h3::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 20px;
    background-color: #094586;
    top: 6px;
    left: -10px;
}

section h4 {
    font-size: 20px;
    margin: 0 0 12px 24px;
}

section h4::before {
    left: -24px;
}

.tabTitle {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 24px;
}

/*연수결과 상세*/
.result_detail .tabTitle {
    margin-top: 20px;
}

/*기본표 스타일*/
.Board tr {
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

.Board th {
    font-size: 16px;
    font-weight: 500;
    background-color: #F3F3F3;
    padding: 15px;
    height: 29px;
    border-top: 1px solid #222;
    line-height: 22px;
}

.Board td {
    font-size: 15px;
    text-align: center;
    padding: 15px;
    height: 29px;
}

.Board td.alignLeft {
    text-align: left;
}

.Board td.bg_gray {
    font-size: 16px;
    font-weight: 500;
    background-color: #F3F3F3;
    padding: 15px;
}


/*th이 세로로 있는 표스타일*/
.Board.vtcl tr td:first-child {
    font-size: 16px;
    font-weight: 500;
    background-color: #F3F3F3;
}

/*마지막 tr 강조표*/
.Board tr.lasttr {
    border: 1px solid #222;
    border-left: none;
    border-right: none;
}

.Board tr.lasttr:last-child td {
    font-size: 16px;
    font-weight: 500;
}

/*나의 연수 현황표 스타일(tr이 1,3열에 있음)*/
.Board.status tr td:nth-child(odd) {
    font-size: 16px;
    font-weight: 500;
    background-color: #F3F3F3;
}

.Board.status tr {
    height: 60px;
}

.Board.status tr:first-child {
    border-top: 1px solid #222;
}

.Board.status td {
    padding: 15px;
}

.Board.status.toplinenone tr {
    border-top: 1px solid #ddd;
}

.Board.toplinenone th {
    border-top: 1px solid #ddd;
}

/*라인 없는 표*/
table.Board_border0 {
    border: none;
}

/*진도율바*/
.statusBox {
    position: relative;
    display: inline-block;
    width: 80%;
    height: 10px;
    border-radius: 50px;
    background-color: #F3F3F3;
    box-shadow: 1px 1px 2px inset rgba(0, 0, 0, 0.2);
}

/* 
	은주씨 코딩 변경:
	실시간 진도율 업데이트를 위해 아래 코딩 삭제, JSP 페이지 내에 그래프 div 삽입함
.statusBox::before{content: ""; position: absolute; top:0; left:0; width: 62%; height: 10px; border-radius: 50px; background-color: #FFBD1E; }
*/
.pctnum {
    margin-left: 20px;
    color: #FFBD1E;
    font-size: 16px;
    font-weight: 500;
}


/*상,하단 주석*/
.note {
    color: #222;
    font-size: 15px;
    display: inline-block;
    margin-top: 10px;
    line-height: 24px;
}

.note.top {
    margin-top: 0;
    margin-bottom: 10px;
}

/************버튼, 아이콘 스타일************/
.ico16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/edu/images/Icon.png);
}

/*16px 이미지 아이콘*/
.ico_download {
    background-position: 0 -302px;
    margin-right: 6px;
    margin-bottom: -2px;
}

.ico_print {
    background-position: -22px -302px;
    margin-right: 6px;
    margin-bottom: -2px;
}

/*연수교재 내려받기*/
.ico_bookDown {
    background-position: -50px -302px;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 4px;
}

.btn_bookDown {
    margin-bottom: 10px;
    float: right;
}

/*파일찾기*/
.ico_serch {
    background-position: -100px -300px;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 2px;
}

/*과제 제출하기*/
.btn_sumit {
    margin: 10px 0 16px 0;
}

.ico_sumit {
    background-position: -128px -302px;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 2px;
}

.ico32 {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/edu/images/Icon.png);
    margin: 0 auto;
}

/*32px 이미지 아이콘*/
.ico_lect {
    background-position: 0 -260px;
}

.ico_relect {
    background-position: -84px -260px;
}

.ico_result {
    background-position: -84px -260px;
}

.ico_play {
    background-position: -126px -260px;
}

.ico_play2 {
    background-position: -252px -260px;
}

/*학습하기아이콘 회색(학습완료)*/
.ico_detail {
    background-position: -168px -260px;
}

.ico_attach {
    background-position: -210px -260px;
}

.ico_exl {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/edu/images/Icon.png);
    vertical-align: middle;
    margin-right: 4px;
    background-position: -36px -330px;
}

.ico_email {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/edu/images/Icon.png);
    vertical-align: middle;
    margin-right: 4px;
    background-position: -96px -330px;
}

.btn40.gray {
    border: 1px solid #999999;
    color: #999999;
}

.btn40 {
    display: inline-block;
    padding: 9px 12px;
    font-size: 15px;
    font-weight: 500;
    height: auto;
    line-height: 20px;
    border: 1px solid #094586;
    color: #094586;
}

/*40px 텍스트 버튼*/
.btn40_out {
    display: inline-block;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    border: 1px solid #094586;
    color: #094586;
}

/*48px 텍스트 라인버튼 아이콘있음*/
.btn48_out {
    display: inline-block;
    padding: 0px 22px;
    font-size: 15px;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    border: 1px solid #094586;
    color: #094586;
}

/*48px 텍스트 라인버튼 아이콘있음*/
.btn48_full {
    display: inline-block;
    padding: 0 22px;
    font-size: 15px;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    background-color: #094586;
    color: #fff;
}

/*48px 텍스트 풀버튼 아이콘있음*/
.btnBig_out {
    display: inline-block;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    border: 2px solid #094586;
    color: #094586;
    border-radius: 5px;
}

/*48px 라인 둥근모서리*/
.btnBig_full {
    display: inline-block;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    background-color: #094586;
    color: #fff;
    border-radius: 5px;
}

/*48px 풀 둥근모서리*/
.btnBig_gray {
    display: inline-block;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    background-color: #999999;
    color: #fff;
    border-radius: 5px;
}

.btnBig_outTsom1 {
    display: inline-block;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    border: 2px solid #008000;
    color: #008000;
    border-radius: 5px;
}

/*48px 라인 둥근모서리*/
.btnBig_outTsom2 {
    display: inline-block;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    border: 2px solid #094586;
    color: #094586;
    border-radius: 5px;
}

/*48px 라인 둥근모서리*/

/*설문 참여완료*/
.btn_done {
    border: 1px solid #999999;
    color: #999;
}

/*느낌표 아이콘*/
.ico_alert {
    margin-right: 12px;
    width: 48px;
    height: 48px;
}

.ico_alert::before {
    font-size: 22px;
}

/*이수완료 아이콘*/
.ico_done {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    width: 60px;
    height: 60px;
    background-color: #FFA200;
    border-radius: 100px;
}

.ico_done::before {
    content: "\eb64";
    position: absolute;
    font-family: 'xeicon';
    font-size: 28px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*글쓰기*/
.btn_write {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.xi-border-color {
    margin-right: 8px;
}

/*xeicon 정렬*/
.xei_align {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 4px;
}

/*폰트스타일*/
.pink {
    color: #ff5447;
}

.red {
    color: #DE2C00;
}

.blue {
    color: #094586;
}

.link {
    color: #0097fc;
    text-decoration: underline;
}

.bluegreen {
    color: #009595
}

.darkBlue {
    color: #69090A;
}

.darkred {
    color: #69090a;
}

.gray {
    color: #999;
}

.b {
    font-weight: 500;
}

.underLine {
    text-decoration: underline;
}

.txtindent {
    text-indent: 1em;
}

td.title {
    font-size: 17px;
    font-weight: 500;
    color: #69090A;
}


/*버튼 정렬 오른쪽정렬&위로 10px 띄움*/
.btnWrapTsom {
    margin-top: 10px;
}

.btnWrap {
    float: right;
    margin-top: 10px;
}

.btnWrap a {
    margin-right: 8px;
}

.btnWrap a:last-child {
    margin-right: 0;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mb40 {
    margin-bottom: 40px;
}

.h10 {
    height: 10px;
}

.center {
    margin: 0 auto;
    text-align: center;
}

/*******************************************************************서브페이지 CSS 시작********************************************************************/


/**********로그인 및 아이디/비번찾기**********/
.lineBox {
    padding: 30px 20px;
    font-size: 15px;
}

.lineBox .title {
    font-size: 18px;
}

/**********회원가입**********/
/*상단 step*/
.stepWrap {
    width: 120px;
    height: 120px;
}

.stepWrap p {
    font-size: 15px;
}

.stepWrap .step {
    font-size: 20px;
}

.stepWrap::after {
    left: -80%;
    top: 46px;
    font-size: 32px;
}

@media screen and (min-width: 768px) and (max-width: 850px) {
    .stepWrap::after {
        left: -60%;
    }

}

/*****1단계*****/
.txt20b {
    font-size: 18px;
}

.jointitle {
    font-size: 16px;
    margin: 18px 0 10px 0;
}

.joinBox {
    padding: 30px 20px;
    font-size: 16px;
}

/* 원형 체크박스(전체동의)*/
.joinBox input[type="checkbox"]#chk1+label::before {
    font-size: 30px;
}

/*원형 체크박스*/
/*스크롤박스 내용*/
.joinBox .scrollBox {
    padding: 16px;
    font-size: 14px;
}

.ptitle1 {
    font-size: 16px;
    color: #B17526;
    font-weight: 500;
}

.ptitle2 {
    font-size: 17px;
    color: #094586;
    font-weight: 500;
}

.note_gray {
    margin-top: 10px;
    font-size: 14px;
}

/*표 스타일*/


/*****2단계*****/

/*48px 풀 둥근모서리*/

/*****3단계*****/
.boardjoin input[type=text],
.boardjoin input[type=password] {
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.boardjoin .repw input[type=password] {
    margin-bottom: 0;
}

.boardjoin ul {
    padding-left: 0;
}

.boardjoin.con2 input[type="text"].num {
    margin-bottom: 0;
}


.boardjoin.con2 td.nice input[type="text"]:nth-child(3) {
    width: 100%;
}

.boardjoin.con2 td.nice input[type="text"]:nth-child(4) {
    width: 100%;
}

.boardjoin.con2 input[type="text"].email {
    min-width: 180px;
    margin-bottom: 0;
}

.boardjoin.con2 select.email {
    min-width: 180px;
    margin-top: 10px;
}

.boardjoin.con2 ul {
    display: block;
    position: relative;
    margin-top: 6px;
    padding-left: 0;
}

.boardjoin.con2 ul li {
    margin: 0;
}

/***********민화 강좌***********/
.sumWrap {
    padding: 0 26px;
    margin: 16px 0;
}

.sumWrap p {
    font-size: 15px;
}

/*강좌 목차*/
.lect_index .thumb {
    margin: 0 20px 20px 0;
    width: calc((100% - 40px) / 3);
    overflow: hidden;
}

.lect_index .thumb:nth-child(3n) {
    margin-right: 0;
}

.lect_index .thumb:nth-child(4n) {
    margin-right: 20px;
}

.lect_index .thumb span.num {
    font-size: 17px;
}

.lect_index .thumb span {
    font-size: 15px;
    margin-top: 4px;
    line-height: 18px;
}


/************베이직 클래스*******************/
select#lect {
    width: 100%;
}

.selected i {
    padding-left: 10px;
}

.lect_price {
    font-size: 17px;
}

.lect_price span {
    font-size: 18px;
}

.point {
    font-size: 15px;
}

/*베이직 클래스 연수강좌 목차*/
.basicIndexWrap img {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
}

.basicIndex {
    width: calc((100% - 16px) / 2);
}

.basicIndexTitle {
    font-size: 18px;
    margin-bottom: 8px;
}

.basicIndex p {
    font-size: 17px;
    line-height: 32px;
}

.basicIndex p span {
    font-size: 13px;
    padding: 4px;
}

.basicIndex a {
    margin-top: 12px;
}

/*베이직 클래스 준비물*/
.setsell {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.setsell span {
    font-size: 15px;
    line-height: 52px;
}

.setsell span strong {
    font-size: 22px;
}

.setsell .num_count {
    margin-right: 16px;
}

/*******어린이민화교수법 강좌안내(키트구매)********/
.final_price {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.final_price span {
    font-size: 15px;
    line-height: 52px;
}

.final_price span strong {
    font-size: 22px;
}

.final_price .num_count {
    margin-right: 16px;
}


/*48px 풀 둥근모서리*/
.btn_buy {
    padding: 0 20px;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
}


/***********프라임 클래스***********/
.pre_infoCon p {
    font-size: 15px;
    margin-left: 20px;
}

.pre_infoCon p::before {
    content: "";
    position: absolute;
    background-color: #222;
    width: 5px;
    height: 5px;
    top: 8px;
    left: -14px;
}

.primenote {
    font-size: 15px;
    line-height: 15px;
    padding: 16px 0;
    margin-top: 10px;
}

/*수강신청 결과 박스*/
.conbox3 {
    font-size: 15px;
    padding: 24px 52px;
}

.conbox3 .title {
    font-size: 18px;
    line-height: 32px;
}

/*단체수강신청*/
.stepinfo {
    padding: 24px 0;
}

.infoWrap {
    text-align: center;
    flex: 1;
    padding: 0 40px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -1px;
}

.infoWrap::after {
    left: -20px;
    top: 60px;
    font-size: 32px;
}

.infoWrap .title {
    font-size: 17px;
    padding-bottom: 4px;
}

/*단체수강신청 결제*/
.formWrap li {
    font-size: 15px;
}

.formWrap .text {
    font-size: 16px;
}

/*결제정보*/
.Payconfirm input[type=text]#name {
    width: 100%;
}

.Payconfirm input[type=text]#num {
    width: 320px;
    margin-right: 20px;
}

.Payconfirm input[type=text]#num+span {
    vertical-align: middle;
}

/*견적서 td*/
.est select {
    width: calc((100% - 20px) / 3);
    background: url(/edu/images/select_arrow.png) no-repeat 90% 50%;
    margin-right: 6px;
}

select#year {
    width: calc((100% - 20px) / 3);
}

.est a {
    display: block;
    margin-top: 10px;
    width: 120px;
    text-align: center;
}

/*결제방법 안내 하단 텍스트 박스*/
.noteWrap {
    padding: 20px;
    font-size: 15px;
}

.noteWrap .title {
    font-size: 16px;
    line-height: 38px;
}

.noteWrap p:last-child {
    margin-bottom: 14px;
}

/*Q&A상단 검색박스*/
.BoardTopWrap {
    height: 44px;
}

.BoardTopWrap .BoardTop {
    display: flex;
    width: calc(100% - 16em);
}

.BoardTop select {
    min-width: 100px;
    background: url(/edu/images/select_arrow.png) no-repeat 90% 50%;
    margin-right: 6px;
    height: 44px;
}

.BoardTop input[type=text] {
    display: inline-block;
    height: 42px;
    width: calc(100% - 220px);
}

.btn_searchico {
    width: 44px;
    height: 44px;
}

.btn_searchico::before {
    content: "\e97a";
    font-family: 'xeicon';
    color: #fff;
    font-size: 20px;
    line-height: 44px;
}

/*Q&A(게시판형식)*/
.reply {
    font-size: 14px;
    width: 64px;
}

.reply_none {
    font-size: 14px;
    width: 64px;
}

.Board.qna.toplinenone th:nth-child(5),
.Board.qna.toplinenone td:nth-child(5),
.Board.qna.toplinenone tr.replyWrap td:nth-child(4) {
    display: none;
}

.Board.qna.toplinenone colgroup {
    display: none;
}

.Board.qna.toplinenone th:nth-child(2),
.Board.qna.toplinenone td:nth-child(2),
.Board.qna.toplinenone tr.replyWrap td:nth-child(2) {
    width: 50%;
}

/*게시판 글 상세페이지*/
.replyWrap {
    padding: 20px;
    font-size: 15px;
}

.replyBox {
    display: flex;
    margin-top: 70px;
}

.replyBox textarea {
    width: calc(100% - 90px);
    height: 80px;
    padding: 12px;
    margin-right: 10px;
}

.btn_box {
    font-size: 15px;
}

/*민화인명사전*/
.Board.qna.toplinenone.dict th:nth-child(1),
.Board.qna.toplinenone.dict td:nth-child(1) {
    width: 6rem;
}

.Board.qna.toplinenone.dict th:nth-child(2),
.Board.qna.toplinenone.dict td:nth-child(2) {
    width: 5rem;
}

.Board.qna.toplinenone.dict th:nth-child(3),
.Board.qna.toplinenone.dict td:nth-child(3) {
    width: 5rem;
}

.Board.qna.toplinenone.dict th:nth-child(4),
.Board.qna.toplinenone.dict td:nth-child(4) {
    width: auto;
}

.dictCon img {
    margin-right: 20px;
    width: 240px;
    height: 300px
}

.dict_text p {
    font-size: 15px;
    line-height: 24px;
}

.dict_text p .nick {
    font-size: 28px;
}

.dict_text p .name {
    font-size: 30px;
}

.dict_text p .name_eng {
    font-size: 24px;
}

.dict_text p .birth {
    font-size: 24px;
}

.dict_text table {
    font-size: 15px;
    line-height: 24px;
}

.dict_infotext {
    font-size: 18px;
    padding: 18px;
    margin-top: 30px;
}

.dict_infoTitle {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 8px;
}

.dict_infoCon {
    font-size: 15px;
    line-height: 24px
}

/**공모전**/
img.contest_bn {
    margin-bottom: 40px;
}

.btn40_84 {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    width: 88px;
    height: 38px;
    line-height: 38px;
    background-color: #094586;
    color: #fff;
}

.contest_board {
    font-size: 15px;
    padding: 16px 10px;
}

.contest_board .title {
    font-size: 17px;
    margin-bottom: 4px;
}

.contest_board .txt {
    margin-left: 10px;
}

.contest_board img {
    max-width: 100%;
}



/*티솜 초대석*/
.hl2px_invit {
    margin: 10px 0 20px 0;
}

#listWrap.invit .container .listThumb .column:nth-child(4n),
#listWrap.invit .container .listThumb .column:nth-child(4n + 1),
#listWrap.invit .container .listThumb .column:nth-child(3n + 1) {
    margin-right: 16px;
}

#listWrap.invit .container .listThumb .column:nth-child(3n) {
    margin-right: 0;
}



/*********%민화학교 소개**********/
/****학교장 인사말****/
.introduct_top img {
    margin-right: 40px;
}

.introduct_top p.title {
    font-size: 34px;
}

.introduct_top div img {
    margin: 30px 0;
}

.introduct_top div img {
    margin: 30px 0;
}

.introductWrap p {
    font-size: 15px;
}

.introductWrap .signWrap img {
    margin-left: 20px;
}

.introductWrap .noteWrap {
    margin-bottom: 10px;
    border-radius: 10px;
}


/****학교 소개****/
.introductTitle {
    font-size: 18px;
    line-height: 32px;
}

.introductTitle~p {
    margin-left: 18px;
}

.introductWrap .noteWrap.list .title {
    font-size: 17px;
    line-height: 20px;
}

/****조직도****/
.introductWrap.org p {
    font-size: 36px;
    letter-spacing: -1.5px;
    margin-bottom: 16px;
}

.introductWrap.org span {
    font-size: 18px;
    width: 80%;
    height: 40px;
    line-height: 40px;
}

.introductWrap.org img {
    margin-top: 32px;
}


/****CI소개****/
.CItitle {
    padding-top: 12px;
    margin-bottom: 50px;
}

.CItitle img {/*따옴표 이미지*/
    width: 28px;
    height: 24px;
    padding: 4px 0;
}

.CItitle p {
    font-size: 20px;
    margin: 0 20px;
}

.signatureWrap {
    margin-top: 60px;
}

.signatureWrap p {
    font-size: 18px;
}



/****교수진 소개****/
.profileWrap {
    margin-bottom: 30px;
    margin-right: 16px;
}

.profileWrap img {
    margin-right: 16px;
    max-width: 220px;
}

.profile_text {
    width: calc(68% - 16px);
}

.profile_text td {
    font-size: 15px;
    line-height: 18px;
    padding: 4px 0;
}

.profile_text td:nth-child(2){
    padding-left: 8px;
}
.profile_text td.name {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -2px;
}

.profile_text td.name_eng {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 18px;
    line-height: 22px;
    padding: 4px 0;
}

.profile_text td.position {
    font-size: 16px;
    padding: 10px 0;
    line-height: 20px;
}

/*강사진 상세보기*/
.profileWrap.detail {
    width: 100%;
    height: 300px;
}

.infotext {
    padding: 16px;
    font-size: 15px;
}

.infoTitle {
    font-size: 18px;
    padding-left: 12px;
    margin-top: 24px;
    line-height: 28px;
}

.infoCon {
    font-size: 15px;
    line-height: 24px
}

/****강사진 소개 상세 - 작품소개****/
.artWorkWrap {
    margin-top: 8px;
}

.artWork {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
}

.artWork:nth-child(3n){
    margin-right: 0;
}
.artWork:nth-child(4n){
    margin-right: 20px;
}

.artWork img {
    max-width: none;
}

.artWork p {
    font-size: 14px;
    padding-top: 6px;
}


/*티솜 갤러리*/
/*********************** slider ******************************/
.swiper3 {
    height: 480px;
    margin-top: 184px;
}
.swiper3 .swiper-group-container {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
}

/*티솜갤러리 영문 이미지 타이틀*/
.swiper3 .gltitle {
    max-width: 380px;
    width: calc(50% - 50px);
    margin-right: 50px;
}

/*텍스트박스_공통*/
.swiper3 .swiper-group {
    max-width: calc(50% - 50px);
    height: auto;
    padding: 30px;
}

.swiper3 .textWrap p {
    font-size: 15px;
    margin-bottom: 16px;
    letter-spacing: -0.7px;
}

.swiper3 .textWrap a {/*전시 신청 버튼*/
    font-size: 15px;
    padding: 10px 0;
    width: 120px;
}
/******************** slider end****************************/

#galleryWrap {
    margin-bottom: 80px;
}

#galleryWrap::before {
    height: 480px;
}

#galleryWrap .g_logo {
    width: 340px;
    height: 90px;
    margin-top: 30px;
}

/*지난/진행중/예정 전시회 버튼*/
ul.galleryMenu {
    margin: 30px 0;
}

ul.galleryMenu li {
    width: 120px;
    height: 120px;
    margin-right: 40px;
}


ul.galleryMenu li a {
    font-size: 17px;
}

/*지난/진행중/예정 전시회 버튼 끝*/

.GlistThumb .G_column {
    width: calc((100% - 46px) / 3);
    margin: 0 20px 20px 0;
}

.GlistThumb .G_column:nth-child(4n) {
    margin-right: 20px;
}

.GlistThumb .G_column:nth-child(3n) {
    margin-right: 0;
}
.GlistThumb .G_column p {
    font-size: 14px;
}

.GlistThumb .G_column .G_thumb {
    margin: 8px;
}

.GlistThumb .G_column .G_thumb p.title {
    font-size: 17px;
}

.GlistThumb .G_column .G_thumb p.date {
    font-size: 15px;
}

.GlistThumb .G_column .G_btn {/*작품영상/감상 버튼*/
    height: 44px;
}

.GlistThumb .G_column .G_btn a {
    font-size: 15px;
    line-height: 44px;
}

/****온라인 갤러리 메인 끝****/


/****온라인 갤러리 전시신청****/
.galleryBox1 {
    padding: 20px;
    font-size: 15px;
    margin-top: 16px;
}

.Board.status .boardGallery td {
    padding: 0 10px;
}

textarea.gallery_txt {
    height: 160px;
}

textarea.gallery_etc_txt {
    height: 100px;
}

/*전시기간 시작*/
.boardGallery .GtimeWrap .Gtime select.year{
    min-width: 100px;
}


/****온라인 전시 개요 페이지*****/
.exhibTitle_online {
    font-size: 24px;
    margin-left: 100px;
}

.exhibTitle_online span {
    font-size: 15px;
    padding: 4px 10px;
    left: -100px;
    margin: 4px 6px 0 0;
}

.exhibWrap.online {
    align-items: flex-start;
}

.booksCon {
    font-size: 15px;
    padding: 20px 10px;
    margin-bottom: 10px;
}

.btnG_out {/*48px 라인 둥근모서리*/
    padding: 0 20px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
}

.btnG_full {/*48px 풀 둥근모서리*/
    padding: 0 20px;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
}


/**공모전**/
img.contest_bn {
    margin-bottom: 30px;
}
.Board.qna.toplinenone.contst th:nth-child(5),
.Board.qna.toplinenone.contst td:nth-child(5){
    display: block;
    text-align: center;
}

.Board.qna.toplinenone.contst th:nth-child(1),
.Board.qna.toplinenone.contst td:nth-child(1),
.Board.qna.toplinenone.contst th:nth-child(6),
.Board.qna.toplinenone.contst td:nth-child(6){
    display: none;
}

.Board.qna.toplinenone.contst td:nth-child(3){
    overflow: auto;
    text-overflow:clip;
    white-space: wrap;
}

/****공모전 결과****/
.winnertitle {
    font-size: 18px;
    padding: 16px 0;
    margin-top: 20px;
}

.winnerkWrap {
    margin-top: 20px;
}

.winner {
    width: calc((100% - 46px) / 3);
}

.winner:nth-child(3n+0) {
    margin-right: 0
}
.winner:nth-child(4n+0) {
    margin-right: 20px;
}

.winner p {
    font-size: 15px;
    padding-top: 6px;
}

/****온라인 투표****/
.votetxt {
    font-size: 17px;
    padding: 20px;
    border: 6px solid #094586;
}

.votecon {
    width: calc((100% - 46px) / 3);

}

.votecon:nth-child(3n+0) {
    margin-right: 0
}
.votecon:nth-child(4n+0) {
    margin-right: 20px;
}

.votecon p {
    display: flex;
    font-size: 15px;
}

/*******전시·행사********/
/*리스트보기/캘린더 보기 버튼*/
.redbtnWrap {
    margin-bottom: 16px;
}
.redbtnWrap .btn_red {
    width: 140px;
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    margin-right: 10px;
}

/**리스트 보기**/
/*전시/행사/기간 검색창*/
.ExTopWrap {
    padding: 16px 20px;
}
.ExTop span {
    font-size: 17px;
    width: 112px;
}
.ExTop a {/*검색버튼*/
    height: 48px;
    width: 48px;
}

/*전시행사 리스트*/
.ExCon {
    padding: 16px 0;
}
.ExCon img {
    margin-right: 16px;
}
.ExInfo .state {/*icon_진행중&전체*/
    font-size: 15px;
    width: 60px;
    height: 32px;
    line-height: 32px;
}
.ExInfo .ExInfo_title {
    font-size: 22px;
    margin-top: 8px;
}
.ExInfo .ExInfo_subtitle {
    font-size: 16px;
}
.ExInfo .ExInfo_date {
    font-size: 16px;
    margin-top: 8px;
}


/**전시·행사 상세페이지**/
.exhibTitle {
    font-size: 24px;
    margin-left: 60px;
}
.exhibTitle span {
    font-size: 15px;
    padding: 4px 10px;
    left: -60px;
    margin: 4px 6px 0 0;
}
.exhibWrap {
    margin-top: 16px;
}
.exhibWrap img {
    margin-right: 16px;
}
.booksCon.mov {
    padding: 16px 0 0 0;
}

.booksCon.mov a {
    width: calc((100% - 40px) / 3);
}
.booksCon.mov a:nth-child(3n+0){
    margin-right: 0;
}
.booksCon.mov a:nth-child(4n+0){
    margin-right: 20px;
}


/****아트북****/
/*검색박스 start*/
.BookTop select {
    width: 120px;
    height: 44px;
    font-size: 15px;
}

.BookTop input[type=text] {
    height: 42px;
}

/*검색박스 end*/

.hl2px {
    margin-top: 20px;
}

/*아트북 검색 목록 start*/
.booksThumbWrap {
    margin-top: 0;
}

.booksThumbWrap .column {
    width: calc((100% - 60px) / 4);
}

.booksThumbWrap .column:nth-child(5n+0) {
    margin-right: 20px;
}
.booksThumbWrap .column:nth-child(4n+0) {
    margin-right: 0;
}

.booksThumbWrap .column p {
    font-size: 15px;
}

.booksThumbWrap .column span {
    font-size: 15px;
    line-height: 22px;
}

.booksThumbWrap .column span strong {
    font-size: 16px;
}
/*아트북 검색 목록 end*/


/*아트북 상세페이지 start*/
.bookslistWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

.booksTitle {
    font-size: 22px;
}

.booksinfoWrap table colgroup{
    display: none;
}

.bookslistWrap img {
    flex: none;
    width: 270px;
    height: 360px;
    margin-right: 16px;
}

/*아트북 장바구니/구매하기 버튼 start*/
.final_priceWrap.books {
    flex-direction: column;
    align-items: flex-end;
}

.final_priceWrap.books .final_price{
    margin-right: 0;
    margin-bottom: 10px;
}

.final_priceWrap.books .final_price>span {
    font-size: 15px;
}

.final_price .num_count {
    margin-right: 12px;
}
/*아트북 장바구니/구매하기 버튼 end*/
.price {
    font-size: 18px;
}
.btn_cart {
    padding: 0 20px;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
}


/*아트북 주문결제*/
.Board td.book_info img {
    margin-right: 16px;
}

.Board td.ft strong {
    font-size: 18px;
}


/*아트북 주문내역*/
.bookTopWrap {
    padding: 12px 24px;
}

.bookTop span {
    font-size: 17px;
    width: 100px;
}

.bookTop input[type=text] {
    height: 44px;
}

.bookTop a {
    flex-grow: 0;
    height: 46px;
}

.bookTop input[type=text].calico {
    flex: 1;
}


/*주문 상태 start*/
.Board.books colgroup{
    display: none;
}

td .bookstate{
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

td .bookstate .step{
    width: 200px;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
    .Board.books .book_info img {
        display: none;
    }
}
/*주문 상태 end*/


/*자격증*/
.k-tchrTopWrap{
    max-width: 1030px;
}
.k-tchrTop {
    height: 160px;
    margin: 0 25px;
}

.k-tchrTopWrap+.contentWrap {
    margin-top: -30px;
}

.k-tchrTitle {
    font-size: 36px;
    padding-top: 42px;
    margin: 0 0 0 20px;
    line-height: 42px;
}

.k-tchrTitle::before {
    content: "";
    position: absolute;
    width: 6px;
    height: calc(100% - 48px);
    background-color: #094586;
    top: 42px;
    left: -20px;
}


.k-tchrTitle .serif {
    font-size: 22px;
}

.tabTitle_tchr {
    font-size: 18px;
}