@charset "utf-8";

/* 상단검색 */
/* Sub Page - 검색 폼 */
.tbl_sch{overflow:hidden;width:100%; margin-bottom: 10px;}
.tbl_insch{float:right;overflow:hidden}
.tbl_sch .selbox{float:left;width:61px}
.tbl_sch .selbox .selectbox-focused .selectbox-box {background-color:#eee; color: #000;}
.tbl_sch .selbox .selectbox-box {
    border:1px solid #c8d4d9;
    width:62px;
    height:29px;
    line-height:27px;
    background:#fff url(../images/community/sel_arrow2.png) no-repeat 46px center;
    cursor:default;
}
.tbl_sch .selbox .selectbox-label {
    padding:0;
    height:29px;
    line-height:27px;
    text-indent:5px;
    color:#444;
    font-weight: 400;
}

.tbl_sch .use_guide_sch .selbox { width: 134px;}
.tbl_sch .use_guide_sch .selbox .selectbox-box { 
    width: 134px;
    background-position: 120px center;}
.use_guide_sch_layer { 
    width: 134px; 
    border-top: 0;
    margin-top: -1px;
    z-index:10;
}
.use_guide_sch_layer ul li {
    text-indent:5px;
    padding:0;
    line-height:27px;
    cursor:default;
    color:#666;
}

.tbl_sch .wauto{width:160px !important}
.tbl_sch .wauto .selectbox-box{width:160px !important}
.tbl_sch ul{float:left;overflow:hidden;padding-top:8px}
.tbl_sch ul li{float:left;border-left:1px solid #c8d4d9;margin-left:10px;padding-left:10px;}
.tbl_sch ul.dingdongSel li{float:left;border-left:none;margin-left:4px;padding-left:4px;}
.tbl_sch ul.dingdongSel li>span{line-height: 230%;padding-right: 5px;}
.tbl_sch ul li:first-child{border-left:0;margin-left:0;padding-left:0}
.tbl_sch ul li a{color:#000;display:block; font-size: 14px;}
.tbl_sch ul li a >span.arr {font-size: 11px; margin-left: 5px;}
.tbl_sch ul li a:hover, .tbl_sch ul li a:focus{text-decoration:underline}
.tbl_sch ul li.on a{color:#21b3f3;text-decoration:none;}
.cmsch{
    border:1px solid #c8d4d9;
    width:62px;
    background-color:none;
    z-index:10;
    text-align:left;
}
.cmsch ul li, .cmsch02 ul li{
    text-indent:5px;
    padding:0;
    line-height:24px;
    cursor:default;
    color:#666;
    background-color:#fff;}
.cmsch ul li.selectbox-item-selected, .cmsch02 ul li.selectbox-item-selected{color:#000;font-weight:bold}
.cmsch ul li.selectbox-item-over, .cmsch02 ul li.selectbox-item-over{
    background-color:#00aefb !important;
    color: #fff;
}
.cmsch02{border:1px solid #c8d4d9;width:160px;background-color:none;z-index:200;text-align:left}
.tbl_sch .schbox{float:left;margin-left:5px;border:1px solid #c8d4d9;height:29px;overflow:hidden;width:198px}
.tbl_sch .schbox input{float:left}
.tbl_sch .schbox input[type=text]{color:#555;border:0;width:190px;height:27px;line-height:27px;text-indent:10px}
.tbl_sch .schbox input[type=image]{float:right}
.tbl_sch .btn_sch {
    background-color: #b6c6cd;
    border: solid 1px #b6c6cd;
    color: #364049;
    height: 29px;
    width: 50px;
    font-weight: 700;
    cursor: pointer;
}
.tbl_sch .btn_sch:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 6px rgba(255,255,255,.6) inset;
    color: #fff;
}

/* 리스트게시판 */
.tableForm { 
    width: 100%;
    border-top: 2px solid #4d4d4d;
    border-bottom: 1px solid #dcdcdc;
    border-collapse: collapse;
}
.tableForm th, .tableForm td {
    border-bottom: 1px solid #dcdcdc;
    line-height: 1;
    padding: 12px 0;
    font-weight: 400;
    font-size: 14px;
}
.tableForm .listNum { width: 50px; }
.tableForm .listTit { text-align: left; padding-left: 12px; }
.tableForm .listWriter { width: 130px;}
.tableForm .listDate { width: 100px; color: #888888; letter-spacing: -0.08em; }
.tableForm .listPageview { width: 60px; color: #888888; letter-spacing: -0.08em; font-size: 0.89em; }
.tableForm .listOp { width: 132px; color: #00a6ef; }
.tableForm .listBtns { width: 80px;}
.tableForm .listFolder {  width: 160px;}

.tableForm .noData { padding: 14px 0;}

.myinfo td { padding: 3px 0;}
.myinfo .listTit { font-weight: 700;}


.listForm { table-layout: fixed; }
.listForm td {
    text-align: center;
}
.listForm .bgNotice {
    background-color: #f8f8f8;
}
.listForm .listNum .notice {
    color: #fff;
    background-color: #00aefb;
    border-radius: 4px;
    font-size: 11px;
    padding: 3px 5px;
}
.listForm .listTit a {
    display: inline-block;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.listForm .listTit a:hover {
    color: #00aefb;
}
.listForm .listTit .cnt { 
    display: inline-block;
    margin-left: 8px;
    color: #00aefb;   
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
}

/*페이징*/
.pagination {
    margin-top: 20px;
    text-align: center;
}
.pagination>a {
    display: inline-block;
    margin: 0 2px;
    font-size: 14px;
    width: 24px;
    padding: 5px 0;
    vertical-align: middle;
}
.pagination a.active {
    color: #00aefb;
    font-weight: 800;
}
.pagination a:hover:not(.active) {background-color: #f0f0f0;}
.pagination .pageBtn {
    border: solid 1px #d9d9d9;
    border-radius: 4px;
}
.pagination .prevbtn {
    background: url(../images/community/btn_page_prev_02.png) no-repeat center;
    margin-right: 8px;
    padding: 12px 0;
}
.pagination .nextbtn {
    background: url(../images/community/btn_page_next_02.png) no-repeat center;
    margin-left: 8px;
    padding: 12px 0;
}

/*게시물 상세보기*/
.viewForm { margin-top: 20px;}
.viewForm .viewTit {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4em;
    word-break: break-all;
    padding-right: 10px;
}
.viewForm .viewInfo {
    text-align: right;
    padding-right: 16px;
}
.viewForm .viewInfo > span {
    display: inline-block;
}
.viewForm .textBoard {
    position: relative;
    padding: 20px;
    line-height: 1.7;
}
.viewForm .viewFile {
    padding: 8px;
    background-color: #f8f8f8;
}
.viewForm .viewFile .downfile { 
    display: inline-block;
    margin-left: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.viewForm .viewFile .downfile a {
    background: url(../images/community/icon_down.png) no-repeat;
    font-size: 14px;
    color: #4c4c4c;
    padding-left: 24px;
}
.viewForm .viewFile .downfile a:hover {
    border-radius: 6px;
    text-decoration: underline;
    font-weight: 700;
    color: #55cbff;
}
.viewForm .textBoard { clear: both; }

/*게시글 쓰기*/
.txtPo { font-size: 13px; color: #f0502b; padding-right: 2px;}
.writeForm { margin-top: 20px; }
.writeForm th { 
    width: 140px;
    font-weight: 700; 
    text-align: left; 
    background-color: #efefef;
    padding-left: 34px;
    line-height: 1.3em;
}
.writeForm td { text-align: left; padding: 7px 10px; vertical-align: middle; }
.writeForm td >input[type=text].wid {width: 98%;}

/* File */
.browsebutton{position:relative;height:34px}
.browsebutton .browse-output {       
    position:absolute;
    display:block;
    width:460px;
    height:33px;
    line-height:33px;
    color:#666;
    border:1px solid #e0e0e0;
    border-radius: 4px;
    margin-right:5px;
    padding:0 10px;
    overflow:hidden; 
}
.browsebutton .browse-box{
    position:absolute;
    left:466px;
    width:80px;
    height:34px;
    overflow:hidden;
    opacity:0 !important;
    -ms-opacity:0 !important;
    filter:alpha(opacity=0) !important;
    -ms-filter:alpha(opacity=0) !important;
    z-index:32000;
}
.browsebutton .browse-file-input{
    position:absolute;
    margin:0;
    padding:0;
    border:none;
}
.browsebutton .browse-button{
    display:block; 
    position:absolute;
    left:466px;
    font-size: 0.938em;
    padding: 8px 12px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    color: #444;
    border-radius: 4px;
    border: solid 1px #d7d7d7;
    background-color:#efefef;
    cursor:pointer;
    overflow:hidden;
}
.browsebutton .browse-applied{display:block}
.browsebutton .browse-over{ background-color:#ccc; }


/*댓글*/
.commentBox {
    margin-top: 26px;
}
.commentBox .commentForm {
    border: solid 1px #d7d7d7;
    overflow: hidden;
}
.commentBox .commentForm >textarea,
.replyForm .replyFormbox >textarea {
    float: left;
    width: 90%;
    height: 70px;
    border: none;
    line-height: 1.4;
    font-size: 14px;
    padding: 6px;
    resize: none;
}
.commentBox .commentForm >textarea::placeholder { padding-top: 20px;}
.commentBox .commentForm .commentFormBtn,
.replyForm .replyFormBtn {
    float: right;
    height: 70px;
    width: 10%;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    background-color: #efefef;
    border: none;
}
.commentBox .commentForm .commentFormBtn:hover,
.commentBox .commentForm .commentFormBtn:focus,
.replyForm .replyFormBtn:hover,
.replyForm .replyFormBtn:focus {
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.3) inset;
    color: #fff;
    background-color: #3f464c;
}
.commentBox .commentForm::after {
    display: block;
    content: "";
    clear: both;
}
.commentBox .commentList {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}
.commentBox .commentList >li { padding-top: 14px;}
.commentBox .commentList .commentNo { text-align: center; padding-bottom:22px; font-size:14px; }
.commentGroup { font-size: 16px; padding-bottom: 10px; border-bottom: solid 1px #dfdfdf;}
.commentGroup >span { padding: 0 10px;}
.commentGroup .uname { font-weight: 800; font-size: 14px;}
.commentGroup .udate, .replyForm .udate { border-left: solid 1px #ddd; font-size:14px;}
.commentGroup .ucomment,
.replyForm .ucomment {clear: both; line-height: 1.4em; padding: 10px; font-size: 14px; overflow: hidden;}
.commentGroup .replybtn { padding:5px 10px;}
.commentGroup .replybtn .reply_btn,
.replyForm .replybtn .reply_btn { display: inline-block; padding: 4px 12px; border: solid 1px #dbdbdb; background-color: #fff; }
.replyForm .replybtn .reply_btn+a {margin-left: 5px;}
.commentGroup .replybtn .reply_btn .reply_txt,
.replyForm .replybtn .reply_btn .reply_txt { font-size: 0.875em; color:#3f464c; }
.commentGroup .replybtn .reply_btn:hover .reply_txt,
.commentGroup .replybtn .reply_btn:focus .reply_txt,
.replyForm .replybtn .reply_btn:hover .reply_txt,
.replyForm .replybtn .reply_btn:focus .reply_txt { color: #000; font-weight: 700;}
.commentGroup .replybtn .reply_btn .reply_cnt,
.replyForm .replybtn .reply_btn .reply_cnt { color: #00aefb; font-size: 0.875em; font-weight: 800; }
.commentGroup .replybtn .reply_btn .reply_cnt.ure0,
.replyForm .replybtn .reply_btn .reply_cnt.ure0 { position: absolute;clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

.replyForm {
    border-bottom: solid 1px #dfdfdf; 
    padding: 16px 20px 16px 42px;
    background:#fafafa url(../images/community/bg_re.png) no-repeat 20px 16px;
    overflow: hidden;
}
.replyForm .replyFormbox { 
    border: solid 1px #d7d7d7; 
    overflow: hidden;}
.replyForm .replyFormbox >textarea { resize: none;}
.replyForm .replyFormbox .replyFormBtn { border-left: none;}
.replyForm::after {
    display: block;
    content: "";
    clear: both;
}
.replyForm>span { padding: 0 5px;}
.replyForm .uname { font-weight: 700;}
.replyForm .ucomment, .replyForm .replybtn { padding:5px;}

/* 영상자료 */
.videoListWrap {  
    margin: 0;
    padding: 0;
}
.vod_list { 
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 40px;    
}    
.vod_list tr td {    
    overflow: hidden;
    float: left;
    width: 25%;
    margin-bottom: 6px;     
}
.vod_list tr td a { display: block; padding: 12px 8px 0 8px; cursor: pointer;}
.vod_list tr td a:hover, .vod_list tr td a:focus { 
    background-color: #e2f1f8;
}
.vod_list .vod_box { width: 242px;}
.vod_list .vod_box > dt {position: relative;}
.vod_list .vod_box > dt img { width: 242px; height: 138px;}
.vod_list .vod_box > dd { 
    font-weight: 700; 
    padding:15px 8px 15px 12px; 
    font-size: 14px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.vod_list tr td a:hover> dl dd,
.vod_list tr td a:focus> dl dd { text-decoration: underline; cursor: pointer;}
.vod_list .vod_box > dt .ico_play{
    position: absolute;
    top: 0;
    left: 0;
    width: 242px;
    height: 138px;    
    background: url(../images/community/ico_play.png) center center no-repeat;
    background-color:rgba(0,0,0,0.15);
}
.vod_list tr td a:hover> dl dt .ico_play,
.vod_list tr td a:focus> dl dt .ico_play,
.vod_recommend .vod_box > dt > a:hover > .ico_play,
.vod_recommend .vod_box > dt > a:focus > .ico_play { 
    background: url(../images/community/ico_play_o.png) center center no-repeat;
    background-color:rgba(0,0,0,0.4);
    border: solid 1px #444;
}
.vod_list::after { display: block; clear: both; content: ''}

/* 추천영상 */
.vod_recommend, .proDataList {
    border-top: 2px solid #4d4d4d;
    margin-top: 0; 
}
.vod_recommend .vod_list .vod_box { margin-top: 10px; width: 242px;}
.vod_recommend .vod_list .vod_box>dt>a { padding: 0; margin: 0;}
.vod_recommend .vod_list .vod_box>dt>a>img,
.vod_recommend .vod_list .vod_box > dt > a > .ico_play { width: 242px; height: 185px;}
.vod_recommend .vod_list .vod_box>dd { padding: 10px;}
.vod_recommend .vod_list .vod_box .btnArea { }
.vod_recommend .vod_list .vod_box .btnArea .btn_plan { 
    display: inline;
    border: solid 1px #c8d4d9;
    padding: 6px 12px;
    font-size: 13px;
    color: #434f54;
    border-radius: 4px;
}
.vod_recommend .vod_list .vod_box .btnArea .btn_plan:hover,
.vod_recommend .vod_list .vod_box .btnArea .btn_plan:focus {
    background-color: #00aefb;
    color: #fff;
    border-color: #00aefb;
}

/*특화프로그램_안전교육, 스페셜데이*/
.vod_program .vod_list .vod_box>dt>a {padding: 0;}
.vod_program .vod_list .vod_box>dt>a>img,
.vod_program .vod_list .vod_box>dt>a>.ico { width: 242px; height: 185px;}
.vod_program .vod_list .vod_box>dt>a:hover>.ico,
.vod_program .vod_list .vod_box>dt>a:focus>.ico {
    position: absolute;
    top:0;
    left: 0;
    background: url(../images/community/ico_zoom.png) center center no-repeat;
    background-color:rgba(0,0,0,0.4);
}

/* 교수자료실 Checkbox 영역 */
.sch_checkbox {
    margin-top: 10px;
    margin-bottom: 24px;
    border-top: solid 1px #4d4d4d;
    border-bottom: solid 1px #4d4d4d;
}
.tbl_sch_check, .tbl_sch_check2 { width: 100%; table-layout: fixed;}
.tbl_sch_check th, .tbl_sch_check2 th { background-color: #f4f4f4; width: 120px; font-size: 14px;}
.tbl_sch_check th, .tbl_sch_check td, .tbl_sch_check2 th, .tbl_sch_check2 td {border-bottom: solid 1px #ccc; padding: 5px;}
.tbl_sch_check td>ul>li, .tbl_sch_check2 td>ul>li { 
    display: inline-block; 
    margin:2px 5px 2px 0;
    position: relative;
}

.tbl_sch_check td>ul>li>input[type="checkbox"]+ label, .tbl_sch_check2 td>ul>li>input[type="checkbox"]+ label {
    display: inline-block;    
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px #fff;
}
.tbl_sch_check td>ul>li>input[type="checkbox"]+ label>span, .tbl_sch_check2 td>ul>li>input[type="checkbox"]+ label>span {display: none;}
.tbl_sch_check td>ul>li>input[type="checkbox"]:checked + label, .tbl_sch_check2 td>ul>li>input[type="checkbox"]:checked + label {
    font-size: 13px;
    color: #009de3;
    background-color: #fff;
    border: solid 1px #00aefb;
    font-weight: 700;
}
.tbl_sch_check td>ul>li>input[type="checkbox"], .tbl_sch_check2 td>ul>li>input[type="checkbox"] { display:none;}
.tbl_sch_check2 th { padding: 8px 0;}
.tbl_sch_check2 th:nth-child(1) { border-right: solid 1px #ccc;}
.tbl_sch_check2 td { text-align: center;  }
.tbl_sch_check2 td:last-child { border-right: none; }
/* IE 8 */
@media \0screen {
    .tbl_sch_check td>ul>li>input[type="checkbox"], .tbl_sch_check2 td>ul>li>input[type="checkbox"] { display:inline; border: 0;}
    .tbl_sch_check td>ul>li>input[type="checkbox"]+ label, .tbl_sch_check2 td>ul>li>input[type="checkbox"]+ label { padding: 3px 10px 0 0; color: #666;}
    .tbl_sch_check td>ul>li>input[type="checkbox"].poly-checked + label, .tbl_sch_check2 td>ul>li>input[type="checkbox"].poly-checked + label {
        background-color: transparent;
        color:#0099dc;
        font-weight: 700;
        padding: 3px;
        border: 0;
    }
}

/* checkbox-applied */
.checkbox-applied{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;overflow:hidden;position:relative;width:15px;height:15px;vertical-align:middle}
.checkbox-applied span.checkbox-mark{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;position:absolute;left:0;top:0;width:15px;height:15px;background:url(../images/common/checkform.png) no-repeat 0 -80px}
.checkbox-applied span.checkbox-mark.checkbox-checked{background-position:0 -105px}
.checkbox-applied input{position:absolute;left:-9999px}
.tbl_ref td>ul>li { padding: 3px 0;}
.tbl_ref td>ul>li>label {font-size: 13px; margin-left: 4px; margin-right: 8px;}


/* 교수자료실 */
.proDataList .paperList, .proDataList .paperzipList {
    /*width: 100%;*/
    table-layout: fixed;
    overflow: hidden;
    margin: 20px 0 40px 0;
}
.proDataList .paperList td, .proDataList .paperzipList td { padding-bottom: 20px; width: 216px;}
.proDataList .paperList .list_box { margin-top: 10px; width: 175px;}
.proDataList .paperList .list_box .paper { overflow: hidden;border: solid 1px #e8e8e8; }
.proDataList .paperList .list_box .paper >a { 
    position: relative;
    display: table-cell;       
    width: 175px; 
    height: 248px;
    vertical-align: middle;
    text-align: center;
}
.proDataList .paperList .list_box .paper>a>img { width: 175px; max-height: 248px; }
.proDataList .paperList .list_box .paper>a>span.ico { width: 175px; height: 248px;}

.proDataList .paperList .list_box .paper.dingdong >a { 
    position: relative;
    display: table-cell;       
    width: 175px; 
    height: 98px;
    vertical-align: middle;
    text-align: center;
}
.proDataList .paperList .list_box .paper.dingdong >a>span.badge {
    position: absolute;
    top:6px;
    left: 6px;
}
.proDataList .paperList .list_box .paper.dingdong >a>img { width: 175px; max-height: 109px; }
.proDataList .paperList .list_box .paper.dingdong >a>span.ico { width: 175px; height: 109px; }

.proDataList .paperList .list_box .paper>a:hover>span.ico,
.proDataList .paperList .list_box .paper>a:focus>span.ico,
.proDataList .paperzipList .list_box .paperzip >a:hover>span.ico,
.proDataList .paperzipList .list_box .paperzip >a:focus>span.ico {
    position: absolute;
    top:0;
    left: 0;
    background: url(../images/community/ico_zoom.png) center center no-repeat;    
    background-color: rgba(0,0,0,0.3);    
}

/* 교수자료실-환경구성 thumb */
.proDataList .paperzipList .list_box { margin-top: 10px; width: 204px;}
.proDataList .paperzipList .list_box .paperzip { overflow: hidden;border: solid 1px #e8e8e8; }
.proDataList .paperzipList .list_box .paperzip >a { 
    position: relative;
    display: table-cell;       
    width: 204px; 
    height: 150px;
    vertical-align: middle;
    text-align: center;
}
.proDataList .paperzipList .list_box .paperzip >a>img { width: 204px; max-height: 150px; }
.proDataList .paperzipList .list_box .paperzip >a>span.ico { width: 204px; height: 150px;}

.proDataList .paperList .list_box>dd,
.proDataList .paperzipList .list_box>dd { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    padding: 8px 3px;
    font-weight: 700;
    font-size: 14px;
    height: 48px;
    line-height: 1.4em;        
}
.proDataList .paperList .list_box .btnArea {background-color: #fff; margin-top: 4px;}
.proDataList .paperList .list_box .btnArea .btn2 { display: inline; padding: 6px 12px; font-size: 13px;border-radius: 4px; }
.proDataList .paperList .list_box .btnArea .btn_scrap { border: solid 1px #c8d4d9; color: #434f54; }
.proDataList .paperList .list_box .btnArea .btn_scrap:hover,
.proDataList .paperList .list_box .btnArea .btn_scrap:focus {
    background-color: #00aefb;
    color: #fff;
    border-color: #00aefb;
}
.proDataList .paperList .list_box .btnArea .btn_down,
.proDataList .paperList .list_box .btnArea .btn_color {
    border: solid 1px #a5acb2;
    color: #f7f7f7;
    background-color:#a5acb2;    
}
.proDataList .paperList .list_box .btnArea .btn_down2 {
    border: solid 1px #c8d4d9;
    color: #434f54;
    background-color:#fff;    
}
.proDataList .paperList .list_box .btnArea .btn_down:hover,
.proDataList .paperList .list_box .btnArea .btn_down:focus,
.proDataList .paperList .list_box .btnArea .btn_color:hover,
.proDataList .paperList .list_box .btnArea .btn_color:focus,
.proDataList .paperList .list_box .btnArea .btn_down2:hover,
.proDataList .paperList .list_box .btnArea .btn_down2:focus {
    background-color: #00aefb;
    color: #fff;
    border-color: #00aefb;
}
.proDataList .paperList .list_box .btnArea .btn_line {
    background-color: #00aefb;
    color: #fff;
    border-color: #00aefb;
}
.proDataList .paperList .list_box .btnArea .btn_line:hover,
.proDataList .paperList .list_box .btnArea .btn_line:focus {
    background-color: #646f78;
    border-color: #646f78;
}

/* 교수자료실-가정통신문 */
.pro-dataList .listTit { font-weight: 700;}
.pro-dataList .pd-btns { width: 170px;}
.pro-dataList .pd-btns .btn2 { display: inline; padding: 6px 12px; font-size: 13px;border-radius: 4px; }
.pro-dataList .pd-btns .btn_scrap { border: solid 1px #c8d4d9; color: #434f54; }
.pro-dataList .pd-btns .btn_down { border: solid 1px #a5acb2; color: #f7f7f7;    background-color:#a5acb2;}
.pro-dataList .pd-btns .btn_scrap:hover,
.pro-dataList .pd-btns .btn_scrap:focus,
.pro-dataList .pd-btns .btn_down:hover,
.pro-dataList .pd-btns .btn_down:focus {
    background-color: #00aefb;
    color: #fff;
    border-color: #00aefb;
}

/* 나의 스크랩-놀이 계획안 */
.playPlanTable thead th {
	font-weight: bold;	
	background-color: #ffd647;
	padding: 8px 0;
	position: relative;
}

.playPlanTable .listTit { padding-left: 20px;}

/*
.playcheck {
	content: ' ';
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin: -2px 8px 0 0;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #909090;
	border-radius: 2px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0 0 0 rgba(0,0,0,0.05);
}
*/
.playcheck { display: none;}
.playPlanTable thead tr th input[type=checkbox] + label,
.playPlanTable tbody tr td input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 8px;  
    margin-right: 15px;  
    font-size: 13px;
	line-height: 20px;
}

.playPlanTable thead tr th input[type=checkbox] + label:before,
.playPlanTable tbody tr td input[type=checkbox] + label:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 21px;
	line-height: 18px;
	background:url(../images/common/playplan_checkbox1.png) no-repeat 0 3px;
}

.playPlanTable thead tr th input[type=checkbox]:checked + label:before, 
.playPlanTable tbody tr td input[type=checkbox]:checked + label:before {
	background:url(../images/common/playplan_checkbox2.png) no-repeat 0 3px;
}

/* IE 8 */
@media \0screen {
	.playPlanTable thead th .playcheck {background-color: #ffd647;}
	.playcheck { border-color: transparent; display: inline;}
	.playTable tbody td a { background:none; text-align: left;}
	.playPlanTable thead tr th input[type=checkbox] + label:before,
	.playPlanTable tbody tr td input[type=checkbox] + label:before {display: none;}
}

.playTable tbody td:nth-child(4) { text-align: left; padding-left: 15px;}
.playTable tbody td:nth-child(4) a { background:none;}


/* FlyEng 동영상 */
.vod_flyeng { 
    border-top: 2px solid #4d4d4d;
    margin-top: 0;
}
.vod_flyeng .vod_list .vod_box { margin-top: 10px; width: 242px;}
.vod_flyeng .vod_list .vod_box>dt>a { padding: 0; margin: 0;}
.vod_flyeng .vod_list .vod_box > dt > a:focus > .ico_play,
.vod_flyeng .vod_list .vod_box > dt > a:hover > .ico_play { 
    background: url(../images/community/ico_play_o.png) center center no-repeat;
    background-color:rgba(0,0,0,0.4);
    border: solid 1px #777;
}
/* FlyEng 상장 자료실 */
.flyeng .award {
    overflow: hidden;
    border: solid 1px #e8e8e8;
}
.flyeng .award >a { 
    position: relative;
    display: table-cell;
    height: 248px;
    vertical-align: middle;
    text-align: center;
}
.flyeng .award >a>img { width: 175px; max-height: 248px; }
.flyeng .award >a>span.ico { width: 175px; height: 248px;}

.flyeng .award >a:hover>span.ico,
.flyeng .award >a:focus>span.ico {
    position: absolute;
    top:0;
    left: 0;
    background: url(../images/community/ico_zoom.png) center center no-repeat;
    background-color: rgba(0,0,0,0.3);    
}
.flyeng .btnArea .btn_flydown {
    border: solid 1px #c8d4d9;
    color: #434f54;
}
.flyeng .btnArea .btn_flydown:hover,
.flyeng .btnArea .btn_flydown:focus {
    background-color: #00aefb;
    color: #fff;
    border-color: #00aefb;
}


/*  FlyEng */
.flyengBox { position: relative;}

.flyeng_planDown { position: absolute; right: 0; z-index: 90; }

.panel_topimg { margin-bottom: 11px; margin-left: 160px;}
.plan_top_img { position: absolute; top:-125px; left: 0;}

.panel_timg_jelliing { margin: 0;}

.tbl_flyeng { 
    border:  solid 1px #594a42;
    width: 100%;
    table-layout: fixed;
}
.tbl_flyeng thead th { height: 50px;}
.tbl_flyeng tbody th, .tbl_flyeng tbody td { 
    padding: 18px 4px; 
    line-height: 150%;    
}
.tbl_jelliing tbody td { 
    padding: 16px 4px; 
    line-height: 150%;
}
.tbl_flyeng tbody td { text-align: center; font-weight: normal; }
.tbl_flyeng .book { 
    background-color: #7d838e; 
    color: #fff; 
    text-align: center;
    font-weight: bold;
    border: solid 1px #a1a8b5;
}
.redRline { border-right: dashed #ed1c24 1px;}
.brownRline { border-right: solid #c26e00 1px;}
.greenRline { border-right: solid #009025 1px;}
.pinkRline { border-right: solid #ee4c9b 1px;}
.blueRline { border-right: solid #0963c7 1px;}

.tbl_flyeng.tblevelA .levelA { background-color: #ffc22c; color: #3c2313; border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelA tbody>tr:nth-child(even)>td { background-color: #fff5d7;}
.tbl_flyeng.tblevelA .review { background-color: #ffe083 !important; font-weight: bold; }

.tbl_flyeng.tblevelB .levelB { background-color:#48bd58; color: #fff; border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelB tbody>tr:nth-child(even)>td { background-color: #ddeedd;}
.tbl_flyeng.tblevelB .review { background-color: #95d09c !important; font-weight: bold; }

.tbl_flyeng.tblevelC .levelC { background-color:#ff8eb1; color: #fff; border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelC tbody>tr:nth-child(even)>td { background-color: #fce4ee;}
.tbl_flyeng.tblevelC .review { background-color: #ffc1d4 !important; font-weight: bold; }

.tbl_flyeng.tblevelD .levelD { background-color:#3dade4; color: #fff; border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelD tbody>tr:nth-child(even)>td { background-color: #e3f6ff;}
.tbl_flyeng.tblevelD .review { background-color: #aae3ff !important; font-weight: bold; }

.tbl_flyeng.tblevelA.tbl_jelliing thead>tr>th.levelA {border-bottom: dashed 1px #c26e00;}
.tbl_flyeng.tblevelA.tbl_jelliing thead>tr:nth-child(2)>th.levelA {border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelA.tbl_jelliing tbody>tr:nth-child(odd)>td { border-bottom: dashed 1px #bc9661;}
.tbl_flyeng.tblevelA.tbl_jelliing tbody>tr:nth-child(even)>td { background-color: #fff; border-bottom: solid 1px #716863; }
.tbl_flyeng.tblevelA.tbl_jelliing .lva-evenbg { background-color: #fff5d7 !important;}

.tbl_flyeng.tblevelB.tbl_jelliing thead>tr>th.levelB {border-bottom: dashed 1px #009025;}
.tbl_flyeng.tblevelB.tbl_jelliing thead>tr:nth-child(2)>th.levelB {border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelB.tbl_jelliing tbody>tr:nth-child(odd)>td { border-bottom: dashed 1px #48bd58;}
.tbl_flyeng.tblevelB.tbl_jelliing tbody>tr:nth-child(even)>td { background-color: #fff; border-bottom: solid 1px #716863; }
.tbl_flyeng.tblevelB.tbl_jelliing .lvb-evenbg { background-color: #f0ffeb !important;}

.tbl_flyeng.tblevelC.tbl_jelliing .levelC { background-color:#f683bb; color: #fff; border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelC.tbl_jelliing thead>tr>th.levelC {border-bottom: dashed 1px #ee4c9b;}
.tbl_flyeng.tblevelC.tbl_jelliing thead>tr:nth-child(2)>th.levelB {border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelC.tbl_jelliing tbody>tr:nth-child(odd)>td { border-bottom: dashed 1px #ff8eb1;}
.tbl_flyeng.tblevelC.tbl_jelliing tbody>tr:nth-child(even)>td { background-color: #fff; border-bottom: solid 1px #716863; }
.tbl_flyeng.tblevelC.tbl_jelliing .lvc-evenbg { background-color: #fff0f6 !important;}

.tbl_flyeng.tblevelD.tbl_jelliing .levelD { background-color:#5596df; color: #fff; border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelD.tbl_jelliing thead>tr>th.levelD {border-bottom: dashed 1px #0963c7;}
.tbl_flyeng.tblevelD.tbl_jelliing thead>tr:nth-child(2)>th.levelD {border-bottom: solid 1px #716863;}
.tbl_flyeng.tblevelD.tbl_jelliing tbody>tr:nth-child(odd)>td { border-bottom: dashed 1px #4a91e2;}
.tbl_flyeng.tblevelD.tbl_jelliing tbody>tr:nth-child(even)>td { background-color: #fff; border-bottom: solid 1px #716863; }
.tbl_flyeng.tblevelD.tbl_jelliing .twoline {line-height:120%;padding:8px 4px; }
.tbl_flyeng.tblevelD.tbl_jelliing .lvd-evenbg { background-color: #eef6ff !important;}

.flyeng_sst { margin-top: 24px; }
.flyeng_sst > h4 { margin-bottom: 10px; color:#01aefb; font-size: 1.2em; background: url('../images/flyeng_dot.png') 0 6px no-repeat; padding-left: 16px;}
.flyeng_sst >div { color: #666; padding-left: 16px; font-size: 0.92em; line-height: 160%;}
.flyeng_sst >div::after {
    display: block;
    clear: both;
    content: "";
}

.tbl_flyengAm thead th { background-color: #d9e5f1;height: 33px; font-size: 0.99em;}
.tbl_flyengAm thead th.green { background-color: #d0f09d;height: 33px; font-size: 0.99em;}

.tbl_flyengAm .check {
    position:relative;
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:top;}
.tbl_flyengAm .check input {position:absolute;top:0;left:0;opacity:0;cursor:pointer;}
.tbl_flyengAm .check span {display:inline-block;width:18px;height:18px;border:1px solid #dfdfdf;box-sizing:border-box;background-color:#fff;cursor:pointer;}
.tbl_flyengAm .check input:checked + span {background:#fff url('../images/book/checkbox2.gif') no-repeat;}

.tbl_flyengAm td select{border:1px solid #e0e0e0;height:34px;}

.flyeng_pop_cont .tbl_flyengAm td { padding: 4px; line-height: 180%;}
.tbl_flyengAm .form-control { width: 96%; margin: auto; height:30px;}
.tbl_flyengAm .selectbox {
    width: 62px;
    display: inline-block;
    background:#fff url(../images/community/sel_arrow2.png) no-repeat 40px center;
    outline: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.tbl_flyengAm .selectbox::-ms-expand { display: none; }

.tbl_flyengAm .flyeng_del { 
    display: inline-block; 
    box-sizing: border-box;
    width: 30px;
    height: 30px;    
    padding: 8px; 
    line-height: 0;
}
.tbl_flyengAm .flyeng_del >img { margin: 0;}
.tbl_flyengAm .flyeng_del:hover, .tbl_flyengAm .flyeng_del:focus { border: solid 1px #666; }

.flyeng_btns .btn { margin-right: 4px;}

.flyeng_class_change {text-align:right;vertical-align:top; margin-top: 15px; margin-right: 15px;}
.flyeng_class_change .txt {display:inline-block;margin-top:5px;padding-right:6px;font-size:15px;color:#000;line-height:20px;vertical-align:top;}
.flyeng_class_change select {
    min-width:188px;
    height:30px;
    margin-right: 20px;
    padding-left:5px;
    border:1px solid #d9d9d9;
    line-height:20px;
    vertical-align:top;}
.flyeng_class_change .flyeng_classInfo { display:inline-block; margin-right: 40px}
.flyeng_class_change .flyeng_classInfo >li { 
    text-align: left; 
    font-size: 14px;     
    color: #262b30;
    background: url(../images/community/btn_page_next_02.png) 0 4px no-repeat;
    padding-left: 10px;
}
.flyeng_class_change .flyeng_classInfo >li:first-child { padding-bottom: 10px;}
.flyeng_class_change .flyeng_classInfo >li>span { font-weight: bold; }

.flyeng_class_change .btn_classChange {    
    background: url(../images/book/icon_save.png) no-repeat 20px center #00aefb;
    color: #fff;
    padding-left: 40px;
    padding-right: 20px;
}
.flyeng_class_change .btn_classChange:hover, .flyeng_class_change .btn_classChange:focus {background-color: #00deff;}

/* FlyEng 원 정보 관리 */
.flyeng_coverBox {
    position: relative;
    margin-top: 22px; 
}
.flyeng_coverBox .flyeng_coverImg {
    margin-left: 60px;
    overflow: hidden;
/*    background-color:antiquewhite;*/
}
.flyeng_coverImg .imgBox { float:left; width:426px; padding-bottom:24px;}
.flyeng_coverImg .imgBox:first-child { margin-right:100px;}
.default-border {border: dashed 1px #00B1FF; border-radius: 0px;}
.flyeng_coverImg .imgBox .photo {
    display: block;
    margin: 0;
    width: 420px;
    height: 400px;        
    background: #e5e5e5 url(../images/flyeng/flyeng_bg_cover.png) center center no-repeat;
    vertical-align: middle;
    border: solid 1px #d0d0d0;
}

.flyeng_coverImg .imgBox .form-radio {
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 20px;
    display: inline-block;
}
.flyeng_coverImg .imgBox .form-radio >label { display: inline-block }
.flyeng_coverImg .imgBox .form-radio .radio {    
    position: relative;
    display: inline;
    width: 18px;
    height: 18px;
    vertical-align: top;
}
.flyeng_coverImg .imgBox .form-radio .radio input { 
    position:absolute;
    top:0;
    left:0;
    opacity:0; 
    cursor:pointer; 
}
.flyeng_coverImg .imgBox .form-radio .radio > span {
    display:inline-block;
    width:18px;
    height:18px;
    border:1px solid #d9d9d9;
    box-sizing:border-box;
    background-color:#fff;
    cursor:pointer;
    border-radius: 9px;
}
/* IE 8 */
@media \0screen {    
    .flyeng_coverImg .imgBox .form-radio .radio input[type="radio"] { border-width: 0;}
    .flyeng_coverImg .imgBox .form-radio .radio > span {border-width: 0;}
}

.flyeng_coverImg .imgBox .form-radio .radio input:checked + span {
    background:#fff url('../images/flyeng/radiocheck.png') no-repeat;
}

.flyeng_coverImg .imgBox .form-radio .txt {     
    height: 18px;
    border: 0;        
    background: none;     
    display: inline-block;      
}
/* IE 8 */
@media \0screen {    
    .flyeng_coverImg .imgBox .form-radio .txt { padding-top: 10px; }    
}

.flyeng_coverImg .imgBox .imgInputBox  {
    padding-top: 8px;
    display: inline-block;
    float: right;
    padding-right: 8px;
}
.flyeng_coverImg .imgBox .imgInputBox .btn_file {  
    float: left;
    overflow: hidden;
    display: inline-block; 
    margin-top: 5px;
    width: 101px;
    height: 27px;
    cursor: pointer;    
    background: url(../images/flyeng/btn_img_register.png) no-repeat;    
}
.flyeng_coverImg .imgBox .imgInputBox .btn_file input[type="file"] { 
    display: block;
    width:126px; 
    height:27px; 
    opacity:0; 
    overflow: hidden;
}
.flyeng_coverImg .imgBox .imgInputBox .btn_file_info {
    float: left;
    display:inline-block;
    font-size: 0.98em;
    letter-spacing: -1;
    color: #4982b7;     
    padding-top: 12px;
/*    padding-left: 2px;*/
    letter-spacing: -0.05em;
}

.flyeng_coverBox .flyeng_coverImg_info {width: 96%;overflow: hidden;margin-right: 6px;}
.flyeng_coverImg_info .infoBox {
    border-top: solid 3px #ededed;
    border-bottom: solid 3px #ededed;
    padding: 28px 10px 0 10px;    
}
.flyeng_coverImg_info .infoBox>dl { margin-bottom: 30px; float: left; width: 50%;}
.flyeng_coverImg_info .infoBox>dl>dt { 
    font-size: 1.06em;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    padding-bottom: 12px;
}
.flyeng_coverImg_info .infoBox>dl>dd { 
    line-height: 24px; 
    text-indent: 8px;
    letter-spacing: -0.05em;
}
.flyeng_coverImg_info .infoBox::after {content: ""; clear: both; display: block;}

.flyeng_save_btn {
    text-align: center;
    margin-top: 18px;
}
.flyeng_save_btn .btnSave {
    font-size: 16px;
    padding: 14px 22px;
    color: #3f464c;
    background:url(../images/book/icon_save2.png) no-repeat 22px center #fff;
    border:solid 1px #00aefb;
    padding-left: 42px;
    margin-top: 12px;
}
.flyeng_save_btn .btnSave:hover,
.flyeng_save_btn .btnSave:focus { 
    color: #00aefb;     
    box-shadow: 0 0 3px 5px rgba(195,237,255,0.6) inset;
}
.flyeng_coverBox::after {content: '';display: block;clear: both;}

/* FlyEng 부모초대 pop */
.flyeng_msg {
    overflow-y: auto;
    height: 160px;
    padding: 15px;
    border: 1px solid #ddd;
    border-top-width: 0;
    box-sizing: border-box;    
    font-size: 15px;
    color: #333;
    line-height: 20px;
    font-weight: 700;
    text-align: left;
}

/* FlyEng 통계 */

.flyengChartBox {
    margin-top: 15px;
    border-radius: 10px;
    background-color: #f2f4f9;
    padding: 20px;
}

.flyengChartBox .conBox {
    position: relative;
    border-radius: 4px;
    background-color: #fff;    
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
    border: 0;
}

.flyengChartBox .conBox-header { 
    position: relative;
    clear: both;
    padding: 20px 16px;
    border-bottom:solid 2px #e9ecef;
}
.flyengChartBox .conBox-header>span {
    color: #6866aa;
    font-size: 1.1em;
    font-weight: 700;    
}

.flyengChartBox .conBox .sTle, .tomoPlayChart_tbl .conBox .sTle {
    margin-top: 12px;
    margin-bottom: 12px;
    color: #01aefb;
    font-size: 1.01em;
    font-weight: 700;
    background: url(../images/flyeng_dot.png) 16px 4px no-repeat;
    padding-left: 30px;
}

.flyengChart_tbl, .flyengChart_tbl2, .tomoPlayChart_tbl {
    position: relative;
    table-layout: fixed;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    border-top:solid 1px #e9ecef;    
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
}
.flyStatstblBox {
    margin: 20px 0;    
}
.flyStatstblBoxScroll {
    margin: 20px 0; 
    overflow-x: auto;
}
.flyStatstblBoxScroll::-webkit-scrollbar {
    height: 6px;
}
.flyStatstblBoxScroll::-webkit-scrollbar-thumb {
    background: #e1e1e1; 
}
.flyStatstblBoxScroll::-webkit-scrollbar-thumb:hover {
    background: #8ff2ec; 
}

.flyengChart_tbl2 {
    border-color: #d3dae4;
    border-left: 1px solid #d3dae4; 
    white-space:nowrap;
    border-collapse:collapse;    
}

.flyengChart_tbl th, .flyengChart_tbl2 th, .tomoPlayChart_tbl th {
    background-color:#f6f9fc;    
    padding: 14px 8px;
    color: #666;
    border-bottom:solid 1px #e9ecef;
    white-space:nowrap;
    border-collapse:collapse;
}
.flyengChart_tbl2>thead>tr>th {
    font-size: 14px;
    padding: 10px 4px;
    background-color:#fffacc;
    border-right:solid 1px #d3dae4;
    border-bottom-color: #d3dae4;
}
.flyengChart_tbl2>tbody>tr>th {
/*    background-color:#e5f0ff;*/
    background-color:#e3f7f8;
    font-size: 14px;
    padding: 10px 4px;
    border-right: solid 1px #d3dae4;
    border-bottom-color: #d3dae4;
}

.flyengChart_tbl td, .flyengChart_tbl2 td, .tomoPlayChart_tbl td {
    position: relative;    
    padding: 18px 8px;    
    color: #666;
    text-align: center;    
    border-right: solid 1px #e9ecef;
    border-bottom:solid 1px #e9ecef;
}
.flyengChart_tbl td:last-child { border-right: 0;}
.flyengChart_tbl2 td {
    font-size: 14px;
    padding: 10px 4px;
    border-right-color: #d3dae4;
    border-bottom-color: #d3dae4;
}

.exchart  {
    width: 100%;
    border-bottom: solid 1px #999;
    border-left: solid 1px #999;
}
.exchart>li {
    display:inline-block;
    width: 20px;
    height: 100px;
    margin-right: 20px;
}

.award_tbl td { height: 90px; padding: 0; }

.award_tbl.jelliing_award { border-top:none;}
.award_tbl.jelliing_award .tle {height: 40px; font-weight: bold; background-color: #eff7ff;}
.award_tbl.jelliing_award td {border-right: solid 1px #e9ecef;}
.award_tbl.jelliing_award>tbody>tr>td[rowspan="2"] { border-right: 0;}
.award_tbl.jelliing_award>tbody>tr>td>img {height: 60px;}
.award_tbl.jelliing_award .book-award { height: 100px;}

.flyengChart_tbl .infoNum { font-size: 1.1em; font-weight: 700;  color: #3268a5;}

.flyengChart_tbl .awardTle {
    background: url(../images/flyeng/trophy.png) no-repeat center;
    width: 150px;
    height: 100px;   
}
.flyengChart_tbl .awardTle > p {
    font-size: 1.08em;
    font-weight: 700;     
    padding-top: 70px;
    color: #fff;
}


.flyengChartBox .conBox .chartBox {
    border-top:solid 1px #e9ecef;
    border-bottom:solid 1px #e9ecef;
    overflow: hidden;
}
.flyengChartBox .conBox .chartBox>div {      
    display: block;    
    padding: 15px;
    min-height: 200px;
    text-align: center; 
}
.flyengChartBox .conBox .chartBox>div:first-child { border-right: solid 1px #e9ecef;}
.flyengChartBox .conBox .chartBox>div>p { font-size:14px; font-weight: 700; }
.flyengChartBox .conBox .chartBox .chartInfo { font-size:14px; margin-top: 20px; margin-right: 10px;}
.flyengChartBox .conBox .chartBox .chartInfo>li { line-height: 160%; text-align: right;}
.flyengChartBox .conBox .chartBox .chartInfo>li>span { display: inline-block; width: 70px; padding:0 10px; color: #fff;}

.flyengChartBox .conBox .chartBox>div::after {
    display: block;
    content: '';
    clear: both;
}

.flyengChartBox .conBox .form-inline { padding: 12px;}
.flyengChartBox .conBox .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.flyengChartBox .conBox .form-inline .form-group>label {
    display: inline-block;
    width: 120px;
    margin-bottom: 5px;
    font-weight: 700;
    padding-left: 30px;
}
.flyengChartBox.jelliingChartBox .conBox .form-inline .form-group>label { width: 180px; font-size: 1.1em;  padding-left: 20px;}

.flyengChartBox .conBox .form-inline .form-group>select,
.moyeola_form .form-inline .form-group>select {
    display: inline-block;
    width: 220px;
    background:#fff url(../images/community/sel_arrow2.png) no-repeat 198px center;
    outline: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.moyeola_form .form-inline .form-group>select { 
    width: 180px;
    background:#fff url(../images/community/sel_arrow2.png) no-repeat 158px center;
}
.flyengChartBox.jelliingChartBox .conBox .form-inline .form-group>select.book {
    width: 162px;
    background:#fff url(../images/community/sel_arrow2.png) no-repeat 140px center;
}
.flyengChartBox .conBox .form-inline .form-group>select::-ms-expand { display: none; }

/* yy mm 검색 */
.flyengChartBox .conBox .conBox-header .yymmBox { position: absolute; right: 8px; top: 0; }
.flyengChartBox .conBox .conBox-header .yymmBox .form-inline { padding-top: 7px;}
.flyengChartBox .conBox .conBox-header .yymmBox .form-inline .form-group>label { width: 56px;}
.flyengChartBox .conBox .conBox-header .yymmBox .form-inline .form-group>select { 
    width: 100px;
    display: inline-block;
    background:#fff url(../images/community/sel_arrow2.png) no-repeat 78px center;
    outline: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.flyengChartBox .conBox .conBox-header .yymmBox .form-inline .form-group>select::-ms-expand { display: none; }


/* FlyEng 홈 연동 */
.flyeng_hC_id_info {
    margin: 15px 0 25px 0;
    padding: 15px 20px;
    border-radius: 10px;
    line-height: 160%;
    background-color: #e2f5ff;
    overflow: hidden;
}

.flyeng_hC_id_info .listBox { width: 47%;}

.flyeng_hC_id_info .listBox .list_tle1,
.flyeng_hC_id_info .listBox .list_tle2 {
    font-weight: bold;
    background: url(../images/flyeng/ico_flyeng_01.png) no-repeat 0 2px;
    font-size: 16px;
    height: 22px;
    vertical-align: middle;
    padding-left: 28px;
    margin-bottom: 6px;    
}
.flyeng_hC_id_info .listBox .list_tle2 {
    background: url(../images/flyeng/ico_flyeng_02.png) no-repeat 0 2px;    
}

.flyeng_hC_id_info .listBox >ol {
    margin-left: 24px;
}
.flyeng_hC_id_info .listBox >ol>li {    
    list-style-type: decimal;    
    line-height: 1.8;
}

.flyeng_hC_id_info::after {
    content: "";
    clear: both;
    display: block;
}

.flyeng_hC_idBtn {
    margin: 30px 0;
    text-align: center;
}
.flyeng_hC_idBtn >a {
    display: inline-block;
    width: 300px;
    padding: 20px;
    font-size: 16px;
}

/* 모여라 */
.moyeola_InfoBox {
    margin: 25px 0;    
    padding: 20px 30px;
    border-radius: 10px;
    line-height: 160%;
    background-color: #e2f5ff;
}
.moyeola_InfoBox >ul {margin-left: 18px;}
.moyeola_InfoBox >ul>li {
    margin-bottom: 16px;
    list-style: circle;
    list-style-image: url(../images/flyeng_dot.png);
}
.moyeola_InfoBox >ul>li:last-child {margin-bottom: 0}

.moyeola_subtle {
    overflow: hidden;
    margin-bottom: 12px;
}
.moyeola_subtle> h4 { 
    font-size: 1.2em; 
    margin-top: 12px; 
    float: left;
}
.moyeola_subtle .letter_btn { 
    float: right;
    margin-right: 4px;
}
.moyeola_subtle::after {
    content: "";
    display: block;
    clear: both;
}

.moyeola_form {
    background-color: #f2f4f9;
    border-radius: 4px;
}
.moyeola_form .form-inline { padding: 8px 12px;}
.moyeola_form .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.moyeola_form .form-inline>label {
    display: inline-block;
    width: 120px;
    margin-bottom: 5px;
    font-weight: 700;
    padding-left: 30px;
}
.moyeola_form .form-inline .form-info {
    display: inline-block;
    width: 48%;
    font-size: 13px;
    color: #e13469;
    text-align: right;
}

.tbl_moyeola thead th { 
    background-color: #d9e5f1;
    height: 33px; 
    font-size: 0.99em;
}

.tbl_moyeola tbody td { padding: 2px 0;}

.moyeola_smsBox {
    overflow: hidden;
}
.moyeola_smsBox .moyeola_smsInfo {
    float:left;    
    width: 340px;
    padding-right: 8px;
}

.moyeola_smsBox .moyeola_smsInfo >dl>dt {
    color: #01aefb;
    font-weight: 700;
    font-size: 1.2em;
    padding-bottom: 8px;
}

.moyeola_smsBox .moyeola_smsInfo >dl>dd {
    line-height: 150%;
}

.moyeola_smsBox .msg_txt .noti {
    border-radius:0 0 10px 10px;
    background-color:#e0e0e0;
    height: 10px;
}

.moyeolaList {
    overflow: hidden;
    vertical-align: top;
}
.moyeolaList >div {
    display: inline-block;
}
.moyeolaList .dateList {
    width: 30%;
    float: left;
}
.moyeolaList .dateList .tbl_moyeola2 >thead> tr> th {
    height: 33px;
    font-size: 0.99em;
}
.moyeolaList .dateList .tbl_moyeola2 >tbody>tr>td { padding: 0;}
.moyeolaList .dateList .tbl_moyeola2 >tbody>tr>td>a { 
    display: block;
    text-align: center;
    padding: 8px 4px;
    font-size: 14px;
}
.moyeolaList .dateList .tbl_moyeola2 >tbody>tr>td>a:hover,
.moyeolaList .dateList .tbl_moyeola2 >tbody>tr>td>a:focus { background-color: #fff3db;}

.moyeolaList .dateMoreList {
    float: right;
    width: 68%;
}
.moyeolaList .dateMoreList .wrap_tbl .tbl_moyeola>tbody>tr>td {
    padding: 8px 4px;
}
.moyeolaList::after {
    display: block;
    clear: both;
    content: "";
}

/* 교사 반관리 */
.tbl_moyeola_class {
    width: 100%;
    margin: 12px 0 20px;
}
.tbl_moyeola_class th {
    text-align: right;
    padding-right: 25px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 62px;
    vertical-align: top;
}
.tbl_moyeola_class td {
    font-size: 15px;
    height: 62px;
    border-bottom: dashed 1px #D8D9D9;
    padding-left: 15px;
}
.tbl_moyeola_class>tbody>tr:last-child>td { border-bottom: 0;}
.tbl_moyeola_class td>input {
    display: inline-block;
    width: 400px;
}
.tbl_moyeola_class td>select {
    display: inline-block;
    width: 200px;
}
.btn_moyeola_class {
    background: url(../images/book/icon_save2.png) no-repeat 20px center #fff;
    border: solid 1px #00aefb;
    font-size: 16px;
    padding: 10px 22px 10px 43px;
}

.btnGrayMo { 
    background-color: #a0b4ca; 
    color: #fefefe !important; 
    border-color: #a0b4ca;
}
.btnGrayMo:hover, .btnGrayMo:focus { background-color: #586c83; }

/* 모여라 소개 */
.moyeola_intro {
    margin-top: 24px;
}
.moyeola_intro .appBox {
    margin: 0;
    padding: 0;
}

.moyeola_intro .appBox .pc_class {
    float: left;
    display: inline-block;
    width: 532px;    
    background-color: #f3f3f3;
    border-radius: 6px;
    padding: 16px;    
}
.moyeola_intro .appBox .pc_kid {
    float: right;
    display: inline-block;
    width: 532px;   
    background-color: #f3f3f3;
    border-radius: 6px;
    padding: 16px;    
}

.moyeola_intro .appBox .pc_class>img,
.moyeola_intro .appBox .pc_kid>img { 
    float: left;
    margin-right: 20px;
}

.moyeola_intro .appBox .pc_class>a:hover,
.moyeola_intro .appBox .pc_class>a:focus,
.moyeola_intro .appBox .pc_class>a:active,
.moyeola_intro .appBox .pc_class>a.active,
.moyeola_intro .appBox .pc_kid>a:hover,
.moyeola_intro .appBox .pc_kid>a:focus,
.moyeola_intro .appBox .pc_kid>a:active,
.moyeola_intro .appBox .pc_kid>a.active {
    border-radius: 10px;
    box-shadow: 0 0 3px 3px rgba(72, 240, 255,0.4);
}

.moyeola_intro .appBox .pc_class>div,
.moyeola_intro .appBox .pc_kid>div {
    float: left;
    display: inline-block;
    width: 360px;
    line-height: 24px;
    margin-top: 46px;
}

.moyeola_intro .appBox .pc_class>div,
.moyeola_intro .appBox .pc_kid>div {
    margin-top: 0px;
}

.moyeola_intro .appBox .pc_class .tt,
.moyeola_intro .appBox .pc_kid .tt {
    font-size: 17px;
    color: #5193dd;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 10px;
}

.moyeola_intro .appBox .pc_class .btn,
.moyeola_intro .appBox .pc_kid .btn { padding: 3px 12px; margin-top: 8px;}

.moyeola_intro .mobBox {
    background-color: #f3f3f3;
    border-radius: 6px;
    padding: 16px;
    overflow: hidden;
}
.moyeola_intro .mobBox .img { float: left; margin-right: 24px; }
.moyeola_intro .mobBox .img>img { margin-right: 10px;}
.moyeola_intro .mobBox .con {
    float: left;
    display: inline-block;
    margin-top: 64px;
}

.moyeola_intro .appBox::after{
    content: '';
    clear: both;
    display: block;
}
.moyeola_intro>h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 12px;
    vertical-align: middle;    
    line-height: 28px;
}
.moyeola_intro .mo_con,
.moyeola_intro .mo_list {
    margin-bottom: 20px;
    font-size: 16px;
    text-indent: 10px;
}
.moyeola_intro .mo_list>li{
    background: url(../images/list_dot.png) no-repeat 12px 5px;
    padding-left: 16px;
    margin-bottom: 12px;
}
.moyeola_intro .mo_list>dt {
    background: url(../images/common/fineDust_next.png) no-repeat 12px 2px;
    color: #00aefb;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;    
    padding-left: 16px;
}
.moyeola_intro .mo_list>dd {text-indent: 26px; background-position: 28px 5px; line-height: 28px; }
.moyeola_intro .mo_noti {font-size: 14px; line-height: 26px;}

/* 토모플레이(S)*/
.tomoplay_class_change {vertical-align:top; margin-top: 15px; margin-right: 15px;}
.tomoplay_class_change .info {
    float: left;    
    margin-left: 20px;
}
.tomoplay_class_change .info >li {margin-top:5px;padding-right:6px;font-size:15px;color:#000;line-height:20px;vertical-align:top; list-style: square;}
.tomoplay_class_change .opselect {float: right;}
.tomoplay_class_change .opselect >select {
    display: inline-block;
    min-width:188px;
    height:30px;    
    margin-right: 3px;
    padding-left:5px;
    border:1px solid #d9d9d9;
    line-height:20px;    
}
.tomoplay_class_change .opselect .btnGr {display: inline-block;margin-top:5px;}
.tomoplay_class_change .btn_classChange {    
    background: url(../images/book/icon_save.png) no-repeat 20px center #00aefb;
    color: #fff;
    padding-left: 40px;
    padding-right: 20px;
}
.tomoplay_class_change .btn_classChange:hover, .flyeng_class_change .btn_classChange:focus {background-color: #00deff;}
.tomoplay_class_change::after {
    content: "";
    display: block;
    clear: both;
}

.tbl_tmp th {margin:0; background-color: #d9e5f1; font-size: 0.99em; }
.tbl_tmp th.green {margin:0; background-color: #d0f09d; font-size: 0.99em; }

.tomoPlayChart_tbl td {padding: 10px;}
.tomoPlayChart_tbl.award_tbl td { height: 50px; padding: 0; }
.tomoPlayChart_tbl.award_tbl td>img { height: 34px;}
.tomoPlayChart_tbl.award_tbl td.bgray { background-color: #f4f4f4;}
.tomoPlay_tb_box { border-bottom: solid 1px #e9ecef; overflow: hidden; padding-bottom: 10px;}
/* 토모플레이(E)*/

/* flyEng 홈스쿨링 버튼 */
.flyenghomeBtn {
    position: absolute;
    right: 5px;
    top: 40px;
}
.flyenghomeBtn>a {
    color: #fff;
    background-color: #00aefb;    
}
.flyenghomeBtn>a:hover, .flyenghomeBtn>a:focus {
    color: #7b4a30;
    background-color: #ffd100;
}

/* 통합원아관리 */
#childTotalBox {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
}
#childTotalBox .title {
    font-size: 26px;
    font-weight: 700;
    color: #00aefb;
    margin-bottom: 12px;
}
#childTotalBox .subMemcon {
    border-top: solid 3px #00aefb;
}
.child_total_mInfo {
    margin: 12px 0;
    padding: 0;
}
.child_total_mInfo>li {
    background: url(../images/list_dot.png) no-repeat 8px;
    padding-left: 18px;
    margin-bottom: 7px;
}
.btnGoTomoplay {
    color: #fff;
    background-color: #22094b;
    padding: 8px 20px;
    border-color: #29006c;
}
.btnGoTomoplay:hover,
.btnGoTomoplay:focus {
    color: #1d049c;
    background-color: #f0f0f0;
}
.btnGoDingdong {color: #fff;background-color: #c73a32; padding: 8px 20px;border-color: #ad150d;}
.btnGoDingdong:hover,.btnGoDingdong:focus {color: #ad150d;background-color: #f0f0f0; }
.btnGoJelliing {color: #fff;background-color: #548236; padding: 8px 20px;border-color: #6C8D56;}
.btnGoJelliing:hover,.btnGoJelliing:focus {color: #ad150d;background-color: #f0f0f0; }

.infoBox .title { font-weight: bold; font-size: 1.01em;}
.infoBox::after {content: "";clear: both;display: block;}

.profile_photo {
    position: relative;
    text-align: center;
    width: 260px;
    height: 260px;
    overflow: hidden;
}
.profile_photo_list {
    position: relative;
    text-align: center;
	width: 54px;
	height: 54px;
    overflow: hidden;
}
.profile_photo .pfmask,
.profile_photo_list .pfmask {
    position: absolute;
    z-index: 10;
}
.profile_photo .pfphoto,
.profile_photo_list .pfphoto {
    position: relative;
}
.profile_photo_list .pfmask img, 
.profile_photo_list .pfphoto img {
    width: 52px;
    height: 52px;
}
.profile_photo .btn_pfsetting {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 20;
}

.profile_photo .btn_setting {
	position: absolute;
    z-index: 20;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
    display: inline-block;    
    width: 50px;
    height: 50px;
    background: url(../images/btn_profile_setting.png) no-repeat;  
}
.profile_photo .btn_setting input[type="file"] { 
    display: block;
    width:50px;
    height:50px;
    opacity:0; 
    overflow: hidden;
}

/* 플레이딩동(S)*/
.playdingdong_tab li { width: 10%;}
.playdingdong_sch_checkbox {    
    margin-bottom: 36px;
    border-top: solid 1px #c8d4d9;
    border-bottom: solid 1px #c8d4d9;
}
.playdingdong_pop_cont #tab-group { margin: 0;}
.playdingdong_pop_cont #tab-group .playdingdong_tab>li { width: 9.09%;}
.playdingdong_pop_cont #tab-group .playdingdong_tab>li>a { font-size: 0.9em; letter-spacing: -0.09em; background-color: #e7eef6; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.playdingdong_pop_cont #tab-group .playdingdong_tab>li>a.active,
.playdingdong_pop_cont #tab-group .playdingdong_tab>li>a:hover, 
.playdingdong_pop_cont #tab-group .playdingdong_tab>li>a:focus { background-color: #4f4868; border-top-left-radius: 6px; border-top-right-radius: 6px;}

.playdingdong_pop_cont .mybookmarkBox {
    background-color: #efefef;
    overflow-y: scroll;
    height: 460px;
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList {
    margin-top: 0;
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList { 
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    margin: 20px 0 30px 0;
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList td {
    padding-bottom: 20px;
    width: 150px;
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box {
    margin-top: 10px;
    width: 140px;
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper {
    overflow: hidden;
    border: solid 1px #e8e8e8;
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper >a {
    position: relative;
    display: table-cell;
    width: 140px;
    height: 200px;
    vertical-align: middle;
    text-align: center;
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper.dingdong >a {position: relative;display: table-cell;width: 140px;height: 87px;vertical-align: middle;text-align: center;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper.dingdong >a>span.badge { position: absolute; top:5px; left: 5px;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper >a:hover>span.ico,
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper >a:focus>span.ico {
    position: absolute;
    top:0;
    left: 0;    
    background-color: rgba(0,0,0,0.3);    
}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper >a>img { width: 140px;  max-height: 200px;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper >a>span.ico { width: 140px; height: 200px;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper.dingdong >a>img { width: 140px;  height: 87px;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper.dingdong >a>span.ico { width: 140px; height: 87px;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper .check { position: absolute;z-index: 100;top:5px;right: 9px;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper .check span {display:inline-block;width:20px;height:20px;border:1px solid #777;box-sizing:border-box;background-color:#f9f9f9;cursor:pointer;}
.playdingdong_pop_cont .mybookmarkBox .bookmarkList .paperList .list_box .paper .check input:checked + span {background:#fff url('../images/common/checkedred.png') no-repeat;}

.bookmarkList .paperList .list_box>dd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 8px 3px;
    font-weight: 700;
    font-size: 14px;
    height: 48px;
    line-height: 1.4em;
}
.youtube>p {font-weight: 700;margin-bottom: 8px;}
.youtube>ul>li {display: inline-block;font-weight: 700;}
.youtube .youtube-thumb {
    margin: 20px auto;
    border: solid 1px #dadada;
    background-color: #efefef;
    width: 560px;
    height: 315px;
}
.youtube .youtube-thumb >p {
    display: block;
    color: #ccc;
    font-size: 2em;
    margin-top: calc(50%/2);
    text-align: center;
}

.btn_bookmarkOff {background: url(../images/community/ico_bookmark_off.png) no-repeat 10px center #fff; font-weight: 700;}
.btn_bookmarkOn {background: url(../images/community/ico_bookmark.png) no-repeat 10px center #fff; font-weight: 700;}
.proDataList .paperList .list_box .btnArea .btn_bookmarkOn, .proDataList .paperList .list_box .btnArea .btn_bookmarkOff {
    border: solid 1px #c8d4d9;
    color: #434f54;
    padding-left: 25px;
    background-color:#fff;    
}
.proDataList .paperList .list_box .btnArea .btn_bookmarkOn:hover, .proDataList .paperList .list_box .btnArea .btn_bookmarkOn:focus,.proDataList .paperList .list_box .btnArea .btn_bookmarkOff:hover, .proDataList .paperList .list_box .btnArea .btn_bookmarkOff:focus { box-shadow: 0 0 3px 2px rgba(177,231,255,0.6) inset;border: solid 1px #8ed4ed;}

/*우리반정보*/
.dingdong_classinfoG {position: relative;}
.dingdong_classinfoG .photoG { overflow: hidden;margin-top: 15px;}
.dingdong_classinfoG .photoG .classPhoto {
    position: relative;
    display: inline-block;    
    width: 374px;
    height: 164px;
    margin-right: 20px;
    overflow: hidden;
}
.dingdong_classinfoG .photoG .classPhoto .btn_pfsetting {
    position: absolute;
    z-index: 20;
    right: 10px;
    bottom: 10px;
}
.dingdong_classinfoG .photoG .classInfo {display: inline-block;vertical-align:top;margin-top: 10px;}
.dingdong_classinfoG .photoG::after{content: "";display: block;clear: both;}

.dingdong-tableList th { font-weight: 700;}
.dingdong-tableList td {padding: 8px 0; line-height: 1.4;}
.dingdong-tableList td.thumbnail { overflow: hidden; }
.dingdong-tableList td.thumbnail>img { width: 79px; height: 60px; }
.dingdong-tableList td.favicon { overflow: hidden; }
.dingdong-tableList td.favicon>img { width: 40px; }
.dingdong-tableList td.meno { text-overflow: ellipsis; height: 40px; white-space: nowrap; overflow: hidden; }

.favicon { width: 40px; }

/* 플레이딩동 활동정보 탭 */
.dingdong-tabBtn {
    margin: 15px auto;
    text-align: center;
}
.dingdong-tabBtn .tabMenu { display: inline-block;}
.dingdong-tabBtn .tabMenu >li>a {
    width: 180px;
    height: 50px;
    border-radius: 25px;
    line-height: 1.2;
    margin-right: 12px;
}
.dingdong-radiolist {
    position: relative;
    display: inline-block;
    float: right;
    margin-bottom: 10px;
}
.dingdong-radiolist li {
    display: table-cell;
    line-height: 1.6em;
    padding-right: 20px;
}
.dingdong-radiolist li>input[type="radio"]{margin-top: 0;}
.dingdong-radiolist::after {
    display: block;
    content: "";
    clear: both;
}
.dingdongClasstt {
    margin-top: 25px;    
    line-height: 1.6em;
    padding-right: 20px;
    font-size: 1.2em;
    border-top: solid 1px #ddd;
    padding: 20px 8px 5px;
}
.dingdongClasstt .date { font-size: 0.9em; color: #999;}

/* 디지털 액자 */
.digitalFrameWrap {
    margin: 25px auto;
    border-radius: 10px;
    padding: 10px 20px;
    background-color: #f4f4f4;
}
.digitalFrameWrap .tle {font-size: 1.2em;font-weight: 700;margin: 10px 0 20px;}
.digitalFrameWrap .tle::after {content: ""; clear: both; display: block;}
.digitalFrameWrap .tle2 {margin: 10px;}
.digitalFrameWrap .tle2>h4, .digitalFrameWrap .tle2>p{ display: inline-block; margin-right: 8px;}
.digitalFrameWrap .tle2>p>input[type="file"]{background-color:transparent; border: none;}
.digitalFrameWrap .fileAttach {  
    position: relative;
    width: 99%;
    border: solid 1px #dadada;
    border-radius: 4px;    
    margin-bottom: 20px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.digitalFrameWrap .fileAttach .shortcut {
    position: absolute;
    z-index: 50;
    top: 10px;
    right: 10px;
}
.digitalFrameWrap .fileAttach .shortcut>a.shortcutBtn{
    display: inline-block;
    color: #222;
    border-radius: 20px;
    background: url("../images/common/fineDust_next.png") no-repeat 8px center #eee;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 1.7em;
    padding: 4px 0 4px 20px;
    width: 70px;
    height: 30px;
    margin-right: 3px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #dfdfdf;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.digitalFrameWrap .fileAttach .shortcut>a.shortcutBtn:hover,
.digitalFrameWrap .fileAttach .shortcut>a.shortcutBtn:focus {
    background-color: #2467ac;
    color: #fff;
    border-color: #548cc4;
}
.digitalFrameWrap .fileAttach>input {
    border: 0;
    width: 98%;
    padding: 6px;
    margin:3px 6px;
}
.digitalFrameWrap .fileAttach .tt { 
    padding: 15px 15px 10px;
    font-size: 1.01em;
    font-weight: 700;    
}
.digitalFrameWrap .fileAttach .photoList {padding: 30px 20px 30px 30px;}
.digitalFrameWrap .fileAttach .photoList>li {
    position: relative;
    display: inline-block;
    overflow: hidden;    
    margin: 0 12px 10px 0;   
}
.digitalFrameWrap .fileAttach .photoList>li>a.fileAdd {
    display: inline-block;
    background: url(../images/common/file_plus.png) no-repeat center #e9e9e9;
    width: 180px;
    height: 100px;
    border: solid 1px #dadada;
}
.digitalFrameWrap .fileAttach .photoList>li>img{
    position: relative;
    width: 180px;
    height: 100px;
    border: solid 1px #dadada;    
}
.digitalFrameWrap .fileAttach .photoList .fileDel {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 50;
}

.dingdongClassWrap {
    margin: 10px 0;
    padding: 20px;
    border: solid 1px #dadada;    
    border-radius: 10px;
    background-color: #eee;
}
.dingdongClassWrap .tt { font-size: 1.01em;font-weight: 700;margin-bottom: 18px;}
.dingdongClassList {table-layout: fixed;width: 100%;}
.dingdongClassList td { vertical-align: top;}
.dingdongClassList .list_box .paper { position: relative; overflow: hidden;}
.dingdongClassList .list_box .paper .result { position: absolute; z-index: 20; display: inline-block; border: solid 2px #444; right:20px;bottom:0;}
.dingdongClassList .list_box .paper .result>img { width: 80px; height: 45px;}
.dingdongClassList .list_box .paper>a>img {width: 240px;height: 136px;border: solid 1px #ddd;}
.dingdongClassList .list_box .paper .check {position: absolute;top:7px;left:7px;z-index: 100;}
.dingdongClassList .list_box .paper .dim {position: absolute;top:0; left: 0; display: block; width: 240px;height: 140px; background-color:rgba(0,0,0,0.3); z-index: 100;}
.dingdongClassList .check input {position:absolute;top:7px;left:7px;opacity:0;cursor:pointer;}
.dingdongClassList .check span {display:inline-block;width:20px;height:20px;border:1px solid #777;box-sizing:border-box;background-color:#fff;cursor:pointer;}
.dingdongClassList .check input:checked + span { position: relative;background:#fff url('../images/common/checkedred.png') no-repeat;}
.dingdongClassList .list_box>dd { margin-top: 10px; font-size: 0.9em; font-weight: 600; text-align: center;}
.dingdongClassList .list_box>dd>span.sendone { display: inline-block;background-color: #aaa; color: #fefefe; border-color: #ddd;font-weight: 700;text-align: center;vertical-align: middle; padding: 8px 12px; user-select: none;font-size: 0.938em;padding: 8px 12px;margin: 4px 0px;border-radius: 6px;}

/*플레이딩동 통계 */
.dingdongChart {overflow: hidden;width: 100%; padding: 0 20px;}
/* .dingdongChart>div {float:left; width: 50%; display: inline-block; min-height: 330px; padding: 0 20px;}
.dingdongChart>div+div { border-right: none; }*/
.dingdongChart::after {content: ""; display: block; clear: both;}

.dingdongTop3 { margin-top: 20px;}
.dingdongTop3>li {  height: 60px; border-radius: 4px; margin: 30px 0; }
.dingdongTop3>li>a { display: inline-block; overflow: hidden;}
.dingdongTop3>li>a>p {display: inline-block; margin: 10px; vertical-align: top;}
.dingdongTop3 .listTop3 { overflow: hidden; border: solid 1px #e9ecef; display: inline-block; border-radius: 6px;}
.dingdongTop3 .listTop3 .img, .dingdongTop3 .listTop3 .tbox { display: inline-block;  padding: 0; margin: 0; vertical-align: top;}
.dingdongTop3 .listTop3 .img >img{ height: 74px; width: 100px;}
.dingdongTop3 .listTop3 .tbox { font-weight: 700; font-size: 0.9em; width: 240px; padding: 10px; line-height: 1.6;}

.project_content .repl_accordion_list.dingdong_accordion_list { margin-top:0;border:none;}
.project_content .repl_accordion_list.dingdong_accordion_list dt {padding:0; background-color: #fff;}
.project_content .repl_accordion_list.dingdong_accordion_list dt.accordion-none {background-image:none; }
.project_content .repl_accordion_list.dingdong_accordion_list dl.active dt {background-color:#d6e1f7;color:#454545;}

.dingdong_accordion_tbl {
    position: relative;
    table-layout: fixed;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    box-sizing: border-box;
    border-top: solid 1px #e9ecef;
    border-radius: 6px;
}
.dingdong_accordion_tbl th {
    background-color:#f6f9fc;    
    padding: 14px 8px;
    color: #666;
    border-bottom:solid 1px #e9ecef;    
    white-space:nowrap;
    border-collapse:collapse;
}
.dingdong_accordion_tbl td {position: relative; padding: 14px 4px; text-align: center;}
.dingdong_accordion_tbl td:last-child { border-right: 0;}
.project_content .repl_accordion_list.dingdong_accordion_list dd {padding:10px 30px 10px 45px;background-color: #f7f7f7;}
.summary .dingdong_accordion_tbl td { padding: 8px 4px; }
.summary .dingdong_accordion_tbl td.tles {text-align: left;}

/***** 젤링 소개  *****/
.jelliing_intro {display:inline-block;width: 1055px; background-color:#ff7eb8; border-radius: 24px; text-align:center; padding:12px 0 30px 0; margin-left: 1px; }

/***** 젤링 차트  *****/
.flyengChartBox.jelliingChartBox .conBox-header  {padding: 0; margin: 0; border-bottom-width: 1px;}
.flyengChartBox.jelliingChartBox .conBox .form-inline { padding: 7px;}
.jelliingchartT { margin: 12px 0 0 0; text-align: left; overflow: hidden;}
.jelliingchartT >dl>dt { display: inline-block; background: url(../images/list_dot.png) 16px 5px no-repeat; padding-left: 30px;}
.jelliingchartT >dl>dd { display: inline-block; width: 200px;}
.jelliingchartT .jelliingNum { font-weight: bold; color: #1884f2;}
.jelliingchartT >dl::after {
    content: "";
    display: block;
    clear: both;
}
.jelliingchartT .jchartInfo { margin: 22px 0 15px 0; float: right; overflow: hidden;}
.jelliingchartT .jchartInfo>div { display: inline-block; margin-right: 20px; font-size: 0.9em;}
.jelliingchartT .jchartInfo>div>p { display: inline-block; width: 10px; height:10px; margin-right: 12px;}
.jelliingchartT .jchartInfo::after {
    content: "";
    display: block;
    clear: both;
}

.flyengChartBox.jelliingChartBox .jelliing_stats { margin: 0; padding: 0;}
.flyengChartBox.jelliingChartBox .jelliing_stats .tabs { overflow: hidden;}
.flyengChartBox.jelliingChartBox .jelliing_stats .tabs>li { float: left; margin-right: 5px; }
.flyengChartBox.jelliingChartBox .jelliing_stats .tabs>li>a {
    display: block; 
    font-size: 1.15em;     
    text-align: center;
    vertical-align: middle;
    padding: 16px;
    width: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;    
    background-color: #e0ebf0;
    border:solid 1px #ececec;
    box-sizing: border-box;  
}
.flyengChartBox.jelliingChartBox .jelliing_stats .tabs>li.tc-selected>a {font-weight: bold; color: #fff; background-color: #56bffa; border-color: #52b4ea;}