@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");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

body,
input,
select,
textarea,
button {
    border: none;
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif;
    color: #222222;
    letter-spacing: -0.5px;
}

select {
    height: 42px;
    line-height: 42px;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 0;
    background: #fff url("/edu/images/select_arrow.svg") no-repeat 95% 50%;
    /*셀렉트박스 기본화살표 삭제*/
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

select::-ms-expand {
    display: none;
}

/*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: 14px;
    color: #222;
    border: 1px solid #ddd;
    background: #fff;
    text-indent: 10px;
    transition: all 0.5s;
    vertical-align: middle;
}

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

textarea {
    padding: 5px 0;
}

select:focus,
textarea:focus,
input:focus {
    border: 1px solid #727272;
}

input[type="tel"][readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
input[type="search"][readonly],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="email"][disabled] {
    background: #eaeaea;
    border-color: #ddd;
    color: #666;
    -webkit-appearance: none;
    font-size: 14px;
}

textarea[readonly],
textarea[disabled] {
    padding: 11px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    line-height: 140%;
    height: 78px;
    background: #eaeaea;
    border: 1px solid #ddd;
}

.mnone{
    display: none;
}

/*회원정보 메뉴*/
#util {
    margin-top: 52px;
    z-index: 600000;
    display: none;
}

#util ul {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

#util ul li {
    padding: 0 8px;
}

#util ul li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    top: 50%;
    right: 0;
    background-color: #FFBD1E;
}

#util ul li.cart {
    padding-left: 6px;
}

#util ul li.cart::before {
    display: none;
}

#util ul li a {
    font-size: 12px;
}

.m_close,
.m_close .xi-close-thin {
    display: block;
}

#util.active,
#gnb.active {
    display: block;
}

/************header************/
header .Wrap {
    top: 0;
}

header .Wrap .container {
    padding: 0;
}

/*로고*/
header .Wrap h1 {
    display: block;
    background-size: 116px 32px;
    background-position: 20px 10px;
    width: 100vw;
    height: 52px;
    margin-top: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

/*GNB*/
#gnb {
    z-index: 50000;
    position: absolute;
    top: 92px;
    left: 0;
    display: none;
}

#gnb nav {
    background-color: #F3F3F3;
    height: 100vh;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.15);
}

#gnb nav>ul {
    flex-direction: column;
    height: 422px; /** 좌측 메뉴 모두 나오게 높이 수정. 202512.13 정우진 */
    text-align: left;
    justify-content: flex-start;
    width: 140px;
}

#gnb nav>ul>li {
    position: static;
    border-bottom: 1px solid #eaeaea;
}

#gnb nav>ul>li.on {
    background-color: #69090A;
}

#gnb nav>ul>li.on>a {
    color: #fff;
}

#gnb nav>ul>li:hover>a::after {
    display: none;
}

#gnb nav>ul>li>a {
    min-width: 140px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    padding-left: 20px;
}

#gnb nav+div {
    display: none;
}

.m_search .xi-search,
.m_menu .xi-bars {
    display: block;
}

.m_menu {
    display: block;
}

/*서브메뉴*/
#gnb nav>ul ul {
    display: none;
    position: absolute;
    width: calc(100vw - 140px);
    height: 100vh;
    left: 140px;
    top: 0;
    text-align: left;
    padding-top: 0;
    opacity: 0;
    z-index: 100;
    background-color: #fff;
}

#gnb nav>ul li.on ul {
    display: block;
    opacity: 1;
    transition: none;
}

#gnb nav>ul ul::after {
    display: none;
}

#gnb nav>ul ul li {
    height: 48px;
    line-height: 48px;
    margin: 0 20px;
    position: relative;
}

#gnb nav>ul ul a {
    font-size: 15px;
    color: #222;
    transition: all 0.5s;
}

#gnb nav>ul ul a::after {
    content: "\e93e";
    position: absolute;
    color: #000;
    font-family: "xeicon";
    font-size: 12px;
    font-weight: 600;
    right: 8px;
}

#gnb nav>ul ul a:hover {
    text-decoration: none;
}

/*******************************************************index 시작**************************************************************/
/**************************  main swiper *************************/
.swiper1 {
    height: 200px;
    margin-top: 52px;
}

.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: 15px;
    padding: 4px 16px;
    margin: 8px 0;
}

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

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

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

.mainTitle::after {
    top: 32px;
    width: 40px;
}

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

#listWrap .classnote {
    width: calc(100% - 20px);
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
}

/**index 탭메뉴**/
nav.tabMenu ul {
    height: 52px;
    margin: 20px 0 10px 0;
}

nav.tabMenu ul li {
    flex: 1;
    border: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

nav.tabMenu ul li:first-child {
    border-left: 1px solid #ddd;
}

nav.tabMenu ul li a {
    position: absolute;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    height: auto;
    line-height: 18px;
    padding: 0 4px;
    top: 50%;
    transform: translateY(-50%);
}

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

/*메인페이지 탭 메뉴와 height 값 구분*/
.tabMenu.con ul{
    height: 40px;
}

.tabMenu.con ul li.on {
    height: 38px;
}


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

.listThumb .column {
    width: calc(calc(100% - 24px) / 2);
}

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

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

.listThumb .column .thumb_txt {
    margin: 12px 8px;
}

.listThumb .column .thumbTitle {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 2px;
}

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

.bn2509Wrap {
    flex-wrap: wrap;
}

.bn2509Wrap .bn2509 {
    flex: none;
    width: calc(100% / 3);
}


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

.newsWrap {
    flex-wrap: wrap;
    height: auto;
}

/*************게시판************/
.boardWrap {
    width: 100%;
    margin-right: 0;
}

/**탭메뉴**/

nav.tabMenu2 ul {
    width: calc(100% - 50px);
}

nav.tabMenu2 ul li a {
    font-size: 14px;
    height: 44px;
    line-height: 44px;
}

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

nav.tabMenu2 .more {
    width: 50px;
    height: 47px;
    line-height: 47px;
    font-size: 20px;
}

/**게시목록**/
.boardcon li {
    height: 44px;
    line-height: 44px;
}

.boardcon li a {
    font-size: 13px;
    width: calc(100% - 180px);
    padding-left: 8px;
}

.boardcon li .date {
    margin-right: 8px;
}


/************************ 아트북 ***************************/
#books {
    width: 100%;
    margin-top: 20px;
}

#books::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 260px;
    top: 0;
    left: 0;
    background: url("../images/artbg2.jpg") repeat; /** 민화학교 요청으로 메인페이지 아트북 수정. 2025.12.25 정우진 */
}

#books .container {
    height: 260px;
    padding: 0px 0; /** 민화학교 요청으로 메인페이지 아트북 수정. 20px 0; -> 0px 0 2025.12.25 정우진 */
}

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

.helfWrapCon {
    flex-wrap: wrap;
    height: auto;
}

.helfWrapCon .helfimg {
    width: 100%;
    height: 120px;
}

.helfCon {
    width: 100%;
    padding: 16px;
}

.helfCon div.square {
    width: 4px;
    height: 64px;
    margin-right: 12px;
}

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

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

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

.helfCon_btn {
    float: right;
    margin: 0 0 16px 0;
}

.btn_white {
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 24px;
    font-size: 15px;
    margin-right: 12px;
}


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

#sponsor .container>ul {
    height: auto;
}

#sponsor .container>ul li {
    min-height: 50px;
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

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

#sponsor .container>ul li a {
    height: auto;
    position: absolute;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 4px;
}

#sponsor .container>ul li.sponTitle {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #FFBD1E;
    position: relative;
    border-right: none;
    max-width: 14%;
}

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

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


/**전체메뉴**/
#map {
    display: none;
}

/**********footer************/
#infoBox {
    padding: 16px;
}

#infoBox .container {
    padding: 0;
}

#infoBox .container .biglogo_col {
    display: none;
}

#infoBox .container div {
    width: 100%;
}

#infoBox .container div ul li {
    margin-right: 24px;
    margin-bottom: 12px;
}

#infoBox .container div ul li a {
    font-size: 12px;
}

#infoBox .container div ul li::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #fff;
    top: 10px;
    right: -12px;
}

#infoBox .container div ul li:last-child::after {
    display: none;
}

#infoBox .container div p {
    font-size: 11px;
}

#infoBox .container div p span {
    display: inline-block;
    margin-right: 24px;
    line-height: 20px;
}

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




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

.titleWrap {
    height: calc(200px - 48px);
}

.titleWrap h2 {
    font-size: 26px;
}

.titleWrap span {
    font-size: 15px;
}

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

.select-nav .container div {
    width: calc(50% - 20px);
    height: 48px;
    line-height: 48px;
}

.select-nav div.home {
    display: none;
}

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

.select_wrap .default_option:before {
    top: 16px;
    right: 16px;
}

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


.select_wrap .select_ul {
    top: 48px;
}

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

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

/************contentWrap************/
.contentWrap {
    max-width: 735px;
    min-height: auto;
    padding: 0 16px;
    margin-top: 20px;
    margin-bottom: 70px;
}

section {
    min-height: auto;
}

section article {
    margin-bottom: 20px;
}

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

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


/*박스안 자식 요소 정렬*/
.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: 16px;
    font-weight: 500;
    margin: 0 0 10px 10px;
    letter-spacing: -1px;
}

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

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

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

.tabTitle {
    font-size: 15px;
    margin-bottom: 6px;
    margin-top: 16px;
}

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

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

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

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

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

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


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

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

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

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

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

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

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

.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: calc(100% - 4em);
    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: 13px;
    display: inline-block;
    margin-top: 10px;
    line-height: 18px;
}

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

.tabTitle .note{
    font-size: 13px;
}

/************버튼, 아이콘 스타일************/
.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: 13px;
    font-weight: 500;
    height: auto;
    line-height: 18px;
    border: 1px solid #094586;
    color: #094586;
    text-align: center;
}

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

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

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

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

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

/*48px 풀 둥근모서리*/
.btnBig_gray {
    display: inline-block;
    padding: 0px 16px;
    font-size: 13px;
    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:8px;
    width: 32px;
    height: 32px;
}

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

/*이수완료 아이콘*/
.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;
}

/*폰트스타일*/
td.title {
    font-size: 15px;
    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: 30px;/*모바일 수정*/
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mb40 {
    margin-bottom: 40px;
}

.h10 {
    height: 10px;
}

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


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

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

.boxWrap {
    width: calc(100% - 20px);
}


.boxWrap label {
    width: 60px;
}

.boxWrap input[type="text"],
.lineBox input[type="password"] {
    width: calc(100% - 62px);
    height: 42px;

}

.btn_log a {
    display: block;
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 40px;
}

.btn_log {
    position: relative;
}

/*아이디저장 체크박스*/
.save {
    margin: 0 auto;
    margin-top: 10px;
}

.btm {
    width: 100%;
    padding-top: 16px;
}

.btm li {
    padding-bottom: 50px;
}

.btm li a {
    display: block;
    position: relative;
    text-align: center;
}

/*아이디/비번찾기*/
.boxWrap select {
    width: calc((100% - 83px)/3);
    height: 44px;
}

.boxWrap .select {
    float: left;
    line-height: 40px;
}

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

.boxWrap li .select#day {
    margin-right: 0;
    margin: 0;
}

.lineBox p.result {
    padding: 20px 10px 0 10px;
    width: calc(100% - 20px);
}

.boxWrap.pw select {
    width: calc((100% - 87px)/3);
    height: 44px;
    background: url(/edu/images/select_arrow.png) no-repeat 92% 50%;
    margin-right: 8px;
    background-color: #fff;
}

.boxWrap.pw input[type="text"].num {
    width: calc((100% - 87px)/3);
    margin-right: 8px;
}

.boxWrap.pw input[type="text"].num:last-child {
    margin-right: 0;
}

/**********회원가입**********/
/*상단 step*/
.joinstep {
    padding: 0;
    width: 320px;
    min-width: 320px;
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stepWrap {
    width: 80px;
    height: 80px;
    border: 4px solid #F3F3F3;
    border-radius: 300px;
}

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

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

.stepWrap::after {
    left: -16px;
    top: 32px;
    font-size: 20px;
}

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

.jointitle {
    font-size: 15px;
    margin: 12px 0 8px 0;
}

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

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

/*스크롤박스 내용*/
.joinBox .scrollBox {
    height: 80px;
    padding: 12px;
    font-size: 13px;
}

.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: 13px;
}
/*****3단계*****/
.joinBox3 {
    border: none;
    padding: 0;
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 0;
}

.boardjoin td:first-child {
    min-width: 80px;
}

.boardjoin input[type=text],
.boardjoin input[type=password] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}

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

.boardjoin a {
    margin-right: 0;
}

.boardjoin ul {
    padding-left: 0;
}

.boardjoin select#year{
    width: calc((100% - 26px) / 3);
    min-width: 72px;
}
.boardjoin select#day{
    margin: 0;
    margin-bottom: 10px;
}
.boardjoin select {
    width: calc((100% - 26px) / 3);
    min-width: 56px;
    margin-bottom: 10px;
}

.boardjoin.con2 select.mobile {
    width: calc((100% - 40px) / 3);
    min-width: 68px;
    margin-right: 0;
}

.boardjoin.con2 input[type="text"].num {
    width: calc((100% - 40px) / 3);
    min-width: 56px;
    margin-right: 0;
}

.boardjoin.con2 a {
    margin-left: 8px;
}

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

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

.boardjoin.con2 input[type="text"].email:first-child {
    width: calc(100% - 30px);
    margin-right: 6px;
}
.boardjoin.con2 input[type="text"].email {
    width: calc(50% - 10px);
    margin-right: 6px;
    height: 42px;
}

.boardjoin.con2 select.email {
    width: calc(50% - 2px);
    margin-top: 0;
    margin-right: 0;
}

.boardjoin.con2 select {
    width: 100%;
    margin-right: 0;
}

.boardjoin.con2 input[type="text"] {
    width: calc(100% - 112px);
}


/**********회원정보 수정**********/
/*****비번확인*****/
.lineBox.edit a {
    display: block;
    text-align: center;
    margin-left: 0;
    margin-top: 10px;
}


/****회원탈퇴****/
.noteWrap2 {
    background-color: #F3F3F3;
    padding: 16px;
    font-size: 14px;
    margin-top: 0;
}

.btnWrap label {
    font-size: 13px;
}

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

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

/*강좌 안내*/
.lec_info {
    flex-direction: column;
    margin-bottom: 20px;
}

.lec_info>div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.lec_info>.Board.status {
    width: 100%;
}
/****테이블 colgroup 모바일에서 삭제***/
.Board colgroup{
    display: none;
}
/****테이블 colgroup 모바일에서 적용***/
.Board.col colgroup{
    display: contents;
}

.lec_info>.Board.status td {
    line-height: 16px;
}

.lec_info>.Board.status .pay {
    font-size: 16px;
    line-height: 20px;
}

.noteTotle {
    font-size: 20px;
    margin: 30px 0 10px 0;
}


/*라디오버튼2*/
.radio2 {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.radio2 span {
    position: absolute;
    left: 0;
    top: -6px;
}

.radio2 span::before {
    font-size: 26px;
}

.radio2 input[type="radio"]:checked~span::before {
    font-size: 26px;
}

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

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

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

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

/*연수후기목록(게시판 형식)*/
tr.ans td {
    padding: 12px;
}

td.best::before {
    content: "BEST";
    color: #FF5447;
    font-size: 10px;
    border: 1px solid #FF5447;
    border-radius: 2px;
    padding: 0 4px 2px 4px;
    margin-right: 4px;
}

td.new::before {
    content: "NEW";
    color: #FF5447;
    font-size: 10px;
    border: 1px solid #FF5447;
    border-radius: 2px;
    padding: 0 4px 2px 4px;
    margin-right: 4px;
}

.ans div a {
    padding: 4px 12px;
}

.vr {
    width: 1px;
    height: 12px;
    margin-top: 4px;
}

/*페이지버튼*/
.boardPagerWrap .btn_write{
    display: block;
    position: absolute;
    top: 60px;
}
.boardPager {
    margin: 10px 0;
}

.boardPager li a {
    font-size: 12px;
    width: 20px;
    height: 28px;
    line-height: 28px;
}

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

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

.lect_price {
    font-size: 14px;
}

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

.point {
    font-size: 13px;
}

/*베이직 클래스 연수강좌 목차*/
.basicIndexWrap {
flex-direction: column;
}

.basicIndexWrap img {
    width: 100%;
    margin-right: 0;
}
.basicIndex{
    width: 100%;
}

.basicIndex{
    margin-top: 10px;
}
.basicIndexTitle {
    font-size: 15px;
    margin-bottom: 6px;
}

.basicIndex p {
    font-size: 15px;
    line-height: 26px;
}

.basicIndex p span {
    font-size: 12px;
    padding: 3px;
}

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

/*베이직 클래스 준비물*/
.setsellWrap{
    flex-direction: column;
}
.setsell {
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 10px;
}

.setsell span {
    font-size: 13px;
    line-height: 40px;
}

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

.setsell .num_count {
    margin-right: 8px;
    width: calc(50% - 8px);
}

/*******어린이민화교수법 강좌안내(키트구매)********/
.final_priceWrap {
    flex-direction: column;
}
.final_price {
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 10px;
}

.final_price span {
    font-size: 13px;
    line-height: 40px;
}

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

.final_price .num_count {
    margin-right: 8px;
    width: calc(50% - 8px);
}


/*48px 풀 둥근모서리*/
.btn_buy {
    padding: 0 12px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}


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

.pre_infoCon p::before {
    content: "";
    position: absolute;
    background-color: #222;
    width: 4px;
    height: 4px;
    top: 8px;
    left: -8px;
}
.primenote {
    font-size: 13px;
    line-height: 20px;
    padding: 12px 10px;
    margin-top: 10px;  
}

td.credit input[type="text"] {
    font-size: 16px;
    width: 36px;
    padding-bottom: 8px;
}

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

.conbox3 .title {
    font-size: 15px;
    line-height: 20px;
}


/*단체수강신청*/
.stepinfo {
    padding: 16px 0;
    flex-direction: column;
    align-items: center;
}

.infoWrap {
    text-align: center;
    padding: 20px;
    font-size: 13px;
}

.infoWrap::after {
    content: "\e941";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    font-family: 'xeicon';
    font-size: 30px;
    color: #ddd;
    font-weight: 700;
}

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

/*단체수강신청 결제*/
.GroupClass p {
    font-size: 13px;
}
.formWrap li {
    font-size: 14px;
}
.formWrap li:nth-child(2) {
    width: calc(100% - 148px);
}

.formWrap .text {
    width: 80px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
}
.formWrap input[type=text]#code {
    width: 100%;
    height: 40px;
}
.formWrap .btn48_full {
    height: 40px;
    line-height: 40px;
}

/*결제정보*/
.Payconfirm input[type=text]#num {
    width: 100%;
    margin-right: 0;
}

/*견적서 td*/
.est select {
    max-width: none;
}
.est select#year {
    width: 100%;
    margin-right:0;
}
.est select#month {
    width: calc((100% - 12px) / 2);
    margin-right: 6px;
    margin-top: 10px;
}
.est select#day {
    width: calc((100% - 12px) / 2);
    margin-right: 0;
    margin-top: 10px;
    
}

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

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

.noteWrap .title {
    font-size: 14px;
    line-height: 20px;
}

.noteWrap p {
    text-indent: 0;
}

.noteWrap p.txtindent2 {
    text-indent: 0;
}

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


/*나의 연수과정 - 학습하기*/
.tabCon span.note{
    margin-bottom: 10px;
}

.icob{
    display: block;
    min-width: 80px;
    height: 24px;
}


/*Q&A상단 검색박스*/
.BoardTopWrap {
    flex-direction: column;
    height: auto;
    margin-bottom: 8px;
}
.BoardTopWrap span{
    font-size: 13px;
    margin-bottom: 8px;
}
.BoardTopWrap .BoardTop {
    width: 100%;
}

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

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

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

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

.Board.qna.toplinenone th:nth-child(1),
.Board.qna.toplinenone th:nth-child(5),
.Board.qna.toplinenone th:nth-child(6),
.Board.qna.toplinenone td:nth-child(1),
.Board.qna.toplinenone td:nth-child(5),
.Board.qna.toplinenone td:nth-child(6),
.Board.qna.toplinenone tr.replyWrap td:nth-child(4),
.Board.qna.toplinenone tr.replyWrap td:nth-child(5){
    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%;
}


/*Q&A(게시판형식)*/
.reply {
    font-size: 13px;
    width: 60px;
    height: 32px;
    line-height: 32px;
}

.reply_none {
    font-size: 13px;
    width: 60px;
    height: 32px;
    line-height: 32px;
}
.Board.qna tr.replyWrap {
    height: 55px;
}

/*게시판 글 상세페이지*/
.replyWrap {
    padding: 12px;
    font-size: 13px;
}
.replyBox {
    margin-top: 70px;
}

.replyBox textarea {
    width: calc(100% - 90px);
    height: 80px;
    resize: none;
    box-sizing: border-box;
    padding: 12px;
    text-indent: 0;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 10px;
}

.btn_box {
    width: 80px;
    height: 78px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 78px;
    border: 1px solid #999;
    color: #999;
    border-radius: 5px;
}

/*민화인명사전*/
.Board.qna.toplinenone.dict th:nth-child(1),
.Board.qna.toplinenone.dict td:nth-child(1){
    display: block;
    width: auto;
}
.Board.qna.toplinenone.dict th:nth-child(2),
.Board.qna.toplinenone.dict td:nth-child(2){
    width: 16%;
}
.Board.qna.toplinenone.dict th:nth-child(3),
.Board.qna.toplinenone.dict td:nth-child(3){
    display: none;
}
.Board.qna.toplinenone.dict th:nth-child(4),
.Board.qna.toplinenone.dict td:nth-child(4){
    width: 40%;
}

/**인명사전**/
.dictCon {
flex-direction: column;
align-items: center;
}

.dictCon .proimg{
    background-color: #F3F3F3;
    width: 100%;
    text-align: center;
}

.dictCon img {
    margin-right: 0;
    width: auto;
    height: 200px;
    aspect-ratio: 3/4;
    object-fit: cover;
    object-position: center; /* default: center */
}

.dict_text {
    margin-top: 10px;
}

.dict_text p {
    font-size: 13px;
    line-height: 20px;
    display: block;
    margin-bottom: 10px;
}

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

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

.dict_text p .name_eng {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 16px;
    font-weight: 200;
}

.dict_text p .birth {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 16px;
    font-weight: 200;
    color: #9C9C9C;
}

.dict_text table {
    font-size: 13px;
    line-height: 20px;
}


.dict_infotext {
    font-size: 16px;
    padding: 10px;
    margin-top: 20px;
}

.dict_infoTitle {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.dict_infoCon {
    font-size: 13px;
    line-height: 20px;
}


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

.btn40_84 {
    font-size: 13px;
    height: 40px;
    width: 60px;
    line-height: 40px;
}
.Board.qna.toplinenone.contst td:nth-child(2){
    overflow: auto;
    text-overflow:clip;
    white-space: wrap;
}

.Board.qna.toplinenone.contst th,
.Board.qna.toplinenone.contst td{
    height: auto;
}

.contest_board {
    font-size: 13px;
    padding: 10px 8px;
}

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

.contest_board .txt {
    margin-left: 10px;
}
.contest_board img {
    max-width: 100%;
}

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

.winnerkWrap {
    margin-top: 10px;
}

.winner {
    width: calc((100% - 14px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
}

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

.winner p {
    font-size: 13px;
    padding-top: 4px;
}

/****온라인 투표****/
.votetxt {
    font-size: 13px;
    padding: 12px;
    border: 4px solid #094586;
}

.votecon {
    width: calc((100% - 14px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
}

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

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

.votecon p>span,
.votecon p>a {
    flex: 1;
    padding: 10px 6px;
}

/*공모전 + 인명사전 등록 신청*/
.Board.status td.input {
    padding: 0 8px;
}

textarea.contest_txt {
    height: 200px;
    width: calc(100% - 16px);
    padding: 8px;
    margin: 8px 0;
}

.flexh{
    flex-direction: column;
    align-items: baseline;
    padding: 8px 0;
}
.flexh .inputBox2 {
    border: 1px solid #ddd;
    height: 40px;
    width: 100%;
    margin: 0 10px 8px 0;
    background-color: #F3F3F3;
}

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

#listWrap.invit .container .listThumb .column{
    width: calc((100% - 16px) / 2);
}

#listWrap.invit .container .listThumb .column:nth-child(3n),
#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: 8px;
}
#listWrap.invit .container .listThumb .column:nth-child(2n){
    margin-right: 0;
}

/*지역허브소식*/
.exhibWrap.loc{
    flex-direction: column;
    align-items: center;
}

.exhibWrap.loc img {
    width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
}

.exhibWrap.loc .Board.status tr td:nth-child(1){
    min-width: 50px;
}


/*********%민화학교 소개**********/
/****학교장 인사말****/
.introduct_top {
flex-direction: column;
}
.introduct_top img {
    width: 60%;
    margin-right: 0;
    margin-bottom: 20px;
}

.introduct_top > div{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 20px 10px;
}

.introduct_top p.title {
    font-size: 18px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

.introduct_top div img {
    display: none;
}

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

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

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


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

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

.introductWrap .noteWrap.list .title {
    font-size: 14px;
    line-height: 18px;
}

.introductWrap .noteWrap.list p {
    text-indent: 0;
    margin: 0 8px;
}

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

.introductWrap.org span{
    display: inline-block;
    font-size: 13px;
    width: calc(100% - 72px);
    height: auto;
    line-height: 20px;
    padding: 8px 36px;
}

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


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

.CItitle img {/*따옴표 이미지*/
    width: 16px;
    height: 12px;
    padding: 2px 0;
}

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

.signatureWrap {
    flex-direction: column;
    margin-top: 30px;
}

.signatureWrap div{
    width: 100%;
}

.signatureWrap div:first-child{
    margin-right: 0;
    margin-bottom: 10px;
}

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



/****강사진 소개****/
.profileCon {
    flex-direction: column;
}

.profileWrap {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0;
}

.profileWrap img {
    margin-right: 12px;
}

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

.profile_text td {
    font-size: 13px;
    line-height: 16px;
    padding: 2px 0;
}

.profile_text td:nth-child(2){
    padding-left: 0;
}
.profile_text td.name {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -2px;
}

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

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

.profile_text td .btn_profile {
    font-size: 12px;
    padding: 4px 8px;
}
.profile_text tr:nth-child(6) td{
    font-size: 0;
    padding: 0;
}

/*강사진 상세보기*/
.profileWrap.detail {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.infotext {
    padding: 10px;
    font-size: 13px;
}

.infoTitle {
    font-size: 16px;
    padding-left: 12px;
    margin-top: 16px;
    line-height: 20px;
}

.infoCon {
    font-size: 13px;
    line-height: 20px
}

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

.artWork {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
}

.artWork:nth-child(3n){
    margin-right: 10px;
}
.artWork:nth-child(2n){
    margin-right: 0;
}
.artWork img {
    max-width: none;
}
.artWork p {
    font-size: 13px;
    padding-top: 4px;
}

/*티솜 갤러리*/
/*********************** slider ******************************/
.swiper3 .swiper-slide.bg1 {
    background: url("../images/gallery/mainbn01.png") no-repeat 20% / cover;
}

.swiper3 {
    height: auto;
    margin-top: 52px;
}
.swiper3 .swiper-group-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 40px;
}

/*티솜갤러리 영문 이미지 타이틀*/
.swiper3 .gltitle {
    width: 60%;
    margin-right: 0;
    margin-bottom: 20px;
}

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

.swiper3 .textWrap p {
    font-size: 13px;
    margin-bottom: 16px;
    margin-left:-20px; /** 갤러리 안내 텍스트가 모바일에서 너무 길어 좌우로 폭을 넓힘. 202512.24 정우진. 추가 */
    margin-right:-20px; /** 갤러리 안내 텍스트가 모바일에서 너무 길어 좌우로 폭을 넓힘. 202512.24 정우진. 추가 */
    letter-spacing: -0.7px;
}

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

#galleryWrap {
    margin-bottom: 20px;
}

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

#galleryWrap .g_logo {
    width: 280px;
    height: 60px;
    margin-top: 20px;
}

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

ul.galleryMenu li {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}


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

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

.GlistThumb .G_column {
    width: calc((100% - 14px) / 2);
    margin: 0 10px 10px 0;
}

.GlistThumb .G_column:nth-child(2n) {
    margin-right: 0;
}

.GlistThumb .G_column p {
    font-size: 13px;
}

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

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

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

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

.GlistThumb .G_column .G_btn a {
    font-size: 14px;
    line-height: 40px;
}

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


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

.boardGallery input[type="text"]{
    width: 100%;
    margin: 10px 0;
}

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

textarea.gallery_txt {
    height: 100px;
}

textarea.gallery_etc_txt {
    height: 60px;
}

/*작품 및 작가 이미지 start*/
.flexh .upBox {
    width: 100%;
    margin: 8px 0;
}

.flexh .upBox+a {/*파일찾기 버튼*/
    margin-top: 0;
}

.boardGallery td p.note {
    margin-bottom: 8px;
    margin-top: 0;
}
/*작품 및 작가 이미지 end*/


/*전시기간 시작*/
.Board.status .boardGallery td.GtimeWrap{
    flex-direction: column;
    height: auto;
    width: calc(100% - 20px);
}

.GtimeWrap .Gtime{
    width: 100%;
}

.boardGallery .GtimeWrap .Gtime select.year{
    min-width: 100px;
}




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

.exhibTitle_online span {
    display: block;
    position: absolute;
    font-size: 12px;
    padding: 2px 6px;
    left: 0;
    top: -20px;
    border-radius: 50px;
    margin: 0;
}

.exhibWrap.online {
    padding-top: 10px;
    flex-direction: column;
    align-items: center;
}

.exhibWrap img {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
}

.exhibWrap div {
    width: 100%;
}

.exhibWrap div.btnWrap{
    display: flex;
    justify-content: flex-end;
}
.booksCon {
    font-size: 15px;
    padding: 20px 10px;
    margin-bottom: 10px;
}

.booksCon.writer {
    flex-direction: column;
}

.booksCon.writer img {
    width: auto;
    max-width: 80%;
}

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

.btnG_full {/*48px 풀 둥근모서리*/
    padding: 0 16px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

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

.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),
.Board.qna.toplinenone.contst th:nth-child(3),
.Board.qna.toplinenone.contst td:nth-child(3){
    display: none;
}


td.artsize input.size[type="text"]{
    width: 40px;
    margin: 0 4px;
}

/*******전시·행사********/
/*리스트보기/캘린더 보기 버튼*/
.redbtnWrap {
    display: none;
}
/*
.redbtnWrap {
    margin-bottom: 16px;
}
.redbtnWrap .btn_red {
    width: 88px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    margin-right: 8px;
}
    */

/**리스트 보기**/
/*전시/행사/기간 검색창*/
.ExTopWrap {
    padding: 10px;
}
.ExTop span {
    font-size: 14px;
    width: 40px;
}
.ExTop input[type=text] {
    height: 34px;
    padding: 2px;
}
.ExTop a {/*검색버튼*/
    height: 40px;
    width: 40px;
}
.ExTop input[type=text].calico {/*기간 선택 캘린더박스*/
    width: 88px;
    padding: 2px 2px 2px 32px;
    background-position: left 4px top 6px;
}

/*전시행사 리스트*/
.ExCon {
    padding: 10px 0;
}
.ExCon img {
    margin-right: 10px;
}
.ExInfo .state {/*icon_진행중&전체*/
    font-size: 12px;
    width: 48px;
    height: 28px;
    line-height: 28px;
}
.ExInfo .ExInfo_title {
    font-size: 15px;
    margin-top: 4px;
}
.ExInfo .ExInfo_subtitle {
    font-size: 14px;
}
.ExInfo .ExInfo_date {
    font-size: 13px;
    margin-top: 2px;
}

/**전시·행사 상세페이지**/
.exhibTitle {
    font-size: 16px;
    margin-left: 0;
    top: 20px;
}
.exhibTitle span {
    font-size: 12px;
    padding: 2px 6px;
    left: 0;
    top: -20px;
    margin:0;
}
.exhibWrap {
    margin-top: 28px;
    flex-direction: column;
    align-items: center;
}
.exhibWrap img {
    width: auto;
    max-width: 80%;
    margin-right: 0;
}
.booksCon.mov {
    padding: 10px 0 0 0;
}

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


/****아트북****/
/*검색박스 start*/
.BookTop select {
    flex: none;
    width: 80px;
    margin-right: 6px;
    height: 40px;
}

.BookTop input[type=text] {
    height: 38px;
}
/*검색박스 end*/

.hl2px {
    margin-top: 16px;
}

/*아트북 검색 목록 start*/
.booksThumbWrap {
    display: flex;
    justify-content: baseline;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 0;
}

.booksThumbWrap .column {
    width: calc((100% - 16px) / 2);
    margin: 16px 16px 0 0;
}

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

.booksThumbWrap .column p {
    font-size: 14px;
    margin-top: 6px;
}

.booksThumbWrap .column span {
    font-size: 15px;
    color: #69090A;
    line-height: 24px;
    font-weight: 500;
}

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


/*아트북 상세페이지 start*/
.bookslistWrap {
    flex-direction: column;
    align-items: center;
}

.booksTitle {
    font-size: 16px;
    margin-top: 20px;
}

.bookslistWrap img {
    flex: none;
    width: 80%;
    height: auto;
    aspect-ratio: 3/4;
    object-fit: cover;
    object-position: center; /* default: center */
    margin-right: 0;
}

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

.final_priceWrap.books .final_price{
    align-self: center;
    justify-content: flex-end;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}

.final_priceWrap.books .final_price>span {
    font-size: 13px;
    line-height: 20px;
}

.final_priceWrap.books .final_price input.strong {
    width: 88px;
    font-size: 16px;
    margin-bottom: 6px;
}

.final_priceWrap.books .final_price .num_count {
    justify-content: flex-start;
    margin-right: 8px;
    width: auto;
}
/*아트북 장바구니/구매하기 버튼 end*/
.price {
    font-size: 16px;
}
.btn_cart {
    padding: 0 12px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

/*아트북 주문결제*/
.Board td.book_info {
    height: 100px;
}

.Board td.book_info img {
display: none;
}

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

.PaymentWrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
}

.PaymentWrap span {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
}

.PaymentWrap select#pay {
    flex: 1;
    margin-right: 10px;
}

.PaymentWrap select#card {
    flex: 1;
}




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

.bookTop span {
    font-size: 14px;
    width: 60px;
}

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

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

.bookTop input[type=text].calico {
    width: 72px;
    padding: 0 2px 0 36px;
    background-position: left 8px top 7px;
}

/*주문 상태 start*/
td .bookstate{
    flex-direction: column;
    padding: 0;
}

td .bookstate .step{
    width: 100%;
    margin-bottom: 8px;
}
.Board.books td.book_info{
    display: table-cell;
}

/*주문취소, 반품신청,수취확인 버튼 start*/
.sbtnWrap{
    margin-left: 8px;
}
.sbtn1 {
    width: 80px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin-top: 8px;
}

.sbtn2 {
    width: 80px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin-top: 8px;
}

.sbtn3 {
    width: 72px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    margin-bottom: 8px;
}

.sbtn3:last-child {
    margin-bottom: 0;
}
/*주문취소, 반품신청,수취확인 버튼 end*/

td .step div {
    font-size: 15px;
    margin-bottom: 4px;
}

td .step p {
    font-size: 13px;
}
/*주문 상태 end*/

.note_flex{
    font-size: 13px;
    flex-direction: column;
    align-items: flex-end;
}

.note_flex span:first-child{
    order: 1;
}

.t_over{/*가로 스크롤 table*/
    overflow-x: scroll;
}

.Board.over{/*가로 스크롤 table*/
    min-width: 520px;
}

.payment {
    font-size: 13px;
}


/*자격증*/
.k-tchrTopWrap{
    max-width: 735px;
}
.k-tchrTop {
    height: auto;
    margin: 0 16px;
}

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

.k-tchrTitle {
    font-size: 18px;
    padding-top: 20px;
    margin: 0 0 0 10px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.k-tchrTitle::before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 24px);
    background-color: #094586;
    top: 24px;
    left: -10px;
}

.k-tchrTitle .serif {
    font-size: 13px;
    line-height: 12px;
}

.tabTitle_tchr {
    font-size: 15px;
    margin: 12px 0 8px 8px;
}

.tabTitle_tchr::before {
    content: "■";
    position: relative;
    left: -8px;
    top: -4px;
    font-size: 6px;
}

.tabMenu.tchr ul,
nav.tabMenu.tchr ul li.on{
    height: 40px;
}