@charset "utf-8";


.Leftmenu_ttl .Leftmenu_icon_8 { float:right; width:50px; height:45px; margin:-8px 5px 0 0; display:inline-block; background:url(../images/sub/left_icon_8.jpg) right 0px no-repeat;}



.boardType_faq { border-top:0px solid #d6d6d6; overflow:hidden; width:100%;}
.boardType_faq ul { display:table; border-bottom:0px solid #d6d6d6; overflow:hidden; width:100%}
.boardType_faq ul li{ display:table-cell; font-size:14px; color:#555; padding:10px 0}
.boardType_faq ul li.ico {width:10%; text-align:center;}
.boardType_faq ul li.ico span{width:30px; height:30px;background:#4375bf; display:inline-block; border-radius:3px; text-align:center; line-height:30px; color:#fff; font-weight:600}
.boardType_faq ul li.title { width:80%; text-align:left; }
.boardType_faq ul li.btn { width:10%; text-align:center;}

.boardType_faq ul.answer{background:#fafafa}
.boardType_faq ul.answer li{padding:20px 0}
.boardType_faq ul.answer li.ico{background:url(../images/sub/faq_a_bg.gif) 50% 10px no-repeat; width:10%; padding-left:7%}
.boardType_faq ul.answer li.ico span{background:#f48137;}
.boardType_faq ul.answer li.title{padding-right:3%; width:65%; color:#000}

.boardType_down { border-top:2px solid #d6d6d6; overflow:hidden; width:100%}
.boardType_down th, .boardType_down td{border:1px solid #d6d6d6; padding:10px 0; text-align:center}
.boardType_down td.a_l{padding-left:20px; text-align:left}

/* 고객센터 */

.SearchTopmenu.helpdesk li{width:20%}
.boardType_View.line{ border-top:2px solid #d6d6d6;}
.boardType_View.line .boardType_Viewttl{padding-top:0}

.helpdesk_title{color:#000; font-size:36px; line-height:36px; margin-bottom:30px;}
.helpdesk_txt{font-size:18px; margin-bottom:10px;}
.helpdesk_txt span{color:#2c4496}
.helpdesk_box{border:1px solid #e2e2e2; background:#fafafa; padding:20px;  font-size:13px}
.helpdesk_box .tit{font-size:16px; color:#000; margin-bottom:10px;}
.helpdesk_box dt{margin-bottom:5px;}
.helpdesk_box dd{margin-bottom:20px; line-height:24px}

.helpdesk_box2{padding-top:20px}
.helpdesk_box2 .tit{font-size:14px; color:#000; margin-bottom:10px;}
.helpdesk_box2 ul{margin-bottom:20px;}
.helpdesk_box2 li{margin-bottom:10px; line-height:24px; background:url(../images/sub/ico_2.gif) 10px 10px no-repeat; padding-left:20px;}

.poll_state{display:inline-block; padding:4px 0; width:50px; font-size:13px;line-height:13px; color:#fff; margin-right:10px; text-align:center}
.poll_state.ing2{background:#579dd2}
.poll_state.end2{background:#7a7a7a}

.poll_btn a{display:inline-block; padding:5px 10px; font-size:14px; line-height:14px; color:#fff; margin-top:15px}
.poll_btn a.write{background:#579dd2}
.poll_btn a.end2{background:#7a7a7a}


.boardType_01.poll .no{width:5%}
.boardType_01.poll .title{width:65%}
.boardType_01.poll .poll_date{width:20%; text-align:center;}
.boardType_01.poll .poll_btn{width:10%; text-align:center;}

.boardView_1line li{padding:20px 0;}

.pL20{padding-left:20px !important;}

.boardView_1line .poll_view dl{margin-bottom:20px}
.boardView_1line .poll_view dt{padding:15px; font-size:16px; color:#000; background:#fafafa;}
.boardView_1line .poll_view dd{padding:10px 15px;}
.boardView_1line .poll_view dd li{padding:3px 0; border:none}
.boardView_1line .poll_view dd textarea{border:1px solid #CCC}


/* 공지사항 fAQ */
.bookList, .bookList * {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.bookList {  overflow: hidden; margin:30px 0;  width:100%; border-top:2px solid #d6d6d6; }
.bookList_section { position:relative; margin:0 0 0px 0; border-bottom:1px solid #d6d6d6; width:100%; display:table;}
.bookList_section:after, .bookList_section:before { content:''; display:table-row;}
.bookList_section p:after, .bookList_section p:before { content:''; display:table-row;}
.bookList_section p { display:table-cell; vertical-align:middle; padding:10px 0;}

.bookList_section_header { position:relative; z-index:1000; width:100%; /*height:50px;*/ line-height:130%; background:url(../images/sub/arrow_1.png) 99% center no-repeat; transition: all linear 0.15s; font-size:14px; color:#555; box-sizing:border-box; padding:20px 55px 20px 60px; display:inline-block; vertical-align:middle; }
.bookList_section_header .Q { position:absolute; width:30px; height:30px;background:#4375bf; display:inline-block; border-radius:3px; text-align:center; line-height:30px; color:#fff; font-weight:600; left:10px; top:25%; vertical-align:middle;}
.bookList_section .ico {width:10%; text-align:center; display:table-cell;}
.bookList_section .ico span{width:30px; height:30px;background:#4375bf; display:inline-block; border-radius:3px; text-align:center; line-height:30px; color:#fff; font-weight:600;}
.bookList_section_header img, .bookList_section_header2 img { padding:0 10px 0 10px;}
.bookList_section_header.active, .bookList_section_header2.active, .bookList_section_header:hover, .bookList_section_header2:hover { background:url(../images/sub/arrow_2.png) 99% center no-repeat; color:#555; }
.bookList_section_content { position:relative; clear:both !important; width:100% !important; display: none; font-size:1.2em; font-weight:400; color:#666666; border-top:1px solid #d6d6d6;}
.bookList_section_content p { padding:0px 0 50px 0; line-height:140%; letter-spacing:0.2px;}
.faq_btm { position:absolute; left:0; bottom:0;}
.bookList_section_content .book_a { position:absolute; left:25px; top:55px;}

/**/
.movieclassList { overflow: hidden; margin:0; clear:both !important;  width:100%; border-top:0px solid #d6d6d6; }
.movieclass_section_header { padding:20px 55px 20px 20px; background:url(../images/sub/arrow_1.png) 96% center no-repeat;}
.movieclass_section_header.active, .movieclass_section_header:hover { background:url(../images/sub/arrow_2.png) 96% center no-repeat; color:#555; }
.movieclass_background {background:#f4f4f4;border-bottom:1px solid #d6d6d6;  width:100%; padding:10px 5%;clear:both; margin-top:-1px; font-size:14px; box-sizing:border-box;}
.movieclassList_title { width:76%; display:inline-block; text-align:left; box-sizing:border-box; padding:0 0 0 20px !important;}
.movieclassList_time { width:12%; display:inline-block; text-align:center; box-sizing:border-box;font-size:13px; letter-spacing:-1px;}
.movieclassList_btn { width:12%; display:inline-block; text-align:center; box-sizing:border-box; }
.movieclassList_btn_box { position:relative; z-index:1000; width:30px; height:30px; line-height:130%; background:url(../images/sub/arrow_1.png) 99% center no-repeat; transition: all linear 0.15s; font-size:14px; color:#555; box-sizing:border-box; /*padding:20px 55px 20px 60px; */display:inline-block; vertical-align:middle; }
.movieclassList_btn_box.active { background:url(../images/sub/arrow_2.png) 99% center no-repeat; color:#555; }



/* 수강후기 20171227 */
.afterList { width:100%;}
.afterList_head { cursor: pointer; position: relative;}
.afterList_body { display:none;}
.afterList_body a { display:block;  color:#006699;  background-color:#fff;  padding-left:10px;  font-weight:bold;  text-decoration:none;}
.afterList_body a:hover{  color: #000000;  text-decoration:underline;  }


/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/







@media (min-width: 766px) and (max-width:999px) {
	
}


@media all and (max-width:765px) {
	
.boardType_faq ul.answer li.title{width:60%;}

.boardType_01.poll .no{width:5%}
.boardType_01.poll .title{width:100%; margin-bottom:10px;}
.boardType_01.poll .poll_date{ width:150px;  float:left; text-align:left;white-space:nowrap; padding-left:5px}
.boardType_01.poll .poll_btn{ float:right; margin-right:40px; text-align:left; white-space:nowrap;}
.boardType_01.poll .poll_btn a{margin-top:0}
}



@media all and (max-width:480px) {
	.boardType_faq ul li.ico span{width:20px; height:20px; line-height:20px; font-size:12px}
.boardType_faq ul.answer li.title{width:50%;}
.boardType_faq ul li.btn img{width:25px; height:25px}
.blue_btn{font-size:12px; padding:3px 5px}



}
@media all and (max-width:320px) {
.boardType_faq ul li.title{width:70%;}
.boardType_faq ul.answer li.title{width:40%;}
.boardType_down td.a_l{padding-left:5px;}
.boardType_down td{font-size:12px}
.blue_btn{ padding:3px 3px}
}