@charset "utf-8";

body{  }

.popup_write_block header{ background:#13439a; color:#fff; text-align:center; }
.popup_write_block header h1 span{ display:block; line-height:50px; font-size:17px; }


.layer_header.goodselector{ padding:20px; display:table; width:100%; border-bottom:9px solid #f4f4f4; }
#displayGoods{ display:table; width:100%; }

.popup_write_block .goods{ display:table-row; position:relative; }
.popup_write_block .goods:after{ display:block; content:''; clear:both; }
.popup_write_block .goods .goods_left{ display:table-cell; position:relative; width:95px; height:95px; border:1px solid #eee; }
.popup_write_block .goods .goods_left img{ /* position:absolute; left:0; top:0; bottom:0; right:0; */ margin:auto; width:auto; max-width:100%; height:auto; max-height:100%; }
.popup_write_block .goods .goods_right{ display:table-cell; padding-left:14px; vertical-align:middle; }

.popup_write_block .goods .goods_right p{ font-size:14px; line-height:20px; color:#242424; }
.popup_write_block .goods .goods_right span{ font-size:15px; font-weight:500; color:#242424; }

.layer_body{ padding:20px; text-align:center; border-top:1px solid #eee; }
.layer_body > p{ padding-bottom:3px; font-size:18px; font-weight:500; color:#242424; }

.score_wrap{ position:relative; }
.score_wrap:after{ clear:both; content:''; display:block; }
.score_wrap input{ vertical-align:-3px; }
.score_wrap label{ display:inline-block; }

.layer_body.body_content{ padding-bottom:0; border-bottom:1px solid #eee; }
.layer_body.body_content input{ max-width:100%; margin:7px auto; }
#subject{ border:1px solid #ddd; background:#f4f4f4; }
.tx-canvas{ border:1px solid #ddd; }
.tx-canvas iframe, .tx-canvas textarea{ font-family:'NanumSquareRound'; font-size:15px; height:400px !important; }

.layer_footer.buttons{ position:relative; padding:20px; text-align:center; border-top:9px solid #f4f4f4; }
.layer_footer.buttons:after{ clear:both; content:''; display:block; }
.layer_footer.buttons button{ float:left; margin:0 0 0 4%; width:48%; }
.layer_footer.buttons button:first-child{ margin-left:0; }

/* 수업활용팁 팝업용 작성 페이지 대응 */
.mygdtip_write_wrap{ padding:20px 0; margin-top:-15px; }
.mygdtip_write_wrap li{ margin-top:15px; padding:0 20px; }
.mygdtip_write_wrap li:after{ display:block; content:''; clear:both; }
.mygdtip_write_wrap li h5{ margin-bottom:5px; font-size:16px; }
.popup_write_block input.required{ width:100%; max-width:100%; }
.mygdtip_write_wrap li select{ width:100%; }

.goodsbutton_wrap h5{ display:none; float:left; width:90px; padding-top:40px; }
.goodsbutton_wrap > div{  }
.goods_fleft{ float:left; width:49%; }
.mygdtip_write_wrap li .goods_fleft:first-child{ margin-right:2%; }

.mygdtip_write_wrap .tx-canvas iframe, .mygdtip_write_wrap .tx-canvas textarea{ height:280px !important; }
.mygdtip_write_wrap .layer_footer.buttons{ }
.mygdtip_write_wrap .layer_footer.buttons button{ float:none; width:220px; margin:0 4px; }

.tag_txt_wrap{ margin-top:10px; }
.tag_txt_wrap:after{ display:block; content:''; clear:both; }
.tag_txt_wrap span{ display:inline-block; float:left; padding:0 8px; margin:4px 4px 0 0; line-height:30px; font-size:14px; color:#555; background:#f9f9f9; }
.tag_txt_wrap span.active{ background:#eee; }
.tag_txt_wrap span.active img{ margin:10px 0 0 2px; width:10px; height:10px; }