@charset "euc-kr";

.m_nav {display:none;}
.m_able {display:none! important;}

.pc_nav {display:block;}
.pc_able {display:flex! important;}

.m_tr {display:none;}
.pc_tr {display:table-row;}

.m_view {display:none;}
.pc_view {display:block;}

/* Input ÃʱâÈ­ */
.check input[type="checkbox"] {display: none;}
.check input[type="checkbox"] {display: none;}
.check input[type="checkbox"] + label {display: inline-block; width:20px; height: 20px; background:url('/ja_data/edu/online/check_off.png') no-repeat center; background-size:70%; cursor: pointer; border-radius: 10px; background-color:#f5f5f5; }
.check:after {display:block; content:"";}
.check input[type="checkbox"]:checked + label {background:url('/ja_data/edu/online/check_on_2.png') no-repeat center; background-size:70%;  border-radius: 10px; background-color:#fc5a22; }
.check input[type="checkbox"] + label span {display: block; width:100px; margin-left:19px}

.allCheck input[type="checkbox"] {display: none;}
.allCheck input[type="checkbox"] {display: none;}
.allCheck input[type="checkbox"] + label {display: inline-block; width:17px; height: 20px; background:url('/ja_data/edu/online/check_off.png') no-repeat center;cursor: pointer; border-radius: 3px;}
.allCheck:after {display:block; content:"";}
.allCheck input[type="checkbox"]:checked + label {background:url('/ja_data/edu/online/check_on.png') no-repeat center; }
.allCheck input[type="checkbox"] + label span {display: block; width:100px; margin-left:19px}

.allCheck_cash input[type="checkbox"] {display: none;}
.allCheck_cash input[type="checkbox"] {display: none;}
.allCheck_cash input[type="checkbox"] + label {display: inline-block; width:25px; height: 25px; background:url('/ja_data/edu/online/check_cash_off.png') no-repeat center;cursor: pointer; border-radius: 3px;}
.allCheck_cash:after {display:block; content:"";}
.allCheck_cash input[type="checkbox"]:checked + label {background:url('/ja_data/edu/online/check_cash_on.png') no-repeat center; }
.allCheck_cash input[type="checkbox"] + label span {display: block; width:100px; margin-top:1px; margin-left:30px; font-size:15.5px;}

/** header **/
/* #main.list {position: relative; margin: auto; width: 100%; z-index: 500;} */
#main.list {width: 100%; height:auto; min-height: calc( 100vh - 155px );}
#main_header {width: 100%; height: auto; border-bottom: 1px solid #e0e0e0;}
.head_top {display:flex; justify-content: space-between; align-items: center; max-width: 1080px; width:auto; padding:0 1em; height:75px; margin:auto;}
.head_top .h_left span {display:inline-block; vertical-align: middle;}
.head_top .h_left span img {max-width:130px;}
.head_top .h_left span.topcon{margin-left: 20px;}
.head_top .h_right li {display:inline-block;}
.head_top .h_right li:nth-child(even) {margin:0 6px; width:1px; height:10px; background: #222;}

.m_nav .gnb_menu {display:none; position:fixed; right:0px; top:0; z-index: 1000; padding:0 14px 30px 20px; width:52%; min-width:230px; height:100vh; background-color: #fff;}
.m_nav .gnb_menu.active {display: block;}
.m_nav .gnb_menu ul {float:left; margin-top:50px;}
.m_nav .gnb_menu ul li {padding:17px 0;}
.m_nav .gnb_menu ul li a {color:#666;}
header .dim {display: none; position:fixed; left:0; right:0; top:0; bottom:0; z-index: 9; background-color: rgba(0,0,0,.6);}
header .dim.active {display: block;}
.m_nav .gnb_menu .close_icon {float:right; padding:10px 0;}

@media (max-width: 670px) {
  .m_nav {display:block;}
  .pc_nav {display:none;}
  .m_nav .block_400 {display:none;}

  h1 {font-size:1.2em;}

  .head_top {height:55px;}
  .head_top .h_left span img {max-height:35px;}
}
@media (max-width: 500px) {
  .head_top .h_left span.topcon {margin-left:0; font-size:14px;}
}
@media (max-width: 400px) {
  .head_top .h_left span.topcon {display:none;}
  .m_nav .block_400 {display:block;}
}

/** °­ÀǸñ·Ï **/
#lecture {width:100%; padding:15px 0;}
#lecture .contain {display:block; width: 100%;}
.lecture_list {max-width:1080px; width:auto; margin:0 auto; padding: 0 1em;}
ul.my_lec {display:flex; align-items: center; margin:18px 0; padding:1em; width:100%; border:1px solid #e0e0e0; box-sizing: border-box;}
ul.my_lec li {display:inline-block;}
.my_lec li.img {width:261px; height:143px; overflow: hidden; vertical-align:baseline;}
.my_lec li.img img {width:100%;}
.my_lec li.cont {padding-left:16px; width: calc( 100% - 261px ); box-sizing: border-box;}
.my_lec li.cont p {padding:2px 0;}
.my_lec li.cont .tit {padding:8px 0; font-size:20px; line-height: 1.2; cursor: pointer;}
@media (hover: hover){.my_lec li.cont .tit:hover {color:#fa2626;}}
.my_lec li.cont .status {display:flex; justify-content: space-between;}
@media (hover: hover){.my_lec li.cont .status .print:hover {color:#fa2626; cursor:pointer;}}

@media (max-width: 670px) {
  ul.my_lec {flex-direction: column; width:100%;}
  .my_lec li.cont {width:100%; padding-top:0.5em; padding-left:0;}
  .my_lec li.cont .status {flex-direction: column;}
  .my_lec li.cont .status span {display:inline-block; padding:2px 0;}
  .my_lec li.cont .tit {padding:0.5em 0; font-size:1.2em;}
}

@media (max-width: 320px){
  .my_lec li.img {width:100%!important;}
  .my_lec li.img img {width:100%!important;}
}

/* °­ÀǸñ·Ï view */
/* view ¿ÞÂÊ */
#lec_view {width:100%; padding-top:15px;}
#lec_view .contain {display:block; width: 100%;}
.lec_view_wrap {max-width:1080px; width:auto; margin:40px auto 0; padding: 0 1em;}

.view_main {display: flex; justify-content: space-between;}
.view_main .view_l {width:800px; margin-left:0; margin-right:30px; height:auto; margin-bottom:100px}
.view_l .cont_1 {width:100%; height:auto; display:inline-block}
.cont_1 .viewTop {padding-bottom:30px;}
.view_l .cont_1 .viewTop .title h1 {font-size:38px; line-height: 1.2;}
.cont_1 .viewTop .title p {color:#770551;font-weight:bold; font-size:16px}
.cont_1 .playWrap {position:relative; width:100%; height:auto; display:inline-block}
.cont_1 .playWrap .play_tit h1 {color:#000;line-height:2.0em;letter-spacing:-01.em;font-size:24px;}
.cont_1 .viewContent .menu {width:100%; display:inline-block; margin-bottom:30px}
.cont_1 .viewContent .menu li {display:inline-block; width:33.3%; height:22px; font-size:20px; margin-left:-5px;border-bottom:1px solid #aaa;border:1px solid #e0e0e0; background:#f9f9f9; padding:15px 0; text-align:center; cursor:pointer}
.cont_1 .viewContent .menu li.current {background-color:#fff; border-bottom:solid 1px #fff}
.cont_1 .viewContent .tabcontent {width:100%; border-bottom:1px solid #e0e0e0; min-height:500px}
.cont_1 .viewContent .tabcontent img {width:100%; }
.tabcontent {display: none;}
.tabcontent.current {display: block;}
.new_icon {top:54px; left:45px;}
.ui-dialog {top:0;}

.view_l .cont_1 .list_title {display:inline-block; width:70%}
.view_l .cont_1 .title h2 {display:inline-block;}
.view_l .cont_1 .title .more {display:inline-block; float:right; width:115px; font-size:11px; background: url('/ja_data/edu/online/icon_more.png') no-repeat; background-position:92px 10px; padding-top:5px}
.view_l .cont_1 .title .more:hover {text-decoration:underline;}
.view_l .cont_1 .cont_1_list {margin-top:20px}

/* y_player */
.playWrap  .yplayer_div {background:#fff;}
.yplayer_div_full_n{width:100%;height:auto;}
.yplayer_div_full_y{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;background:#000;}
.yplayer_iframe_full_n{/*width:800px;*/ width:100%; height:463px; border:none;}
.yplayer_iframe_full_y{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;background:#000;}
.flowplayer { width: 100%; height:100%;}
.screen_full_y{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9998;background:#000;}
.flowplayer.is-fullscreen .fp-fullscreen:before{content:"\e601";}
.btn_zone .btn{float:left;padding:0;border:0;}

.lectureList li .title p.test {font-weight:500}
.play_empty {width:100%;height:212px; display:table; text-align:center; color:#fff; background:url('/ja_data/edu/m/thumbnail_G.png') no-repeat; background-size: cover;line-height:212px;}
.tabcontent img{max-width:100%;}

/* ¼ö¾÷ÀÚ·á/±³Àç´Ù¿î */
.attachedWrap {margin-bottom:5em;}
.attachedWrap h3 {font-size:14px; margin:20px 0 5px; display:inline-block; cursor:pointer}
.attachedWrap h3:hover {text-decoration:underline}
.attachedWrap h3 .number {color:#770551}
.attachedWrap p {font-size:12px; display:inline-block; margin-left:5px; color:#444}
.attachedWrap p:hover {text-decoration:underline; cursor:pointer}
.attachedWrap .attach_pop {display:none; position:absolute; z-index: 999; width:400px; padding:.5em 1em; background:#fff; border:1px solid #e0e0e0; box-shadow:2px 2px 2px 0px rgba(0,0,0,0.05)}
.attachedWrap h3.attach_open {border:1px solid #e1e1e1; padding:10px 13px 10px 32px; background-image:url("/ja_data/edu/new/ico_book.png"); background-repeat:no-repeat; background-size:15px 18px; background-position:10px center;}
.attachedWrap h3:last-child {border:1px solid #f3521b; color:#fff; background-color:#fc5a22; margin-left:.5em; padding:10px 13px 10px 32px; background-image:url("/ja_data/edu/new/ico_test_1.png"); background-repeat:no-repeat; background-size:19px; background-position:9px center;}
.attachedWrap h3:last-child:hover {background-color:#f3521b; background-image:url("/ja_data/edu/new/ico_test_2.png"); }
.attachedfile img {vertical-align: top;}

/* °­ÀÇ Áú¹® */
.lectureTitle {font-size: 30px; font-weight:normal; margin:20px 0; }
.lectureList {margin-top:10px; margin-bottom:50px;}
.lectureList .comment {margin-bottom:50px}
.lectureList .comment h3 input {padding:.3em; margin-left:.5em; border:1px solid #ccc}
.lectureList .comment h3 select {padding:.1em .2em .3em .2em; margin-left:.5em; border:1px solid #ccc; vertical-align:middle}
.lectureList .comment h3 span {vertical-align:middle}
.lectureList .comment ul.tab {width:100%; height:52px; border-bottom:1px solid #e0e0e0; }
.lectureList .comment ul.tab li {width:25%; font-size:16px; background:#fff; font-weight:bold; border:1px solid #e0e0e0; border-bottom:0; text-align:center; padding:1em 0; display:inline-block}
.lectureList .comment ul.tab li.close {width:52px; height:19px; vertical-align:top; float:right; cursor:pointer}
.lectureList .comment ul.tab li.close img {width:19px; height:10px}
.lectureList .comment ul.tab li .rotate {transform:rotate(180deg)}
.lectureList .comment ul.tab li span {display:inline-block; background:#f0f0f0; color:#999; font-size:12px; padding:0 .6em; border-radius:2em; font-weight:normal; margin-left:5px}
.lectureList .comment h3 {font-weight:normal; font-size:14px; color:#666; margin: 2em 0 1em;}

.lectureList .comment h3 .division {padding:0 .5em 0 .7em; color:#ccc;}
.lectureList .comment h3 span.condition {font-size:10px; border-radius:1em; padding:.3em .5em; margin-right:.5em}
.lectureList .comment h3 span.ing {background:#e0e0e0; color:#999}
.lectureList .comment h3 span.done {background:#444; color:#fff}

.lectureList .comment h3 button {margin-left:1em; color:#fff; background:#666; border:0; font-size:12px; padding:.4em .5em}
.lectureList .comment h3 button.done {background:#fc5a22}
.lectureList .comment .box_wrap {border:1px solid #ccc}
.lectureList .comment .box_write {overflow-x:hidden}
.lectureList .comment .box_write textarea {padding:10px; font-size:14px; border:0; width:100%; height:100px; box-sizing:border-box; line-height:1.4em;}
.lectureList .comment .box_btn {border-top:1px solid #ccc; background:#f9f9f9; text-align:right; padding:.8em 0;}
.lectureList .comment .box_btn p {display:inline-block; margin-right:60px}
.lectureList .comment .box_btn p.num_count {float:left; color:#aaa; font-size:.9em; margin:8px 0 0 15px;}
.lectureList .comment .box_btn .comm_secret {display:inline-block; padding-left:5px; width:50px; text-align:left}
.lectureList .comment .box_btn button {background:#222; border:0; color:#fff; font-weight:bold; font-size:15px; padding:.5em 1em; margin-right:1em;}
.lectureList .comment .post {color:#666}
.lectureList .comment .post h3 {margin-bottom:0}
.lectureList .comment .post h3 p {display:inline-block;}
.lectureList .comment .post p.btn {float:right; cursor:pointer}
.lectureList .comment .post li {border-bottom:1px solid #e0e0e0}
.lectureList .comment .post li .paragraph {width:100%; padding: 1em 0 1.5em; display:inline-block;}
.lectureList .comment .post li .option {font-size:.8em; color:#770551; margin-bottom:.7em;}
.lectureList .comment .option .division {font-size:.8em; padding:0 .5em 0 .7em; color:#ce5ba8}
.lectureList .comment .post li .reply {width:90%; padding: 1.2em; background:#f9f9f9; float:right; margin:1em 0; line-height:1.8em}
.lectureList .comment .post .reply .writer {display:block; margin-bottom:.5em; font-weight:bold}
.lectureList .comment .post .reply .writer i {width:1.5em; height:1.5em; display:inline-block; background:url('/ja_data/edu/m/favicon.png'); background-size:cover; vertical-align:middle; margin-right:.5em}
.lectureList .comment .post li .info {color:#fc5a22; font-size:12px; display:block}
.lectureList .comment .post li.secret_n {padding:2em 0}
.lectureList .comment .post li.secret_n .tag {display:inline-block; padding:.1em .5em; border-radius:2em; font-size:10px; color:#fff; background:#fc5a22; margin-bottom:10px;}

.lectureList h2 {margin-bottom:23px;}
.lectureList h2 .total {color:#770551}

.lectureList li .title {border:1px solid #e0e0e0; padding:5px 15px; margin-bottom:0; font-weight:bold; margin-top:-1px; line-height:70%}
.lectureList li .title p {display:inline-block; line-height:1em}
.lectureList li .title .click p:hover {text-decoration:underline; cursor:pointer}
.lectureList li .title p.test {font-weight:500}

.lectureList .icon_wrap {width:7%; display:inline-block; vertical-align:top}
.lectureList .lecture_name {width:68%; display:inline-block; vertical-align:super}
.lectureList .condition_wrap {width:22%; display:inline-block; text-align:right}

.lectureList li .title .icon {width:42px; height:42px; margin-right:10px}
.lectureList li .title .condition {float:right; font-size:12px; padding:4px 10px; background-color:#fff; margin-top:9px;  border:1px solid #e4ae9b; color:#fc5a22; }
.lectureList li .title .now {border:0; background-color:transparent; color:#666}
.lectureList li .title .quiz {margin-right:.5em; border:1px solid #ccc; color:#fa2626; cursor:pointer}
.lectureList li .title .quiz:hover {cursor:pointer!important}
.lectureList li .title .limit:hover {cursor:auto; text-decoration:none}
.lectureList li .title .now:hover {cursor:auto; text-decoration:none}
.lectureList li .title .limit {border:0; background-color:transparent; color:#e12f2f}
.lectureList li .title .finish { border:1px solid #91c5f7; color:#2187e9; }
.lectureList .previous {background-color:#f1f1f1}
.lectureList .now {background-color:#fffbf5}
.lectureList .now .title p:hover {cursor:auto; text-decoration:none}
.lectureList li .title p.re_test {width:1em; height: 1em; margin-left:1em; background:url('/ja_data/edu/online/testIcon.png') no-repeat}
.lectureList .select_pro {display:inline-block;}

/* °­ÀÇ ¸ñ·Ï */
.cont_1 .lectureList_box {width:100%;height:auto;min-height:100px;position:relative;top:0;left:0;margin-bottom:50px;}
.cont_1 .goList {width:220px; padding:15px 0; font-size:20px; border:1px solid #e0e0e0; text-align:center; margin:0 auto; margin-top:30px; cursor: pointer;}

/* view ¿À¸¥ÂÊ */
.view_main .innerLmain {width:220px; height:auto; float:left;}
.view_main .innerLmain .left_list {margin-bottom:1.5em; }
.view_main .innerLmain .left_list .title {width:184px;padding:18px;font-weight:bold;font-size:17px; border:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; cursor:pointer;background:#f0f0f0;}
.view_main .innerLmain .left_list .title p {width:1em; margin-right:5px; height:1em; background:url('/ja_data/edu/m/title_icon_1.png') no-repeat; background-size:contain; display:inline-block; vertical-align:bottom}
.view_main .innerLmain .left_list .title p.icon_2 {background-image:url('/ja_data/edu/m/title_icon_2.png');}

/* ¿À¸¥ÂÊ ¸Þ´º */
.R_Area {position:relative; top:0; width:220px;}
.section_main .innerLmain {width:220px; height:auto;}
.innerLmain ul li {width:184px; padding:18px; font-size:17px; border-bottom:1px solid #e0e0e0;  color:#222; cursor:pointer;}
.innerLmain ul li:hover {background-image:url('/ja_data/edu/online/icon_menu_next.png'); color:#e12f2f; background-repeat: no-repeat; background-position:200px 12px; }
.innerLmain ul .title {background-color:#e12f2f; color:#fff; font-weight:bold; cursor:; }
.innerLmain ul .title:hover{text-decoration:none; background-image:none; color:#fff}
.innerLmain ul .titleMy {background-color:#fc5a22; }
.innerLmain ul .titleMy span {font-size:12px}
.innerLmain ul .on {color:#e12f2f; }
.innerLmain ul .attention, .innerLmain ul .attention_2 {border-bottom:2px solid #e0e0e0; color:#222; font-weight:bold;}
.innerLmain ul .attention p, .innerLmain ul .attention_2 p{display:inline-block; margin-left:10px}
.innerLmain ul p.toggle {width:1em; height:1em; background-image:url('/ja_data/edu/m/icon_menu_drop.png'); background-repeat: no-repeat; transform: rotate(90deg); margin-top:.5em}
.innerLmain ul p.rotate {transform: rotate(270deg); margin:0; background-position:4px 3px}

.innerLmain ul.list_wrap, .innerLmain ul.list_wrap_2 {border-bottom:2px solid #e0e0e0; background:#f9f9f9; padding:1em 0}
.innerLmain ul.list_wrap li, .innerLmain ul.list_wrap_2 li {padding: .7em 18px; border-bottom:0; font-size:1em}

.innerLmain ul .attention:hover,
.innerLmain ul .attention_2:hover {background:none}
.innerLmain .single {width:184px; height:auto; cursor:auto;padding:0 18px; background-color:#f9f9f9}
.innerLmain .single dt {font-size:17px; padding:20px 0; border-bottom: 1px dashed #e0e0e0; font-weight:bold; cursor:pointer}
.innerLmain .single dt:last-child {border-bottom:0}
.innerLmain .single dt:hover {text-decoration:underline}
.innerLmain ul .selected {color:#e12f2f; font-weight:bold;}
.section_main .innerLmain .left_list {margin-bottom:1.5em; }
.section_main .innerLmain .left_list .title {width:184px;padding:18px;font-weight:bold;font-size:17px; border:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; cursor:pointer;background:#f0f0f0;}
.section_main .innerLmain .left_list .title p {width:1em; margin-right:5px; height:1em; background:url('/ja_data/edu/m/title_icon_1.png') no-repeat; background-size:contain; display:inline-block; vertical-align:bottom}
.section_main .innerLmain .left_list .title p.icon_2 {background-image:url('/ja_data/edu/m/title_icon_2.png');}
.innerLmain .function {margin-top:3em}
.innerLmain .function .myBtn {padding:15px 20px; font-size:16px; background-color:#e0e0e0; border-radius:30px; background-image: url('/ja_data/edu/online/icon_more.png'); background-repeat: no-repeat; background-position:180px 20px}
.innerLmain .function .myBtn:hover {box-shadow: 0 0 0 2px #e12f2f; background-color:#fff; }
.innerLmain .function .search {box-shadow: 0 0 0 2px #e0e0e0; margin-top:1em;padding:10px 15px 10px 20px; border-radius:30px; }
.innerLmain .function .search #search_Online {border:0;padding:0; height:28px; font-size:16px; width:160px;}
.innerLmain .function .search .icon {background-image: url('/image/btn_search_t_2.png'); display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:right; margin-bottom:-4px}
.innerLmain .claim {padding:15px; border:1px solid #e0e0e0; text-align:center; margin-top:30px; background-color:#fffbf5;}
.innerLmain .claim .title {color:#fc5a22; font-weight:bold}
.innerLmain .claim .number {font-size:24px; display:inline-block; margin-top:3px}
.innerLmain .claim .time {font-size:12px; color:#666; margin-top:10px}
.innerLmain .classlist h3 {font-size:14px; margin:3em 0 1em}
.innerLmain .classlist ol {width:100%; height:200px; margin:0; overflow-y:scroll; border:1px solid #e0e0e0; background:#f9f9f9; padding:0 1em; box-sizing:border-box;}
.innerLmain .classlist ol li {font-size:12px; padding:.7em 0; border-bottom:1px solid #e0e0e0; color:#666; line-height:1.4em; cursor:pointer}
.innerLmain .classlist ol li.on {font-weight:700; color:#444}
.innerLmain .classlist ol li:hover {text-decoration:underline}
.innerLmain .classlist span {display:inline-block; font-size:13px; color:#999;}
.innerLmain .classlist span:nth-child(1) {margin-top:10px;}
.innerLmain .classlist span.em {color:red;}

.viewInfo {padding:20px; border:1px solid #e0e0e0; text-align:center}

.viewInfo p {font-size:16px;}
.viewInfo .arrow {width:1em; height:2em; background:url('/ja_data/edu/m/icon_set.png'); background-position:213px 2px; display:inline-block; position:absolute; top:70px; opacity:0.5}
.viewInfo .arrow.left {left:20px;}
.viewInfo .arrow.right {right:20px; transform:rotate(180deg)}
.viewInfo .tImg {display:inline-block; width:120px; height:120px; border-radius:100%; background-position:50% 14%; background-size: cover; /*background-color:gray; background-repeat:no-repeat*/}
.viewInfo .tName {margin:10px 0 5px}
.viewInfo .price {border-top:1px solid #e0e0e0; padding-top:10px; margin:10px 0}
.viewInfo .price span {display:inline-block}
.viewInfo .price .num {font-weight:bold; color:#770551}
.viewInfo .price .num strong {font-size:20px}
.viewInfo .price .ori {font-size:.9em; color:#666}
.viewInfo .price .ori span {text-decoration:line-through; margin-left:5px}
.viewInfo .limit {font-size:12px; color:#fc2626; background:#ffdb00; border-radius:50px; padding:.2em .5em}

.go_top {bottom:50px; right:592px; margin-top:1em}
.go_top .arrow {width:44px; height:1em; padding:16px 0 14px; border:1px solid #e0e0e0; text-align:center; }
.go_top .arrow img {transform:rotate(180deg); vertical-align:top}

@media (max-width: 1090px) {
  .pc_view {display:none;}
  .m_view {display:block;}

  .lec_view_wrap {width:100%; margin:0 auto; box-sizing: border-box;}
  .viewInfo .tImg {width:80px; height:80px;}

  .view_main .view_l {width:100%; margin-right:0;}
  .cont_1 .viewTop {margin-bottom:0; padding-bottom:1em; }
  .m_view .viewInfo {margin-bottom:1.5em; padding:1em;}
  .view_l .cont_1 .viewTop .title h1 {margin-top:0.67em;}
  .m_view .p_data_wrap {display:flex; justify-content: center; align-items: center;}
  .m_view .p_data {margin-left:1em; text-align: left;}
  .viewInfo .tName {margin:0 0 5px;}
}
@media (max-width: 770px) {
  .yplayer_iframe_full_n {height:500px;}
  /* yplayer css À§Ä¡
  /edu/Comline/y_player.asp > /edu/include/css/play_in.css */
}
@media (max-width: 670px) {
  .view_l .cont_1 .viewTop .title h1 {font-size:1.4em;}
  .cont_1 .viewTop {padding-bottom:0;}
  .cont_1 .viewContent .menu li {width:50%; font-size:1em;}

  .attachedWrap {margin-bottom:1em;}
}
@media (max-width: 560px) {
  .yplayer_iframe_full_n {height:460px;}

  .cont_1 .goList {width:100%; font-size: 1em;}
  .lectureList li .title {display:flex; align-items: center;}
  .lectureList .icon_wrap {margin-right:14px;}
  .lectureList .select_pro {display:block; margin-top:10px;}
  .lectureList .comment .box_btn .comm_secret {font-size:14px;}
  .cont_1 .playWrap .play_tit h1 {font-size:1.2em;}
  .lectureList h2 {font-size:1em;}

  .attachedWrap .attach_pop {width:90%; box-sizing: border-box;}
}

@media (max-width: 460px) {
  .viewInfo .tImg {width:60px; height:60px;}
  .cont_1 .viewContent .menu {margin-bottom:1em;}
  .cont_1 .playWrap .play_tit h1 {line-height: 1.4;}

  .lectureList li .title .condition {padding:0; border:0;}
  .lectureList .lecture_name {padding-left:0.3em;}
}
@media (max-width: 400px) {
  .yplayer_iframe_full_n {height:440px;}
}

/** ¼ö°­ÇöȲ **/
#situation {width:100%; padding:0 1em; box-sizing: border-box;}
#situation .sit_list {max-width: 1080px; width:100%; margin: auto; padding: 15px 0 30px; box-sizing: border-box;}
.sit_list .sit_box {width:100%;}

.sit_box .sit_cont {width:100%; height:auto; display:inline-block}
.sit_box .sit_cont .list_title {display:inline-block; width:70%}
.sit_box .sit_cont .title h2 {display:inline-block;}
.sit_box .sit_cont .title .more {display:inline-block; float:right; width:115px; font-size:11px; background: url('/ja_data/edu/online/icon_more.png') no-repeat; background-position:92px 10px; padding-top:5px}
.sit_box .sit_cont .title .more:hover {text-decoration:underline;}
.sit_box .sit_cont .cont_1_list {margin-top:20px}

.sit_box .sit_cont .myTitle h1 {display:inline-block; margin-bottom:30px}
.sit_box .sit_cont .myTitle h2 {font-weight:normal}
.sit_box .sit_cont .classlist {margin-bottom:20px;font-size:14px; color:red;}
.sit_box .sit_cont .classlist span {color:#999;}
.sit_box .sit_cont .cont_1_list .won_ori {color:#666; font-size:.9em}
.sit_box .sit_cont .cont_1_list .won_ori span {text-decoration:line-through; padding-left:5px}

.sit_box .sit_cont .cont_1_list li.pack {background:#2d3fa3; border-radius:2px; color:#fff;}
.sit_box .sit_cont .cont_1_list li.pack:hover {box-shadow:0.25em 0.1em 0.5em #aaa;transition:all 0.5s; cursor:pointer}
.sit_box .sit_cont .cont_1_list li.pack .image {height:150px; position:relative;}
.sit_box .sit_cont .cont_1_list li.pack .image .bg {width:100%; height:100%; background:url('/ja_data/edu/new/shadow.png'); position:absolute}
.sit_box .sit_cont .cont_1_list li.pack .lecture {padding: 0 20px}
.sit_box .sit_cont .cont_1_list li.pack .lecture .eduPack,
.sit_box .sit_cont .cont_1_list li.pack .lecture .cnt_curri {color:#7e8fee; padding:.1em .5em; border:1px solid #7e8fee; display:inline-block; font-size:.9em}
.sit_box .sit_cont .cont_1_list li.pack .lecture .title {font-weight:bold; line-height:1.4em; margin-top:5px; height:100px}
.sit_box .sit_cont .cont_1_list li.pack .lecture .packinfo {height:40px; position:relative;}
.list_type2 .cont_1_list li.pack .packinfo p {display:block; font-size:1.1em}
.sit_box .sit_cont .cont_1_list li.pack .packinfo p.teacher:after {content:'|'; padding:0 .5em}
.sit_box .sit_cont .cont_1_list li.pack .packinfo p.won_ori {color:rgba(255, 255, 255, 0.5); font-size:.9em}
.sit_box .sit_cont .cont_1_list li.pack .packinfo p.won_ori span {text-decoration:line-through; padding-left:5px}
.sit_box .sit_cont .cont_1_list li.pack .packinfo p.won_dis {font-weight:bold; font-size:1.3em; }

.sit_box .sit_cont .cont_1_list li.pack2 {background:#770551; border-radius:2px; color:#fff; border:0}
.sit_box .sit_cont .cont_1_list li.pack2:hover {box-shadow:0.25em 0.1em 0.5em #aaa;transition:all 0.5s; cursor:pointer}
.sit_box .sit_cont .cont_1_list li.pack2 .image {height:150px; position:relative;}
.sit_box .sit_cont .cont_1_list li.pack2 .image .bg {width:100%; height:100%; background:url('/ja_data/edu/new/shadow_3.png'); position:absolute}
.sit_box .sit_cont .cont_1_list li.pack2 .lecture {padding: 0 20px}
.sit_box .sit_cont .cont_1_list li.pack2 .lecture .eduPack,
.sit_box .sit_cont .cont_1_list li.pack2 .lecture .cnt_curri {color:#f76ac8; padding:.2em .5em; border:1px solid #f76ac8; display:inline-block; font-size:.9em}
.sit_box .sit_cont .cont_1_list li.pack2 .lecture .title {font-weight:bold; line-height:1.4em; margin-top:5px; height:100px}
.sit_box .sit_cont .cont_1_list li.pack2 .lecture .packinfo {height:40px; position:relative;}
.sit_box .sit_cont .cont_1_list li.pack2 .lecture .impossible {position:absolute; bottom:0}
.list_type2 .cont_1_list li.pack2 .packinfo p {display:block; font-size:1.1em}
.sit_box .sit_cont .cont_1_list li.pack2 .packinfo p.teacher:after {content:'|'; padding:0 .5em}
.sit_box .sit_cont .cont_1_list li.pack2 .packinfo p.won_ori {color:rgba(255, 255, 255, 0.5); font-size:.9em}
.sit_box .sit_cont .cont_1_list li.pack2 .packinfo p.won_ori span {text-decoration:line-through; padding-left:5px}
.sit_box .sit_cont .cont_1_list li.pack2 .packinfo p.won_dis {font-weight:bold; font-size:1.3em; }

/* ¼ö°­ÇöȲ Ç¥ ¿µ¿ª */
.edu_status_area{width:100%; height:auto; min-height:50px; padding:16px 0; border-top:2px solid #333;}
.edu_status_area .es_area_top {display:flex; justify-content: space-around; align-items: center;}
.edu_status_area .front {width:64%;height:auto;min-height:60px;}
.edu_status_area .front .tit {width:100%;height:auto;min-height:40px;font-size:18px;padding:3px 10px; box-sizing: border-box;}
.edu_status_area .front .tit span {padding:0 3px; font-weight:bold; font-size:12px;}
.edu_status_area .front .tit span.com {border:1px solid #0075ff;color:#0075ff; background:#c1ddff;}
.edu_status_area .front .tit span.incom {border:1px solid #a1a1a1;color:#a1a1a1;background:#dfdfdf;}
.edu_status_area .front .date {width:100%;height:20px;font-size:16px;padding-left:10px;color:#999;}
.edu_status_area .remain {width:12%;height:auto;min-height:50px;margin-top:10px;}
.edu_status_area .remain p {width:100%; height:auto; padding:0 1em; font-size: 16px; text-align:center; box-sizing: border-box;}
.edu_status_area .progress {width:12%; height:auto; min-height:50px; margin-top:10px;}
.edu_status_area .progress p {width:100%; height:auto; padding:0 1em; font-size:16px; text-align:center; box-sizing: border-box;}
.edu_status_area .progress b {display:inline-block; margin-top:5px;}
.edu_status_area .output {width:12%; height:auto; min-height:50px; margin:10px auto;}
.edu_status_area .output p {max-width:80%; min-height:26px; font-size:14px; text-align:center; border:1px solid #0075ff;margin:5px auto; background:#bbdaff; line-height:26px; cursor:pointer;}

.movie_status_area {width:94%;height:auto;margin:0px 3% 0px 3%;}
.movie_status_area .ms_graph {width:100%; height:5px; position:relative; left:0; top:0; margin-top:20px;}
.movie_status_area .ms_graph .percent {position:absolute;top:-16px; font-size:11px;color:red;}
.movie_status_area .ms_graph .bar {height:5px;background:#0075ff;border-radius:5px;}
.movie_status_area .ms_open_btn {width:100%;/*display:none;*/ margin-top:16px; text-align: center;}
.movie_status_area .ms_open_btn .btn_movie{display:inline-block;padding:2px 15px; text-align:center; cursor:pointer; border:1px solid #ccc; line-height:30px; font-size:14px; background:#a6ceff; box-sizing:border-box;}
.movie_status_area .ms_open_btn .btn_movie.close{background:#d8d8d8;}

.cls_movie_table{margin-top:16px; width:100%; height:auto; min-height:30px; max-height:300px ;display:none;overflow:hidden;overflow-y:scroll;/*border-bottom:1px solid #ccc;*/}
.cls_movie_table table {width:94%;}
.pd_5{padding:10px 5px;}
.fts_11{font-size:14px !important; text-align: center;}
.cls_movie_table .mtbl_bt_1{padding:16px 0; border-top:1px solid #ddd !important; background: #fafafa;}
.cls_movie_table > tr > td {height:24px;}
.cls_movie_table tr {border-bottom:1px solid #ddd;}
/* .cls_movie_table tbody tr:last-child {border-bottom:1px solid #b3b3b3;} */

/* ¼ö·áÁõÃâ·Â */
.myTable {margin: 20px 0; text-align: center; border-top: 1px solid #aaa; font-size: 1em;}
.myTable .tl {text-align:left}
.myTable th {border-bottom: 1px solid #ddd; background: #f1f1f1; padding: 15px; color: #222; font-weight: 400; border-top:1px solid #aaa; vertical-align:middle}
.myTable th:first-child {border-left:0}
.myTable td { border-bottom: 1px solid #ddd; padding: 15px 10px;vertical-align:middle}
.myTable td:first-child {border-left:0}
.sbtn{display:block;height:28px;line-height:28px;margin:0 auto;width:92px;vertical-align:middle;border:1px solid #91c5f7;color:#2187e9!important;font-size:14px;letter-spacing:-1px; cursor: pointer;}
.sbtn2{display:block;height:28px;line-height:28px;margin:0 auto;width:92px;vertical-align:middle;border:1px solid red;color:red!important;font-size:14px;letter-spacing:-1px; cursor: pointer;}
.sbtn3{display:block;height:28px;line-height:28px;margin:0 auto;width:92px;vertical-align:middle;border:1px solid #3daff5;color:#3daff5!important;font-size:14px;letter-spacing:-1px; cursor: pointer;}
.sbtn4{display:block;height:28px;line-height:28px;margin:0 auto;width:92px;vertical-align:middle;border:1px solid #e800e8;color:#e800e8!important;font-size:14px;letter-spacing:-1px; cursor: pointer;}
.innerRmain .caution {color:#666; }
.myTable .cls_payYN {font-size:14px; color:#666}
.myTable .gi_tag {font-size:14px; display:block; color:#666}

@media (max-width: 670px) {
  .m_able {display:block! important;}
  .pc_able {display:none! important;}

  .es_area_top .eat_list {display:flex; justify-content: space-around; align-items: center;}
  .edu_status_area .front {width:100%;}
  .edu_status_area .front .tit {padding:0;}
  .edu_status_area .front .date {margin:0.5em 0; padding-left:0;}
  .edu_status_area .front .date span.text {display:inline-block; margin-bottom:0.5em;}
  .edu_status_area .remain {width:33.333%; min-height:auto; margin-top:0;}
  .edu_status_area .progress {width:33.333%;}
  .edu_status_area .progress p {padding:0.5em 1em;}
  .edu_status_area .output {width:33.333%;}
  .edu_status_area .output p {max-width: 60%;}

  .cls_movie_table table {width:100%;}
}

@media (max-width: 400px) {
  .myTable th {padding:0.5em;}
}

/* µµ¿ò¸» */
.sit_box .function {text-align:center;}
.sit_box .function .search { display:inline-block; width:500px;box-shadow: 0 0 0 2px #e0e0e0; padding:10px 15px 10px 20px; border-radius:30px; margin-bottom:20px}
.sit_box .function .search #search_Online {border:0;padding:0; height:28px; font-size:16px; width:93%;}
.sit_box .function .search .icon {background-image: url('/image/btn_search_t_2.png'); display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:right; margin-bottom:-4px}
.sit_box .FAQboard {width:100%;}
.sit_box .FAQboard .tag {width:100%; margin-bottom:50px; text-align:center}
.sit_box .FAQboard .tag li {display:inline-block; font-size:19px; padding:10px 20px; border:1px solid #e0e0e0; border-radius:30px; margin-right:5px; cursor:pointer}
.sit_box .FAQboard .tag li:hover {background-color:#ccc; }
.sit_box .FAQboard .tag .on {background-color:#fc5a22; color:#fff; border:1px solid #fc5a22;}
.sit_box .FAQboard .tag .on:hover {background-color:#fc5a22; color:#fff; border:1px solid #fc5a22;}

/** ¼ö°­ÇöȲ **/
.cert_print {width:100%;}
.cert_print .cp_cont {}
.cp_cont .cp_cont_in {width:100%; height:auto; background:#fff; min-height:500px;}
.cp_cont .classlist {margin-top:10px; font-size:14px; color:red;}
.cp_cont .myTable {width:100%;}
.cp_cont .myTable td {font-size:16px;}
.cp_cont .myTable tr.no {height:200px;}

@media (max-width: 670px){
  .pc_tr {display: none;}
  .m_tr {display:table-row;}
  .cp_cont .myTable thead tr {display:none;}
  .cp_cont .myTable tr td.r_bar {border-right:1px solid #ddd;}
  .cp_cont .myTable tr td.sort {font-size:14px;}
  .cp_cont .myTable tr td.date {text-align: left;}
}

/* footer */
.foot_bg{position:relative; width:100%; padding:0 1em; background:#f2f2f2; border-top:1px solid #e0e0e0; box-sizing: border-box;}
.foot_in_bg{}

/** footer-menu **/
.conts {margin:0 auto;  width:1080px; height:auto; z-index:400;}
.conts .conts_in .list_menu{display:inline-block; width:550px; height:22px; margin-top:13px;}
.conts .conts_in .list_menu ul li{display:inline; cursor:pointer;}
.conts .conts_in .list_menu ul li.bar{width:1px; height:10px; background:#ccc; margin:7px 18px;}
.conts .conts_in .list_menu ul li a{color:#666;}
.conts .conts_in .family_group .sns_wrap {width:150px; display:inline-block; vertical-align:middle}
.conts .conts_in .family_group .sns_wrap li {width:30px; height:30px; margin-right:.3em; display:inline-block}
.conts .conts_in .family_group .sns_wrap li img {width:100%;}

.conts .address{width:1080px; padding:25px 0; font-size:13px; color:#777;}
.conts .address ul {display:flex; justify-content: space-around;}
.conts .address ul li{display:inline-block;}
.conts .address ul li.logo_etc{margin-top:42px; margin-right:30px;}
.conts .address ul li.logo_etc img {max-width:169px;}
.conts .address ul li.bar{width:1px; height:90px; background:#dadada; margin:7px 18px;}
.conts .address ul li.ad_cal{ margin-top:12px;}
.conts .address ul li span.block_780 {display:none;}

@media (max-width: 1110px){
 .conts {width:100%;}
 .conts .address {width:100%;}
}
@media (max-width: 990px) {
  .conts .address ul li.mar_t10 {display:none;}
  .conts .address ul li.none_990 {display:none;}
}
@media (max-width: 780px) {
  .conts .address ul li.ad_cal {display:none;}
  .conts .address ul li span.block_780 {display:block;}
  .conts .address ul li.none_780 {display:none;}
}
@media (max-width: 480px) {
  .conts .address ul {flex-direction: column; align-items: center;}
  .conts .address ul li.logo_etc {margin:0; padding:0 0 1.5em;}
  .conts .address ul li span.ad_copy {display:inline-block; margin-top:5px;}
  .conts .address ul li span b {display:inline-block; margin-bottom:5px;}
}