@charset "UTF-8";
/* CSS Document */

@import url(m_common.css);
@import url(m_default.css);


.taL{text-align:left !important}





/*메인*/


.main_con01_wrap { width:100%; overflow:hidden; padding-bottom:30px; margin:auto; background:url(../images/main/mw_con01_bg.png),#b9e6ff; background-size:cover }

.main_headtitle { font-size:19px;font-family:'NanumSquareB'; padding:5px 0;}
.main_headtitle2 { font-size:14px;font-family:'NanumSquareB'; padding:5px 0;}

.exam_box01 { width:90%; height:100px; background:#b1e06f; margin:auto; margin-bottom:10px; position:relative;  line-height:13px;font-family:'NanumSquareB'; font-size:11px; color:#000}
.exam_box02 { width:90%; height:100px; background:#33c7fb; margin:auto; margin-bottom:10px; position:relative; line-height:13px;font-family:'NanumSquareB'; font-size:11px; color:#000}
.exam_box03 { width:90%; height:100px; background:#fcccbb; margin:auto; margin-bottom:10px; position:relative; line-height:13px;font-family:'NanumSquareB'; font-size:11px; color:#000}
.exam_box_con { padding:10px 0 0 60px;}

.box_head1_title { font-size:1.2em;  padding:0px 0px 7px 0;}
.box_head2_title { font-size:1.7em; font-family:'NanumSquareEB'; padding:0px 0px 10px 0;}

.icon_receive {position:absolute; left:10px; top:0 ; width:40px; height:44px; background:url(../images/main/icon_receive2.gif) no-repeat; background-size:cover}

.mainbtn_exam   {position:absolute; right:10px; top:10px;}
.main_dday { position:absolute; left:10px; top:4px; z-index:2; font-family:'NanumSquareEB'; color:#fff; font-size:13px; width:40px; text-align:center}


a.btn_main_exam         { border:1px solid #FFF ; color:#fff; width:35px; padding:0 10px }
a:link.btn_main_exam    { height:60px; padding-top:20px; line-height:20px; text-align:center; color:#fff; border:1px solid #FFF ; cursor:pointer;display:block; margin:auto; font-size:17px; }
a:hover.btn_main_exam   {text-decoration:none; color:#fff; border:1px solid #F03 ; color:#F03; box-shadow: 0px 20px 20px -17px rgba(0,0,0,0.44);}
a:visited.btn_main_exam {color:#fff; }

.main_con02_wrap { width:100%; padding:20px 0 25px 0; margin:auto; background:#f4f4f4; overflow:hidden }
.main_con_wrap { width:90%; margin:auto;  position:relative}
.main_quick_box { width:27.3%; padding:5px 5px 10px 11px; height:30px; line-height:35px; background:#d5d5d5; float:left; margin-right:3px; margin-bottom:3px; position:relative}
.main_quick_box:last-child { margin-right:0}
.main_quickicon { width:29px; position:absolute; float:right; top:10px; right:5px}
.main_quick_box a { font-family:'NanumSquareEB';}

.main_con03_wrap { width:100%;  padding:20px 0 25px 0; margin:auto;  position:relative}
.main_bbs_title { position:relative; border-bottom:2px #000 solid; padding:5px 0 ; margin-bottom:15px;margin-top:15px;   }
.main_icon_more { width:17px; position:absolute; right:0; top:10px}

ul.notice_box01 { margin-bottom:25px;}
ul.notice_box01 li{ border-bottom:1px solid #CCC; padding:5px 0;}

ul.photo_box01 { width:100%; height:120px; position:relative}
ul.photo_box01 li{ width:24%; margin-right:3px; float:left }
ul.photo_box01 li:last-child { margin-right:0} 

.main_winner_list { width:100%; height:140px; position:relative}
.main_winner_list li{ margin-right:6px; float:left; border:0px !important ;}
.main_winner_list li:last-child{ margin-right:0px; }



.bbs_banner01 { border-bottom:#CCC solid 1px; border-top:#CCC solid 1px; padding:20px 0; height:25px;  }
.bbs_banner02 { border-bottom:#CCC solid 1px; padding:10px 0 ;height:45px;}
.bbs_banner_title01 { color:#069;font-family:'NanumSquareB'; font-size:20px; float:left; padding-left:15px; line-height:25px; width:30%}
.bbs_banner_title02 { color:#27c499;font-family:'NanumSquareB'; font-size:20px; float:left;padding-left:15px; line-height:23px; width:30%}
.bbs_banner_title01_02 { padding-top:15px; line-height:45px; }

.icon_arrow_right1 { float:left; width:15px; margin:0 15px;}
.icon_arrow_right2 { float:left; width:15px; margin:10px 15px 0px 15px;}


.main_con04_wrap { width:100%; background:#a3dee6;  padding:20px 0 25px 0;  margin:auto;  position:relative; overflow:hidden}
.main_media_view { width:100%; margin:auto }
.main_media_view:last-child { width:49%; float:right}

.down_wrap { position:relative; clear:both; padding:20px 0;}
.down_btn {width:43%; padding:5px 7px 5px 10px;  height:25px; line-height:25px; margin-right:5px;  float:left ;font-family:'NanumSquareB'; font-size:12px;}
.down_btn a { color:#FFF}
.down_btn_color01 {background:url(../images/main/line_bg.png) no-repeat 78% 0px,#b1e06f;}
.down_btn_color02 {background:url(../images/main/line_bg.png) no-repeat 78% 0px,#ffa484;}
.down_btn_color03 {background:url(../images/main/line_bg.png) no-repeat 78% 0px,#58a5fc;}
.down_btn_color04 {background:url(../images/main/line_bg.png) no-repeat 78% 0px,#51cdf5;}
.down_btn_color05 {background:url(../images/main/line_bg.png) no-repeat 78% 0px,#b3a8ff;}
.down_btn_color06 {background:url(../images/main/line_bg.png) no-repeat 78% 0px,#33b58f;}
.icon_down { float:right; width:20px;}

.down_title_wrap { width:100%; color:#ff3c00}
.down_title01 { width:50%; float:left; line-height:27px}
.down_title01 .icon_label{ vertical-align:middle}
.icon_label { float:left; width:20px; margin-right:5px}

.main_con05_wrap { width:100%; background:#f4f4f4;  padding:20px 0 25px 0; margin:auto;  position:relative; overflow:hidden}

.main_con05_wrap .media_wrap  { width:43%; display:inline-block; overflow:hidden;  margin-right:5px; padding:0px 0 10px 0; vertical-align:top; }
.main_con05_wrap .media_wrap:last-child { width:43%; display:inline-block; overflow:hidden; padding:0px 0 10px 0; vertical-align:top; margin-right:0px}

.main_con05_wrap .mediabox { width:100%;}


/*서브 공통*/

.sub_head_bar { width:100%; height:40px; background:#21336b; color:#FFF; font-family:'NanumSquareB'; font-size:21px; text-align:center; line-height:40px;}
.sub_img_wrap {width:100%; }
.sub_con_wrap { width:90%; margin:auto;  position:relative; padding-bottom:20px;}
.sub_text_wrap { width:100%; padding-top:20px; position:relative; clear:both;}

.info_img01 { width:45%; float:left; margin-right:12px; margin-top:10px;}
.info_img01:last-child {margin-right:0px;}


.title_st01 {font-family:'NanumSquareB'; font-size:20px; line-height:30px; padding:10px 0; position:relative; display:block}

/*진단소개*/

.info_imgBox { margin-bottom:20px;  line-height:23px; clear:both; overflow:hidden; }
.info_imgBox img{ display:inline-block; margin-right:5px;}
.info_imgBox .Lastimg{ display:inline-block; margin-right:0px;}
.info_imgBox .examimg { float:left}

.table_infoA { width:100%; color:#333333;  }
.table_infoA td{ padding:10px; border:#fff solid 1px; height:23px; text-align:center}

.info_imgBox2 { margin-bottom:20px; padding:30px 20px 20px 20px; font-size:12px;  clear:both; overflow:hidden; background:url(../../images/introduce/exam_tab_bg.gif) repeat;  }
.info_imgBox2 img{ display:inline-block; margin-right:3px;}
.info_imgBox2 .Lastimg{ display:inline-block; margin-right:0px;}
.info_imgBox2 .examimg { float:left; width:50%;}


.table_infoA .info_td01 { background:#dbdbdb; color:#666; font-weight:bold}
.table_infoA .info_td02 { background:#eac5c5; color:#fff}
.table_infoA .info_td03 { background:#b7d8e8; color:#fff}
.table_infoA .info_td04 { background:#cfcded; color:#fff}
.table_infoA .info_td05 { background:#ededed; color:#666;font-weight:bold}
.table_infoA .info_td06 { background:#f5dede; color:#666}
.table_infoA .info_td07 { background:#daecf5; color:#666}
.table_infoA .info_td08 { background:#e5e4f6; color:#666}
.table_infoA .info_td09 { background:#f5f2da; color:#666}
.table_infoA .info_td10 { background:#d6f2e2; color:#666}
.table_infoA .info_td11 { background:#dae2f5; color:#666}

.Introduce_box { clear:both; overflow:hidden; margin-bottom:30px;}
.Introduce_box img { width:30%; margin:auto; display:block}

.ulList_B  { position:relative;float:left;}
.ulList_B li{ line-height:20px; background:url(/mobileweb/images/introduce/ulList_B_icon.png) no-repeat top left; padding-left:20px;}
.ulList_B span  { color:#F00; font-weight:bold}


.ulList_A { margin-bottom:10px;}
.ulList_A li{ padding:5px 0; line-height:23px;}
.ulList_A .list_num_A { background:#939cbf; width:16px; height:16px;  line-height:16px; color:#fff; text-align:center; float:left; margin-right:10px; margin-top:5px;}


.ulList_AA { margin-left:28px;}
.ulList_AA li{ padding:0}


.table_styleD { width:100%; color:#333333; font-size:13px;}
.table_styleD td{ padding:10px 10px; border:#e4e4e4 solid 1px;height:23px; text-align:center}
.table_styleD th{ padding:10px 0px; border:#e4e4e4 solid 1px; height:25px; background:#c5ddea; color:#000  } 
.table_styleD thead  { border-top:#000 solid 2px;}
.table_styleD .Ttitle { text-align:left;vertical-align:middle;padding:10px 10px;}
.table_styleD .Dcolor01 { background:#F3F3F3; text-align:left}

/*개요에서 다운로드버튼*/
a.btn_table_st_info       {font-family:'NanumSquareR'; font-size:15px; background:#21326a; color:#fff; border:#21326a solid 1px }
a:link.btn_table_st_info  { width:90%; height:45px; line-height:45px; background:#21326a; text-align:center; color:#fff; cursor:pointer;display:block; margin:auto }
a:hover.btn_table_st_info {text-decoration:none; color:#fff; background:#21326a;}

/*접수*/
.table_styleA { width:100%; color:#333333; font-size:13px; }
.table_styleA td{ padding:7px 0px; border-bottom:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px;height:23px; text-align:center}
.table_styleA th{ padding:7px 0px; border-bottom:#e4e4e4 solid 1px; height:25px; background:#f6f6f6; color:#000  } 
.table_styleA thead  { border-top:#000 solid 2px;}
.table_styleA .Ttitle { text-align:left;vertical-align:middle;}

.table_styleA a:hover{ color:#09F}
.table_styleA .recommendT { color:#F00}

.table_styleA .thead2 { background:#f0f0f0; text-align:left;padding:20px 20px 20px 20px ; font-size:20px; line-height:25px; } 
.table_styleA .tview  { text-align:left; padding:30px 20px; line-height:20px} 
.table_styleA .tview2 { text-align:left; padding:30px 20px; line-height:20px; background:#F7F7F7} 
.table_styleA .file_TD {text-align:left; padding:5px 20px; line-height:20px} 
.table_styleA .W_thead { text-align:left; padding:10px 20px }
.W_thead input {padding:6px}
.board_date { color:#666; font-size:11px; font-weight:100}


@media screen and (max-width:768px) {
	.table_styleA .tview img{ width:100%; }
}



/*갤러리*/
.table_styleA .tview_gallery  { text-align:left; padding:30px 20px; line-height:20px} 
.tview_gallery  img{ width:100% !important}  


.table_styleB { width:100%; color:#333333; font-size:13px; letter-spacing:-1px}
.table_styleB td{ padding:5px 5px; border:#e4e4e4 solid 1px;height:23px; text-align:center}
.table_styleB th{ padding:5px 5px; border:#e4e4e4 solid 1px; height:25px; background:#c5d2ea; color:#000  } 
.table_styleB thead  { border-top:#000 solid 2px;}
.table_styleB .Ttitle { text-align:left;vertical-align:middle;}

.table_styleB  .styleB_point1 { font-weight:bold}
.table_styleB  .styleB_point2 { color:#F33}

.table_styleB td:first-child {border-left:0px}
.table_styleB td:last-child {border-right:0px}

.table_styleB th:first-child {border-left:0px}
.table_styleB th:last-child {border-right:0px}

/*접수하기 큰버튼*/
a.btn_M_ST_app       {background:#657dcc;color:#fff; font-weight:bold}
a:link.btn_M_ST_app  { min-width:100px;  height:70px;  line-height:65px; background:#657dcc; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:inline-block }
a:hover.btn_M_ST_app {text-decoration:none; color:#fff; background:#364a8c}

/*접수하기*/
a.btn_M_ST033       {background:#657dcc;color:#fff;}
a:link.btn_M_ST033  { min-width:90px;  height:32px;  line-height:30px; background:#657dcc; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:inline-block ;}
a:hover.btn_M_ST033 {text-decoration:none; color:#fff}

/*접수예정*/
a.btn_M_ST044       {background:#dbdbdb;color:#fff;}
a:link.btn_M_ST044  { min-width:90px;  height:30px;  line-height:30px; background:#dbdbdb; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:inline-block }
a:hover.btn_M_ST044 {text-decoration:none; color:#fff}


a.btn_M_ST04       {background:#0676cc;color:#fff; position:absolute;bottom:7px ; left:19px;   }
a:link.btn_M_ST04  { width:100px; height:30px; line-height:30px; background:#0676cc; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:block; }
a:hover.btn_M_ST04 {text-decoration:none; color:#fff}


a.btn_ST05       {background:#21326b;color:#fff; }
a:link.btn_ST05  { width:70px; height:30px; line-height:30px; background:#21326b; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:block; margin:auto  }
a:hover.btn_ST05 {text-decoration:none; color:#fff}

/*가이드*/
.guide_box { border:#dfdfdf solid 1px ; padding:10px; margin-bottom:20px; line-height:18px}

.guide_box2 { border:0px ; background:#fffaef; padding:20px; margin-bottom:30px;}
.guide_box2 li { padding:3px 0}
.guide_box3 { border:#dfdfdf solid 1px ; padding:20px; }
.guide_box3 li { padding:3px 0}

/*폰트칼라*/
.fontST01 {color:#d40019} /*레드*/
.fontST01_B  {color:#d40019; font-weight:bold}
.fontST01_s {color:#d40019; font-size:12px;}

.fontST02 {color:#1e70df}
.fontST02_B  {color:#1e70df; font-weight:bold}

.fontST_green { color:#096; font-size:12px}



.table_cancel { width:100%}
.table_cancel td{ border:#CCC solid 1px; padding:2px 5px; text-align:center}
.table_cancel th{ border:#CCC solid 1px; padding:5px ; background:#ECECEC}
.table_cancel .text_left { text-align:left}

/*결제하기*/

.table_styleC {width:100%; color:#333333; margin-bottom:30px;}
.table_styleC td{ padding:10px 10px; border:#e4e4e4 solid 1px;height:23px; text-align:left}
.table_styleC th{ padding:10px 0px; border:#e4e4e4 solid 1px; height:25px; background:#f3f3f3; color:#000  } 
.table_styleC thead  { border-top:#000 solid 2px;}



/*응시가이드 */

.ulList_C { margin-bottom:10px;}
.ulList_C li{ padding:5px 0; line-height:20px;}
.ulList_C .list_num_A { background:#939cbf; width:16px; height:16px;  line-height:16px; color:#fff; text-align:center; float:left; margin-right:10px; margin-top:5px;}
.table_time { width:100%; font-size:13px;}
.table_time th { background:#a3daec; border:#FFF solid 1px; padding:6px}
.table_time td { background:#F2F2F2; border:#FFF solid 1px; text-align:center;padding:6px; line-height:18px;}
.table_time_title { padding:5px 0 ; color:#1f76a6}

.accordion {
list-style:none;padding:0;	
  width: 100%;
 
  border-top: 1px solid #d9e5e8;
}
.accordion li {
list-style:none;
  border-bottom: 1px solid #d9e5e8;
  position: relative;
  line-height:30px;  
}
.accordion li p {
  display: none;
  padding: 15px 25px;
  line-height:20px;
  background:#F6F6F6
    
}
.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-family:'notokr-medium' ;
  padding:5px 0px 5px 0;
  font-weight:bold;
  font-size: 14px;
  line-height:30px;
  user-select: none;
  color:#069;
  
}
.accordion a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family:'notokr-medium' ;
}
.accordion p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  padding: 10px;
}

a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.font11 { font-size:11px;}

/*게시판 검색*/
.search_box { margin:20px 0; background:#F3F3F3; text-align:center; position:relative; padding:10px; overflow:hidden;  }

.search_box input{ padding:0px 5px; height:32px; margin-bottom:px;display:inline-block; vertical-align:middle; width:50%}
.search_box select {margin-bottom:1px; display:inline-block;vertical-align:middle;font-size:12px; width:80px }
.search_box .searchTitle { display:inline-block;  padding:0 5px 0 12px;}
.search_btn {background:#666; width:32px; height:32px;}
.search_btn img{text-align:center;  margin:auto; vertical-align:middle }
.search_btn button { vertical-align:middle; }
.search_btn .search_btn2 { vertical-align:middle}

/*게시판*/

.bbstable_A { width:100%; color:#333333; font-size:13px; }
.bbstable_A td{ padding:5px 10px; border:#e4e4e4 solid 1px;height:23px; text-align:center}
.bbstable_A th{ padding:10px 0px; border:#e4e4e4 solid 1px; height:25px; background:#f6f6f6; color:#000  } 
.bbstable_A thead  { border-top:#000 solid 2px;}
.bbstable_A .Ttitle { text-align:left;vertical-align:middle;}


.bbstable_A a:hover{ color:#09F}
.bbstable_A .recommendT { color:#F00}

.bbstable_A .thead2 { background:#f0f0f0; text-align:left;padding:8px 5px 8px 5px ; font-size:15px; line-height:18px; } 
.bbstable_A .tview  { text-align:left; padding:10px 10px; line-height:19px} 
.bbstable_A .tview2 { text-align:left; padding:10px 10px; line-height:19px; background:#F7F7F7} 
.bbstable_A .file_TD {text-align:left; padding:10px 10px; line-height:20px} 
.bbstable_A .W_thead { text-align:left; padding:10px 10px; }
.bbstable_A .W_thead  input { height:20px; width:70%}
.bbstable_A .W_thead  input[type="checkbox"] { height:15px; width:15px; vertical-align:middle}
.bbstable_A textarea { border:0}

.bbstable_A .board_date { color:#666; }

.qna_icon_ing { display:block; background:#096; color:#fff; width:60px; height:22px; line-height:25px; margin:auto; font-family:'dotum'; font-size:12px;}
.qna_icon_end {display:block; background:#999; color:#fff; width:60px; height:22px; line-height:25px; margin:auto;font-family:'dotum'; font-size:12px;}
.bbstable_A .Ttitle .icon13{ vertical-align:middle; width:13px;}


/*테이블 리스트*/
.pageList_wrap { font-family:'NanumSquareR'; position:relative; margin:auto; margin-top:20px; text-align:center }
.pageList_wrap img { padding-top:5px}
a.pageList_num {background:#fff;color:#4e4e4e;border:#CCC solid 1px !important; width:15px;}
a:link.pageList_num { min-width:17px; height:27px; padding:0 5px; border:#CCC solid 1px !important; line-height:30px; text-align:center; display:inline-block }
a:hover.pageList_num {text-decoration:none; color:#fff; background:#CCC}


a.pageList_num_on {background:#fff;color:#F00;border:#CCC solid 1px !important;display:inline-block; font-weight:bold;width:15px;}
a:link.pageList_num_on { min-width:17px; height:27px; padding:0 5px; border:#CCC solid 1px !important; line-height:30px; text-align:center; display:inline-block }
a:hover.pageList_num_on {text-decoration:none; color:#fff; background:#CCC}


/*무료독서교육*/
.media_wrap {width:43%; display:inline-block; overflow:hidden;  margin:10px 10px 0px 9px; padding:0px 0 10px 0; vertical-align:top }
.media_wrap:last-child { display:inline-block; overflow:hidden;  margin:10px 0px 25px 10px; padding:0px 0 10px 0; vertical-align:top }

.media_title { font-size:15px; padding:10px 0 5px 0; font-family:'notokr-regular' ; border-top:#dcdcdc solid 1px}
.mediabox { padding:0 0px 5px 0}
.media_data1 { color:#2b80ff; font-size:11px; line-height:10px;}
.media_data2 { color:#06C;  font-size:12px;float:right; line-height:25px;}

.eduDAtaTable { width:100%}
.eduDAtaTable th{border:#e4e4e4 solid 1px; background:#b5b5b5; padding:8px; color:#FFF}
.eduDAtaTable td{ border:#e4e4e4 solid 1px; padding:8px; text-align:left}

.eduDAtaTable td:first-child {border-left:0px}
.eduDAtaTable td:last-child {border-right:0px}

a.btn_eduDada { width:80px; line-height:28px; height:28px; text-align:center; border:#CCC solid 1px;font-family:"notokr-regular";  }
a:link.btn_eduDada   { text-align:center ; color:#000 ; border:#CCC solid 1px; cursor:pointer;display:block; margin:auto; font-size:13px; }
a:hover.btn_eduDada   {  text-decoration:none; color:#06C;  border:#06C solid 1px;}
a:visited.btn_eduDada {color:#000; }

.btn_eduDada img { vertical-align:middle}

.eduDAta_group { color:#09C; font-size:12px}



/*마이*/
.myList_table  { width:100%; margin-bottom:10px;border-top:#e4e4e4 solid 1px; font-size:12px;}
.myList_table th{border-top:#e4e4e4 solid 1px;  border-left:#e4e4e4 solid 1px; border-right:#e4e4e4 solid 1px; border-bottom:#e4e4e4 dashed 1px; background:#f0f0f0; padding:2px 8px; color:#000}
.myList_table td{  border-left:#e4e4e4 solid 1px; border-right:#e4e4e4 solid 1px; border-bottom:#e4e4e4 dashed 1px; padding:2px 8px; text-align:left}

.No_content { text-align:center; padding:10px}
.myList_bold { font-weight:bold; color:#000}



.FAIL_font { color:#F00; font-weight:bold}
.PASS_font { color:#393; font-weight:bold}




/*자격증관리*/

a.btn_certi_print {background:#999; color:#fff; font-family:"Dotum"; font-size:12px; margin-bottom:3px;}
a:link.btn_certi_print {background:#999; width:80px; height:25px; line-height:29px;text-align:center;  color:#fff; display:block; margin:auto  }
a:hover.btn_certi_print { text-decoration:none; color:#fff; }


a.btn_certi_app {  color:#fff; font-family:"Dotum"; font-size:12px;margin-bottom:3px;}
a:link.btn_certi_app { width:80px; height:25px; line-height:29px;text-align:center;  color:#fff;display:block; margin:auto  }
a:hover.btn_certi_app { text-decoration:none; color:#fff ; }


.certi_bg01 { background:#066;}
.certi_bg02 { background:#cc5667;}
.certi_bg03 { background:#386d96;}


.result_wrap .btn_img2 { display:none}



/*member*/

.process_wrap { width:90%; margin:auto;  text-align:center; height:16px;  letter-spacing:-1px; position:relative; padding:20px 0; margin-bottom:20px;  }
.process_01 { width:20%; float:left; text-align:center; font-family:'notokr-regular'; }
.process_02 { width:10px; float:left; }
.process_01 img { width:20px;}

.agree_box { border:#dfdfdf solid 1px ; padding:10px; height:150px; overflow-y:scroll; font-family:'Dotum'; font-size:12px; line-height:22px;} 
.agree_box2 {border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px ; border-top:#dfdfdf solid 1px ; background:#f5f5f5; padding:7px; margin-bottom:0px;} 
.agree_box3 { border:#dfdfdf solid 1px ; padding:30px; height:200px; overflow-y:scroll; font-family:'Dotum'; font-size:12px; line-height:22px;} 

.join_wrap { width:100%;border-top:#ededed 1px solid; margin-bottom:20px; position:relative}


.join_wrap li { padding:5px 5px; line-height:30px; font-weight:bold;  border-bottom:#ededed 1px solid;}
.join_wrap  .headtitle { background:#F6F6F6}
.join_wrap  li input { padding:0 6px ; vertical-align:middle; }
.join_wrap select {}
.join_wrap img {vertical-align:middle;margin-top:5px }


.join_wrap input[type="radio"]{border: 0px; vertical-align:middle; padding:0;margin:0 5px 3px 0px; display:inline-block}
.join_wrap input[type="checkbox"]{border: 0px; vertical-align:middle; padding:0;margin:0 5px 3px 0px; display:inline-block}



.joinend {  width:100%;border:#ededed 1px solid;  margin-bottom:20px; padding-top:30px; text-align:center}
.joinendtext { width:600px; margin:auto; text-align:left}
.joinendtext_title {font-family:'notokr-bold'; font-size:20px; color:#35A2F2; margin-bottom:15px;  }
.idpwbox { width:100%;border-top:#ededed 1px solid;border-left:#ededed 1px solid;border-right:#ededed 1px solid; margin-bottom:5px; }

.help_text1 { color:#737373; padding-left:5px; display:block; width:90%; line-height:17px;}
.help_text2 { color:#d64c4c; padding-left:5px; display:block; width:90%; line-height:17px;}

.join_end_box { font-size:18px; line-height:25px;  width:600px; padding:30px 20px; border-top:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; margin:auto; margin-bottom:30px;}

.idpwbox dt { float:left;padding:2px 5px; height:35px; line-height:35px; font-weight:bold; color:#FFF; text-align:center; width:150px; background:url(../Images/Common/Bg/tablehead_bg1.gif) repeat;border-bottom:#ededed 1px solid;}
.idpwbox dd { padding:2px 5px; line-height:28px; height:35px; vertical-align:middle; border-bottom:#ededed 1px solid}
.idpwbox  dd input { padding:4px; margin:5px 5px 0px 5px;vertical-align:middle;}
.idpwbox select { margin-top:5px; margin:5px 5px 0px 5px;}


.id_result { width:100%;height:30px; line-height:30px; padding:5px; text-align:center;  background:#F5F5F5;  margin-top:5px; margin-bottom:5px;}
.id_result span { color:#F00; font-weight:bold}

.join_end_box { font-size:15px; line-height:25px;  width:80%; padding:30px 0px; border-top:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; margin:auto; margin-bottom:30px;}


/*내정보*/
.myphoto{ position:absolute; right:0; top:-1px; width:120px; height:152px; background:#FFF; border:#e3e3e3 solid 1px; background:url(/images/member/myphotoimg.gif) no-repeat}
.myphoto img {width:120px; height:152px; margin:0; padding:0; top:0;    }

.memChoice_wrap { clear:both; position:relative; overflow:hidden}
.memChoice1_box { position:relative; width:42%; height:250px;  padding:30px 10px; background:#fff; display:inline-block; border:#CCC solid 1px; text-align:center; float:left; font-size:12px; }
.memChoice1_box:first-child { margin-right:5px;}
.memChoice1_box img { display:block; margin:auto; width:60%}

.memChoice_title01 { color:#099; font-size:20px; padding-bottom:20px;  font-family:'NanumSquareEB';}
.memChoice_title02 { color:#036; font-size:20px;padding-bottom:20px; font-family:'NanumSquareEB';}

.memChoice1_box .btn_mem_wrap { position:absolute; bottom:20px; left:0px; width:100%}

.btn_mem_ST01 { width:40%; height:35px; line-height:35px; padding:0 10px; background:#2e4591;  text-align:center;  display:block; color:#fff; font-weight:bold; font-size:14px; border:0;cursor:pointer;margin:auto}
a:link.btn_mem_ST01 { width:70%; height:35px; line-height:35px; padding:0 10px; background:#2e4591;  text-align:center;  display:block; color:#fff; font-weight:bold; font-size:14px; border:0;cursor:pointer; margin:auto}
a:hover.btn_mem_ST01 {text-decoration:none; color:#fff}
a:visited.btn_mem_ST01 {background:#2e4591; text-decoration:none;color:#fff}



/*로그인*/

.login_box { border:#dfdfdf solid 1px ;  border-top:#21326b solid 3px ;  padding:30px 30px; margin-bottom:30px;  margin:auto; overflow:hidden}
.login_box input { padding:6px; height:38px; font-size:13px; width:100%; vertical-align:middle; font-family:'NanumSquareR'; margin-bottom:6px; display:block; color:#999; box-sizing:border-box}

.login_box_depth1 {}
.login_box_depth2 {}
.login_box_depth3 { clear:both; display:block;  line-height:40px;vertical-align:middle }
.login_box_depth3 input[type="checkbox"]{border: 0px; vertical-align:middle !important; padding:0; float:left; width:20px}
.btn_Login { width:100%; padding:10px 0; color:#FFF; background:#036 }



.table_style_idpw { width:100%; color:#7b7b7b; }
.table_style_idpw td{ padding:10px 5px; border-bottom:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px;height:23px; }
.table_style_idpw th{ padding:5px 5px; border-bottom:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px; height:25px; background:#f6f6f6; color:#000; } 
.table_style_idpw tbody  { border-top:#21326b solid 2px ;}
.table_style_idpw .Ttitle { text-align:left;vertical-align:middle;}
.table_style_idpw input { padding:0px;}
.table_style_idpw select { padding:3px;}



.terms_box {border:#e4e4e4 solid 1px; padding:30px; line-height:25px;  }






/*독서야놀자*/
.reading_box01 { background:url(/images/eduData/box_bg01.gif) repeat; padding:15px 25px 25px 25px; overflow:hidden; letter-spacing:-1px; margin-bottom:20px;}
.reading_list{ width:75%; height:17px; line-height:18px; padding:10px 20px 10px 40px; background:url(/images/eduData/box_dot.gif) no-repeat 10px,#FFF; margin:5px 0 auto  }
.reading_list span { font-size:11px}
.reading_list a:hover { color:#F33}
.reading_list2 {width:75%; line-height:18px; padding:10px 20px 10px 40px; background:#86a7be; margin:5px 0px ; color:#fff }

.reading_box02 { background:url(/images/eduData/box_bg02.gif) repeat; padding:15px 35px 35px 35px; overflow:hidden; letter-spacing:-1px; margin-bottom:20px;}
.reading_box03 { background:url(/images/eduData/box_bg03.gif) repeat; padding:15px 35px 35px 35px; overflow:hidden; letter-spacing:-1px; margin-bottom:20px;}

.title_h3 { font-family:'NanumSquareR';  font-size:20px; line-height:30px; padding-top:5px; font-weight:100;display:block}


.ex_box { border:1px solid #EBEBEB; padding:10px; margin:0px 0 30px 0 ; text-align:center}
.ex_box2 { border:1px solid #EBEBEB; padding:15px; margin:0px 0 30px 0 ; text-align:left}
.ex_box3 { border:1px solid #EBEBEB; padding:20px; margin:0px 0 30px 0 ; text-align:left; background:#eef1e3}

.ex_text { color:#06C; padding:10px 0; text-align:left}
.reding_title { font-family:'NanumSquareR';  font-size:17px; line-height:30px; padding:10px 0; font-weight:100; color:#099}
ul.ex_ul { padding:5px}
.ex_ul li{ padding:5px 0 }

.ex_ul2 { display:block; position:relative; background:#e6eff6; overflow:hidden}
.ex_ul2 li { float:left; border-right:#999 dashed 1px; padding:20px 0px 20px 50px; background:#e6eff6; width:40%}
.ex_ul2 li:last-child { float:left; border-right:#999 dashed 0px;  background:#e6eff6; width:45%}

.reading_table { width:100%}
.reading_table th { border:#CCC solid 1px; background:#F6F6F6; padding:5px;}
.reading_table td { border:#CCC solid 1px; background:#fff;padding:5px;}
.reading_table .t_center { text-align:center}

.icon_navi_arrow { width:13px}

.select_stA { border: #CCC solid 1px; border-radius:5px; padding:7px; width:90%; margin:10px 10px 0px 10px;}


.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #e1e1e1;
z-index: 10;
background-color:#fff;
width: 170px;
left:0px; top:0;
line-height:25px;
padding:15px;
box-shadow:#d6d6d6 1px 1px 1px; border-radius:5px }

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;

padding:5px 0;
text-decoration: none;

}

.anylinkcss a:hover{ /*hover background color*/

color:#d83636;

}







/* 버튼 ****************************************************************/
.btn_center_wrap3 { clear:both; margin:auto; width:429px; text-align:center; height:20px; margin-top:20px; margin-bottom:20px;}
.btn_center_wrap2 { clear:both; margin:auto; width:286px; text-align:center; height:20px; margin-top:20px; margin-bottom:20px;}
.btn_right_wrap { clear:both; text-align:right; margin-top:20px; margin-bottom:20px; }
.btn_center_wrap { clear:both; text-align:center; margin-top:20px;margin-bottom:20px; position:relative }

.btn_M_ST01       { width:100px; height:40px;  background:#2e4591;  text-align:center;  color:#fff; font-weight:bold; font-size:16px; border:0;cursor:pointer;margin-left:3px;}
.btn_M_ST01:hover {text-decoration:none; color:#fff}

.btn_M_ST02       { width:100px; height:40px;  background:#cacaca;  text-align:center; color:#fff; font-weight:bold; font-size:16px; border:0; cursor:pointer;margin-left:3px;}
.btn_M_ST02:hover {text-decoration:none; color:#fff}

.btn_M_ST03       { width:100px; height:40px;  background:#4961b1;  text-align:center;  color:#fff; font-weight:bold; font-size:16px; border:0;cursor:pointer; margin-left:3px;}
.btn_M_ST03:hover {text-decoration:none; color:#fff}

.btn_M_ST05       { height:40px; padding:0 30px; background:#2e4591;  text-align:center;  color:#fff; font-weight:bold; font-size:16px; border:0;cursor:pointer; margin-left:3px;}/*가로사이즈 자유*/
.btn_M_ST05:hover {text-decoration:none; color:#fff}

/*나의정보 버튼*/
a.btn_table_st01       {background:#acacac; color:#fff; }
a:link.btn_table_st01  { width:70px; height:25px; line-height:25px; background:#acacac; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:block;}
a:hover.btn_table_st01 {text-decoration:none; color:#fff}
a:visited.btn_table_st01       {background:#acacac; color:#fff; }

.btn_table_st02_A       {background:#fff; color:#31a8da; height:23px; width:80px; text-align:center; line-height:23px; border:#31a8da solid 1px ;display:block; font-size:13px;}
.btn_table_st02_B       {background:#fff; color:#009856; height:23px; width:80px;text-align:center;line-height:23px; border:#009856 solid 1px ;display:block; font-size:13px;}
.btn_table_st02_C       {background:#fff; color:#e44d54; height:23px; width:80px;text-align:center; line-height:23px; border:#e44d54 solid 1px ;display:block; font-size:13px;}
.btn_table_st02_D       {background:#fff; color:#999; height:23px; width:80px;text-align:center;line-height:23px; border:#999 solid 1px ;display:block; font-size:13px;}


a.btn_table_st03_A       {background:#fff; color:#21326a; border:#21326a solid 1px ;}
a:link.btn_table_st03_A  { width:70px; height:25px; line-height:25px; background:#fff; border:#21326a solid 1px ; text-align:center; color:#21326a; font-size:13px;  cursor:pointer;display:block;}
a:hover.btn_table_st03_A {text-decoration:none; color:#21326a}
a:visited.btn_table_st03_A       {background:#fff; color:#21326a; border:#21326a solid 1px ;}

a.btn_table_st03_B       {background:#21326a; color:#fff; }
a:link.btn_table_st03_B  { width:70px; height:25px; line-height:25px; background:#21326a; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:block; margin:auto }
a:hover.btn_table_st03_B {text-decoration:none; color:#fff}
a:visited.btn_table_st03_B       {background:#21326a; color:#fff; }

/*그린*/
a.btn_table_st04_B       {background:#3e8f6e; color:#fff; }
a:link.btn_table_st04_B  { width:70px; height:25px; line-height:25px; background:#3e8f6e; text-align:center; color:#fff;font-size:13px; border:0; cursor:pointer;display:block; }
a:hover.btn_table_st04_B {text-decoration:none; color:#fff}
a:visited.btn_table_st04_B {background:#3e8f6e; color:#fff; }

.search_btn2 { border:0; padding:0 15px; height:32px; background:#fff; border:1px solid #666; color:#000; display:inline-block; vertical-align:middle; float:right; margin-bottom:5px; }
.search_btn2:hover {text-decoration:none; color:#000}

/*로그인 버튼*/
.btn_center_wrap .btn_Login_join { display:block; background:#CCC; padding:10px 0px; float:left; font-size:12px; width:45% ; text-align:center; margin-right:2px;}
.btn_center_wrap .btn_Login_join:last-child { display:block; background:#CCC; padding:10px 0px; float:left; font-size:12px; width:53% ; text-align:center; margin-right:0px;}


.btn_idpw_ST01 { width:120px; height:40px; line-height:40px; padding:0 40px; background:#2e4591;  text-align:center;  display:block; color:#fff; font-weight:bold; font-size:16px; border:0;cursor:pointer;margin-left:3px; margin:auto}
a:link.btn_idpw_ST01 { width:120px; height:40px; line-height:40px; padding:0 40px; background:#2e4591;  text-align:center;  display:block; color:#fff; font-weight:bold; font-size:16px; border:0;cursor:pointer;margin-left:3px; margin:auto}
a:hover.btn_idpw_ST01 {text-decoration:none; color:#fff}
a:visited.btn_idpw_ST01 {background:#2e4591; text-decoration:none;color:#fff}


.quide_btn { overflow:hidden; padding:10px;}
.quide_btn  img { vertical-align:middle}


/*정렬*/
.floatL {display:inline-block}
.floatR { float:right}


/* 아이콘 svg 스타일 ****************************************************************/
.icon13 {width:15px;  height:13px} 
.icon14 { width:15px; height:14px} 
.icon15 { width:15px; height:15px} 
.icon16 { width:16px; height:16px;} 
.icon25 { width:25px;} 
.AA_G  { fill:#797979;}
.st_white  { fill:#ffffff; color:#fff }


@media screen and (min-width:640px) {
/*메인*/

.main_quick_box { width:30%; padding:5px 5px 10px 11px; height:30px; line-height:35px; background:#d5d5d5; float:left; margin-right:3px; margin-bottom:3px; position:relative}
.main_quick_box:last-child { margin-right:0}


/*진단개요*/
.info_img01 { width:23%; float:left; margin-right:12px; margin-top:10px;}
.info_img01:last-child {margin-right:0px;}
	
	
	
}


@media screen and (min-width:768px) {
/*메인*/


.main_con01_wrap { width:100%; padding-bottom:30px;   margin:auto; background:url(../images/main/mw_con01_bg.png),#b9e6ff; background-size:cover ; overflow:hidden}


.exam_box01, .exam_box02, .exam_box03 { position:relative;  line-height:13px;font-family:'NanumSquareB'; font-size:11px; color:#000; display:inline-block; vertical-align:top; } 

.exam_box01 { width:30%; height:170px; background:#b1e06f; margin-left:18px;}
.exam_box02 { width:30%; height:170px; background:#33c7fb;margin-left:12px;}
.exam_box03 { width:30%; height:170px; background:#fcccbb; margin-left:12px; }
.exam_box_con { padding:10px 0 0 60px;}

.main_dday { position:absolute; left:10px; top:4px; z-index:2; font-family:'NanumSquareEB'; color:#fff; font-size:13px; width:40px; text-align:center}

.mainbtn_exam    {position:absolute; right:20px; top:120px;}
a:link.btn_main_exam   { width:190px; height:20px;line-height:20px; padding:5px 0; text-align:center; color:#fff; border:1px solid #FFF ; display:block; margin:auto; font-size:17px; }
a:hover.btn_main_exam   {text-decoration:none; color:#fff; border:1px solid #F03 ; color:#F03; box-shadow: 0px 20px 20px -17px rgba(0,0,0,0.44);}
a:visited.btn_main_exam {color:#fff; }

	
}