/*
Project : EK보육경영연구소
Author  : kang2oon
Date    : 2016-01-13
*/

/* Common */
html, body {
  font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;font-size:13px;
  -webkit-font-smoothing:antialiased;line-height:1.6;color:#212121;background:#fff;
}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.fleft{float:left;}
.fright{float:right;}
.mgtop10{margin-top:10px!important;}
.mgtop20{margin-top:20px!important;}
.mgtop30{margin-top:40px!important;}
.txtleft{text-align:left!important;}
.txtright{text-align:right!important;}
.txtcenter{text-align:center!important;}
.txtguide{color:#999;}
.txtnormal{font-weight:normal;}
.num > li{list-style:decimal;margin-left:20px;}
input[type='text'], textarea, select{
  border:1px solid #d4d4d4;padding:3px 5px; height:35px; 
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
input[type='checkbox'], input[type='radio']{position:relative;top:2px;}
input[type='file']{height:35px}
sup{font-size:10px;}
/* Layout */
.container{position:relative;width:960px;margin:0 auto;}
.container-fluid{position:relative;width:100%;}
/* Header */
#header{border-bottom:1px solid #ababad;*z-index:100;}
  #header h1{float:left;margin:40px 0 20px;}
  #header ul.gnb{float:right;margin-top:56px;*padding-bottom:20px;}
  #header ul.gnb li{float:left;margin:0 10px 0 50px;}
  #header ul.gnb li:first-child{margin-left:0;}
  #header ul.gnb li a{padding-bottom:33px;}
#gnb_over{position:absolute;left:0;border-bottom:1px solid #ababad;background:#f5f5f5;display:none;z-index:10000;}
  #gnb_over .container{
    background:url(../images/bg_gnb_over.png) no-repeat -20px 100%;min-height:170px;padding:20px 0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
#gnb_over .container > ul{float:right;/*margin-right:13px;*/}
  #gnb_over .container > ul > li{float:left;}
  #gnb_over .container > ul > li ul.us{margin:0 15px 0 50px;}
  #gnb_over .container > ul > li ul.cm,/*{margin-left:75px;}*/
  #gnb_over .container > ul > li ul.pb{margin-left:65px;}
  #gnb_over .container > ul > li ul.pr{margin-left:40px;}
  #gnb_over .container > ul > li ul.ws{margin-left:70px;}
#gnb_over .container > ul > li ul.depth2 li{text-align:left;/*margin-left:62px;*/}
  #gnb_over .container > ul > li ul.depth2 li a{text-decoration:none;color:#444;font-weight:normal;line-height:30px;}
  /*#gnb_over .container > ul > li ul.half li{margin-left:48px;}*/
/* Footer */
#footer{padding:30px 0 40px;color:#999;background:#f5f5f5;/**background:none;*border-top:1px solid #e4e4e4;*/*overflow: hidden;}
  #footer .address span{color:#d4d4d4;}
  #footer .address a{color:#999;text-decoration:none;}
  #footer .address p{margin-top: 0px; position: absolute; right: 0;}
/* Family Sites */
#selectbox {position:relative;border: 1px solid #B9B9C8;background:#fff;width: 230px;font-size:12px;}
#selectbox a#button{display:block;background:url(../images/bg_selectbox.gif) no-repeat 210px 7px;padding:3px 10px;text-decoration:none;color:#212121;}
#sites{position:absolute;top:-261px;left:-1px;display:none;background:#fff;border: 1px solid #B9B9C8;}
#sites{list-style:none;}
#sites a{display:block;width:210px;padding:3px 10px;border-bottom:1px dotted #B9B9C8;text-decoration:none;color:#212121;}
#sites .last a{border-bottom:none;}
/* Sidebar */
#sidebar{position:relative;width:162px;margin-bottom:50px;}
  #sidebar h2{
    height:145px;*height:60px;border-bottom:1px solid #666;padding-top:86px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  #sidebar h2.doub{padding-top:54px;padding-bottom:30px;}
  #sidebar li{border-bottom:1px solid #ededee;}
  #sidebar li a{display:block;padding:14px 13px;font-size:14px;color:#212121;text-decoration:none;}
  #sidebar li.active{background:#f5f5f5 url(../images/bg_snb_active.gif) no-repeat 147px 50%;}
  #sidebar li.active a{color:#75a631;}
/* Main Slider */
.main_slider{overflow-x:hidden;}
  .main_slider .bx-wrapper .bx-viewport{box-shadow: 0 0 0 #fff;border:none;left:-1px;overflow:visible!important;}
  .main_slider .bx-wrapper{margin:0 auto 28px;}
  .main_slider .over{position:absolute;top:0;left:0;width:100%;height:300px;background:url(../images/over_slider.png) no-repeat 50% 0;z-index:30;}
  .main_slider .bx-wrapper .bx-controls-direction a{width:34px;height:50px;margin-top:-25px;}
  .main_slider .bx-wrapper .bx-prev{background:url(../images/sbtn_prev.png) no-repeat;left:25px;}
  .main_slider .bx-wrapper .bx-next{background:url(../images/sbtn_next.png) no-repeat;right:25px;}
  .main_slider .bx-wrapper .bx-pager{bottom:13px;z-index:50;}
  .main_slider .bx-wrapper .bx-pager.bx-default-pager a{
    width:7px;height:7px;border-radius:10px;background:transparent;border:2px solid #fff;margin:0 4px;box-shadow: 0 0 5px #999;
  }
  .main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .main_slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;}
/* Main */
.mcont{margin-bottom:30px;}
.go_overview{width:263px;}
.mprogram{width:435px;margin:0 14px;}
  .mprogram ul{margin:-3px -4px -4px -3px;}
  .mprogram ul li{float:left;margin:3px 4px 4px 3px;line-height:0;}
.go_together{margin-top:14px;}
.board_ex{width:234px;}
  .board_ex .board{
    width:100%;height:142px;background:#fff;border:1px solid #e4e4e4;border-radius:3px;overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .board_ex .board .thumb{height:105px;}
  .board_ex .board a{display:inline-block;text-decoration:none;color:#333;font-weight:bold;padding:8px 14px;}
  .board_ex .board a:hover{text-decoration:underline;}
  .board_ex .news{margin-top:15px;}
  .board_ex .news ul{margin-top:-3px;*margin-top:5px;min-height:116px;}
  .board_ex .news li{position:relative;*zoom:1;background:url(../images/bg_newsline.gif) repeat-x 0 0;padding:5px 0 4px;}
  .board_ex .news li:after{content:"";clear:both;display:block;}
  .board_ex .news li:first-child{background:none;}
  .board_ex .news li a{color:#333;text-decoration:none;background:url(../images/bu_news.gif) no-repeat 1px 4px;padding-left:10px;}
  .board_ex .news li a:hover{text-decoration:underline;}
  .board_ex .news li span{display:block;float:right;color:#999;font-size:12px;*position:absolute;*right:0;*top:5px;}
  .board_ex .cs{color:#999;}
  .board_ex .cs a{color:#75a631;}
/* Section */
.section{position:relative;width:768px;}
  .section .tit{position:relative;;background-position:0 0;background-repeat:no-repeat;height:145px;}
  .section .tit.type1{background-image:url(../images/bg_header1.png);}
  .section .tit.type2{background-image:url(../images/bg_header2.png);}
  .section .tit.type3{background-image:url(../images/bg_header3.png);}
  .section .tit h1{position:absolute;bottom:19px;left:0;}
  .section .tit .breadcrumb{position:absolute;bottom:19px;right:0;color:#888;font-size:11px;}
  .section .tit .breadcrumb a{color:#888;text-decoration:none;}
  .section .article{margin:60px 0;min-height:380px;}
  .section .article a{text-decoration:none;color:#212121;}
  .section .article a:hover{text-decoration:underline;}
  .section .article.half{margin:30px 0 60px;}
  .section .article .accent{color:#75a631;}
  .section .article h4{font-size:14px;color:#75a631;}
  .section .article ul.bus img{position:relative;top:2px;}
  .section .box_info{padding:15px 20px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;}
  .section .article ul.ul_ty1 > li{padding-left:11px;background:url(../images/bu_li_ty1.gif) no-repeat 0 7px;}
  .section .article ul.istep > li{position:relative;min-height:120px;background:url(../images/bg_install_step.gif) repeat-y 59px 0;padding:0 0 30px 150px;}
  .section .article ul.istep > li.last{background:none;}
  .section .article ul.istep > li .stimg{position:absolute;top:0;left:0;width:120px;}
  .section .article ul.istep > li h4{font-size:14px;padding-top:15px;}
  .section .article ul.photo > li{float:left;margin-right:10px;}
  /* Table */
  table{width:100%;margin-top:5px;}
  table caption{display:none;}
  table.tbl_ty1 th, table.tbl_ty1 td{padding:10px 15px;border:1px solid #e8e8e8;}
  table.tbl_ty1 thead th{background:#f2f2f2;}
  table.tbl_ty1 thead tr:first-child th{border-top:1px solid #666;}
  table.tbl_ty1 tbody th{background:#fcfcfc;}
  table.tbl_ty1.top tbody td{vertical-align:top;}
  table.tbl_step th, table.tbl_step td{padding:10px 15px;border:1px solid #e8e8e8;}
  table.tbl_step th{background:#f2f2f2;}
  table.tbl_step td.step{background:#fcfcfc;font-weight:bold;text-align:center;}
  section .article .board_all{background:url(../images/bu_board_all.gif) no-repeat 0 4px;padding-left:20px;color:#888;}
  .section .article .board_all strong{color:#8bc140;}
  table.tbl_board th, table.tbl_board td{padding:10px 15px;border:1px #e8e8e8;border-style:solid none;}
  table.tbl_board thead th{background:#f2f2f2;border-top-color:#666;}
  table.tbl_board tbody tr.noti td{font-weight:bold;background:#fcfcfc;}
  table.tbl_bdnav th, .section .article table.tbl_bdnav td{padding:10px 15px;border:1px #e8e8e8;border-style:solid none;}
  table.tbl_bdnav th{background:#f5f5f5;}
  table.tbl_bdnav.ty2 tr:first-child th, table.tbl_bdnav.ty2 tr:first-child td
  {border-top:1px solid #666;}
  .section .article ul.paging{display:inline-block;}
  .section .article ul.paging li{float:left;margin:0 2px;}
  .section .article ul.paging li a{display:block;padding:4px 12px;border:1px solid #e8e8e8;border-radius:3px;}
  .section .article ul.paging li.current a{border-color:#8bc140;color:#8bc140;font-weight:bold;}
  .section .article a.view_prof{color:#007cc4;text-decoration:underline;}
  .section .article .idea_desc .fleft{width:378px;}
  .section .article .idea_desc .fright{width:370px;}
  .section .article .idea_desc .fright img{max-width:100%;}
  .section .article .diagram{width:350px;}
  .section .article .diagram img{max-width:100%;}
  .section .article .dg_cont{width:398px;}
  .section .article .step_teacher{margin:0 -10px;}
  .section .article .step_teacher li{
    float:left;margin:0 10px;width:177px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .section .article .step_teacher li h5{font-size:14px;text-align:center;padding:8px;border:2px solid;}
  .section .article .step_teacher li.s1 h5{border-color:#f7e2b3;background:#f8e6bc;}
  .section .article .step_teacher li.s2 h5{border-color:#eccbe5;background:#f1d3eb;}
  .section .article .step_teacher li.s3 h5{border-color:#dcecc5;background:#e6f1d5;}
  .section .article .step_teacher li.s4 h5{border-color:#a5e3f8;background:#beecfa;}
  /* ������ */
  .section .article .org_chart{position:relative;width:643px;height:507px;margin:0 auto;background:url(../images/img_organization.png) no-repeat;}
  .section .article .org_chart ul{position:absolute;top:262px;left:508px;}
  .section .article .org_chart ul li{width:112px;height:24px;margin-bottom:21px;line-height:14px;color:#999;}
  .section .article .org_chart ul li span{font-family:tahoma;font-size:11px;}
  /* Flash */
  .section .article .swf{border:3px solid #e8e8e8;height:430px;}
  /* Review */
  .review{margin:0 -5px;width:778px;}
  .review li{float:left;margin:5px;line-height:0;}
  /* wing */
  .wing{position:absolute; top:0; left:-150px;}
  .wing-r{position:absolute; top:0; right:-150px;}
/* Button */
.btn{display:inline-block;background:#007cc4;border:1px solid #006ba9;color:#fff!important;font-weight:bold;padding:8px 13px;border-radius:3px;}
.btn_cancle{background:#ccc;border:1px solid #c0c0c0;color:#212121!important;}
.btn_list{padding:5px 15px;background:#f5f5f5;border:1px solid #e8e8e8;color:#212121!important;}
.btn_miral{background:#8bc140;border-color:#76ae28;}
/* Popup */
.pop_header{position:relative;background:#2a2a2a;color:#fff;font-size:18px;font-weight:bold;padding:17px 20px;}
  .pop_header a{position:absolute;right:20px;top:20px;display:block;text-decoration:none;}
.pop_cont{padding:20px;}
  .pop_cont h3{font-size:14px;font-weight:bold;margin-bottom:10px;}
  .pop_cont textarea{width:100%;height:280px;border:1px solid #ccc; font-size:12px; line-height:1.6;font-family:'����'; padding:10px;}
  .pop_cont label input[type='checkbox']{position:relative;top:3px;}
  .pop_cont .btn{text-decoration:none;}
/**/
#ksc_contents_area{width:768px;}
  #ksc_contents_area img{max-width:100%;}
/* Tab */
.tab{position:relative;top:-1px;*zoom:1;}
  .tab:after{content:"";display:block;clear:both;}
  .tab>li{
      float:left;margin-bottom:-1px;border:1px #e8e8e8;border-style:solid solid solid none;background:#f7f7f7;
      -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
              box-sizing:border-box;
  }
  .tab>li a{position:relative;display:block;color:#212121;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;padding:13px 0;}
  .tab>li:first-child{border-style:solid;}
  .tab>li.active a{color:#fff;background:#8bc140;border-color:#8bc140;}
  .tab .tcont{display:none;width:100%;position:absolute;top:48px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;}
  .tab .tcont:after{content:"";display:block;clear:both;}
  .tab.count2>li{width:50%;*width:383px;}
  .tab.count2>li:first-child{*width:382px;}
  .tab.count3>li{width:33.3333%;*width:255px;}
  .tab.count3>li:first-child{*width:254px;}
  .tab.count4>li{width:25%;*width:191px;}
  .tab.count4>li:first-child{*width:190px;}
  .tab .tcont>div{*width:768px;}
  
  .btn180619{background:#333!important; position:absolute!important; top:280px!important; left:200px; width:100px;font-size:12px!important; border:0; height:25px; padding:0!important; line-height:25px; font-weight:normal!important;}
.btn180619:hover{text-decoration:none!important;}


  .board_ex_new {width:470px;}
  .board_ex_new .board{
    width:100%;height:142px;background:#fff;border:1px solid #e4e4e4;border-radius:3px;overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
  }
  .board_ex_new .board .thumb{height:105px;}
  .board_ex_new .board a{display:inline-block;text-decoration:none;color:#333;font-weight:bold;padding:8px 14px;}
  .board_ex_new .board a:hover{text-decoration:underline;}
  .board_ex_new .news{margin-top:15px;}
  .board_ex_new .news ul{margin-top:5px;min-height:116px;}
  .board_ex_new .news li{position:relative;*zoom:1;background:url(../images/bg_newsline.gif) repeat-x 0 0; padding:2px 0 0;}
  .board_ex_new .news li:after{content:"";clear:both;display:block;}
  .board_ex_new .news li:first-child{background:none;}
  .board_ex_new .news li a{color:#333;text-decoration:none;background:url(../images/bu_news.gif) no-repeat 1px 8px; padding-left:10px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .board_ex_new .news li a:hover{text-decoration:underline;}
  .board_ex_new .news li span{display:block;float:right;color:#999;font-size:12px;*position:absolute;*right:0;*top:5px;}
  .board_ex_new .cs{color:#999;}
  .board_ex_new .cs a{color:#75a631;}

  .mprogram_new {width:470px;margin-left:20px;}
  .mprogram_new  ul{margin-right:0px;}
  .mprogram_new  ul li{float:left;margin-bottom:10px;line-height:0;}

/*20200217_위탁운영기간 현황*/
  table.tbl_board.tbl_board200217 td{padding:10px 15px;border:1px #e8e8e8;border-style:solid none;}
  table.tbl_board.tbl_board200217 td.borderdot{border:1px solid  #e8e8e8;}
  table.tbl_board.tbl_board200217 td.borderbott{border-bottom-color:#cccccc;}
	.popseledt_2020{ width:160px; display:inline-block; position:relative;top:2px;}

/*20200218_메인 리뉴얼*/
	h3.newtitsty{font-size:18px; font-weight:500; }
	.board_ex_new.board_ex_new0218{width:666px; height:275px;}
	.news.news0218{width:318px; margin-top:0;}
	.new0218_bg{background:url(http://ekkidscare.com/css/images/news0218_bg.png)no-repeat 100% 0; padding-top:15px;}
	.board_ex_new .news.news0218 li, .board_ex_new.ter_recruit li{position:relative;*zoom:1;background:none;}
	.board_ex_new .news.news0218 li a{width:220px; display:inline-block;}
	.mprogram_new.mprogram_new0218 {width:274px;}
	.mprogram_new.mprogram_new0218 ul li{margin-bottom:0;}
	.customer_new{height:98px;}
	.ban_carego{width:666px; margin-top:0; margin-top:1px;}
	.board_ex_new.ter_recruit{width:272px; border:1px solid #e5e5e5; border-top:0; height:135px;}
	.board_ex_new.ter_recruit ul{margin:0 15px;}
	.board_ex_new.ter_recruit ul li{padding:3px 0 }
	.board_ex_new.ter_recruit h3{margin-left:15px;}
	
/****  2020 AWARD ********************************************************************/

.award1 {position:relative; width: 100%; max-width: 960px; margin: 0 auto;    text-align: left; display: inline-block;}
.award1 ul {margin:25px 0px 18px 0px;}
.award1 ul li {display:inline-block; margin-right:20px; }
.award1 ul li:last-child { margin-right: 0px;}
		

	
#Map area {outline:none;}
.award {display: inline-block; margin-top: 30px;}

.fontnoto{font-family: 'NotoSans'!important;}
/*- IE 9+10 hack (¼O¼º CU)*/
@media screen and (min-width:0\0){
	.popseledt_2020{ top:0px;}
	
}

/**** CSS ********************************************************************/
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans Light'), local('Noto Sans Light'), local('Noto Sans Light');
  src: url(NotoSans-Light.eot);
  src: url(NotoSans-Light.eot?#iefix) format('embedded-opentype'),
  url(NotoSans-Light.woff) format('woff'),
  url(NotoSans-Light.otf) format('truetype');
}

@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans Regular'), local('Noto Sans Regular'), local('Noto Sans Regular');
  src: url(NotoSans-Regular.eot);
  src: url(NotoSans-Regular.eot?#iefix) format('embedded-opentype');
}

@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans Medium'), local('Noto Sans Medium'), local('Noto Sans Medium');
  src: url(NotoSans-Medium.eot);
  src: url(NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
/*  url(NotoSans-Medium.woff) format('woff'),
  url(NotoSans-Medium.otf) format('truetype');*/
}

@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('Noto Sans Bold'), local('Noto Sans Bold');
  src: url(NotoSans-Bold.eot);
  src: url(NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
/*  url(NotoSans-Bold.woff) format('woff'),
  url(NotoSans-Bold.otf) format('truetype');*/
}


*{
  margin:0;
  padding:0;

}

html, body {
  font-family: 'NotoSans'!important;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

img{
  vertical-align: middle;
  border:0;
}

a{
  text-decoration: none;
  color:#fff;
}

hr.popup_line{
  width:30px;
  border:0;
  border-bottom:2px solid #007cc4;
  margin:6px auto 13px auto;
}

/*
.fl{
    float:left;
}

.fr{
    float:right;
}

.cb:after{
    content: "";
    display: block;
    clear: both;
}
*/

a.go_lounge_btn{
  /*position:absolute;*/
  top:0;
  /*right:-336px;*/
  z-index:990;
  left: 808px;
}

a.go_a_lounge_btn{
  /*position:absolute;*/
  top:0;
  /*right:-336px;*/
  z-index:990;
  left: 808px;
}

a.go_lounge_btn:hover{
  cursor:pointer;
}

div.dim{
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
}

.lounge_popup{
  width:530px;
  height:440px;
  background:#fff;
  letter-spacing: -0.05em;
  border-radius:5px;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-220px;/**/
  margin-left:-265px;
  z-index:100000;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*margin:0 auto;*/
}

.lounge_popup label{
  font-weight:bold;
  font-size:15px;
  color:#000;
}

.l_popup_top{
  position:relative;
  text-align:center;
}

.l_popup_close{
  position:absolute;
  top:-18px;
  right:22px;
}

.l_popup_close:hover{
  cursor:pointer;
}

.l_popup_top h4{
  font-size:17px;
  font-weight:bold;
  color:#007cc4;
  margin-top:40px;
}

.l_popup_top h1{
  font-family: "Roboto", sans-serif;
  font-size:47px;
  margin-top:-14px;
}

.l_popup_top p{
  font-size:16px;
}

.l_popup_mid{
  margin:20px 68px 40px 68px;
}

.l_popup_input{
  width:390px;
  margin:0 auto;
  border-bottom:1px solid #e5e5e5;
}

.l_popup_input input{
  width:90%;
  border:0;
  font-family: 'NotoSans'!important;
  font-size:15px;
  letter-spacing: -0.05em;
  padding:6px;
}

.l_popup_input input::placeholder{
  color:#999;
}

.l_popup_input input:focus{
  outline:none;
}

.l_popup_pw{
  margin-top:23px;
}

.l_popup_bottom{
  width:100%;
  height:68px;
  font-weight:bold;
  line-height:68px;
  background:#007cc4;
  font-size:16px;
  border-radius:0 0 5px 5px;
  position:absolute;
  bottom:0;
  text-align:center;
}

/* doran_comment_main_area */
#doran_comment_main_area{
  width: 766px;
  margin:0;
  font-size:12px;
}
#doran_comment_main_area a{
  text-decoration:none;
}
#doran_comment_main_area img{
  border:0;
}
#doran_comment_input_area{
  width:100%;
  z-index:1000;
}
#doran_comment_input_title_area{
  width:100%;
  height:30px;
}
#doran_comment_input_title_left{
  line-height:30px;
  font-size:11px;
  color:#999999;
  float:left;
}
#doran_comment_input_title_left span{
  font-size:12px;
  color:#999999;
  font-weight:bold;
}
#doran_comment_input_title_right{
  width:102px;
  height:30px;
  line-height:30px;
  float:right;
}
#doran_comment_input_title_right img{
  margin-top:6px;
}
#doran_comment_input_box{
  width: 100%;
  height: 161px;
  border: #CFCFCF 1px solid;
  border-top: #A4A4A4 2px solid;
  background-color: #F9F9F9;
  text-align: center;
}
#doran_comment_input_box_center{
  width:95%;
  margin:0 auto;
  z-index:100;
}
#doran_comment_input_box_top{
  width:100%;
  height:45px;
}
#doran_comment_input_box_bottom{
  width:100%;
}
#doran_comment_input_box_top1{
  width: 140px;
  height:45px;
  font-size:16px;
  float:left;
  font-weight:bold;
  line-height:45px;
  text-align:left;
  position:relative;
}
#doran_comment_input_box_top1 img{
  position:absolute;
  right:0;
  top:13px;
}
#doran_comment_input_box_top2{
  font-size:12px;
  color:#999999;
  line-height:45px;
  float:right;
}
#doran_comment_input_box_top3{
  width:98%;
  height:98px;
  border:1px solid #E5E5E5;
}
#doran_comment_input_box_top5{
  width:99%;
  height:45px;
}
#doran_comment_input_box_top3 textarea{
  width:99%;
  height:95px;
  resize:none;
  padding:0;
  margin:0;
  border:0;
  /*box-sizing:border-box;*/
}
#doran_comment_input_box_top4{
  width:92px;
  height:99px;
  position:relative;
}
#doran_comment_input_box_top4 img{
  position:absolute;
  left:0px;
  top:0px;
}
#doran_comment_contents_area{
  width: 780px;
  /*margin-top: 30px;*/
  /*margin-left: 28px;*/
  text-align: center;
  /*border-top:1px solid #E5E5E5;
  overflow:hidden;*/
}
.doran_comment_contents{
  width:/*100%*/768px;
  margin-top:20px;
  border-bottom:1px solid #E5E5E5;
  float:left;
}
.doran_comment_contents_info{
  width:100%;
  height:18px;
}

.doran_comment_contents_info1{
  float:left;
}
.doran_comment_contents_info_name{
  color:#4F4F4F;
  font-weight:bold;
}
.doran_comment_contents_info_name_my{
  color:#5CBA02;
}
.doran_comment_contents_info_date{
  color:#B2B2B2;
  font-size:11px;
  margin-left:10px;
}
.doran_comment_contents_info2{
  color:#B2B2B2;
  font-size:11px;
  float:right;
}
.doran_comment_contents_info2 img{
  margin-top: -9px;
}
.doran_comment_contents_info2 a{
  color:#B2B2B2;
  font-size:11px;
}
.doran_comment_contents_info2 a:hover{
  color:#B2B2B2;
  font-size:11px;
}
.doran_comment_contents_info2 a:link{
  color:#B2B2B2;
  font-size:11px;
}
.doran_comment_contents_comment{
  width:100%;
  padding-top:15px;
  padding-bottom:20px;
  text-align:left;
  word-break:break-all;
}
.doran_comment_contents_comment td{
  color:#333333;
  line-height:20px;
}
#doran_comment_input_sticker{
  width:100%;
  margin-top:8px;
  text-align:left;
  position:relative;
  z-index:100;
}
#doran_comment_input_sticker_reply{
  width:97%;
  height:25px;
  margin-top:8px;
  text-align:left;
  position:relative;
  z-index:100;
}
#doran_comment_input_sticker_pop, #doran_comment_input_sticker_pop_reply{
  width:482px;
  height:353px;
  border:1px solid #4F4F4F;
  position:absolute;
  background-color:#FFFFFF;
  left:0px;
  top:25px;
  display:none;
  z-index:100;
}

#doran_comment_love_pop{
  width: 180px;
  background-color: #FFFFFF;
  border: 1px solid #999;
  right: -78px;
  top: 26px;
  position: absolute;
  display: none;
  z-index: 100;
  padding: 10px 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -m-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#doran_comment_input_sticker_btn_area{
  width:482px;
  height:40px;
  border-bottom:#D6D6D6 1px solid;
}
#doran_comment_input_sticker_btn1{
  width:240px;
  height:40px;
  float:left;
  text-align:center;
}
#doran_comment_input_sticker_btn2{
  width:240px;
  height:40px;
  float:left;
  text-align:center;
  border-left:#D6D6D6 1px solid;
}
#doran_comment_input_sticker_contents_area, #doran_comment_input_sticker_contents_area_reply{
  width:482px;
  height:302px;
  margin-top:10px;
  overflow-y:scroll;
  z-index:100;
}
.doran_comment_input_sticker_contents{
  width:115px;
  height:85px;
  float:left;
  text-align:center;
  margin-top:10px;
  overflow:Hidden;
  cursor:pointer;
}
.doran_comment_input_sticker_contents img{
  width:110px;
}

.doran_comment_input_sticker_contents_reply{
  width:115px;
  height:85px;
  float:left;
  text-align:center;
  margin-top:10px;
  overflow:Hidden;
  cursor:pointer;
}
.doran_comment_input_sticker_contents_reply img{
  width:110px;
}

#doran_comment_input_sticker_pop_btn{
  cursor:pointer;
}
.doran_comment_input_sticker_btn{
  cursor:pointer;
}
.doran_comment_contents_info2 span{
  cursor:pointer;
}
.doran_sticon{
  cursor:pointer;
  width:110px;
}
.my_comment{
  color:#5CBA02;
}
#point_notice_popup_btn{
  cursor:pointer;
}
#point_notice_popup{
  z-index:100;
  left:-110px;
  top:-185px;
  position:absolute;
}
.re_reply{
  background:url("http://www.kidkids.net/eduinfo_new/img/201110_reic.png");
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.re_reply .doran_comment_contents_info, .re_reply .doran_comment_contents_comment{
  width:95%;
  float:right;
}
#comment_reply_area{
  width:99%;
  height:198px;
  display:none;
}

.file-info .file {
  height: 35px;
  font-size: 13px;
  display: flex;
  flex-flow: row wrap;
  margin-top: 10px;
}
.file-info button, .file-info input {
  font-family: 'NotoSans', sans-serif;
  font-size: inherit;
}

.file-info .file:first-of-type {
  margin-top: 0;
}

.file-info .file .filename {
  height: auto;
  flex: 1 0 auto;
  cursor: not-allowed;
}

.file-info .file .btn-remove {
  color: #fff;
  background-color: #593737;
  border: 0;
  border-radius: 10px;
  margin-left: 10px;
  padding: 0 10px;
}

.upfile-label {
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  background: #414183;
  margin-right: 10px;
  padding: 0 10px;
  border-radius: 10px;
}

.upfile-label .upfile {
  display: none;
}