@charset "utf-8";

/*font*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo|Noto+Sans+KR&display=swap');

@font-face { /*나눔스퀘어*/
    font-family: "NanumSquare";
    src: url("fonts/NanumSquareL.ttf") format("truetype");
    font-weight: 300;
}
@font-face { /*나눔스퀘어*/
    font-family: "NanumSquare";
    src: url("fonts/NanumSquareR.ttf") format("truetype");
    font-weight: 400;
}
@font-face { /*나눔스퀘어*/
    font-family: "NanumSquare";
    src: url("fonts/NanumSquareB.ttf") format("truetype");
    font-weight: 700;
}
@font-face{
    font-family:'SaveTheChildren';
    src: local(''),
    url('fonts/SaveTheChildrenBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face{
    font-family:'SaveTheChildren';
    src: local(''),
    url('fonts/SaveTheChildrenMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face{
    font-family:'SaveTheChildren';
    src: local(''),
    url('fonts/SaveTheChildrenLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'pretendardVariable';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
    url('fonts/PretendardVariable.woff2') format('woff2'),
    url('fonts/PretendardVariable.ttf')  format('truetype');
}

/* reset */
body {overflow-x: hidden; overflow-y: auto; word-break: keep-all;}

/* wrap */
.wrap {position: relative; margin: 0 auto; width: 1920px; /*min-width: 1222px;*/ height: 100%;}
.inner-wrap {position: relative; width: 1222px; margin: 0 auto;}

/*bullet*/
.bul::before {
    background: url(../img/ico-check.png) no-repeat left bottom;
    position: absolute;
    background-size: cover;
    width: 14px;
    height: 14px;
    content: "";
    left: 20px;
    top: 22px;
}

em.req::before {background: url(../img/ico-check.png) no-repeat left bottom; position: absolute; left: 3px; top: 3px; width: 12px; height: 12px; background-size: cover; content: "";}
.tit-wid {
    margin-right: 10px;
    display: inline-block;
    max-width: 720px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

select{
    -webkit-appearance:none; /* for chrome */
       -moz-appearance:none; /*for firefox*/
            appearance:none;
}
select::-ms-expand{
    /*display:none;!*for IE10,11*!*/
    display: hidden;/*영역유지하고 싶을땐*/
}
img {
    max-width: 100%;
}

/*버튼*/
.btn {margin-right: 4px; padding: 8px 30px; background-color: #fff; border: 1px solid #f69871; border-radius: 5px; color: #f69871 !important;}
.btn.disabled {background-color: #fff; border: 1px solid #9fa2a3; border-radius: 5px; color: #434343 !important;}
.btn:hover {background-color: #f28156; color: #fff !important;}
.list-bottom .btn.btn-lg {padding: 14px 72px;}

/*shadow*/
.shadow {
    -webkit-box-shadow: 3px 3px 3px 3px #999;
    -moz-box-shadow: 3px 3px 3px 3px #999;
    　　box-shadow: 3px 3px 3px 3px #999;
}
/*placeholder*/
input::placeholder {color: #868686 !important;}

/*text-overflow*/
.overflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/*리스트 없을때 푸터사이간격*/
.list-footer {
    position: relative; width: 100%; height: 190px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/*scroll-bar*/
/*::-webkit-scrollbar {display:none;}*/

input[type=text]::-ms-clear{display: none;}
/*border*/
/*border: none; border-bottom: 1px solid #afafaf;*/
.form-control {border-radius: 0;}
.form-control.under-line {border: none; border-bottom: 1px solid #afafaf;}
textarea.br {border-radius: 0;}

/*부모프로그램 input text */
.checks .sub-check {position: relative; float: left;}
.sub-check input[type=text] {border: 1px solid #ddd; width: 65px;}
.sub-check.long input[type=text]:last-child {width: 465px;}

/*슬라이드*/
.slider {width: 100%; height: 660px;}
/*.slider .swiper-slide {position: relative; width: 100%; height: 660px;}*/
.slider .ss1 {background: url(/assets/img/img-main.jpg) no-repeat center center; background-size: cover;}
.slider .ss2 {background: url(/assets/img/img-main.jpg) no-repeat center center; background-size: cover;}
.slider .ss3 {background: url(/assets/img/img-main.jpg) no-repeat center center; background-size: cover;}
.slider .swiper-slide h2 {position: relative; display: inline-block; font-size: 48px; font-weight: bolder; color: #fff; margin-top: 200px;}
.slider .swiper-slide p {margin-left: 4px; font-size: 16px; color: #fff; padding-top: 22px;}
.slider .swiper-slide a {position: relative; top: 68px; padding: 18px 79px; border: 1px solid #fff; font-size: 16px; color: #fff;}

/*페이지네이션*/
.swiper-wrapper .swiper-pagination-wrap {
    position: absolute;
    left: 50%; bottom: 20px;
    transform: translateX(-50%);
    width: auto;
    padding: 12px 12px 9px;
    background-color: rgba(94,94,94,0.5);
    border-radius: 30px;
    z-index: 15;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.slider .swiper-pagination {position: relative; width: auto;}
.slider .swiper-pagination-bullet {width: 17px; height: 17px; margin: 0 12px !important; background: #fff; opacity: .4;}
.slider .swiper-pagination-bullet-active {opacity: 1;}
.play-stop {border: 0; background: none; position: relative; top: -3px; margin: 0 12px; cursor: pointer;}
.play-stop > img:nth-child(1) {display: block;}
.play-stop > img:nth-child(2) {display: none;}
.play-stop.active > img:nth-child(1) {display: none;}
.play-stop.active > img:nth-child(2) {display: block;}
.img-cover {position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.1); z-index:1;}


/* 툴팁 */
.tooltip-box {
    margin-left: 5px;
    position: relative;
    display: inline-block;
}
.tooltip-box > .circle {
    font-size: 12px !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto !important;
    width: 14px;
    height: 14px;
    border: 0;
    border-radius: 50%;
    background: #C4C4C4;
    padding: 0 !important;
    margin-right: 0;
}
.tooltip-box:hover > .circle {
    background-color: #666;
}


.tooltip-box .tooltiptext {
    margin-bottom: 10px;
    visibility: hidden;
    min-width: 290px;
    background-color: #666;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    right: -265px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}
.tooltip-box .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    right:265px;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
}
.tooltip-box:hover .tooltiptext {
    visibility: visible;
}


/***** 공통스타일 *****/
.inner-padding {
    padding-top: 100px;
    padding-bottom: 190px !important;
}

.top-title {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 16px;
    border-bottom: 1px solid #f7ac8e;
}
.top-title span {}
.top-title em {color: #808080;}
/* 카드 텍스트부분 width값 */
/*
.lecture-list .card-list .card .txt-box {
    max-width: 920px;
}
*/
/*마우스 커서*/
.mouse-cursor-pointer{
    cursor:pointer;
}
.mouse-cursor-default{
    cursor:default;
}
/*리스트 없을 때*/
.list-none {
    padding-top: 50px;
    display: block;
    width: 100%;
}
.list-none p {
    text-align: center;
    font-size: 22px;
    color: #808080;
}
.list-none .btn-wrap {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.list-none .btn-wrap .btn {
    margin-right: 4px;
    padding: 5px 40px;
    background-color: #fff;
    border: 1px solid #f69871;
    border-radius: 5px;
    color: #f69871 !important;
    font-size: 22px;
}
/*리스트 하단 버튼*/
.list-bottom{
    margin-top: 64px;
    width: 100%;
    display: block;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.list-bottom .btn {padding: 8px 40px; min-width: 80px; margin: 0 4px; color: #f69871;}
.list-bottom .btn:hover {color: #fff;}
/*파일첨부 input*/
.custom-file-label {
    display: flex;
    align-items: center;
}

/*전문강사 양성 프로그램 퍼실리테이터*/
.facilitator .btn-list {position: relative; width: 100%; height: 200px;}
.facilitator .tab-wrap {margin-top: 50px;}
.content h3 {margin: 75px 0 20px; color: #0e9aa7; font-size: 24px; font-weight: bold;}
.content > p {font-size: 15px;}
.content .recruit {
    margin-top: 64px;
    padding: 0 50px;
    display: flex;
}
.content .recruit li:first-child {margin-right: 50px;}
.content .recruit li .img-box {position: relative; width: 100%; max-width: 502px; height: 200px; border-bottom: 1px solid #0e9aa7;}
.content .recruit li .img-box img {position: absolute; width: auto; height: 200px; left: 50%; transform: translateX(-50%);}
.content .recruit li .txt {width: 100%; max-width: 502px;}
.content .recruit li .txt p {padding: 30px 0; text-align: center; font-size: 20px;}
.content .recruit li .txt li {
    padding: 0 20px; color: #888; font-size: 15px;
    background: url("/assets/img/ico-bullet-black.png") no-repeat 9px 9px / 4px;
}
.content .recruit li .txt .blue {color: #0e9aa7;}
.content > h5 {margin: 45px 0 20px 0; font-size: 18px; font-weight: bold;}
.content > div > h5 {margin: 45px 0 20px 0; font-size: 18px; font-weight: bold;}
.content .com-txt-box ul li {
    margin-bottom: 2px; padding: 11px 30px 11px; width: 100%;
    background: #f5f7f7 url("../img/ico-bullet.png") no-repeat 15px 20px / 4px; font-size: 14px;
}
.content .com-txt-box ul li .btn-detail {padding-left: 17px; display: inline-block; color: #f69871; font-size: 15px;}
.content .apply li {padding-left: 15px; background: url("/assets/img/ico-bullet-black.png") no-repeat 0 9px / 4px;}
.content ul.process {}
.content ul.process.mn {margin-top: 2px;}
.content ul.process.mn li {margin-top: 0;}
.content ul.process li {
    margin: 44px 0;
    display: flex;
    align-items: flex-start;
}
.content ul.process li i {padding-right:20px; color: #e4e8e9; line-height: 60px; font-size: 60px;}
.content ul li .process-txt {position: relative;}
.content ul li .process-txt p {font-size: 18px;}
.content ul li .process-txt .btn-detail {padding-left: 17px; display: inline-block; color: #f69871; font-size: 15px;}
.content ul li .process-txt span.gray {color: #888;}
.content .training-process > li {
    margin-bottom: 35px;
    padding-left: 17px;
    display: flex;
    background: url("/assets/img/ico-bullet.png") no-repeat 0 9px / 4px;
}
.content .training-process > li > span {width: 100%; max-width: 110px; height: 110px; font-size: 18px;}
.content .training-process li p {font-size: 14px;}
.content .training-process li ul {
    display: flex;
    width: 100%;
}
.content .training-process li ul li {margin-right: 5px; padding: 14px 15px; width: 100%; max-width: 268px; border-radius: 5px; border: 1px solid #e4e8e9;}
.content .training-process li ul li:last-child {
    margin: 0;
}
.content .training-process li ul li .txt-box {width: 100%; min-height: 150px; box-sizing: border-box;}
.content .training-process li ul li .txt-box span {position: relative; left: 40%; color: #0e9aa7; font-weight: bold;}
.content .training-process li ul li .txt-box .txt-wrap {margin-top: 10px; text-align: left; line-height: 25px;}

/*부모 프로그램 소개*/
.parents-info-wrap {}
.parents-info .explain {}
.parents-info .explain .img-box {position: relative; display: block; margin-top: 104px;}
.parents-info .explain .img-box img {position: relative; width: auto; height: auto; top: 0; left: 50%; transform: translate(-50%);}
.parents-info-wrap .tab-wrap {margin-top: 30px;}
.parents-info .explain h2 {font-size: 30px; margin: 38px 0 55px; text-align: center; color: #013c64; font-weight: bold;}
.parents-info .explain em {text-align: left; font-size: 24px; color: #0e9aa7; font-weight: bold;}
.parents-info .explain > p {text-align: left; margin: 27px 0 0; font-size: 15px; font-weight: normal;}
.parents-info .explain .angry-parent {position: relative; display: block; margin-top: 45px; width: 100%; max-height: 417px; overflow: hidden;}
.parents-info .explain .tri {
    position: relative;
    width: 22px;
    height: 22px;
    border: 1px solid #f3f3f3;
    background-color: #fafafa;
    display: inline-block;
    top: 17px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
.parents-info .explain .txt-box {position: relative; padding: 16px 10px; border: 1px solid #f3f3f3; background-color: #fafafa;}
.parents-info .explain .txt-box > p {font-size: 16px;}

/*프로그램*/
.parents-info .program-info h3 {padding: 77px 0 24px; text-align: left; font-size: 24px; color: #0e9aa7; font-weight: bold;}
.parents-info .program-info ul li {margin-bottom: 8px; padding: 25px; border: 1px solid #ddd; border-radius: 5px;}
.parents-info .program-info ul li .info-txt {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 18px;
}
.parents-info .program-info ul li .sub-text {font-size: 15px; color: #888;}

/*프로그램 안내*/
.parents-info .information {border-bottom: 1px solid #cdcdcd;}
.parents-info .information h3 {margin: 97px 0 21px; text-align: left; font-size: 24px; color: #0e9aa7; font-weight: bold;}
.parents-info .information ul li {width: 100%; height: auto; margin-bottom: 33px;}
.parents-info .information ul li span {font-size: 18px; font-weight: bold;}
.parents-info .information ul li p {margin: 10px 0 45px 0; font-size: 15px; color: #000;}
.parents-info .btn-list {position: relative; width: 100%; height: 200px;}
.parents-info .btn-list .btn {position: absolute; padding: 8px 40px; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 20px;}

/*강좌 상세 정보*/

.lecture-info {}
.info-wrap .txt-box {display: block;}
.info-wrap .txt-box .info-title {position: relative;}
.info-wrap .txt-box .info-title .alert-box {
    margin-bottom: 20px;
    width: 100%;
    font-size: 16px;
    background-color: #f3f3f3;
   /* height: auto;
    position: relative;
    top: -30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
}

.info-title div p {color: #968a8a; padding: 11px 30px 11px;}
.info-title ul .btn {margin: 0 5px; position: relative; float: right; top: -55px; text-align: right; padding: 8px 40px; color: #f69871; font-weight: bold;}
.info-title ul .btn:hover {color: #fff;}
.info-title ul li { vertical-align: middle;}

.info-title ul li.tit-top {color: #464646; font-size: 14px; font-weight: normal;}
.info-title ul li.tit-top.cb em {color: #0e9aa7; font-size: 14px; font-weight: bold;}
.info-title ul li.tit-top.cb button {position: relative; left: 5px; background-color: #fff;}
.info-title ul li.tit-top.cb img {width: 15px; height: 14px;}

/*.info-title  ul li.tit span {
    margin: 0 19px;
    padding: 0 10px;
    display: inline-block;
    min-width: 57px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: relative;
    top: -3px;
    left: 0;
    font-size: 14px;
    border-radius: 5px;
}*/


/***** //공통스타일 *****/

/*참여신청 전문강사 양성과정*/

.lecture-list .card-list .card.fa {margin-bottom: 0; border-radius: 0; width: 1214px; height: 252px;}
.lecture-list .card-list .card.fa .img-box img {margin: 29px 0 0 25px}
.lecture-list .card-list .card.fa .txt-box {display: inline-block; padding: 28px 0 20px 20px; width: 100%;}
.card-list .card.fa:hover {box-shadow: none;}

table {width: 100%; /*border-top: 2px solid #999;*/ border-collapse: collapse;}/*보더값들어가면 모든 테이블보더탑에들어감*/
table tr {
    border-top: 1px solid #e4e8e9;
    border-bottom: 1px solid #e4e8e9;
    border-collapse: collapse;
}
table tr td {position: relative; padding:14px 15px; font-size: 15px; color: #000;}
table tr td.chk-wrap {padding: 10px;}
table tr td.row .checks {display: inline-block; padding-right: 10px;}
table tr td span.gray {position: absolute; top: 50%; width: 710px; transform: translateY(-50%); line-height: 20px; color: #bdbdbd;}
table tr td .calendar {position: relative; top: 0; width: 218px; height: 40px; border: 1px solid #e4e8e9; display: inline-block;}
table tr td .calendar.c1 {position: relative;}
table tr td .calendar img {position: relative; width: 20px; top: 50%; transform: translate(30%,-50%);}
table tr td .calendar span {position: absolute; top: 50%; left: 30%; transform: translate(-30%, -50%);}
table tr.doc td {padding-left: 20px; height: 102px; font-size: 15px; color: #888;}
table tr.doc p.file-name {color: #968a8a; text-decoration: none;}
table tr td.tit {padding-left: 15px; width: 190px; font-size: 18px; text-align: left; background-color: #f5f7f7; color: #000;}
table tr td.tit.md {height:71px;}
table tr td.tit.type {padding-left: 15px; width: 420px; height: 100%; font-size: 18px; text-align: left; background-color: #f5f7f7; color: #000;}
table tr td.type.bul::before {top: 50%; left: 20px; transform: translateY(-50%);}
table tr td em {position: relative; padding-left: 20px;}
/*table tr td.tit em.req::before {background: url(../img/ico-check.png) no-repeat left bottom; position: absolute; left: 3px; top: 3px; width: 12px; height: 12px; background-size: cover; content: "";}*/
table tr td p {padding: 5px; color: #f28156; text-decoration: underline;}
table tr td input {padding-left: 10px; color: #000; font-size: 15px;}
table tr td input.txt-box {position: relative; top: 0; border: 1px solid #e4e8e9; width: 272px; height: 40px; display: inline-block;}
table tr td input.txt-box-l {width: 570px;}
table tr td input.txt-box::placeholder {color: #888;}
table tr td input.date-box {border: 1px solid #e4e8e9; width: 218px; height: 40px; display: inline-block}
table tr td input.txt-box-s {border: 1px solid #e4e8e9; width: 204px; height: 40px; display: inline-block;}
table tr td input.check {color: #f28156;}
table tr td select.form-control {
    border: 1px solid #e6e9ea;
    width: 204px; height: 42px;
    display: inline-block !important;
    background: url('/assets/img/ico-arrow-select.png') no-repeat 95% 50%;
    background-size: 14px;
}
table tr td .btn {width: auto; height: 41px;}
table.row {border-top: none; padding-bottom: 30px;}
table.mb {margin-bottom: 40px; border-bottom: 1px solid #e4e8e9;}
table.mb tr {border: none;}
table.last {margin-bottom: 0;}
table.row tr {margin-left: 20px;}
table.row tr th {width: 100%; height: 60px; background-color: #f5f7f7; font-size: 15px;}
table.row tr th.tit {padding-left: 20px; border-top: 2px solid #999; text-align: left;}
table.row tr td {padding-left: 30px;}
table.row tr td.txt-box {position: relative; height: 134px;}
table.row tr td.txt-box input {position: absolute; top: 15px; left: 35px; width: 1148px; height: 98px; border: 1px solid #e4e8e9; }
table tr th {/*width: 100%;*/  height: 60px; background-color: #f5f7f7; font-size: 16px;}/*table width*/
table tr th.tit {padding-left: 40px; border-top: 2px solid #999; text-align: left;}

/*동의*/
.agree {padding: 34px 29px; border: 1px solid #e4e8e9;}
.agree h4 {font-size: 14px; margin-bottom: 10px; line-height: 1.5;}
.agree ol {padding: 10px; color: #888; line-height: 25px; font-size: 12px;}
.agree > ol > li {list-style: decimal !important;}
.agree ol > li > ol {padding: 5px;}
.agree ol > li > ol p {margin-top: 10px;}
.agree ol > li > ol > li {list-style: none;}
.agree-wrap .ag {margin: 28px 0 0; text-align: center;}
.agree-wrap .btn-more .btn.disabled {color: #888;}

/*참여신청 부모프로그램*/
.parent-apply {}
.parent-apply .inner-padding {margin: 0; padding: 21px 0 0;}
.parent-apply h2 {margin: 57px 0 20px 0;color: #0e9aa7; font-size: 24px; font-weight: bold;}

/*프로그램*/
.teacher-info .program-info h3 {padding: 36px 0 43px;}
.teacher-info .program-info ul li {position: relative; margin-bottom: 19px; width: 100%; height: auto; border: 1px solid #ddd;}
.teacher-info .program-info ul li .info-txt {padding: 25px 0 27px 16px;}
.teacher-info .program-info ul li p {color: #0e9aa7; font-size: 24px;}
.teacher-info .program-info ul li span {font-size: 18px; color: #676363;}
.teacher-info .program-info ul li em {position: absolute; right: 23px; top: 50%; transform: translateY(-50%); color: #545454;}

/*프로그램 안내*/
.teacher-info .information h3 {margin: 37px 0 33px;}
.teacher-info .information ul li {width: 100%; height: auto; margin-bottom: 33px;}
.teacher-info .information ul li span {font-size: 24px; float: left; width: 174px; height: 74px;}
.teacher-info .information ul li p {font-size: 18px;}


form h2 {margin: 50px 0 20px 0; color: #0e9aa7; font-size: 24px; font-weight: bold;}
form h2 .tooltip-box {top: -3px;}
form h2 .tooltip-box .tooltiptext {position: absolute; bottom: 100%;}
form h2 img {width: 14px; height: 14px; vertical-align: middle;}
table tr td.p-line {padding: 13px 0;}
table tr td input.tit::placeholder {color: #000;}
table tr td img.q {width: 14px; height: 14px; vertical-align: middle;}
table tr td span {vertical-align: middle; line-height: 14px;}
table tr td span img.q {width: 14px; height: 14px; vertical-align: middle;}
table tr td .img-box {padding: 12px 0;}
table tr td .img-box img {width: 272px; height: 164px;}
table tr td .txt-box-l {position: relative; top: 0; border: 1px solid #e4e8e9; width: 385px; height: 40px;}

/*--소식/개시펀--*/

/*공통 */
/*popup*/
.message-popup {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);
    width: 525px; height: 245px; text-align:center; background-color: #fff; border-radius: 10px;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5); z-index: 100;
}
.message-popup p {font-size: 13px; padding: 50px 111px 80px; position: relative; top: 30px; left: 0;}
.message-popup ul {float: left;}
.message-popup ul li {position: relative; display: inline; text-align: center;}
.message-popup ul li.confirm {margin-left: 111px;}
.message-popup ul li.cancel {margin-left: 30px;}
.message-popup ul li a {padding: 12px 50px 13px; background-color: #999; color: #fff;}
.message-popup .btn-close {position:absolute; top: 0; right: 0; width:40px; height:55px; font-size: 0;}
.message-popup .btn-close::after {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(45deg);}
.message-popup .btn-close::before {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(-45deg);}

.message-popup-done {
    display: ; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);
    width: 525px; height: 245px; text-align:center; background-color: #fff; border-radius: 10px;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5); z-index: 100
}
.message-popup-done p {font-size: 13px; padding: 68px 187px;}
.message-popup-done div a {padding: 12px 50px 13px; background-color: #999; color: #fff;}
.message-popup-done .btn-close {position:absolute; top: 0; right: 0; width:40px; height:55px; font-size: 0;}
.message-popup-done .btn-close::after {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(45deg);}
.message-popup-done .btn-close::before {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(-45deg);}

/*board*/




/*오류*/
.error-wrap {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 20;}
.error-wrap .icon img {margin: 20px;}
.error-wrap .error-txt {font-size: 17px;}
.error-wrap .error-txt span {color: #f28156;}
.error-wrap .error-txt p {padding-top:20px; color: #595959;}
.error-wrap .btn-confirm {margin-top: 30px;}
.error-wrap .btn-confirm a { padding: 12px 50px;}

/*로딩*/
.loading {display: none;}
.load {width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.8; background: white; z-index: 99; text-align: center;}
.load > img {position: absolute; top: 50%; left: 50%; z-index: 100;}

/*search-team*/
.search-team {display: none; margin-bottom: 70px;}
.search-team-layer {position: absolute; top: 91%; left: 271px; width: 250px; height: 90px; border: 1px solid #ddd; background-color: #fff;}
.search-team-layer h3 {padding: 10px; text-align: left;}
.search-team-layer .date-box {text-align: center;}
.search-team-layer .date-box span {padding: 10px; margin: 5px 0; border: 1px solid #ddd; font-size: 16px;}

/*ly-zipcode*/
.ly-zipcode {position: absolute; top: 40%; left: 25%; transform: translate(-40%,-25%);
    width: 522px;
    height: 574px;
    padding: 0 30px;
    box-sizing: border-box; border: 1px solid #ddd;
    text-align: center; background-color: #fff; border-radius: 10px;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5); z-index: 100;
}
.ly-zipcode h3 {text-align: left; padding: 25px; font-size: 24px; }
.ly-zipcode .search {text-align: center; position: relative; width: 462px; height: 92px;}
.ly-zipcode .search input {position: absolute; float: left; left: 0; width: 332px; height: 40px; border: 1px solid #ddd;}
.ly-zipcode .search a.btn, .ly-zipcode-after .search a.btn {position: absolute; right: 0; padding: 0 45px; font-weight: bold; font-size: 18px; height: 40px; line-height: 40px;}
.ly-zipcode .search .page-num {position: absolute; width: 100%; bottom: 0; left: 0; border-bottom: 2px solid #ddd;}
.ly-zipcode .search .page-num span {position: absolute; left: 0; bottom: 9px; font-size: 16px;}
.ly-zipcode .search .page-num span em {font-style: normal;}
.ly-zipcode .zipcode-search {text-align: left;}
.ly-zipcode .zipcode-search h4 {margin: 10px 0;}
.ly-zipcode .zipcode-search ul li {list-style: disc inside;}
.ly-zipcode .btn-close {position:absolute; top: 0; right: 0; width:40px; height:55px; font-size: 0;}
.ly-zipcode .btn-close::after {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(45deg);}
.ly-zipcode .btn-close::before {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(-45deg);}

/*ly-zipcode-after*/
.ly-zipcode-after {
    position: absolute; top: 40%; left: 65%; transform: translate(-40%,-25%);
    width: 522px; height: 574px; padding: 0 30px; box-sizing: border-box; border: 1px solid #ddd; text-align: center; background-color: #fff; border-radius: 10px;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5); z-index: 100;
}
.ly-zipcode-after h3 {text-align: left; padding: 25px; font-size: 24px;}
.ly-zipcode-after .search {text-align: center; position: relative; width: 462px; height: 92px;}
.ly-zipcode-after .search input {position: absolute; float: left; left: 0; width: 332px; height: 40px; border: 1px solid #ddd;}
.ly-zipcode-after .search .page-num {position: absolute; width: 100%; bottom: 0; left: 0; border-bottom: 2px solid #ddd;}
.ly-zipcode-after .search .page-num span {position: absolute; left: 0; bottom: 9px; font-size: 16px;}
.ly-zipcode-after .search .page-num span em {font-style: normal;}
.ly-zipcode-after .address {height: 356px; font-size: 16px; overflow: auto;}
.ly-zipcode-after .address ul {position: relative; padding: 10px 0; border-bottom: 1px solid #ddd;}
.ly-zipcode-after .address ul:hover {background-color: #ffe6e6;}
.ly-zipcode-after .address ul li {width: 334px; text-align: left; padding: 10px 0;}
.ly-zipcode-after .address ul li:first-child {border-bottom: 1px solid #ddd;}
.ly-zipcode-after .address ul span {position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}
.ly-zipcode-after .btn-close {position:absolute; top: 0; right: 0; width:40px; height:55px; font-size: 0;}
.ly-zipcode-after .btn-close::after {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(45deg);}
.ly-zipcode-after .btn-close::before {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(-45deg);}

/*강좌 관리 목록*/
.mgt-course-list {}
.mgt-course-list .inner-padding {margin: 0; padding: 71px 0 190px;}

/*강좌관리 상세 정보*/
/*리스트 타이틀*/
.mgt-course-detail {}
.mgt-course-detail .inner-padding {margin: 0; padding: 60px 0 190px;}

/*.info-title ul li.tit .badge-wrap {position: absolute;}*/

/*리스트 컨텐츠*/
/*
.mgt-course-detail {}
.mgt-course-detail .lecture-wrap {width: 100%; !*border-bottom: 1px solid #ddd;*!}!*border-bottom 넣으면 강좌관리정보에 줄생김*!
.mgt-course-detail .lecture-wrap h3 {padding: 80px 0 24px 0; color: #0e9aa7; font-size: 24px; font-weight: bold;}
.mgt-course-detail .lecture-wrap .card {
    position: relative; margin-bottom: 40px;
    width: 100%; height: 235px; border: 1px solid #ddd;
    border-radius: 10px; overflow: hidden; flex-direction: row;
}
.mgt-course-detail .lecture-wrap .fa1 {margin-bottom: 0; border-radius: 0;}
.mgt-course-detail .lecture-wrap .fa1 .img-box {padding-left: 25px;}
.mgt-course-detail .lecture-wrap .fa1 .img-box img {width: 334px; height: 196px;}
.mgt-course-detail .lecture-wrap .fa1 .txt-box {position: relative; width: 100%; line-height: 1.2}
.mgt-course-detail .lecture-wrap .fa1 .txt-box ul {width: 100%; padding-left: 20px; position: absolute; top: 0;}
.mgt-course-detail .lecture-wrap .fa1 .txt-box ul li {
    float: none;
    padding: 0 0 12px;
    width: 100%;
    margin: 0;
    background: url(/assets/img/ico-bullet.png) no-repeat 9px 11px / 5px;
}
.mgt-course-detail .lecture-wrap .card .txt-box ul li em {display: inline-block; width: 110px;}
.mgt-course-detail .lecture-wrap .card .txt-box ul li span {font-weight: normal; vertical-align: sub;}

.mgt-course-detail .content {margin-bottom: 0; width: 100%;}
.mgt-course-detail .content h3 {margin: 20px 0 0;}
.mgt-course-detail .content .bullet li {
    margin-bottom: 2px;
    padding-left: 30px;
    position: relative;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #f5f7f7 url(../img/ico-bullet.png) no-repeat 15px 20px / 4px;
    color: #888;
}
.mgt-course-detail .content ul li em {color: #000; display: inline-block; width: 135px;}
.mgt-course-detail .content .date-box {padding: 20px; width: 100%; height: auto; border: 1px solid #ddd; color: #888; font-size: 15px;}
.mgt-course-detail .content .date-box p {float: left;}
.mgt-course-detail .content .teacher-box {}
.mgt-course-detail .content .teacher-box li {position: relative; float: left; width: 298px; height: 388px; border: 1px solid #ddd;}
.mgt-course-detail .content .teacher-box li .inner-box {}
.mgt-course-detail .content .teacher-box img {margin: 25px 68px 0; width: 160px; height: 212px;}
.mgt-course-detail .content .teacher-box .txt-box {text-align: center; color: #696969;}
.mgt-course-detail .content .teacher-box .txt-box p {margin: 10px 0; color: #696969; font-size: 18px;}
.mgt-course-detail .content .teacher-box .txt-box p a {margin-left: 2px; position: relative; top: -1px;}
.mgt-course-detail .content .teacher-box .txt-box p a img {margin: 0; width: 19px; height: 19px;}
.mgt-course-detail .content .teacher-box .txt-box .cont {width: 100%; padding-left: 35px;}
.mgt-course-detail .content .teacher-box .txt-box span {line-height: 30px; float: left; width: 100%; text-align: left; font-size: 16px;}
.mgt-course-detail .content .teacher-box .txt-box span em {width: 85px; font-size: 18px;}
.mgt-course-detail .content .sup {padding: 15px 30px; border: 1px solid #ddd;}
.mgt-course-detail .content .sup span {margin-right: 160px; color: #696969; font-size: 15px;}
.mgt-course-detail .content .sup span em {color: #000; font-size: 20px;}
.mgt-course-detail .content .cancel {padding: 15px 30px; border: 1px solid #ddd;}
.mgt-course-detail .content .cancel span {color: #868686; font-size: 15px;}
.mgt-course-detail .content .cancel span em {color: #000; font-size: 20px;}
*/


/*참여자 목록*/
.mgt-applicant-list {}
.mgt-applicant-list .inner-padding {margin: 0; padding: 71px 0 190px;}
.mgt-applicant-list .search-menu {position: relative; width: 100%;}
.mgt-applicant-list .btn-block {position: relative; width: 100%; text-align: right;}
.mgt-applicant-list .table-wrap {margin: 0;}
.mgt-applicant-list table tr {font-size: 16px;}
.mgt-applicant-list table tr th {background-color: #fff;}
.mgt-applicant-list table tr td {color: #676565;}
.mgt-applicant-list table tr td a {margin-left: 15px; padding: 7px 9px; width: 90px; height: 28px; border: 1px solid #e4e4e4;}
.mgt-applicant-list .btn-wrap {margin: 61px 0 100px; width: 100%; text-align: center;}
.mgt-applicant-list .btn-wrap a {padding: 10px 40px;}


/*실습 보고서 목록*/
.mgt-report-list {}
.mgt-report-list .inner-padding {margin: 0; padding: 71px 0 190px;}
.mgt-report-list .btn-block {width: 100%; text-align: right;}
.mgt-report-list .btn-block .btn {margin: 22px 0 26px;}



/*사유 레이어*/
.ly-reject-reason {width: 818px; height: 463px;}
.ly-reject-reason .reason {padding: 80px 30px 0;}
.ly-reject-reason .reason li {width: 691px; height: 112px; text-align: center;}
.ly-reject-reason .reason li.fix-comment {border: 1px solid #f69871;}
.ly-reject-reason .reason li p {position: relative; top: 50%; transform: translateY(-50%); color: #686868; font-size: 21px;}

/*수퍼비전 평가 레이어*/
.ly-supervision-point {width: 593px; height: 274px;}
.ly-supervision-point.ly-pop > h3 {text-align: center; color: #686868; font-size: 24px; font-weight: bold;}
.ly-supervision-point.ly-pop .btn {margin: 0 5px;}
.ly-supervision-point table {border: none; border-top: 1px solid #e4e8e9}
.ly-supervision-point .tit em {font-size: 16px;}
.ly-supervision-point .star-wrap span {font-size: 20px;}
.ly-supervision-point .star-wrap .star {
    background: url("/assets/img/ico-star-gray.png") no-repeat 0 0; width: 31px; height: 29px;
    display: inline-block; cursor: pointer;
}
.ly-supervision-point .star-wrap .star.on {background: url("/assets/img/ico-star.png") no-repeat 0 0;}
.ly-supervision-point p {text-align: left; color: #666; font-size: 12px; font-weight: lighter;}

/*오프라인 참여자 등록*/
.mgt-applicant-create {width: 523px; height: 354px;}
.mgt-applicant-create.ly-pop > h3 {text-align: center; color: #686868; font-size: 24px; font-weight: bold;}
.mgt-applicant-create.ly-pop .btn-wrap {height: 100px;}
.mgt-applicant-create.ly-pop .btn {margin: 0 5px;}
.mgt-applicant-create.tit em {padding: 0 20px; font-size: 16px;}
.mgt-applicant-create table {border: none; border-top: 1px solid #e4e8e9}
.mgt-applicant-create table tr td {padding: 0 0 0 10px; height: 47px;}


/*출석부 등록 레이어*/
.ly-attendance-create {width: 593px; height: 354px;}
.ly-attendance-create.ly-pop {padding: 0 45px;}
.ly-attendance-create.ly-pop > h3 {text-align: center; color: #686868; font-size: 24px; font-weight: bold;}
.ly-attendance-create.ly-pop .btn-wrap {height: 100px;}
.ly-attendance-create.ly-pop .btn {margin: 0 5px;}
.ly-attendance-create table {border: none; border-top: 1px solid #e4e8e9}
.ly-attendance-create table td p {color: #666; text-decoration: none; font-size: 12px; font-weight: lighter;}
.ly-attendance-create table tr td {padding: 5px 10px; height: 47px;}
.ly-attendance-create table tr td textarea {width: 217px; height: 67px;}

/*수료 상태 변경 레이어593514*/
.ly-pass-update {width: 593px; height: 514px;}
.ly-pass-update.ly-pop {padding: 0 45px;}
.ly-pass-update.ly-pop > h3 {text-align: center; color: #686868; font-size: 24px; font-weight: bold;}
.ly-pass-update.ly-pop .btn-wrap {height: 100px;}
.ly-pass-update.ly-pop .btn {margin: 0 5px;}
.ly-pass-update .txt-box {padding: 15px 0; margin-bottom: 22px; background-color: #ffe6d2;}
.ly-pass-update .txt-box p {color: #636060; font-size: 16px; font-weight: bold;}
.ly-pass-update table {border: none; border-top: 1px solid #e4e8e9}
.ly-pass-update table td .checks {display: block;}

/*참여자 상태 변경 레이어*/
.mgt-applicant-status-update {width: 593px; height: 565px;}
.mgt-applicant-status-update.ly-pop {padding: 0 45px;}
.mgt-applicant-status-update.ly-pop > h3 {text-align: center; color: #686868; font-size: 24px; font-weight: bold;}
.mgt-applicant-status-update.ly-pop .btn-wrap {height: 100px;}
.mgt-applicant-status-update.ly-pop .btn {margin: 0 5px;}
.mgt-applicant-status-update.ly-pop .tit {width: 137px;}
.mgt-applicant-status-update .txt-box {padding: 15px 0; margin-bottom: 22px; background-color: #ffe6d2;}
.mgt-applicant-status-update .txt-box p {color: #636060; font-size: 16px; font-weight: bold;}
.mgt-applicant-status-update table {border: none; border-top: 1px solid #e4e8e9}
.mgt-applicant-status-update table tr td {padding: 10px 0 10px 15px;}
/*.mgt-applicant-status-update table tr td.inline {display: inline;}*/
/*.mgt-applicant-status-update table tr td.inline > div {display: inline-block;}*/
.mgt-applicant-status-update table tr td.inline {position: relative;}
.mgt-applicant-status-update table tr td.inline .calendar {float: left;}
.mgt-applicant-status-update table tr td.inline .checks {float: left; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.mgt-applicant-status-update table td .checks {display: block; margin-bottom: 5px;}
.mgt-applicant-status-update table td .checks label {margin: 0;}
.mgt-applicant-status-update .tooltip-box > .circle {top: 0;}
.mgt-applicant-status-update .tooltip-box .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 8px;
    right: 250px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #666 transparent transparent;
}
.mgt-applicant-status-update .short .tooltip-box .tooltiptext {bottom: -20px;}
.mgt-applicant-status-update .tooltip-box .tooltiptext {
    min-width: 250px;
    bottom: 0;
    right: -270px;
}
/*폐강 요청 레이어524 325*/
.ly-close-class {width: 524px; height: 325px;}
.ly-close-class p::before {content: ""; position: absolute; width: 17px; height: 17px; left: 0; color: #ffa760; background: url("/assets/img/ico-alert.png") no-repeat 0 0 / 17px;}
.ly-close-class p {margin-bottom: 25px; position: relative; color: #686868; font-size: 14px;}
.ly-close-class.ly-pop {padding: 0 45px;}
.ly-close-class.ly-pop > h3 {text-align: center; color: #686868; font-size: 24px; font-weight: bold;}
.ly-close-class.ly-pop .btn-wrap {height: 100px;}
.ly-close-class.ly-pop .btn {margin: 0 5px;}
.ly-close-class table {border: none; border-top: 1px solid #e4e8e9}
.ly-close-class table .tit {font-weight: bold;}

/*강사 찾기 레이어*/
.ly-search-teacher {width: 643px; baseline-shift: 574px;}
.ly-search-teacher .page-num {text-align: left;}
.ly-search-teacher.ly-pop {padding: 0 45px;}
.ly-search-teacher.ly-pop > h3 {text-align: center; color: #686868; font-size: 24px; font-weight: bold;}
.ly-search-teacher.ly-pop .btn-wrap {height: 100px;}
.ly-search-teacher.ly-pop .btn {margin: 0 5px;}
.ly-search-teacher .search-menu .select {height: 60px; line-height: 0;}
.ly-search-teacher .search-menu .select select { color: #676565;}
.ly-search-teacher .table-wrap {margin: 0 0 54px 0; height: 340px;}
.ly-search-teacher table tr th {height: 44px; color: #676565;}
.ly-search-teacher table tr td {text-align: left; color: #676565;}


/* css 추가 작업 */
/* etc */
table tr td select{color: #000;}

/* 수퍼비전 */
.supervision-list .inner-padding{margin: 0; padding: 60px 0 190px;}
.supervision-list .content{width: 100%;}

.supervision-list .btn, .list-bottom .btn{
    padding: 8px 40px;
    display: inline-block;
    min-width: 80px;
    font-size: 20px;
    text-align: center;
    color: #f69871;
}
.supervision-list .btn:hover {color: #fff;}

.table-wrap{margin-top: 20px; width: 100%;}
.basic-table {}
.basic-table thead tr{border-top: 0; border-bottom: 1px solid #f28156;}
.basic-table th{/*width: 33%;*/ text-align: left;}/*table width*/
.basic-table th, .basic-table td{padding: 10px;}
.down-ico img {width: 17px; height: 17px;}
.basic-table th:nth-child(2), .basic-table td:nth-child(2) {max-width: 330px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.btn.btn-more{
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}
.btn.gray{border: 1px solid #bebebe; color: #888 !important;}
.btn.gray:hover{background: #bebebe; color: #fff !important;}
/*.supervision-list .txt-box-full{
     width: 60%;
     border: 1px solid #e4e8e9;
     height: 40px;
     margin-left: 10px;
 }*/

.supervision-list .add-calendar{
    color: #F38256;
    font-size: 20px;
    font-weight: normal;
}
.supervision-list .add-calendar::before{
    content: ""; display: inline-block;
    width: 16px; height: 16px;
    background: url(/assets/img/ico-add.png) no-repeat;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.cal-list li{
    border: 1px solid #E3E7E9;
    border-top:0px;
    padding: 14px 15px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
          align-items: center;
    -webkit-justify-content: space-between;
          justify-content: space-between;
}
.cal-list input[type="text"]{border: 1px solid #e4e8e9; padding:0 6px; height: 42px; width: 175px; box-sizing: border-box;}
.cal-list .cal-col > span{display: inline-block;}
.cal-list .calendar {position: relative; top: 0; width: 218px; height: 42px; border: 1px solid #ddd; display: inline-block;}
.cal-list .calendar.c1 {position: relative; top: -5px;}
.cal-list .calendar img {position: relative; width: 20px; top: 50%; transform: translate(30%,-50%);}
.cal-list .calendar span {position: absolute; top: 50%; left: 30%; transform: translate(-30%, -50%);}
.cal-list select {border: 1px solid #e4e8e9; width: 120px; height: 42px; color: #000;background: url('/assets/img/ico-arrow-select.png') no-repeat 95% 50% / 14px;}
.cal-list button{background: none; cursor: pointer; width: 17px; height: 17px;}
.supervision-list .list-right{
    height: 60px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
          align-items: center;
    -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.supervision-list .list-right button{
    background: #f28156; cursor: pointer;
    padding: 8px 24px;
    color: #fff;
    border-radius: 5px;
}
.supervision-list .go-list{
    float: right;
    color: #F38256;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    top: 0;
    text-decoration: underline;
}
.supervision-list .go-list::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/assets/img/ico-list.png) no-repeat;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.supervision-list .info-title{position: relative; width: 100%;}
.supervision-list .info-title li.tit{display: inline-block;}
.basic-box{
    border: 1px solid #E3E7E9;
    padding: 14px 10px;
    margin: 20px 0;
}
.supervision-list img{margin: 0; width: auto;}/*margin 수정하면 수퍼비전일정표에 버튼 위치바뀜*/
/*.supervision-list .cal-col span{display: inline-block; position: relative; top: 50%;}!*block하면 수퍼비전 캘린더 깨짐*!
.supervision-list .fl-d{display: block;}*/
.supervision-list .go-link{display: block; font-size: 16px;}
.supervision-list .go-link::after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/assets/img/ico-link.png) no-repeat;
    margin-left: 8px;
    position: relative;
    top: 1px;
}
.supervision-list .dp-flex-bw{
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
          justify-content: space-between;
}
.supervision-list .sbj{
    font-weight: bold; min-width: 60px; display: inline-block;
    position: relative;
}
.supervision-list .sbj::before{
    content: ""; display: inline-block;
    width: 4px; height: 4px;
    background: url(/assets/img/ico-bullet-blue.png);
    position: absolute;
    left: -12px; top: 8px;
    word-break: break-all;

}
.supervision-list .reply-form li{float: none; width: 100%;}
.supervision-list .reply-form li .body{border-bottom: 1px solid #E3E7E9;}
.supervision-list .reply-form li:last-child .body{border-bottom: none;}
.supervision-list .reply-form .info{font-size: 13px; padding-top: 10px;}
.supervision-list .reply-form .user{ color: #0e9aa7; margin-right: 10px;}
.supervision-list .reply-form .date{ color: #808080;}
.supervision-list .reply-form .lock{margin-left: 6px;}
.supervision-list .reply-form .lock img{width: 12px; position: relative; top: -1px; opacity: .3;}
.supervision-list .reply-form p{ margin-bottom: 10px;}
.supervision-list .reply-form .body{ padding-bottom: 20px;}
.supervision-list .reply-input{padding: 10px 20px;}
.supervision-list .reply-input textarea{
    width: 85%; height: 60px;
    float: left;
    border: 1px solid #E3E7E9;
    box-sizing: border-box;
    padding: 6px;
}
.supervision-list .reply-input.all{padding: 0; text-align: center;}
.supervision-list .reply-input.all textarea{
    width: 100%; height: 80px;
    float: none;
}
.supervision-list .reply-input.all p {
    word-break: keep-all;
}
.supervision-list .reply-input button{
    width: 14%;
    float: right;
    border: 1px solid #f28156;
    border-radius: 5px;
    background: #fff;
    color: #f28156;
    font-size: 20px;
}
.supervision-list .reply-input button:hover {
    background: #f28156;
    color: #fff;
}
.supervision-list .private-radio{padding: 10px 20px;}
.supervision-list .private-radio .checks{display: inline-block;}
.supervision-list .search-menu .search {
    position: relative;
    font-size: 16px;
    width: 300px;
    float: right;
}
.supervision-list .search-menu input {
    width: 100%; height: 42px;
    border-bottom: 1px solid #c7c7c7;
    padding-right: 30px;
}
.supervision-list .search-menu .btn-search{
    position: absolute;
    width: 24px; height: 24px;
    top: 8px; right: 5px;
}
.supervision-list .search-menu img {width: 100%;}
.supervision-list table tr td select{width: 200px; background: url('/assets/img/ico-arrow-select.png') no-repeat 95% 50% / 14px;}
.supervision-list .view-text{
    padding: 10px 20px;
    border: 1px solid #c7c7c7;
    text-align: left;
}
.supervision-list .basic-table .checks{display: inline-block;}
.supervision-list.pop-up .inner-wrap{width: 1150px;}
.supervision-list.pop-up .inner-padding{margin: 0; padding: 0 42px; box-sizing: border-box;}
.supervision-list.pop-up .info-title{
    display: block;
}
.supervision-list.pop-up .info-title .tit, .pop-up .info-title .tit{
    text-align: center;
    height: 120px; line-height: 120px;
    font-size: 30px;
}
.supervision-list.pop-up .content h3, .pop-up .content h3{font-size: 18px; margin-bottom: 10px;}
.supervision-list.pop-up .table-wrap{margin: 0;}
.supervision-list.pop-up .basic-table th{padding-top: 12px; padding-bottom: 12px; width: auto; height: auto;}
.supervision-list.pop-up .basic-table td{height: 40px;}
.supervision-list.pop-up .list-bottom{height: 100px; text-align: center;}
.supervision-list.pop-up .list-bottom .btn{font-size: 15px;}
.supervision-list.pop-up .content.scroll-box{
    margin: 0; padding: 0 30px;
    height: 680px;
}
.scroll-box{overflow-y: auto;}
.scroll-box::-webkit-scrollbar {width: 2px; height: 0; background-color: #F6F6F6;}
.scroll-box::-webkit-scrollbar-thumb {width: 4px; height: 40px; background-color: #f28156; border-radius: 10px;}
.scroll-box::-webkit-scrollbar-track {background-color: #F6F6F6;}
.scroll-box::-webkit-scrollbar-track-piece {width: 1px;}

/* mypage */
.mypage-wrap{
    padding-bottom: 195px;
}


.mypage .go-list{
    padding: 10px 0;
    color: #F38256;
    font-size: 20px;
    font-weight: normal;
}
.mypage .go-list::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/assets/img/ico-list.png) no-repeat;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.info-title ul:first-child{width: 100%; padding: 0;}
.mypage .info-title li.tit{display: inline-block;}

.mypage .sbj{
    font-weight: bold;
    min-width: 60px;
}
.mypage .sbj::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: url(/assets/img/ico-bullet-blue.png);
    position: absolute;
    left: -12px;
    top: 12px;
}

/*.basic-box .clearfix > li{padding: 6px 20px; float: left;}*//*padding지우면 마이페이지 수강신청서 글씨 그리드 안맞음*/
.basic-box .side-2 li{ width: 50%; padding: 6px 20px;}
.basic-box .side-3 li{ width: 25%; padding: 6px 20px;}
.basic-box .side-3 li:nth-child(3){width: 50%;}
.basic-box .side-3 li.full{ width: 100%;}
.basic-box .side-3-3 li{padding: 6px 20px; display: inline-block; width: 33.3333%;}
.basic-box .side-1 li{ width: 100%; padding: 6px 20px;}
.basic-box .question li{width: 100%; padding: 6px 20px; margin-top: 10px;}
.basic-box .question li:first-child{margin-top: 0;}
.basic-box .question p{margin-top: 10px;}
.basic-box .question .none {display: none;}
.basic-box.license{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}
.basic-box.license img{width: auto; max-width: 700px;}
/*.content .recruit li .img-box{padding: 0;}*/

/* 조회 결과 없음 */
.find { display: block; height: 200px; text-align: center;}
.find p {padding: 20px; color: #bfbfbf; font-size: 22px; margin-bottom: 30px;}
.find .btn {position: relative; padding: 13px 55px; margin-bottom: 30px; top: 0;}
.find img{margin: 30px auto; width: auto;}

/*더보기 버튼*/
.btn-more {position: relative; width: 100%; text-align: center;}
.btn-more .btn {position: absolute; top: 50%; transform: translateY(-50%);}

.ly_bank_account{ width: 600px; height: auto;}
.ly_bank_account .text-info-box{
    padding: 10px; text-align: left;
    background-color: #F3F3F3;
    font-size: 14px;
}
.ly-pop{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 30px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
    z-index: 100;
}
.ly-pop h3 {text-align: left; padding: 25px 0; font-size: 24px;}
.ly-pop .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 55px;
    font-size: 0;
}
.ly-pop .btn-close::after {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(45deg);}
.ly-pop .btn-close::before {content:""; position:absolute; top:50%; left: 0; width: 22px; height: 1px; background:#000; transform: rotate(-45deg);}
.ly-pop table td.tit, .pop-up table td.tit{position: relative; min-width: 120px; width: auto; font-size: 15px;}
.ly-pop table td{text-align: left;}
.ly-pop .btn-wrap{
    height: 100px;
    display: flex; align-items: center; justify-content: center;
}
.ly-pop .btn-wrap .btn, .pass .btn-wrap .btn{line-height: 42px; padding: 0 40px; color: #f28156;}
.ly-pop table tr td em::before {}
.ly-pop .btn-wrap .btn:hover {color: #fff;}

.pass .inner-wrap{
    width: 595px; height: 842px;
    padding: 20px 20px 0;
    position: relative;
    display: flex;
    flex-direction: column;
}
.pass .row.inner-padding {
    margin: 0; 
    border: 1px solid #ccc;
    background: #fff url(/assets/img/pass-mark.png) no-repeat left top;
    background-size: 160px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pass .row.inner-padding::after{
    content: ''; display: block;
    position: absolute; bottom: 0; right: 0;
    width: 160px; height: 160px;
    background: url(/assets/img/pass-mark-bottom.png) no-repeat right bottom;
    background-size: 160px;
}
.pass .logo-area{width: 100%; padding: 10px;}
.pass .logo-area .left{float: left;}
.pass .logo-area .right{float: right; margin-left: 20px;}
.pass .logo-area .right:first-child img{width: 80px;}
.pass .pop-title{display: block; width: 100%; text-align: center; margin: 30px 0;}
.pass .pop-title h2{font-size: 36px; font-weight: bold; letter-spacing: 15px;}
.pass .pop-title .copyright-2{color: #808080; font-style: italic; font-size: 18px;}
.pass .body-box{
    width: 500px;
    margin: 30px auto; padding: 20px 0;
    text-align: center;
    border: 4px double #E5E5E5;
}
.pass .body-box .pass-title{font-size: 40px; color: #000;}
.pass .body-box .info-1{font-size: 18px; font-weight: bold; margin-bottom: 24px;}
.pass .body-box .info-2 span{padding: 0 20px;}
.pass .pop-bottom{text-align: center; width: 100%; margin: 30px 0; position: absolute; bottom: 0;}
.pass .pop-bottom p{line-height: 24px;}
.pass .pop-bottom .seal-img{width: 220px; margin: 30px auto;}
.pass .btn-wrap{height: 100px; display: flex; align-items: center; justify-content: center;}
.bill.pop-up .inner-wrap{width: 700px;}
.pop-up .info-title{width: 100%;}
.pop-up .content{margin: 0; width: 100%;}
.pop-up table td.tit{width: 150px; font-size: 15px;}
.pop-up .bill-bottom{
    width: 80%; margin: auto auto; padding: 10px;border: 1px solid #E5E5E5;
}
.pop-up .bill-bottom .tit{font-size: 18px; text-align: center; padding: 0 0 20px;}
.pop-up .bill-bottom li::before{
    content: ""; display: inline-block;
    width: 16px; height: 16px;
    background: url(/assets/img/ico-bullet-black.png) no-repeat center center;
}
.pop-up .bill-bottom .body{
    text-align: center;
}
.pop-up .guide.tp-50{
    position: relative; top: 50px; font-size: 14px; color: #808080;
    text-align: center;
}




/* print */
.pop-up .bill-bottom{width: 100%;}
@media print {
	.print { page-break-after: always; }
    body { border:0; margin:0; padding:0;  }
    .pop-up.print .list-bottom{display: none;}
    .pop-up.print .inner-wrap{width: 100%;}
    .pop-up.print .scroll-box,
    .supervision-list.pop-up.print .content.scroll-box{height: auto;}
    .bill.pop-up.print{border: 1px solid #eee; padding: 0 50px 30px;}
    .pass.pop-up.print{border: 1px solid #eee;}
    .bill.pop-up.print .guide.tp-50,
    .pass.pop-up.print .btn-wrap{display: none;}
    .pass.print .inner-wrap{height: auto; padding: 20px;}
    .pass .inner-wrap{width: 210mm; height: 297mm; min-height: 297mm;}
    .pass .row.inner-padding{min-height: 297mm; font-size: 20pt; line-height: 1.5em;}
    .pass .row.inner-padding > div{margin: 30pt auto !important;}
    .pass .pop-title h2{font-size: 36pt;}
    .pass .body-box .pass-title{font-size: 40pt;}
    .pass .body-box{width: 80%; padding: 20pt 0;}
    .pass .body-box .info-1{margin: 20pt auto;}
    .pass .pop-bottom p{line-height: 1.5em;}
    .pass .pop-bottom .seal-img{width: 220pt; margin-top: 50pt !important;}
}



/*modal*/
.common-modal-height {height: 151px;}
.common-modal-height-profile {height: 505px;}

/* Tooltip */
[sc-tooltip-text] {

}
[sc-tooltip-text]:hover {
    position: relative;
}

[sc-tooltip-text]:after {
    -webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
    transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

    background-color: rgba(0, 0, 0, 0.8);

    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 7px 12px;
    position: absolute;
    width: auto;
    min-width: 200px;
    max-width: 300px;
    word-wrap: break-word;

    z-index: 9999;

    opacity: 0;
    left: -9999px;
    top: 90%;

    content: attr(sc-tooltip-text);
}

[sc-tooltip-text]:hover:after {
    top: 130%;
    left: 0;
    opacity: 1;
}


/*미디어 쿼리*/
@media (max-width: 1920px){
    .wrap {width: 100%;}
}
@media (max-width: 1290px){
    .wrap {width: 100%;}
    header .nav li ul.submenu {left: 0;}
}
@media (max-width: 1222px){
    .wrap {width: 100%;}
    .footer {width: 100%;}
    .inner-wrap {
        padding: 0 15px;
        width: 100%;
    }
    .inner-wrap .inner-wrap {
        padding: 0;
    }
    .content .recruit {
        display: block !important;
    }
    .content .recruit li:first-child {
        margin-right: 0;
    }
    .content .recruit li .txt {
        margin: 0 auto;
    }
    .content .recruit li .img-box {
        margin: 0 auto;
    }
    .play-video .notice-wrap .notice-box {
        margin: 0 0 10px 0 !important;
    }
}
@media (max-width: 1024px) {
    .wrap {width: 100%;}
    header .nav ul {}
    header .nav li a.after-log-in {display: none;}
    .wrap section {
        width: 100%;
    }
    .teacher-board-list .search-menu .select .search {
        width: 100%;
    }
    .teacher-board-list .search-menu .select .search input {
        width: 100%;
    }
    .notice-wrap .notice-box {width: 230px;}
    .notice-wrap .notice-box p.left {font-size: 16px;}
    .notice-wrap .notice-box .more img {margin-left: 0;}
    .notice-wrap .notice-box .notice-txt span {display: none;}
    .notice-wrap .blue .icon img {position: absolute; width: 45px; left: 15px; top: 8px;}
    .notice-wrap .blue .icon .plus::before {top: 50%; right: 11px; width: 20px;}
    .notice-wrap .blue .icon .plus::after {top: 50%; right: 11px; width: 20px;}
    .parents-info-wrap {
        width: 100%;
    }
    .parents-info .program .content-wrap {
        display: block !important;
    }
    .parents-info .program .content-wrap .img-wrap {
        margin: 0 auto 20px !important;
    }
    .parents-info .program .content-wrap .article-box li {
        height: 100% !important;
        max-height: 100% !important;
    }
    .content .training-process .daily-education ul {
        flex-wrap: wrap;
    }
    .content .training-process .daily-education ul li:nth-child(1),
    .content .training-process .daily-education ul li:nth-child(2) {
        margin-bottom: 10px;
    }
    .basic-box .side-3-3 li {
        width: 50%;
    }
    .mgt-course-detail .supervision-list .table-wrap {
        overflow-x: scroll;
    }
    .mgt-course-detail .supervision-list .table-wrap table {
        width: 950px;
    }
}
@media (max-width: 960px) {}
@media (max-width: 768px) {
    .parents-info .explain h2 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .inner-padding {
        padding-top: 50px !important;
    }
    .parents-info-wrap {
        width: 100%;
    }
    .login-box {
        width: 100%;
    }
    .teacher-board-list .inner-padding {
        padding: 30px 0 30px !important;
    }
    .teacher-board-list .btn-wrap .btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .teacher-board-list .table-wrap {
        overflow-x: scroll;
    }
    .teacher-board-list .table-wrap table {
        min-width: 700px;
    }
    .data-search-list .table-wrap table {
        min-width: 830px;
    }
    .teacher-board-list .list-bottom .btn {
        width: 100%;
    }
    .search-menu .select {
        display: block !important;
        height: 100% !important;
    }
    .search-menu .select .select-box {
        margin-bottom: 10px;
        width: 100%;
        max-width: 100%;
    }
    .search-menu .select .search {
        margin-bottom: 10px;
        width: 100%;
    }
    .search-menu .select .search input {
        width: 100%;
    }
    .parents-info .explain h2 {
        font-size: 24px;
    }
    .parents-info .program h3,
    .parents-info .explain em {
        font-size: 18px;
    }
    .content .recruit {
        padding: 0;
    }
    .content ul.process li i {
        font-size: 50px;
        line-height: 50px;
    }
    .list-bottom {
        flex-direction: column;
    }
    .list-bottom .btn {
        margin-bottom: 10px;
        width: 100%;
    }
    .table-wrap {
        overflow-x: scroll;
    }
    .tit-wid {
        white-space: unset;
    }
    .basic-box .side-3-3 li {
        width: 100%;
    }
    .supervision-list .table-wrap table {
        width: 720px;
    }
    .tit-wid {
        font-size: 28px;
        line-height: 28px;
    }
    .play-video .notice-wrap {
        flex-direction: column;
    }
    .play-video .notice-wrap .notice-box {
        max-width: 100% !important;
    }
    .play-video #youtube-player-1 {
        height: 100%;
        min-height: 300px;
    }
}
@media (max-width: 676px) {
    .content .training-process .daily-education ul li:nth-child(3) {
        margin-bottom: 10px;
    }
}
@media (max-width: 600px) {
    .basic-box dl {
        flex-direction: column;
    }
    .parents-info .explain h2 {
        font-size: 19px;
    }
    .parents-info .program .content-wrap .article-box li p[data-v-15dc88e1] {
        line-height: 25px;
    }
    .tit-wid {
        font-size: 26px;
        line-height: 26px;
    }
}
@media (max-width: 480px) {
    .inner-padding {
        padding: 20px 0 190px !important;
    }
    .parents-info .program-info ul li .info-txt {
        flex-direction: column;
    }
    .parents-info .txt-box {
        padding: 20px !important;
    }
    .parents-info .explain h2 {
        margin: 38px 0 40px;
        word-break: keep-all;
    }
    .parents-info .information h3 {
        margin: 55px 0 21px;
    }
    .parents-info .explain .img-box {
        position: relative;
        display: block;
        margin-top: 40px;
    }
    .content h3 {
        margin: 55px 0 20px;
        font-size: 21px;
    }
    .content .training-process li ul li .txt-box {
        min-height: unset;
    }
    .content .training-process li ul li {
        padding: 12px;
    }
    .content .training-process > li {
        padding-left: 12px;
    }
    .content ul.process li i {
        font-size: 40px;
        line-height: 40px;
    }
    table tr td {
        padding: 10px;
    }
    table tr td.tit {
        width: 110px;
        font-size: 16px;
    }
    table tr td em {
        padding-left: 0;
    }
    .table-wrap {
        overflow-x: scroll;
    }
    .complain-list .table-wrap table {
        width: 430px;
    }
    .notice-list .table-wrap table {
        width: 450px;
    }
    .list-none p {
        font-size: 20px;
    }
    .mypage-wrap .txt-box .info-title ul li.tit {
        font-size: 26px;
    }
    .basic-box .side-3-3 li {
        display: flex;
        flex-direction: column;
    }
    em.req::before {
        left: unset;
        right: -17px;
    }
}
@media (max-width: 375px) {
    .content h3 {
        font-size: 19px;
    }
    .content ul.process li {
        margin: 25px 0;
    }
    .content .com-txt-box ul li {
        padding: 11px 25px 11px;
    }
    .content .training-process > li > span {
        max-width: 100px;
    }
    .info-wrap .txt-box .info-title .tit-wid {
        font-size: 28px;
    }
    .parents-info .program-info ul li .info-txt {
        font-size: 16px;
    }
    .parents-info .program-info ul li {
        padding: 15px;
    }
    table tr td.tit {
        width: 85px;
    }
}
@media (max-width: 320px) {
    table tr td.tit {
        padding-left: 5px;
    }
}



/* IE11 */
_:-ms-fullscreen, :root .req::before {top: 7px; left: 7px;}
_:-ms-input-placeholder, :root .req::before {top: 7px; left: 7px;}
_:-ms-fullscreen, :root .type .req::before {top: 4px; left: 4px;}
_:-ms-fullscreen, :root .type {height: 152px; padding: 60px 15px;}
_:-ms-fullscreen, :root .pd-46 {padding: 46px 15px;}
_:-ms-fullscreen, :root .pd-105 {padding: 105px 15px;}
_:-ms-fullscreen, :root .pd-120 {padding: 120px 15px;}
_:-ms-fullscreen, :root .pd-275 {padding: 275px 15px;}
_:-ms-fullscreen, :root em.req {width: 20px;}

/*footer select-box*/
_:-ms-fullscreen, :root .footer-co .select-box {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: outset;
    outline-style: none;
}
_:-ms-input-placeholder, :root .footer-co .select-box  {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: outset;
    outline-style: none;
}

/* IE10+ */
_:-ms-input-placeholder, :root.req::before {top: 7px; left: 7px;}
_:-ms-input-placeholder, :root select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    .type .req::before {top: 4px; left: 4px;}
    select::-ms-expand {display: none;}
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
    /* Enter your style code */

}

/* IE6,7 */
@media screen\9 {
    /* Enter your style code */

}

/* IE8 */
@media \0screen {
    /* Enter your style code */

}

/* IE6,7,8 */
@media \0screen\,screen\9 {
    /* Enter your style code */

}

/* IE9,10 */
@media screen and (min-width:0\0){
    /* Enter your style code */

}
.course-create-time{
    text-decoration: underline;
    color: #f69871;
}



/*********** seachun *******/
.fee-info-btn {
    text-align: center;
    margin-top: 30px;
}
.bi-info .bi-box .table-wrap {
    height: inherit;
}

.modal-content {
    text-align: center;
}
pre img{
    width: auto;
    max-width: 1150px;
}
.modal-border {
    border-radius: 10px;
}