/* top.asp ·Î°í/Ä«Å×°í¸® (Á¤¸® ÇÊ¿ä) */

a:link, a:visited, a:hover{text-decoration:none;}

*{margin:0; padding:0; border:0; list-style:none; font-family:"¸¼Àº °íµñ"; font-size:12px;}

html, body{background:#fff;width:100%; overflow-x:hidden;min-width:100%;max-width:100%;}
* {
    -webkit-text-size-adjust: none;
}


.logo{width:100%; height:auto;}
.top{background:#f36f21; width:100%; height:auto; padding-top:0px;}

.top_menu{background:#fff; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; width:100%; height:36px;}
.top_menu li{background:#f36f21; display:block; float:left; height:38px; width:25%; text-align:center; line-height:38px; font-weight:bold; color:#fff}

.wrap{width:100%; background:#f36f21;}

.sangdam_text{width:100%; height:85px; background:#f36f21; margin:0 auto; line-height:40px; position:relative;}
.input_1{border:1px solid #d5d5d5; width:15%; height:32px; padding-left:1%;margin-left:3%;}
.input_2{border:1px solid #d5d5d5; width:72%; height:32px; padding-left:1%;}
.input_3{width:3%; display:block; margin:8px 0 0 10px;}
.input_4{display:block; border:1px solid #d5d5d5; width:89%; height:32px; padding-left:1%; margin-left:3%;}
.ok{width:100%; background:#f36f21;text-align:center; padding:3% 0 3% 0;}


.plan_wrap{width:100%;}
.plan_1{width:100%; margin-top:1%;}
.plan_1_t{width:10%;}
.plan_1_1{width:15%;}
.plan_1_2{width:15%;}

.title{background:#3b6b9c; width:100%; padding:10% 0 10% 0; font-size:16px; color:#fff; text-align:center;}
.con_tb{width:100%;}
.con_td{padding:2% 0 2% 0;}
.con_td:first-child{background:#ddd; width:20%;}
.con_info{width:100%; padding:4% 0% 4% 0%; border:1px solid #aaa; background:#fff; margin-top:3px; line-height:18px;}
h1{color:#3b6b9c; font-weight:bold; margin:5px 10px 0 10px;}
.con_info p{margin:0 10px 0 10px;}

.con_tb,.con_td,.con_tr{border:1px solid #aaa; border-collapse: collapse;}


/* ·Î±×ÀÎ */
#wrap {width:100%;padding-bottom:5%; max-height:100%; min-height:300px;background:#fff;}
#wrap .main_table {position:relative; text-align:center; margin-bottom:5%;}
#wrap .main_table input{border:1px solid #999;}
#wrap .box {width:70%; height:30px; margin-top:5%;}
#wrap .idpw,.join{float:left; font-size:1.267em; font-weight:bold; color:#000; text-decoration:underline;}
#wrap .idpw {width:68%; text-align:center; }
#wrap .join {width:32%; text-align:left; }


/*³»Á¤º¸*/
.myinfo_tit {position:relative; width:100%; margin:0 auto; background:#fff url(../images/m/info_b.png) no-repeat; background-position:2% 50%; background-size:2%;
						font-size:1.2em; color:#1e1e1e; font-weight:bold; margin-bottom:1%; border-bottom:1px solid #ddd; line-height:2.5em; text-indent:5%;}
#con_wrap .myinfo_box {position:relative; background-color:#fff; width:100%; min-height:300px; margin:0 auto; border-top:1px solid #ddd;border-bottom:1px solid #ddd; text-indent:2%;}
#con_wrap .myinfo_box table tr td img{width:auto; margin:0;}
#con_wrap td {height:40px; color:#3e3e3e;}
#con_wrap td input {width:90%; height:25px; border:1px solid #ccc;}
#con_wrap td select {width:25%; background:#fff; height:25px;border:1px solid #ccc;}
#con_wrap .myinfo_email {width:30%;}
#con_wrap .myinfo_phone {width:25%;}

.info_btn_wrap{width:100%;text-align:center; margin:2% 0 2% 0;}
.info_btn_wrap .save_btn{width:45%; line-height:2.5em; font-size:1em; background:#ffaf00; font-weight:bold; color:#fff; text-align:center; display:inline-block;}
.info_btn_wrap .prev_btn{width:45%; padding:.5em 0;font-size:1em; background:#aaa; font-weight:bold; color:#fff; text-align:center; display:inline-block; line-height:2.5em;}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
 
}

.filebox label {
  display: inline-block;
  padding: .5em .75em;
  color: #999;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em; 
  text-indent:0;
}

/* named upload */
.filebox .upload-name {
  
  display: inline-block;
  padding: 0 0.75em;  /* labelÀÇ Æеù°ª°ú ÀÏÄ¡ */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
  
}



/* ȸ¿ø°¡ÀÔ */
.myinfo_tit {position:relative; width:100%; margin:0 auto; font-size:1.2em; color:#1e1e1e; font-weight:bold; margin-bottom:1%; border-bottom:1px solid #ddd; line-height:2.5em; text-indent:5%;}
#join_wrap {width:100%; padding:2% 0 2% 0; background:#FFF; text-indent:2%; border:1px solid #ddd;}
#join_wrap table {letter-spacing:-1px;}
#join_wrap .join_td {font-weight:bold; padding:4px 0;text-align:left;}
#join_wrap .join_td b {color:#dd0303;}
#join_wrap .join_boxtd{text-align:left;}
#join_wrap .join_boxtd span {background-color:#f5be1b; font-weight:bold; padding:1px 1px;}

#join_wrap .join_box {border:1px solid #d3d3d3; background-color:#fff; width:90%; height:1.5em;}
#join_wrap .join_box_m {border:1px solid #d3d3d3; background-color:#fff; width:28%; height:1.5em;}
#join_wrap .join_box_s {border:1px solid #d3d3d3; background-color:#fff; width:18%; height:1.5em;}
.join_btn {background-color:#f5a101; color:#fff; font-weight:bold; margin:5% auto 0; text-align:center; padding:0.75em 0; font-size:18px; width:90%;}
.join_check{text-align:left; margin-top:3%; margin-left:2%;}


/* °³ÀÎÁ¤º¸ À̿뵿ÀÇ*/
.ag_title {position:relative; height:30px; border-bottom:1px solid #c3c3c3;}
.ag_title h1 {color:#333; font-size:18px;}

#privacy_wrap {position:relative; width:100%; margin-top:20px; margin-bottom:30px;}
#privacy_wrap .box_title {font-size:15px; color:#333333; font-weight:bold; height:25px;}
#privacy_wrap .privacy_box {position:relative; width:95%; height:120px; background-color:#ffffff; border:1px solid #d3d3d3; overflow:scroll;
line-height:140%; padding:2% 2% 0 2%;}
#privacy_wrap .privacy_box span {font-weight:bold; color:#333333;}
#privacy_wrap .privacy_check {margin-top:10px;}
#privacy_wrap .privacy_check span {float:right;}

.no_btn,.next_btn{position:relative; display:inline-block;color:#ffffff; font-weight:bold;text-align:center;}
.no_btn {width:40%;background-color:#afafaf; padding:3px 5px; margin:0 8px 0 15%;    }
.next_btn {width:20%;background-color:#87cbd8; padding:3px 5px;}


/*¾ÆÀ̵ð ºñ¹Ð¹øÈ£ ã±â*/
.idpw_title {text-align:center;}
.idpw_title h1 {font-size:14px; letter-spacing:-1px; line-height:150%;}
.idpw_title h1 span {color:#58b1b7;}

#idpw_wrap {background:#fff; width:100%; border:1px solid #d3d3d3; margin-top:20px; padding-top:4%; padding-bottom:4%;}
#idpw_wrap h2{font-size:16px; line-height:16px; padding-left:4%;}
#idpw_wrap h3{font-size:12px; color:#aaa; font-weight:normal; padding-left:4%; padding-right:4%;}

#idpw_wrap table {margin:0 auto; margin-top:6%; letter-spacing:-1px;}
#idpw_wrap .idow_box {border:1px solid #c1c1c1; background-color:#f3f3f3; width:90%;}
#idpw_wrap .number_btn {background-color:#f68b00; text-align:center; }
#idpw_wrap .number_btn a {color:#fff; font-size:11px;}

.id_btn {margin-top:5%; margin-left:35%; font-weight:bold; color:#ffffff; background-color:#58b1b7; padding:2px 3px; width:30%; text-align:center;}

/*»Ë³»±â °Ô½ÃÆÇ ¸®½ºÆ®*/

.plan_wrap .bbom_list{width:95%; text-align:center; border:0px; margin:0 auto; margin-top:5px; margin-bottom:3%;}
.plan_wrap .bbom_list thead tr{background-color:#f68b00; line-height:32px; color:#fff}
.plan_wrap .bbom_list tbody tr{border-bottom:1px solid #eee;}
.plan_wrap .bbom_list tbody tr:nth-child(2n) td{background:#f0f0f0;}
.plan_wrap .bbom_list tbody tr a{color:#555;}

.bbom_tit {text-align:left; padding-left:5%; font-weight:bold; padding-top:3px; padding-bottom:3px;}
.bbom_text {padding:0;text-align:left; padding-left:5%; color:#969696; font-size:11px; line-height:25px; border-bottom:1px solid #ccc; }
.bbom_text span {padding:0 3%;}

.top_line {border-top:3px solid #f5be1b; padding:0;}
.btn_wrap {width:100%; margin:0 auto; text-align:center; margin-top:5%; padding-bottom:10%;}

.tit_wrap h3{background:url('/images/m/info_b.png') no-repeat; background-position:2% 50%; background-size:2%; font-size:1.2em; color:#1e1e1e; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:1%; width:100%; line-height:2.5em; text-indent:5%;background-color:#FFF;} 


.search_wrap{width:100%; text-align:center; margin-top:3%; display:inline-block;}
.search_wrap #formSearch select{width:20%; height:2.3em; font-size:1em; background:#fff; border:.1em solid #ddd;}
.search_wrap #formSearch input{width:50%; height:1.9em; font-size:1em; padding:0.1em; border:.1em solid #ddd}
.search_wrap #formSearch a{font-size:1em; background:#F37228; color:#fff; padding:.5em .75em; }


.paging {margin:0 auto; width:95%; text-align:center; margin-top:3%;}
.paging .wrap{background:none;}
.paging span{font-size:1.5em; color:#333;}
.paging strong{color:#F37228; font-size:1em;}
.paging img{height:1.5em;}

span.wrap{background:none;}
span.wrap span{font-size:1.5em; color:#333;}
span.wrap strong{color:#F37228; font-size:1.5em;}
center img{height:1.5em;vertical-align:middle;}

table.bbom_view thead tr th{border-bottom:5px solid #f68b00;}

/*´ç÷ÀÚ¹ßÇ¥¸®½ºÆ®*/

.hap_wrap .hap_list2 {margin-top:5%;}
.hap_wrap .hap_list2 ul{float:left; width:24%; text-align:center; margin:0 auto; border-left:1px solid #ccc;}
.hap_wrap .hap_list2 ul:first-child{border:0;}
.hap_wrap .hap_list2 ul li{line-height:2em; font-size:1em;}
.hap_wrap span{display:inline-block; width:100%; text-align:center; margin-top:5%; font-size:1.2em; font-weight:bold;}
.hap_wrap span.hap_end{display:block; width:50%; font-size:1em; line-height:2em; margin:5% auto; background:#52B3B5; color:#fff;}


ul,ol,dl{list-style:none;}
	/*ÄÚ¸àÆ® ÀÛ¼º*/
.gallery_reply_area{width:95%; margin:0 auto; background:#f8f8f8; padding-bottom:2%; padding-top:2%; height:135px;}
.gallery_reply_area dl dt img{width:40px; height:40px;  margin-left:2.5%;}
.gallery_reply_area dl dt strong{line-height:40px; font-size:1em; padding-left:.75em;}
.gallery_reply_area dl dd textarea{width:79%; height:7em; margin-top:2%; float:left; margin-left:2.5%;}
.gallery_reply_area dl dd .btn_reply{font-size:1em; font-weight:bold;  background:#5e5e5e; float:right; margin-right:2.5%; margin-top:2%; width:15%; text-align:center;}
.gallery_reply_area dl dd .btn_reply a{color:#fff; line-height:7em;}


.gallery_reply #form2 dl dd textarea{width:80%; height:5em;}
.gallery_reply #form2 dl dd .btn_reply {font-size:1em; width:15%; background:#fff; border:1px solid #ddd; display:inline-block; vertical-align:top; line-height:5em;}

/* ¼³°è»ç ÄÚ¸àÆ® */
.reply_wrap{width:95%; margin:0 auto; margin-top:2%;}
.reply_wrap li dl dt{height:40px; margin-bottom:1%; line-height:40px;}
.reply_wrap li dl dt img{float:left; margin-right:1em;}
.reply_wrap li {border-top:1px solid #eee; padding-top:2%; padding-bottom:2%; font-size:1em; line-height:1.2em;}
.reply_wrap dd strong {color:#e96322; font-size:16px; margin-right:5%; }
.reply_wrap li dl dd .coment_btn_wrp{margin-top:4%; text-align:left;}
.reply_wrap li dl dd .coment_btn_wrp .reply, .reply_wrap li dl dd .coment_btn_wrp .modify, .reply_wrap li dl dd .coment_btn_wrp .delete{margin-right:.5em; color:#666; font-weight:bold;}

.reply_wrap li dl dd a.qna_ok,.reply_wrap li dl dd a.qna_ok,.reply_wrap li dl dd{text-align:left;}
.reply_wrap li dl dd a.qna_ok,.reply_wrap li dl dd a.qna_ok,.reply_wrap li dl dd a.call{display:inline-block;color:#fff;width:49%; font-size:1em; padding:.5em 0; font-weight:bold; text-align:center; margin-top:3%;}
.reply_wrap li dl dd a.qna_ok{background:#51b0b2; float:right;}
.reply_wrap li dl dd a.call{background:#F68B00;}




/*±Û¾²±â*/
#bTitle{width:100%; padding:0; border:1px solid #A9A9A9; height:1.75em; font-size:1em;}
.bwrite_wrap{background:#fff; width:100%; border:1px solid #d3d3d3; padding-top:3%; padding-bottom:4%;}
.bwrite_wrap table {margin:0 auto;}
.bwrite_wrap table tr td {padding-bottom:.5em;}
.write_txt {font-weight:bold; height:30px;}
.write_box_b {width:100%; height:20em;border:1px solid #A9A9A9;}

.save_btn {margin:0 auto; background-color:#58b1b7; color:#fff; font-weight:bold; padding:0.5em 0; width:45%; text-align:center; margin-top:3%;}


/*³ªÀÇ ¼³°è¾È ¸ñ·Ï*/
.plan_wrap{background:#fff; width:100%; padding-bottom:4%;}
.plan_wrap h2{font-size:16px; line-height:16px; padding-left:4%; letter-spacing:-1px;}
.plan_wrap h3{font-size:12px; color:#aaa; font-weight:normal; padding-left:4%; letter-spacing:-1px;}
.plan_wrap .myplan_list{width:95%; text-align:center; border:0px; margin:0 auto; margin-top:10px; }
.plan_wrap .myplan_list thead tr{background-color:#58b1b7; line-height:32px; color:#fff}
.plan_wrap .myplan_list tbody tr{border-bottom:1px solid #eee;}
.plan_wrap .myplan_list tbody tr:nth-child(2n){background:#f0f0f0;}
.plan_wrap .myplan_list tbody td{line-height:32px;}
.plan_wrap .myplan_list tbody td a{color:#000;}
.plan_wrap .myplan_list tbody td .ppom{width:95%; height:20px; background:#58b1b7; line-height:20px; color:#fff; font-weight:bold;}
.plan_wrap .myplan_list tbody td .del{width:95%; height:20px; background:#ed1b24; line-height:20px; color:#fff; font-weight:bold;}

.paging {margin:0 auto; width:95%; text-align:center; margin-top:3%;}
.paging span{font-size:1.5em;}
.paging strong{color:#52B1B3;}
.paging img{height:1.5em;}



/*profile*/

#pro_wrap{width:100%; margin:0 auto; }
#pro_wrap .pro_tit{background:url('../images/common/profile/profile_tit.png'); width:734px; height:131px; margin:0 auto; border-bottom:3px solid #a0c2cb;}
#pro_wrap .pro_pic{width:40%; float:left;}
#pro_wrap .pro_pic img{width:105%;}
#pro_wrap .pro_txt{float:right; width:60%;}
.open_txt {font-size:1em; line-height:1.2em; margin-top:10%;}
.open_txt h1{font-size:1.3em; color:#333; line-height:1.2em;}
.open_txt h1 span{color:#FA9212; font-weight:bold;;}

#pro_wrap .pro_txt .pro_txt_top{background:url('../images/common/profile/profile_txt.png'); width:408px; height:171px;}
#pro_wrap .pro_txt .pro_input input{ margin-top:2%; width:90%; font-size:.75em; font-weight:normal; line-height:1.5em;border:1px solid #ccc;}
#pro_wrap .pro_txt .pro_input textarea{ margin-top:2%; width:90%;border:1px solid #ccc;}
.pro_btn {width:100%; display:inline-block; text-align:center; padding-bottom:3%;}
.pro_btn .sang{padding:.5em 0; width:45%; background:#cf2970; color:#fff;font-size:1em; font-weight:bold;  float:right; margin-right:4%; cursor:pointer }
.pro_btn .agree{padding:.5em 0; width:45%;background:#9b9b9b; color:#fff;  font-size:1em; font-weight:bold;;float:left; margin-left:4%; cursor:pointer }
.required{display:inline-block; margin-left:4%;}



/* »ê¸ð±³½Ç Âü°¡½Åû*/

.class_wrap {width:95%; margin:0 auto;}
.class_wrap h3{font-size:18px; line-height:140%; font-weight:bold; color:#292929; font-family:'Nanum Gothic', sans-serif;}
.class_wrap table{border-top:3px solid #f6c022; font-size:1em; text-align:center; background:#fff;border-collapse:collapse; border-spacing:0;}
.class_wrap table tr{border-bottom:1px solid #cecece; line-height:2.5em;}
.class_wrap table tr:first-child{background-color:#ececec; line-height:3em; font-weight:bold; color:#212121;}
.class_wrap table tr td .sincung_btn{background:#f7c11f; color:#333; margin:0 auto; line-height:1.5em; font-weight:bold;}
.class_wrap table tr td .magam_btn{background:#222; color:#fff; margin:0 auto; line-height:1.5em; font-weight:bold;}
.class_wrap div{margin-top:0%; background:#fff; padding:3% 0;}
.class_wrap div.umma_class{border-bottom:1px solid #ccc;}


/*¸ÞÀÎ »Ë³»±â¸®½ºÆ®*/

.bbom_wrap h2 span{color:#F5A100;}
.bbom_wrap a img{width:100%; float:left; border-top:2px solid #767273; margin-bottom:1%;}
.plan_cont img {margin-left:2%; margin-right:2%;}
.plan_cont {border-bottom:1px solid #e5e5e5; padding:3px 0;}
.plan_cont a {color:#333; line-height:2.8em; font-size:1em;}

/*¸ÞÀÎ »ê¸ð±³½Ç À̹ÌÁö*/
.class_img a img{width:100%; margin-top:3%; border-top:1px solid #e5e5e5 ;border-bottom:1px solid #e5e5e5}

/*¸ð¹ÙÀÏ »ê¸ð±³½Ç Âü°¡½ÅûÇöȲ*/
#class_apply ul table{margin:0 auto; width:100%;}
#class_apply {position:relative; width:95%; margin:0px auto; border-top:2px solid #e54839; margin-bottom:40px;}
#class_apply .apply_tit {text-align:center; font-weight:bold; height:30px; background-color:#fbeae8; border-bottom:1px solid #bfbfbf;}
#class_apply .apply_con {text-align:center; width:20%; height:30px; border-bottom:1px solid #bfbfbf; color:#535353; font-size:10px;}
#class_apply .apply_txt {text-align:center; width:60%; height:30px; border-bottom:1px solid #bfbfbf; color:#535353; font-size:10px; line-height:180%;}


/*º¸Çè±Ý û±¸ ¾È³»*/
#insurance_wrap{
margin-top:20px;
}
#insurance_top{
width:100%;text-align:left;padding:20px 0 0 10px;
}
#insurance_header{
margin:auto;
width:100%;height:40px;
border-bottom:3px solid #000;
background:#ddd;
cursor:pointer;
}
#insurance_header .insurance_tab{
text-align:center;float:left;
width:150px;height:33px;
padding:10px 0;margin-left:10px;
margin-top:7px;
box-sizing:border-box;
color:#000;font-size:1em;
border:2px solid #000;
font-weight:bold;
}
#insurance_header .insurance_tab:hover{
background:#fff;
border-bottom:none;
}
#insurance_header .insurance_tab.tab_on{
background:#fff;color:#000;
border-bottom:none;
}
.insurance_centent{
margin:auto;
width:100%;
border:5px solid #ddd;
display:block;
box-sizing:border-box
}

#insurance_line_2{
padding-top:20px;
}
.insurance_centent .txt_weight{
font-weight:bolder;font-size:1.3em;
color:#000;
}
.insurance_centent .centent_box{
height:65px;margin-top:20px;
}
.insurance_centent .insurance_img{
padding:10px 20px 10px 20px;float:left;clear:both;width:15%;
}
.insurance_centent h1{
font-size:.9em;margin-top:0;padding:10px 0;
font-weight:normal;display:block;
}
.insurance_centent p{
font-size:1em;
clear:both;margin:2px 0 3px 55px;
}
.insurance_centent.insurance_box{
display:block;
}
#insurance_line_2{
display:none;
}
#insurance_line_2.insurance_line_2_box{
width:100%;
}
#insurance_line_2.insurance_line_2_box .centent_text{
width:65%;
}
#insurance_line_2.insurance_box .navi_1{
width:100%;height:384px;clear:both;
}
#insurance_line_2 .navi_1 li{ 
text-align:center;
float:left;width:50%;height:30px;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:5px 0;
background:#dce5fc;
font-size:12px;
font-weight:bold;
margin-top:10px;
}
#insurance_line_2 .insurance_navi_box{
width:100%;
}
#insurance_line_2 ul .navi{
border-right:1px solid #000;
}
#insurance_line_2 .navi_2{
clear:both;width:50%;margin-top:-1px;margin-left:-1px;
float:left;
}
#insurance_line_2 .navi_2 li{
font-size:1em;list-style:disc;
padding-top:10px;margin-left:20px;
color:#192d62;font-weight:bold;
}
#insurance_line_2 .point{
color:#077586;font-weight:normal;
margin-top:1px;display:block;
font-size:.8em;
}
#insurance_line_2 .navi_3{
width:50%;float:left;margin-top:-1px;
border-left:1px solid #000;
font-weight:bold;
padding-bottom:10px;
}
#insurance_line_2 .navi_3 li{
font-size:1em;list-style:disc;
color:#192d62;padding-top:10px;
margin-left:20px;
}
#insurance_line_2.box{
width:700px;height:
clear:both;
border:1px solid red;
}
#insurance_line_2 .navi_text{
clear:both;padding-left:50px;font-size:14px;
}
#insurance_line_2 .navi_text li{
padding:3px;
}
.insurance_line_2_box{
width:100%;height:50px; clear:both;
}
#insurance_line_2 a{
width:100%;
}
#insurance_line_2 .centent_btn{
text-align:center;margin:30px auto;display:block;
color:#1b2c58;background-color:#fff;padding:5px 20px;
border:3px solid #1b2c58;font-size:1.5em;
border-radius:30px;font-weight:bold;
cursor:pointer;
}

	/**Âü°¡½Åû**/
#classboard_wrap {position:relative; width:100%; margin:0 auto;}
#classboard_wrap img{width:100%;margin-top:10px;}
#classboard_wrap h2{color:#ee6807;font-size:1.3em;font-weight:bold;text-align:left;margin:10px 0 10px 5px;line-height:120%;}
#tabs{margin:0 auto; width:100%;height:38px; border-bottom:5px solid #f6c022;}
#tabs p{float:left;width:48.5%;color:#666666;font-size:1em;padding:8px 15px; font-weight:bold;text-align:center; cursor:pointer;border-top:1px solid #f6c022;border-left:1px solid #f6c022;border-right:1px solid #f6c022;margin-left:3px;}
#tabs .tab_on{color:#fff;font-size:12px;background:#f6c022}
#classboard_wrap table {margin-bottom:100px; margin-top:-50px; width:100%;;text-align:center}
/*.cb_tit {text-align:center; color:#212121; height:40px; background-color:#ececec; font-weight:bold; border-bottom:1px solid #cecece;}*/
table .cb_txt{text-align:center; color:#7c7c7c; height:40px; border-bottom:1px solid #cecece;padding:0 1px;font-size:1em}
table .cb_top{height:40px; background-color: #ececec ;font-weight:bold;}
table .cb_top .cb_txt{color:#000;font-size:1em;}
table .magam_btn{background:#000; color:#fff; width:90%; margin:0 auto; line-height:22px; font-weight:bold;}
table .sincung_btn{background:#F7C11F; color:#333; width:90%; margin:0 auto; line-height:22px; font-weight:bold; cursor:pointer;font-size:1em;}
table .sincung_btn_2{background:#48aec2; color:#fff; width:90%; margin:0 auto; line-height:22px; font-weight:bold; cursor:pointer;font-size:1em;}
table .sincung_btn_3{background:#000; color:#fff; width:90%; margin:0 auto; line-height:22px; font-weight:bold; cursor:pointer;font-size:1em;}
/*.mozip_btn{background:#87CBD8; color:#333; width:60%; margin:0 auto; line-height:22px; font-weight:bold; cursor:pointer;color:#fff;}*/
#classboards_1{display:block;}
#classboards_2{display:none;clear:both;}

/*Ä«ÇǶóÀÌÆ®*/
.bottom_wrap{width:100%; background:#383f52; display:inline-block; margin-top:3%; margin-bottom:56px; text-align:center;}
.bottom_wrap span{text-align:left; font-size:0.6em; display:inline-block; width:95%; color:#fff; line-height:1.2em; padding:2% 0;}





.top{background:#f36f21; width:100%; height:auto; padding-top:0px;}

/*.top_menu{background:#fff; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; width:100%; height:36px;}*/
/*.top_menu li{background:#f36f21; display:block; float:left; height:38px; width:20%; text-align:center;  font-weight:bold; color:#fff}*/

.wrap{width:100%; background:#f36f21;}
.sangdam_text{width:100%; height:85px; background:#f36f21; margin:0 auto; line-height:40px; position:relative;}
.input_1{border:1px solid #d5d5d5; width:15%; height:32px; padding-left:1%;margin-left:3%;}
.input_2{border:1px solid #d5d5d5; width:72%; height:32px; padding-left:1%;}
.input_3{width:3%; display:block; margin:8px 0 0 10px;}
.input_4{display:block; border:1px solid #d5d5d5; width:89%; height:32px; padding-left:1%; margin-left:3%;}
.ok{width:100%; background:#f36f21;text-align:center; padding:3% 0 3% 0;}

/* td{background:#fff; text-align:center; padding:3% 0 3% 0;} */
.plan_wrap{width:100%;}
.plan_1{width:100%; margin-top:1%;}
.plan_1_t{width:10%;}
.plan_1_1{width:15%;}
.plan_1_2{width:15%;}

.title{background:#3b6b9c; width:100%; padding:10% 0 10% 0; font-size:16px; color:#fff; text-align:center;}
.con_tb{width:100%;}
.con_td{padding:2% 0 2% 0;}
.con_td:first-child{background:#ddd; width:20%;}
.con_info{width:100%; padding:4% 0% 4% 0%; border:1px solid #aaa; background:#fff; margin-top:3px; line-height:18px;}
h1{color:#3b6b9c; font-weight:bold; margin:5px 10px 0 10px;}
.con_info p{margin:0 10px 0 10px;}

.con_tb,.con_td,.con_tr{border:1px solid #aaa; border-collapse: collapse;}

/* ž ¸Þ´º(·Î°í/·Î±×ÀÎ)*/
#top_warp{width:100%;height:80px;background:#fff;}
#top_warp .logo{display:inline-block;margin-left:2%;width:150px;}
#top_warp .logo img{margin-top:20px;width:120px;}
#top_warp .my_info{float:right;margin-right:4%;display:table;margin-top:25px;}
#top_warp .my_info span{display:table-cell;vertical-align:middle;background-color:#eee;width:50px;height:30px;text-align:center;border:1px solid #c0c0c0; border-right:0 }

#top_warp .my_info span:last-child{border-right:1px solid #c0c0c0}

#top_warp .my_info span a{font-size:10px;color:#000; }

/* Ä«Å×°í¸® ¸Þ´º*/
ul.catBlock{display: table;background:#fff; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; width:100%;}
ul.catBlock li {list-style: none;display: table-cell;text-align: center;vertical-align: middle;background:#f5a100;  height:50px; width:20%;font-weight:bold;}
ul.catBlock li a {color:#fff;} 


/*¸¶ÀÌÇ÷£ ¸®½ºÆ®*/
 .plan_wrap{background:#fff; width:100%; border:1px solid #d3d3d3;padding-top:2%; padding-bottom:2%;}
 .plan_wrap h2{font-size:16px; line-height:16px; padding-left:4%; letter-spacing:-1px;}
 .plan_wrap h3{font-size:12px; color:#aaa; font-weight:normal; padding-left:4%; letter-spacing:-1px;}
 .plan_wrap .bbom_view {width:95%; text-align:center; border:0px; margin:10px auto; }
 .plan_wrap .bbom_view thead tr{border-bottom:5px solid #f68b00; line-height:32px; color:#333; text-align:left; font-size:14px; font-weight:bold;}
 .plan_wrap .bbom_view thead tr th{padding-left:5px;}
 .plan_wrap .bbom_view tbody tr{border-bottom:1px solid #eee;}
 .plan_wrap .bbom_view tbody tr:nth-child(2n){background:#f0f0f0;}
 .plan_wrap .bbom_view tbody td{line-height:32px;}
 .plan_wrap .bbom_view .view_tit {text-align:left; padding-left:5%; font-weight:bold;}
 .plan_wrap .bbom_view .view_txt {text-align:left; padding-left:5%; border-bottom:1px solid #ddd;}
 .view_money {text-align:right;background-color:#fff; font-weight:bold;width:95%; margin:0 auto 10px;}
 .view_money span {color:#f68b00; font-size:16px;}

 .plan_wrap .view_text {position:relative; width:90%; margin:0 auto; letter-spacing:-1px; line-height:20px;margin-bottom:10px; margin-top:10px; border-top:2px solid #ddd; border-bottom:1px solid #ddd; padding:5px; min-height:100px; padding-bottom:40px; padding-top:10px;}

 .plan_wrap .view_comment {width:95%; margin:0 auto; letter-spacing:-1px; border-top:1px solid #cfcfcf; padding-top:5%; padding-bottom:5%;}
 .plan_wrap .view_comment .view_tit {font-weight:bold;}
 .plan_wrap .view_comment .view_tit span {font-weight:bold; color:#cfcfcf; letter-spacing:0px;}

 .plan_btn {width:95%; margin:0 auto; text-align:center;}
 .plan_btn .edit  {width:40%; background-color:#f68b00; color:#fff; font-weight:bold; padding:2px 3px; text-align:center; margin:0 2px 0 4px; display:inline-block;}
 .plan_btn .bbom  {width:40%; background-color:#5e5e5e; color:#fff; font-weight:bold; padding:2px 3px; text-align:center; margin:0 2px 0 4px; display:inline-block;}


#txt_edit {width:100%; text-align:center; margin:0px auto;}
#txt_edit div{width:100%; text-align:center;}
#txt_edit .list_btn,.good_btn,.reverse_btn {font-weight:bold; color:#fff; padding:.5em 0;width:31%; display:inline-block; text-align:center;}
#txt_edit .good_btn img, #txt_edit .reverse_btn img {vertical-align:middle; margin-right:5px; width:13px;}
#txt_edit .list_btn {background:#F68B00;}
#txt_edit .good_btn{background:#87cbd8; }
#txt_edit .reverse_btn {background:#abacac ;}
#txt_edit .change_btn{background:#51B0B2; }
#txt_edit .del_btn {background:#5E5E5E;}

#txt_edit .planer_com {margin-top:1%; height:100%;}


#txt_edit .admin_btn{margin-top:10px;}
#txt_edit .admin_btn .change_btn, #txt_edit .admin_btn .del_btn {font-weight:bold; color:#fff; padding:.5em 0;width:46.6%; display:inline-block; text-align:center;}


/*¸ÞÀηѸµ »ê¸ð±³½Ç ÀÚµ¿µî·Ï*/

@media (max-width:360px){.roll_class_txt{font-size:12px;}}
@media (min-width:361px) and (max-width:399px){.roll_class_txt{font-size:14px;}}
@media (min-width:400px) and (max-width:439px){.roll_class_txt{font-size:16px;}}
@media (min-width:440px) and (max-width:479px){.roll_class_txt{font-size:18px;}}
@media (min-width:480px) and (max-width:519px){.roll_class_txt{font-size:20px;}}
@media (min-width:520px) and (max-width:559px){.roll_class_txt{font-size:22px;}}
@media (min-width:560px) and (max-width:599px){.roll_class_txt{font-size:24px;}}
@media (min-width:600px) {.roll_class_txt{font-size:26px;}}


.roll_class_txt{margin:10% 0 0 2%;display:inline-block; color:#fff; font-weight:bold; box-sizing:border-box}
.miz_busna_class_main_txt{ font-size:1em;}
.rollcolor_miztalktalk{color:#e56361;}
.rollcolor_miztalktalk_busan{color:#2785e7;}
.rollcolor_momschool{color:#19ae90;}