@charset "utf-8";

/************************************
	마이페이지
*************************************/
.study_list{
	background:#fff;
	overflow:hidden;
	margin-bottom:10px;
}
.study_list .study_info{
	float:left;
	width:76%;
}
.end{
	float:left;
	width:100% !important;	
}
.study_list .study_info h3.name{
	font-size:1.1875em;
	font-weight:600;
	color:#000;
}
.study_list .study_info p.period{
	font-size:1em;
	color:#555;
}
.study_list .study_play{
	float:right;
	width:3.5em;
	margin-top:18px;
}
.study_list .study_play a{
	display:inline-block;
	/*
	background: #0dc2bb url("/images/sub/icon_play.png") center no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:500;
	*/
}
.progress_group{
	margin-top:15px;
	overflow:hidden;
}
.progress_group span{
	float:left;
	display:inline-block;
	color:#000;
}
.graph_box{
	float:left;
	width:55%;
	height:20px;
	background:#efefef;
}
.graph_box span.graph{
	float:left;
	display:inline-block;
	/* width:75%; */
	height:20px;
	background:#f44b1e;
}

.graph_box span.off{
	background:#6f6f6f;	
}

/************************************
	마이페이지_차리리스트
*************************************/
.btn_study_play{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:30px;
	background:#cc1718;
	color:#fff;
	text-align:center;
	line-height:9px;
}
.btn_study_play img{
	width:0.6em;
	padding-left:2px;
}


/*나의강의실-학습하기*/
.top_text_bg {
	background: #666;
	padding: 15px 0;
	color: #fff;
	overflow: hidden;
	font-size:0.9em;
}

.lec_list{ 
	background-color:#fff;
}
.lec_list h2{ 

}
.study_list{
	position:relative;
	margin-top:20px;
}
.study_list li{
	border:1px solid #ddd;
	margin-bottom:20px;
	overflow:hidden;
	border-radius:0;
	box-shadow: 3px 3px 3px 0px #eee;
}
.study_list li.list_con_none {
	border-left:none;
	border-right:none;
	box-shadow: none;
	padding:10px;
}
.study_list li h3{
	font-size:1.2em;
	line-height:1.5em;
	font-weight:500;
	width:65%;
}
.study_list a{ 
	display:inline-block; 
	float:left;
	width:49.2%;
	height:32px; 
	color:#fff; 
	text-align:center; 
	line-height:32px; 
}
.study_list div.mylect{ 
	width:92%;
	padding:4%;
	position: relative;
}
.study_list div.mylect a.btn_w100{ 
	width:99%;
}
.study_list .bg_darkgray {
	border: 1px solid #484848;
}
.study_list .bg_red {
	border: 1px solid #c9252b;
}
.study_list .bg_yel {
	border: 1px solid #fcc520;
}
.study_list .bg_yel {
	border: 1px solid #fcc520;
}
.study_list .bg_green {
	border: 1px solid #73bb25;
}
.study_date{
	background:#f4f4f4;
	padding:10px 0;
	font-weight:500;
}

.study_list p.progress{ 
	/*
	color:#154c8a;
	height:30px;
	border-top:1px solid #ddd;
	background:#f4f4f4;
	border-bottom:1px solid #ddd;
	border-radius:30px;
	overflow:hidden;
	box-shadow:inset 3px 3px 10px #ddd;
	*/
	font-size:0.9em;
	line-height:1.5em;
	font-weight:500; 
	color:#154c8a;
	right: 0;
	width: 30%;
	text-align:right;
}
.study_list p.progress span{
	
}
.study_step{

}
.study_step a{

}
a.btn_study_play{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:40px;
	background:#ec1515;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-size:11px;
}
span.progress{
	font-weight:600;
}

.study_detail_top{
	padding:15px 0;
	overflow:hidden;
	background:#ffe8e8;
}

.study_detail_list{
	
}


.study_detail_list h3{
	font-size:20px;
	font-weight:600;
}
.study_detail_date{
	/*background:#fbdddd;*/
	overflow:hidden;
}
.study_detail_date span{

}
.test_detail_date{
	/*background:#dfe5f9;*/
	overflow:hidden;
}
.study_detail_date span,
.test_detail_date span{

}

/*나의강의실-학습자료실*/
.edu_list{ background-color:#fff; padding:10px;}
.edu_list ul{}
.edu_list ul li{border-bottom:1px solid #9c9c9c; margin:0 auto;  margin-top:20px;}
.edu_list ul li a{font-size:1.1em; font-weight:bold;}
.edu_list ul li p{font-size:0.95em; margin-bottom:10px; margin-top:5px;}

.edu_list .edu_title{border-bottom:1px solid #9c9c9c; margin:0 auto;  margin-top:20px;}
.edu_list .edu_title h2{ font-size:1.1em; font-weight:bold;}
.edu_list .edu_title p{ font-size:0.95em; margin-bottom:10px; margin-top:5px;}
.edu_list .edu_contents{ height:200px; border:1px solid #979797; margin:24px auto;}
.edu_list .download_btn{ height:40px; margin:15px auto;}


/*필독! 학습절차안내*/
.study_step_wrap{
	background-color:#fff; 
	position:relative; 
	margin:20px auto; 
	padding:10px;
}
.study_step_wrap h2{ width:100%; height:38px; display:inline-block; background-color:#363834; color:#fff; text-align:center; line-height:38px; font-size:1.1em;}
.study_step_wrap a{ position:absolute; right:20px; top:20px;}


/*나의강의실-시험보기*/

.test_list{  
	position:relative;
	margin-top:20px;
}
.test_list li{ 
	position:relative;
	border:1px solid #ddd;
	overflow:hidden;
	margin-bottom:10px;
	box-shadow: 3px 3px 3px 0px #eee;
}
.test_list h3{ 
	width:70%;
	font-size:20px;
	font-weight:600;
}
.test_list .test_btn
{ 
	display:inline-block; 
	width:25%;
	height:35px; 
	color:#fff; 
	text-align:center; 
	line-height:35px; 
	margin:0 2px;
	font-weight:500;
	position:absolute; 
	right:15px; top:15px;
}
.test_list .all_progress{}
.test_list .test{
	margin-top:15px;
}
.test_list .test span{
	color:#ec1515;
}
.test_list .score{}

/*시험보기-유의사항*/



.test_top_text{
	position:fixed;
	top:0;
	z-index:50;
	width:100%;
	background:#1a5fac;
	color:#fff;
	font-size:20px;
	font-weight:600;
	padding:20px 0;
}

.test_msg_group{
	position:relative;
   height:100%;
	background:url("/images/sub/test_msg.png") no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   text-align:center;
   margin:auto;
}
.test_msg_group a{
display:block;
width:100%;
height:100%;
}
.time{
	position:fixed;
	top:20px;
	right:5px;
	z-index:100;
	font-size:20px;
	color:#fff;
	font-weight:500;
}
.time img{
	width:35%;
	vertical-align:top;
}


.notice_wrap{background-color:#fff; padding:20px 10px;}
.notice_wrap h1{font-size:1.3em; font-weight:bold; margin-left:10px; margin-bottom:10px;}
.notice_wrap p{ color:#ff4800; font-weight:bold; margin-left:10px; margin-bottom:10px;}
.notice{ padding:10px; border:1px solid #d1d1d1; margin:0 auto;}
.notice li{ color:#4a4a4a; margin-top:10px;}
.notice h2{ font-size:1.3em; font-weight:bold;margin:10px auto; text-align:center; margin-bottom:20px;}

.test_paper_group{
	border-bottom:1px dashed #ddd;
	padding:15px 0;
	overflow:hidden;
}
.question_group{
	overflow:hidden;
	margin-bottom:15px;
}
.test_paper_group .num{
	float:left;
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:5px;
	background:#333;
	color:#fff;
	text-align:center;
	line-height:32px;
	font-size:17px;
	font-weight:600;
}
.test_paper_group .question{
	float:right;
	display:inline-block;
	width:86%;
	font-size:17px;
	font-weight:500;
	line-height:22px;
}
.test_paper_group .example{
	padding:10px;
	background:#f4f4f4;
	margin-bottom:15px;
}
ul.question_list{
	font-size:15px;
	line-height:30px;
}
ul.question_list li{
	overflow:hidden;
	line-height:20px;
	margin-bottom:10px;
}
.question_list .list{
	width:92%;
	color:#555;
}
.result_list{
	width:100%;
	color:#555;
	background:url(/images/sub/test_bg_check.png) -7px -2px no-repeat;
	background-size:10%;
}

.question_list input{
	width:18px;
	height:18px;
	margin-top:3px;
}

.test_paper_result{
	border-bottom:1px dashed #ddd;
	padding:15px 0;
	overflow:hidden;
}

.num_right{
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#333;
	text-align:center;
	line-height:40px;
	font-size:17px;
	font-weight:600;
	background:url(/images/sub/test_bg_o.png) center no-repeat;
	background-size:cover;
}
.num_wrong{
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#333;
	text-align:center;
	line-height:32px;
	font-size:17px;
	font-weight:600;
	background:url(/images/sub/test_bg_x.png) center no-repeat;
	background-size:cover;
}
.num_check{
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#333;
	text-align:center;
	line-height:32px;
	font-size:17px;
	font-weight:600;

	background-size:cover;
}
/*자격증 신청및 결제*/
.diploma_wrap{

}
.diploma_wrap h1{
	color:#184d87; 
	font-size:1.4em; 
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.diploma_box{
	border:1px solid #d1d1d1;  
	padding:15px;
}

.diploma_list{
	position:relative;
}
.diploma_list li{
	position:relative;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	margin-bottom:10px;
}
.diploma_list h3{ 
	width:70%;
	font-size:20px;
	font-weight:600;
}
.diploma_list .test_btn
{ 
	display:inline-block; 
	width:25%;
	height:35px; 
	color:#fff; 
	text-align:center; 
	line-height:35px; 
	margin:0 2px;
	font-weight:500;
	position:absolute; 
	right:15px; top:15px;
}
.diploma_list .test span{
	color:#ec1515;
}
.diploma_proof{
	margin-top:30px;
	margin-bottom:20px;
}
.diploma_proof li{ 
	color:#4a4a4a;
	margin-top:5px;
}

.diploma_wrap .select_box{ 
	margin:20px auto; 
}
.diploma_wrap .select_box h2{
	font-size:1.3em;
	margin:15px 0;
}
.diploma_wrap .select_box p{ 
	margin:20px 0; 
	display:block;
}
.diploma_wrap .select_box span{ 
	font-size:1.1em; 
	font-weight:bold;
}
.select_box .diploma_form{ 
	border:1px solid #d1d1d1; 
	padding:5px;
}
.diploma_form .diploma_name{ 
	font-size:1.1em; 
	font-weight:bold;
}
.diploma_wrap .select_box .diploma_form select{ 
	width:60%;
	height:30px;
	margin-left:5px;
}

.diploma_wrap .diploma_box{}
.diploma_wrap .diploma_box p{ margin-bottom:10px;}

.diploma_wrap .pay_form{ 
	 margin:25px auto; 
 }
.diploma_wrap .pay_form h2{ 
	font-size:1.3em; 
	margin-bottom:10px;
}

.diploma_wrap .pay_form table input{ 

}
.diploma_wrap .pay_form select{

}
.diploma_wrap .pay_form p{ 
	margin-bottom:10px;
}
.diploma_wrap .pay_info{ 
	background-color:#ececec; 
	padding:10px;  
	margin:20px auto;
}
.diploma_wrap .pay_info li{ 
	margin-bottom:10px; 
	font-size:0.95em;
}

.diploma_ok_wrap{
	width:100%;
	background-color:#fff;
	padding-top:22px;
}
.diploma_ok_wrap h1{ 
	font-size:1.3em;
	font-weight:bold; 
	margin-bottom:20px; 
	margin-left:20px;
	color:#184d87;
}
.diploma_ok_wrap h2{
	font-size:1.2em; 
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	margin-bottom:30px;
}
.diploma_ok_wrap p{ 
	margin-bottom:5px;
}

.diploma_ok{
	padding:10px; 
	border:1px solid #d1d1d1;
}


/*나의강의실-나의정보*/

/***** 나의정보 *****/
.myinfo_tbl_top {
	margin-top:20px;
	margin-bottom:10px;
}

.mypage_wrap .myinfo_tbl {
	border-top:2px solid #436c9c;
	margin-bottom:30px;
}

.mypage_wrap .myinfo_tbl th, .mypage_wrap .myinfo_tbl td {
	padding:0 20px;
	border-bottom:1px solid #cecece;
}

.mypage_wrap .myinfo_tbl th {
	background:#f0f0f0;
	text-align:right;
}
.myinfo_body{
	width:100%;
	margin:auto;
	margin-bottom:40px;
	font-size:0.9em;
	text-align:center;
}

/*비밀번호변경*/
.pw_change_wrap{background-color:#fff; padding:20px 10px;}
.pw_change_wrap h1{font-size:1.3em; font-weight:bold; margin-bottom:20px; margin-left:20px; color:#184d87;}
.pw_change_wrap .pw_change{}
.pw_change_wrap .pw_change table{ width:100%;}
.pw_change_wrap .pw_change table td{ padding:10px 7px;}
.pw_change_wrap .pw_change table .left{ width:40%; background-color:#ececec; }
.pw_change_wrap .pw_change table input{ width:95%; height:20px;}
.pw_change_wrap .pw_change a{ display:block; background-color:#fc6947; text-align:center; color:#fff; font-weight:bold; font-size:1.2em; height:40px; line-height:40px; margin:20px auto; }


/* 쿠폰/ 포인트  공통*/
h3.sub_h3 {
	font-size:26px;
	line-height:30px;
	color:#2a2a2a;
	font-weight: 500;
}
.coupoin_history {
	width: 100%;
	overflow: hidden;
}
.coupoin_history div.float_l {
	width: 40%;
}
.coupoin_history div.float_r {
	width: 100%;
	background:#edeff2;
	text-align:center;
}
.coupoin_history div.float_r img {
	width: 25%;
}
.coupoin_history .coupoin_tity {
	display: inline-block;
	margin-top:15px;
	margin-bottom:10px;
	text-align:left;
}
.coupoin_history .coupoin_tity p {
	font-size:15px;
	line-height:15px;
	color:#7a7a7a;
}
.coupoin_history .coupoin_tity p em {
	font-size:1.2em;
	line-height:1.5em;
	color:#c22127;
}
.coupoin_history .coupoin_tity p em span {
	font-size:1.5em;
}
/* 쿠폰/ 포인트  내역 리스트*/
.history_list{
	border-top:2px solid #333;
	text-align:center;
}
.history_list th, .lecture_review_list td {
	padding: 10px 0;
	font-size:14px;
	border-bottom:1px solid #cecece;
	text-align:center;	
}
.history_list th{
	font-weight:normal;
	border-left:1px solid #cecece;
	background: #eff3f5;
}
.history_list th.first,
.history_list td.first {
	border-left:none;
}
.history_list td{
	font-weight:normal;
	padding: 8px 0;
	border-bottom:1px solid #cecece;
}


/* 240514 학습하기 페이지 수정 */

/* NoewMyLecture.htm */
.study_list li {
    border: none;
    margin-bottom: 0px;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
	background-color: #f4f6f7;
}

.study_list div.mylect {
    width: 94%;
    padding: 3%;
    position: relative;
}
.mylect_top{display: flex;line-height: 110%;}
.study_thum{width: 155px;height: 88px;background-color: #dedede;
}

.sec_right{	margin-left: 3%;letter-spacing: -1px;}
.study_tit{
font-size: 1em;
font-weight: 500;
line-height: 1.1em;
height: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-all;
width: 169px;
}

.study_teacher,
.study_progress{
	font-size: 0.8em;
}
.study_date {
    background: none;
    padding: 0;
    font-weight: 400;
	font-size: 0.8em;
}

.study_list p.progress {
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 500;
    color: #154c8a;
    right: 0;
    width: 30%;
    text-align: right;
}

.study_stop{
	font-size: 0.8em;
	color: #ff0000;
}

.mylect_bottom{
	display: flex;
	justify-content: space-between;
}
.mylect_bottom a {
    display: inline-block;
    width: 48.8%;
    height: 34px;
    color: #fff;
    text-align: center;
    line-height: 34px;
}

.btn_enter{
	background-color: #222222;
	border:1px solid #222222;
}
.btn_stop{
	background-color: #fff;
	border:1px solid #c9252b;
	color: #c9252b !important;
}

.mylect_bottom a img{width: 18px;height: 18px;padding-right: 6px;padding-bottom: 3px;}


/* lectureContents.htm */
.lecture_info{
	background-color: #f4f6f7;
	padding: 10px;
	margin-top: 10px;
}
.lecture_info li{
	font-size: 14px;
	line-height: 160%;
}
.lecture_info li span{
	font-weight: bold;
	width: 50px;
	display: inline-block;
	padding-right: 4%;
}
.quest_list{
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}

.quest_list a{
	width: 49%;
	height: 36px;
	border: 1px solid #c9252b;
	color: #c9252b;
	line-height: 36px;
	font-size: 13px;
	text-align: center;
	font-weight: 500;
}

.lecture_notice{
	background-color: #f4f6f7;
	padding: 0 10px 10px 10px;
	margin-bottom: 20px;
}

.lecture_notice h4{
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
}

.lecture_notice p{
	font-size: 12px;
	font-weight: 400;
	padding-left: 10px;
}

.t_list th {
    background: #f4f4f4;
    font-weight: 400;
	height: 27px;
	padding: 0;
    border-bottom: 1px solid #ddd;
	font-size: 12px;
}

.btn_study_play {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: none;
    color: #fff;
    text-align: center;
    line-height: 9px;
}

.t_list td.align-c img.lecture_icon {
	height: 15px;
    width: auto;
	display: flex;
	vertical-align: middle;
	margin: 0 auto;
}

/* modal */
.fade_bg{
	background-color: rgba(0, 0, 0, 0.5);
}
#slc_video .modal-content {
    position: absolute;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	left: 50%;
	transform: translateX(-50%);
	top: 240px;
	width: 250px;
	text-align: center;
	padding: 12px;
	font-size: 15px;
}

#slc_video .modal-content  .close {
    position: absolute;
	right: 12px;
	float: none;
	font-size: 28px;
	line-height: 0.4;
}

#slc_video .modal-content h3{
	color: #222222;
	padding: 19px 0 8px;
	border-bottom: 1px solid #eee;
	width: 204px;
	margin: 0 auto;
}

#slc_video .modal-content div{
	padding: 20px 0;
}



.checks {position: relative;}
.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 16px;
  height: 16px;
  text-align: center;
  background: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 100%;
  box-shadow: none;
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="radio"]:checked + label:before {
  background: #c9252b;
  border:1px solid #c9252b;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px #fff;
}

/* radio size */
.checks.small input[type="radio"] + label {
  font-size: 12px;
  padding-left: 25px;
}
.checks.small input[type="radio"] + label:before {
  top: -2px;
  width: 17px;
  height: 17px;
}
.checks.small input[type="radio"]:checked + label:after {
  top: 3px;
  width: 9px;
  height: 9px;
}

#slc_video .modal-content label:first-of-type{
	margin-right: 20px;
}
#slc_video .modal-content button{
	background-color: #c9252b;
	color: #fff;
	display: block;
	width: 100%;
	height: 45px;
}

/* bbsList_1.htm */
.bbs_wrap {
    width: 94% !important;
    padding: 100px 3% 0 3%;
}
.sub_title_group h3{
	width: 100%;
}
.sub_title_group h3 a{
	background-color: #c9252b;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	display: block;
}

ul.lecture_tab {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin: 4px 0 20px 0;
}

ul.lecture_tab li {
    width: 49.5%;
    display: block;
	margin-bottom: 4px;
}

ul.lecture_tab li:nth-of-type(2n+1){
	margin-right: 1%;
}

ul.lecture_tab li.tab_on a, ul.lecture_tab li a {
    background: #fff;
    color: #c9252b;
	font-size: 13px;
	border: 1px solid #c9252b;
	height: 34px;
	line-height: 34px;
}

/* bbsList_2.htm */
.checked{
	width: 12px;
	height: 12px;
	margin-right: 4px;
}
.checked img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.bbs_bottom{
	border: 1px solid #000;
	width: 162px;
	height: 36px;
	margin: 0 auto 60px;
	display: block;
	transition: 0.2s;
	font-size: 14px;
}
.bbs_bottom:hover,
.bbs_bottom:focus{
	background-color: #000;
	color: #fff;
}


/* bbsList_3.htm */
.write_con{
	width: 100%;
	border-top: 1px solid #323232;
	letter-spacing: 0px;
	margin-bottom: 16px;
}
.write_tit{
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	background-color: #f4f6f7;
	padding: 5px;
}
.tit_date{
	font-size: 11px;
}
.write_con textarea{
	width: 100%;
	border: none;
	padding: 10px 5px;
	color: #000;
	font-size: 12px;
	height: auto;
	min-height: 200px;

}
.write_con .attachment{
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
	display: flex;
	align-items: center;
}
.write_con .attachment span{
	background-color: #f4f6f7;
	height: 100%;
	display: block;
	padding: 5px 18px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
}
.write_con p{
	font-size: 11px;

}

/* bbsList_4.htm */
.write_con #textarea{
	width: 100%;
	border: none;
	padding: 10px 5px;
	color: #000;
	font-size: 12px;
	height: auto;
	min-height: 200px;
}

.answer_con{
	margin-top: 30px;
}
.answer_con h5{
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}
.answer_con .write_tit{
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	background-color: #c9252b;
	padding: 5px;
	color: #fff;
}

.answer_con #textarea{
	width: 100%;
	border: none;
	padding: 10px 5px;
	color: #000;
	font-size: 12px;
	height: auto;
	min-height: 70px;

}
.answer_con .attachment{
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
	display: flex;
	align-items: center;
}
.answer_con .attachment span{
	background-color: #f4f6f7;
	height: 100%;
	display: block;
	padding: 5px 18px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
}
.answer_con p{
	font-size: 11px;
}

.bbs4_bottom{
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
}

.bbs_btn{
	border: 1px solid #c9252b;
	width: 49%;
	height: 36px;
	margin: 0 auto 60px;
	display: block;
	transition: 0.2s;
	font-size: 14px;
	color: #c9252b;
}
.bbs_btn_r{
	border: 1px solid #c9252b;
	background-color: #c9252b;
	width: 49%;
	height: 36px;
	margin: 0 auto 60px;
	display: block;
	transition: 0.2s;
	font-size: 14px;
	color: #fff;
}

/* bbsList_5.htm */

.write_wrap_new .tbl_view {
	border-left:none;
	border-right:none;
    border-top: solid #323232 1px;
	padding-top: 200px;
}
.write_wrap_new .tbl_view th {
    background-color: #f4f6f7;
    border:none;
    font-weight: normal;
    text-align: center;
}

.write_wrap_new .tbl_view td {
    border: none;
    padding-left: 10px;
	background-color: #f4f6f7;
}

.write_wrap_new .tbl_view input {
    line-height: normal;
    font-family: inherit;
    border: none;
    border-radius: 0;
    outline-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	height: 30px;
	padding-left: 0px;

}

.write_wrap_new .tbl_view select {
    line-height: normal;
    font-family: inherit;
    border: none;
    border-radius: 0;
    outline-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	height: 30px;
	padding-left: 5px;
	background-image: url(../images/sub/slc_down.png);
	background-repeat: no-repeat;
	background-position: 96% center;
}

.write_wrap_new textarea {
    font-family: 'Malgun Gothic', 'sans-serif';
    font-size: 13px;
    color: #666666;
    border: none;
    line-height: 150%;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #C9C9C9;
    scrollbar-highlight-color: #C9C9C9;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #666666;
}

.write_wrap_new input::file-selector-button {
	color: #fff;
	border-radius: 0;
	height: 30px;
	width: 120px;
	padding: 0;
	background-color: #000;
	border: none;
	font-size: 12px;
	margin-right: 10px;
  }
  
	
@media (min-width: 410px) {
	.study_tit{
	width: 100%;
	}
}