@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap');
@import url('../css/fonts.css');


.sub_wrap .top_visual h2,
.sub_wrap .navi_wrap h3,
.sub_wrap h4,
.edu_wrap .cont_list > li .txt_box .sub_title {font-family: 'CookieRun-Black', 'Montserrat', sans-serif;}

.inquiries-wrap .title,
.inquiries-wrap .btn-wrap .btn-red,
.btn_wrap > a, .btn_wrap > button {font-family: 'CookieRun-Bold', 'Montserrat', sans-serif;}
/* .sub_wrap h4 {margin-top: 0px !important;} */
.content-box strong {font-family: 'Montserrat', sans-serif; font-weight: 800;}
.content-title h4 {margin-top: 0px !important; font-size: 34px;}
#header {position: absolute !important;}
.main #header {position: fixed !important;}

.edu_wrap {padding: 0px !important}
.cont-wrap {padding: 0 0 120px 0 !important}
.cont-wrap .brd_wrap .brd_top {margin-top: 0 !important;}
.body-back {background: #f7f7f7; padding: 120px 0px}
.gallery_wrap.body-back2:after {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background: #f7f7f7;
    position: absolute;
    top: 0;
    z-index: -999;}
body, button, input, select, table, textarea, pre {font-size: 16px}

.tblock {display: block;}

#member {height: 100%; min-height: 100vh; background: #f7f7f7; }
#member #header {width:100%;height:200px;text-align:center;background:transparent !important; position: relative !important; padding-top: 50px}
#member #header .inner{position:relative;max-width:1800px;padding:0 20px 0 130px;margin:0 auto;box-sizing:border-box;}
#member #header .logo{position:absolute;top:0;left:0px;width: 100%;}
#member #header .logo:after {width: 200px; height: 101px; content: ''; display: inline-block; background: url('../img/logo.svg') no-repeat; text-align: center;}
#member .page_wrap {min-height: 400px;}
#member #footer { padding: 50px 0 50px 0}
#member input[type="checkbox"] + label span{ float: none}
#member .input-opt li {width: auto !important;}
#member .btn-red {width: 100%}
#member #footer, #member #footer .inner {width: 100%; height: auto; background: transparent; text-align: center;}
#member #footer .inner a {color: #000000; font-size: 13px; line-height: 1.3em;}
#member #footer .info_box .copyright {color: #333333; margin-top: 10px; font-size: 12px; line-height: 1.3em;}
#footer .info_box .f_menu li {float: none; display: inline-block;}
#footer .info_box .f_menu li a {text-transform: none;}
#member #footer .info_box {float: none; margin: 0; padding: 0}

/* #header .dropbtn {
    background: transparent;
    color: white;
    padding: 7px;
    font-size: 16px;
    border: none;
  }

  #header .dropdown {
    position: relative;
    display: inline-block;
  }

  #header .dropdown-content {
    display: none;
    position: absolute;
    background:  rgba(0, 0, 0, .4);;
    min-width: 160px;
    z-index: 1;
  }

  #header .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  #header .dropdown-content a:hover {background: rgba(0, 0, 0, .8); }

  #header .dropdown:hover .dropdown-content,  #header .dropdown:hover .dropdown-content a {display: block;}

  #header .dropdown:hover .dropbtn {display: block;} */


/*sub*/
.sub_wrap p {font-size: 18px}
.navi_wrap {margin-bottom: 65px;}
/* .edu_wrap .brd_wrap, .edu_wrap .intro02 {margin-top: -60px;} */
.program_wrap .download_box {margin-top: 206px !important;}

.cont-wrap2 {position: relative;}
.body-back2 { padding-bottom: 120px}
.body-back2:after {width: 100%; height: 100%; display: block; content:''; background: #f7f7f7; position: absolute; top: 95px; z-index: -999;}


.sub_wrap .navi_wrap .navigation_list > li {text-transform: uppercase;}


/*edu*/
.edu_wrap .inner {padding: 0px !important}
.sub_wrap .sub_tab_wrap .tab_menu > li a {font-size: 15px !important}
.sub_wrap .sub_tab_wrap .tab_menu > li a:hover, .sub_wrap .sub_tab_wrap .tab_menu > li.active a {font-size: 17px !important;}


/*digital*/
.content-box {margin-bottom: 60px;clear: both;}
.content-box:last-child {margin-bottom: 0;}
.content-box ul {display: inline-block; margin-top: 20px;}
.content-box li {display: inline-block;}
.content-box li.title {width: 20%;line-height: 1.3em; color:#e60021; font-size: 24px; font-weight: bold;}
.content-box li.text {width: 70%; float: right; line-height: 1.5em; }
.content-box li.text p {margin-bottom: 20px;}
.content-box li.text p:last-child {margin-bottom: 0;}
.content-title { margin-bottom: 65px;}
.content-title .text {margin-top: 20px; text-align: center;}


/*board*/
.board-cont, .board-bottom {border: solid 2px #dddddd; border-radius: 20px; padding: 30px; background: #ffffff;}
/* .board-view {margin-top: 65px;} */
.board-view .board-top {border-bottom: solid 1px #dddddd; padding: 0px 0px 30px 0; margin-bottom: 30px;}
.board-top .title {font-size: 26px; font-weight: bold;}
.board-top .board-data {font-size: 16px; margin-top: 15px;}
.board-top .date {margin-right: 20px; padding-right: 20px; border-right: solid 1px #dddddd}
.board-top .date:before {width: 18px; height: 18px; display: inline-block; content: ''; background: url('../img/date.svg') center no-repeat; vertical-align: middle; margin-right: 8px;}
.board-top .write:before {width: 18px; height: 18px; display: inline-block; content: ''; background: url('../img/write.svg') center no-repeat; vertical-align: middle; margin-right: 8px;}
.board-content {font-size: 18px; min-height: 300px;}
.board-bottom {margin-top: 20px;}
.board-bottom .files {font-size: 18px;}
.board-bottom .files::before {width: 18px; height: 18px; display: inline-block; content: ''; background: url('../img/file.svg') center no-repeat; vertical-align: middle; margin-right: 8px;}

.btn-wrap {display: block; margin-top: 30px; text-align: center;}
.btn-wrap .btn {display: inline-block; text-align: center; font-size: 20px;}
.btn-wrap .btn-red{ padding: 20px 80px; background: #e60021; color: #ffffff; border-radius: 50px;}


.verify-btn {width: 100px;
    height: 50px;
    float: right;
    padding: 4px 0px;
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 0px 5px 5px 0px;
}

/*mypage*/
.member_wrap  {margin-bottom: 120px;}
.member_wrap .signup.inner,
.member_wrap .mypage.inner {width: 800px; padding: 100px !important; margin: auto; }
.member_wrap .login.inner {width: 500px; padding: 80px}
.member_wrap .backbox {background: #f7f7f7;}
.delete-box {padding: 60px 0 0px; border-top:solid 1px #dddddd; margin-top: 60px}
.delete-box a.btn-line-gray {border: solid 1px #dddddd; background: transparent; padding: 10px 20px; display: inline-block; font-size: 14px; margin-bottom: 15px; border-radius: 5px; }
.delete-box p {font-size: 16px; color: #666666}
.member_wrap .gray-bg {background: #eeeeee;}


/* MEMBERSHIP */

.login.inner {width: 540px; margin: auto;}
.input-box li {border-radius: 5px; border: solid 1px #dddddd; background: #ffffff; margin-bottom: 20px;}
.input-box label {width: 23%; display: inline-block; padding: 25px 0px 25px 20px; font-size: 16px; font-weight: 600;}
.input-box input, .inquiries-wrap textarea {width: 65%;height: 67px; float: right; background: transparent; color: #333333; padding: 25px 20px 25px 0px; font-size: 16px; outline: none; border: none;}

.input-opt {width: 100%; margin-top: 20px; clear: both;border-top: solid 1px #dddddd; padding: 20px 0 0px}
.input-opt li {width: 80%; display: inline-block; line-height: 2em;}
.input-opt li:last-child {width:auto; float: right;}
.input-opt a {font-size: 14px}

/* .member_wrap .input-opt {width: 100%; margin-top: 0px; clear: both;border-top: none; padding: 0} */

.btn-box {margin-top: 30px; clear: both;}
.btn-box .btn {padding: 20px 0; text-align: center; border-radius: 100px; font-weight: 500;}
.btn-box .btn-red {width: 100%; background: #e60021; color: #ffffff; font-size: 20px}
.btn-box .btn-line {width: 100%; background: #ffffff; color: #000000; border: solid 1px #000000; font-size: 20px}

.btn-box li {width: 50%; float: left}
.btn-box li a  {display: block; margin-top: 20px;}
.btn-box .btn-naver {color:#fff !important;background:#00c73c !important; border-radius:5px 0px 0px 5px !important}
.btn-box .btn-naver:before{content:"";display:inline-block;width:21px;height:20px;margin-right:9px;vertical-align:middle;background:url(../img/icon_sns_naver.png) no-repeat center center;}
.btn-box .btn-kakao{color:#000 !important;background: #ffcc00 !important; border-radius:0px 5px 5px 0px !important}
.btn-box .btn-kakao:before{content:"";display:inline-block;width:21px;height:20px;margin-right:9px;vertical-align:middle;background:url(../img/icon_sns_kakao.png) no-repeat center center;}

.center {margin-top: 30px; text-align: center; line-height: 1.5em;}
a.point {color: #e60021; text-decoration: underline;}

.signup.inner {width: 500px; margin: auto;}
.signup.inner strong {display: block; text-align: center; font-weight: bold; margin-bottom: 20px;}
.signup .input-box label {display: none;}
.signup .input-box input {width: 93%; float: none; padding: 25px 20px}
.signup .input-box .thr input {width: 70%}
.signup .input-box .thr .verify-btn {width: 20%; height: 67px; float: right; padding: 24px 0px; text-align: center; border: solid 1px #000000; border-radius: 0px 5px 5px 0px ;}
.signup .input-opt li:last-child {float: none}
.signup .title {margin-top: 40px; position: relative;}
.topText strong {font-size: 24px; line-height: 1.5em;}
.topText p {text-align: center; line-height: 1.5em;}

.backbox {display: block;padding: 70px 30px; background:#ffffff;}
.backbox .title {margin-bottom: 20px; text-align: center;}
.backbox .title strong {display: inline-block;font-size: 20px; background: #ffffff; padding: 0px 20px; z-index: 15;width: auto; position: relative; margin: 0;}
.signup .title .line:before {width: 100%; height: 1px; content: ''; position: absolute; top: 12px; display: block; background: #dddddd;}
.backbox .title span {font-weight: bold;}

#member-container .find.inner {width: 1200px; margin: auto; }
.fine-cont  {width:calc(50% - 40px); display: inline-block;}
.fine-left {float: left}
.find-right {float: right}

#member-container .join.inner {width: 540px; margin: auto;}
#member-container .join .input-opt li:last-child {float: none !important;}

.ico {width: 100%; display: inline-block; margin-bottom: 30px;}
.ico-bg {width: 220px; height: 220px; border-radius: 100%; background:#6925d0; margin: auto; position: relative; }
.ico-bg.joy:after { width: 220px; height: 220px; content:'?��'; display: block; text-align: center; vertical-align: middle; font-size: 100px;position: absolute; top: 40%;}
.ico-bg.sad:after { width: 220px; height: 220px; content:'?��'; display: block; text-align: center; vertical-align: middle; font-size: 100px;position: absolute; top: 45%;}

#member #header {position: relative;}
#container .mypage.inner {width: 540px; margin: auto;}
#member #container {padding: 120px 0px;}
#container .mypage .input-opt li {display: inline-block; width: 80%}
#container .mypage .input-opt li:last-child {width: 20%; text-align: right;}

a.link:hover {color: #ffffff;}
.link-gray {color: #999999; text-decoration: underline; float: right; margin-top: 20px;}

.all-check {border-top: solid 1px #dddddd; margin: 20px 0 60px; padding: 20px 0px 20px 0px}
#container .mypage .input-opt {border-bottom: solid 1px rgba(255, 255, 255, .2); padding: 0px 0px 20px 0px}
#container .mypage .input-opt strong {margin-bottom: 8px; display: block;}
.page-title {text-align: center; font-size: 38px; margin-bottom: 20px;}


.inquiries-wrap {width: 700px; height: auto; margin: auto; padding: 150px; border-radius: 30px; background:#ffced5 url('../img/inquiries/inquiries_bg.jpg') no-repeat; background-size: cover;}
.inquiries-wrap .title {display: inline-block; padding-top: 20px; text-align: center; font-size: 42px; width: 100%; margin-bottom: 40px;}
.inquiries-wrap .input-box input  { width: 70%; }
.inquiries-wrap textarea  { width: 70%; overflow: auto;resize:none; margin: 15px 0px; padding: 0px; line-height: 1.5em; height: 80px; vertical-align: middle; float: initial;}
.inquiries-wrap textarea::-webkit-scrollbar { width: 10px; cursor: pointer;}
.inquiries-wrap textarea::-webkit-scrollbar-thumb {background-color: #e60021;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;cursor: pointer;}
.inquiries-wrap textarea::-webkit-scrollbar-track {background-color: #eeeeee;border-radius: 10px;cursor: pointer;}
.inquiries-wrap .red {color:red}
.inquiries-wrap .btn-wrap .btn-red {padding: 25px 60px}
.inquiries-wrap .btn-wrap .btn-red:after {width: 26px; height: 26px; display: inline-block; content: ''; background: url('../img/inquiries/airplane.svg') no-repeat; vertical-align: middle; margin-left: 10px;}

.member_wrap .mypage strong {font-size: 18px; font-weight: bold; margin-bottom: 15px; display: block;}
.member_wrap .mypage p {font-size: 16px; line-height: 1.5em;}
.member_wrap .btn-box {display: inline-block; width: 100%; text-align: center;}
.member_wrap .btn {width: auto}
.btn-box .btn-red {width: 300px; padding: 20px 0px; text-align: center;}
.delete-img:after {width: 260px; height: 260px; display: block; content: ''; background: url(../img/member/ico_delete.png) no-repeat; margin: auto; text-align: center; margin-bottom: 20px;}
.email-img:after {width: 260px; height: 260px; display: block; content: ''; background: url(../img/etc/ico_email.png) no-repeat; margin: auto; text-align: center; margin-bottom: 20px;}

/* FORM */
#member .input_box input[type=text],
#member .input_box input[type=password],
#member .input_box input[type=tel],
#member .input_box input[type=number],
#member .input_box input[type=date]{width:100%;height:56px;padding:0 15px;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;text-align:left;}
#member .input_box input[type=file]{width:100%;margin:8px 0;box-sizing:border-box;vertical-align:top;text-align:left;font-size:18px;line-height:56px;}
input[type="checkbox"]{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;z-index:-1;width:0;height:0;font-size:0;}
input[type="checkbox"] + label{position:relative;padding:2px 0 0 25px;font-size:14px;line-height:1.5em;}
input[type="checkbox"] + label:before{content:"";display:inline-block;position:absolute;top:2px;left:0;z-index:1;width:18px;height:18px;background:url(../img/icon_chk01.png) no-repeat 0 0px;}
input:checked[type="checkbox"] + label:before{background:url(../img/icon_chk01.png) no-repeat 0 -18px;}
input:disabled[type="checkbox"] + label:before{background:url(../img/icon_chk01.png) no-repeat 0 -36px;}
input[type="checkbox"].chk_disabled + label:before{background:url(../img/icon_chk01.png) no-repeat 0 -54px;}
input[type="checkbox"] + label span {float: right; padding-top: 1px}

.faq_wrap select {min-width: 280px}


/*privacy*/

.privacy.inner {width: 800px; padding: 100px !important; margin: auto; line-height: 1.5em; font-size: 16px}
.privacy.inner strong {display: block; font-weight: 700;}
.privacy .black-title {width: 100%; font-size: 18px; text-align: center; color: #000000; margin: 20px 0;}
.privacy .red-title {color: #e60021; margin-top: 30px; margin-bottom: 8px; font-size: 18px;}
.privacy p {padding: 8px 0; font-size: 16px}
.privacy ul {}
.privacy li {margin: 5px 0px; font-size: 16px}
.privacy li:before {width: 5px; height: 1px;  display: inline-block; content:'-'; margin-right: 8px;}

/*sitemap*/
.sitemap {width: 1400px; margin: auto;}
.sitemap ul {display: block;}
.sitemap ul:last-child {margin-top: 50px;}
.sitemap li {width:calc(25% - 62px);  display: inline-block; vertical-align: top; margin: 0px 30px;}
.sitemap li strong {width:100%; display: inline-block; font-weight: bold; font-size: 20px; margin-bottom: 15px; border-bottom: solid 1px #000000; padding-bottom: 8px;}
.sitemap li dd {margin-bottom: 15px;}
.sitemap li dd a { font-size: 16px;}

.sitemap dl .accordion { color: #444; cursor: pointer;width: 100%; border: none; text-align: left;outline: none; font-size: 16px; transition: 0.4s; }
.sitemap dl .accordion:after {width:8px; height: 8px; display: inline-block; float: right; content:'+';}
.sitemap dl .accordion.active:after {width:8px; height: 8px; display: inline-block; float: right; content:'-';}
.sitemap dl .active, .sitemap dl.accordion:hover {  }
.sitemap dl .panel { display: none; overflow: hidden; background: #ffffff; margin-top: 8px; padding: 16px; }
.sitemap dl .panel a {width: 100%; display: block; font-size: 15px; margin: 8px 0;}
.sitemap dl .panel a:before {width:8px; height: 8px; display: inline-block; content:'-';}

.moblock {display: none;}


/*책밥 ?�이�?링크*/
/* 20201106 추�??�정 - s */
.ico-lesson {position:absolute;top:-270px;right:20px;z-index:1;}
.ico-lesson.fix .floating_box {position:fixed;top:100px;right:20px;z-index:2;}
.ico-lesson span {font-size: 0px; }
.ico-lesson span:after {width: 110px; height: 268px; display: inline-block; content:''; background:url('../img/ico_ebook.png') no-repeat; background-size: cover;}
.ico-lesson p:after {width: 110px; height: 268px; display: inline-block; content:''; background:url('../img/ico_online.png') no-repeat; background-size: cover;}
/* 20201106 추�??�정 - e */

/****************************/
/********** MOBILE **********/
/****************************/

@media screen and (max-width: 1400px) {
.board-cont, .board-bottom {border: solid 2px #dddddd; border-radius: 20px; padding: 1px; background: #ffffff;}
.board-cont .board-top {padding:30px}

    /*sitemap*/
.sitemap {width: 100%; margin: auto;}

.intro02 .inner {width: 90%; margin: auto;}

}

@media all and (max-width: 1000px) {

	.board-cont, .board-bottom {border: solid 2px #dddddd; border-radius: 20px; padding: 1px; background: #ffffff;}
	.board-cont .board-top {padding:30px}

    .privacy.inner,
    .member_wrap .signup.inner, 
    .member_wrap .mypage.inner {width: 80%; padding: 5% !important; margin: auto;}

    .verify-btn {float: none;display: inline-block; }
}

@media screen and (max-width:767px){

.board-cont, .board-bottom {border: solid 2px #dddddd; border-radius: 20px; padding: 1px; background: #ffffff;}
.board-cont .board-top {padding:30px}

.pcblock {display: none;}
.moblock {display: block;}

.tblock {display: block;}
.login.inner {width: 100%;}
.signup.inner, .mypage.inner, .privacy.inner {width: 90% !important; margin: auto; padding: 20px !important}
#member #header .logo:after {  width: 160px !important; height: 81px;}
.input-opt li {width: 100%}
.input-opt li:last-child {float: none; margin-top: 20px; }
/* .member_wrap .input-opt li:last-child { margin-top: 0px; } */
.all-check {margin-bottom: 0px;}
.input-opt li .forget {display: block; border:solid 1px #cccccc; border-radius: 100px; text-align: center; padding: 15px; margin-top: 20px;}
.backbox {padding: 50px 20px}
.signup .input-box .thr .verify-btn {width: 30%}
.btn-box .btn-red, .btn-box .btn-line {font-size: 16px !important}
input[type="checkbox"] + label {display: block;}
input[type="checkbox"] + label span { float: none; display: inline-block;}
.signup .input-box input {width: 100%}
.topText strong {font-size: 20px;}
#footer .info_box .f_menu li {display: block; width: 100%}

.brd_wrap .brd_top .opt_box select {display: block !important; margin-bottom: 8px;}

.edu_wrap .inner {padding-left:20px !important; padding-right:20px !important}
.edu_wrap .inner.bg_gray_m {padding-bottom: 65px !important;}


.content-box li.title,
.content-box li.text {width: 100%; display: block; }
.content-box li.title {margin-bottom: 10px;}

.program_wrap .character {top: -112px !important}
.program_wrap .download_box {margin-top: 100px !important;}

.inquiries-wrap {width: 100%; padding: 20px 20px 60px; background:#ffced5 url('../img/inquiries/inquiries_bg.jpg') no-repeat; background-size: cover;}
.inquiries-wrap .title {padding-top: 30px; font-size: 30px; margin-bottom: 10px;}
.inquiries-wrap .input-box input, .inquiries-wrap .input-box textarea { width: 60%;}
/* .input-box label { width: 25%;} */

.member_wrap .signup.inner,
.member_wrap .login.inner,
.member_wrap .mypage.inner {width: 90% !important; padding: 30px !important}
.member_wrap .signup.inner .input-opt {
    width: 100%;
    margin-top: 0px;
    clear: both;
    border-top: none;
    padding: 0px;
}

.input-box li {width: 100%; background: transparent;border: none; margin-top: 20px !important; display: inline-block;border-bottom: solid 1px #dddddd; border-radius: 0;}
.input-box label {display: block !important; width: 100%; padding: 0px;}
.input-box input {width: 100%;height: 52px; padding: 0px 0px 10px 0px !important;}
.inquiries-wrap textarea  {width: 100%;height: 100px; padding: 0px 0px 10px 0px !important;}
.input-box .thr .verify-btn {float: none !important; width: 100% !important; display: inline-block; border-radius: 5px !important; padding: 20px !important; margin-top: 5px; margin-bottom: 20px;}
.member_wrap .gray-bg {background: transparent;}
.member_wrap .gray-bg input {background: #eeeeee; margin-top: 8px;}

.cont-wrap {padding-bottom: 60px !important;}
.brd_wrap .brd_top {margin-top: 0px !important}

.sitemap ul {margin: 0 !important;}
.sitemap li {width: 100%; margin: 0; margin-bottom: 40px;}

.m_none {display: none !important;}

.verify-btn {width: 100%;}

}

@media screen and (max-width:1024px){

.board-cont, .board-bottom {border: solid 2px #dddddd; border-radius: 20px; padding: 1px; background: #ffffff;}
.board-cont .board-top {padding:30px}

.inquiries-wrap { width: 90%;padding: 5%; }
/* .inquiries-wrap input {min-width: 100%;} */
}

@media screen and (max-width:767px){

.board-cont, .board-bottom {border: solid 2px #dddddd; border-radius: 20px; padding: 1px; background: #ffffff;}
.board-cont .board-top {padding:30px}

.inquiries-wrap { width: 100%; padding: 30px}
.inquiries-wrap .title {font-size: 24px;}
.btn-wrap .btn {font-size: 18px}
.inquiries-wrap .btn-wrap .btn-red:after {
    width: 20px;
    height: 20px;
    display: inline-block;
    content: '';
    background: url(../img/inquiries/airplane.svg) no-repeat;
    vertical-align: middle;
    margin-left: 10px;
    
}
.inquiries-wrap {width: 100%;padding: 20px; background: #f7f7f7;}
.inquiries-wrap .input-box input, .inquiries-wrap .input-box textarea {float: initial; width: 100%; display: block;}
.inquiries-wrap .input-box textarea {margin-top: 10px;}
.inquiries-wrap .btn-wrap .btn-red {
    padding: 25px 0px;
    width: 100%;}
    .input-box li {display: block;}

    .content-title h4 {font-size: 26px;}
    .content-box li.title {font-size: 20px; line-height: 1em;}
    .content-box li.text p {font-size: 16px}
    .ico-lesson.fix .floating_box {right: 10px}
    .ico-lesson span:after {width: 60px; height: 145px; display: inline-block; content:''; background:url('../img/ico_ebook.png') no-repeat; background-size: cover;}
    .ico-lesson p:after {width: 60px; height: 145px; display: inline-block; content:''; background:url('../img/ico_online.png') no-repeat; background-size: cover;}

}

@media screen and (max-width:767px){
#header {background: none !important;}

}
@media screen and (max-width:414px){

.board-cont, .board-bottom {border: solid 2px #dddddd; border-radius: 20px; padding: 1px; background: #ffffff;}

    /* .edu_wrap .inner {width: 100%;} */
    #header .gnb_menu .depth01 {font-size: 16px !important;}
    .sub_wrap .top_visual h2 {top: 25% !important;}
.board-top .board-data {font-size: 14px;}
.board-top .date { margin-right: 10px; padding-right: 10px;}
.board-top .date:before,
.board-top .write:before {display: none;}
.board-cont .board-top {padding:30px}

.btn-box .btn-red {width: 100%; padding: 20px 0px; text-align: center;}
.delete-img:after {width: 200px; height: 200px; display: block; content: ''; background: url(../img/member/ico_delete.png) no-repeat; background-size: cover; margin: auto; text-align: center; margin-bottom: 20px;}
.email-img:after {width: 200px; height: 200px; display: block; content: ''; background: url(../img/etc/ico_email.png) no-repeat; background-size: cover; margin: auto; text-align: center; margin-bottom: 20px;}

}