@charset "utf-8";

#subContainer {width:1180px; padding:0 10px; margin:0 auto; min-height:800px; }

/* location */
.location { background:#5179c6; position:relative; height:40px; overflow:hidden; width:1180px; margin:0 auto; z-index:0;}
.location div { float:left; position:relative; border-right:1px solid #7195da; padding:10px 30px 10px 0; line-height:20px;}
.location div > a { color:#fff; line-height:20px;  display:block; }
.location div.home { height:20px; text-align:center; padding:10px 0; width:100px; }
.location .path > a { padding:0 50px 0 30px; text-decoration:none;}
.location .path > a { background:url(../../images/sub/btn_openL.png) no-repeat right 1px;  min-width:120px;  font-weight:bold;}
.location .path.on > a { background:url(../../images/sub/btn_closeL.png) no-repeat right 1px; } /* 열렸을때 */
.location .active > a  { background:url(../../images/sub/btn_openL_active.png) no-repeat right 1px; color:#f9f006; }
.location .active.on > a{ background:url(../../images/sub/btn_closeL_active.png) no-repeat right 1px ;} /* 열렸을때 */
.location .path .pathList { position:absolute; top:40px; left:-1px; width:100%; border:1px solid #c6c7c8; border-top:0; background:#fff;  z-index:0; padding:10px 0; }
.location .path .pathList li a { display:block; line-height:1; padding:7px 10px 7px 30px; text-decoration:none;}
.location .path .pathList a:hover, .location .path .pathList a:focus { background:#ddd; color:#23265f;}


/* snb */
.snb { padding-top:20px; height:auto; overflow:hidden; width:250px; float:left;}
.snb h2 { font-size:22px; font-weight:bold; color:#fff; text-align:center; line-height:100px; height:100px; background:url(../../images/snb_h_bg.gif) repeat; }
.snb h2 > a{ font-size:22px; font-weight:bold; color:#fff; text-decoration:none; }
.snb  ul.depth_02 > li { border:1px solid #b9b8b8; border-top:none; font-weight:bold;}
.snb  ul.depth_02 > li > a { font-size:15px; display:block; height:40px; line-height:40px; padding-left:10px; text-decoration:none; color:#000; }
.snb  ul.depth_02 > li > a:hover { background:#6e6e6e; color:#fff; }
.snb  ul.depth_02 > li > a:focus { background:#6e6e6e; color:#fff; }
.snb  ul.depth_02 > li.hover { background:#6e6e6e; color:#fff; }
.snb  ul.depth_02 > li.on { background:#6e6e6e; color:#fff; }
.snb  ul.depth_02 > li.on > a{ background:#6e6e6e; color:#fff; }
.snb  ul.depth_03 { background:#efefef; }
.snb  ul.depth_03 > li { display:block; /*line-height:38px;*/ }
.snb  ul.depth_03 > li > a { display:block; line-height:16px; padding:11px 5px 11px 20px; font-size:14px; font-weight:bold; text-decoration:none;  color:#444; background:url(../../images/sub/menu_bg.png) 10px 16px no-repeat;}
.snb  ul.depth_03 > li > a:hover { background:url(../../images/sub/menu_bg_on.png) 10px 16px no-repeat; color:#233f8a; background-color:#dee2e5;}
.snb  ul.depth_03 > li.hover > a { background:url(../../images/sub/menu_bg_on.png) 10px 16px no-repeat; color:#233f8a; background-color:#dee2e5;}
.snb  ul.depth_03 > li.on > a { background:url(../../images/sub/menu_bg_on.png) 10px 16px no-repeat; color:#233f8a; background-color:#dee2e5;}
.snb  ul.depth_04 { background:#fff;}
.snb  ul.depth_04 > li { display:block; }
.snb  ul.depth_04 > li > a { display:block; line-height:14px; padding:8px 5px 8px 25px; font-size:13px; font-weight:bold; text-decoration:none; color:#777; background:url(../../images/sub/menu4_bg.gif) 15px 15px no-repeat;}
.snb  ul.depth_04 > li > a:hover { background:url(../../images/sub/menu4_bg_on.gif) 15px 15px no-repeat; color:#233f8a; }
.snb  ul.depth_04 > li > a:focus { background:url(../../images/sub/menu4_bg_on.gif) 15px 15px no-repeat; color:#233f8a; }
.snb  ul.depth_04 > li.hover > a {  background:url(../../images/sub/menu4_bg_on.gif) 15px 15px no-repeat; color:#233f8a; }
.snb  ul.depth_04 > li.on > a{  background:url(../../images/sub/menu4_bg_on.gif) 15px 15px no-repeat; color:#233f8a; }
a.menu_5_4 { display:block; margin-top:15px;}
.snb  ul.depth_02 > li > a.green_certi { padding:0; height:64px; margin-left:-1px; margin-top:10px;}


/* subCenter */
.subCenter {/* width:1180px; position:relative;*/ height:auto; overflow:hidden; padding-bottom:30px; width:890px; padding-left:40px; }
.subCenter .hGroup { text-align:left; padding-top:30px; padding-bottom:20px; border-bottom:1px solid #999;}
.subCenter .hGroup h3 { font-size:38px; color:#1444a1; line-height:50px;}
.subCenter .hGroup > span { font-size:14px; color:#313030; line-height:25px; display:none;}


/* submain */
.subCenter_01 { width:1180px; margin:0 auto; }
#subContainer.width100 { width:100%; background:url(../../images/sub/submain_bg.jpg) repeat-x left 0; background-color:#fff; padding:0;}
#subContainer.width100 .location {}
/* #subContainer.width100.top145 { background-position:left 145px; } */
#subContainer.width100 .hGroup { display:none; }
#submain { width:1180px; margin:0 auto; padding-top:10px; padding-bottom:30px; overflow:hidden; height:auto; }

/* kisee소개 서브메인 */
.submain_01 .submain_title { width:280px; height:280px; float:left; margin-right:5px; background:url(../../images/sub/submain1_tit_bg.gif) no-repeat;}
.submain_title span { display:block; width:280px;}
.submain_01 .submain_title span.title_big { text-align:center; width:280px; color:#fff; font-size:40px; margin-top:60px; }
.submain_01 .submain_title span.title_sub { text-align:center; width:280px; color:#6a3c05; font-size:14px; margin-top:15px; line-height:20px; font-weight:bold; }
.submain_navi { width:640px; height:280px; float:left; margin-right:5px;}
.submain_navi > ul { width:640px; height:280px; }
.submain_navi ul.smdepth_02 > li { height:auto; padding:10px 0; overflow:hidden; background: url(../../images/sub/submain_navi_dline.gif) left bottom repeat-x; }
.submain_navi ul.smdepth_02 > li > a { display:block; float:left; font-size:14px; color:#333; text-decoration:none; font-weight:bold; width:200px; padding-left:15px; box-sizing:border-box;  }
.submain_navi ul#smdepth_bf02 > li { padding:13px 0 !important; }
.submain_navi ul#smdepth_bf02 > li > a { font-size:18px !important; }
.submain_navi ul.smdepth_02 > li:hover { background:url(../../images/sub/submain_navi_bg_over.gif) repeat-y;}
.submain_navi ul.smdepth_02 > li:hover > a { color:#fff; }
.submain_navi ul.smdepth_02 li ul.smdepth_03 { float:left; overflow:hidden; width:calc(100% - 200px);}
.submain_navi ul.smdepth_02 li ul.smdepth_03 li { display:block; float:left; margin-left:25px; margin-bottom:5px; }
.submain_navi ul.smdepth_02 li ul.smdepth_03 li a { display:block;  background:url(../../images/sub/submain_navi_list.gif) left 4px no-repeat; padding-left:7px; text-decoration:none; word-break:keep-all; }
.submain_navi ul#smdepth_bf02 li ul.smdepth_03 li a { background:url(../../images/sub/submain_navi_list.gif) left top 6px no-repeat !important;}
.submain_navi ul#smdepth_bf02 li ul.smdepth_03 li { margin-bottom:0px !important; }
.submain_navi ul#smdepth_bf02 li ul.smdepth_03 li a { font-size:18px !important; }
.submain_navi ul.smdepth_02 li ul.smdepth_03 li a:hover { background:url(../../images/sub/submain_navi_list_over.gif) left 4px no-repeat; color:#0a378c; font-weight:bold; }
.submain_navi.sm_01 ul.smdepth_02 { background:url(../../images/sub/submain_navi_bg_1.gif) no-repeat;  }
.submain_navi.sm_01 ul.smdepth_02 > li > a { width:140px; padding-left:23px; }
.submain_navi.sm_01 ul.smdepth_02 > li >  ul.smdepth_03 { width:477px;}
.submain_navi.sm_01 ul.smdepth_02 > li:hover { background-position:-137px 0;}
.sm_banner { width:250px; height:280px; float:left; }
.kisee_define { clear:both; width:705px; height:404px; float:left; margin-right:5px;  background:url(../../images/sub/submain1_box_bg.jpg) no-repeat; margin-top:5px; }
.kisee_define > p { padding:55px;  }
.kisee_define > p span.strong { color:#025ea5; font-size:35px;}
.kisee_define > p span.explain { color:#4d4d4d; line-height:22px; display:inline-block; padding-top:30px;}
.knews { width:420px; padding:25px; float:left; margin-top:5px; position:relative; background:#fff;  }
.knews h2 { }
.knews h2 a { display:block; height:30px;  line-height:30px; text-align:center; border-bottom:2px solid #ccc; font-size:16px; color:#666; font-weight:bold; text-decoration:none; }
.knews h2 a:hover, .knews h2 a.on { color:#000; border-bottom:2px solid #919191; } 
.knews h2.knews_01_title { height:32px; width:210px; position:absolute; top:25px; left:25px;}
.knews h2.knews_02_title { height:32px; width:210px; position:absolute; left:235px; top:25px;}
.knews .knews_list { padding-top:45px;}
.knews .knews_list ul li.topNews { height:170px; margin-bottom:25px; }
.knews .knews_list ul li.topNews > a { color:#2b2b2b; padding:120px 20px 0 20px; display:inline-block; line-height:22px;}
.knews .knews_list ul li { background:url(../../images/sub/smnews_bullet.gif) left 7px no-repeat; padding-left:7px; margin-bottom:10px;}
.knews .knews_list ul li span {display:inline-block;  font-size:12px;}
.knews .knews_list ul li span.newsTitle { width:350px; }
.knews .knews_list ul li span.newsDate { color:#666; width:63px; text-align:right; }
#knews_01 ul li.topNews { background:url(../../images/sub/news_pic_1.jpg) no-repeat; }
#knews_02 ul li.topNews { background:url(../../images/sub/news_pic_2.jpg) no-repeat; }
.submain_01 .submain_navi ul.smdepth_02 > li { padding:15px 0; }

/* 교육연구시설 서브메인*/
.submain_02 .submain_title { width:280px; height:280px; float:left; margin-right:5px; background:url(../../images/sub/submain2_tit_bg.gif) no-repeat;}
.submain_title span { display:block; width:280px;}
.submain_02 .submain_title span.title_big { text-align:center; width:280px; color:#fff; font-size:40px; margin-top:60px; }
.submain_02 .submain_title span.title_sub { text-align:center; width:280px; color:#6a3c05; font-size:14px; margin-top:15px; line-height:20px; font-weight:bold; }
.submain_navi.sm_02 ul.smdepth_02 { background:url(../../images/sub/submain_navi_bg_2.gif) no-repeat;  }
.submain_navi.sm_02 ul.smdepth_02 > li > a { width:227px; padding-left:23px; } /* 너비 250*/
.submain_navi.sm_02 ul.smdepth_02 > li >  ul.smdepth_03 { width:390px;} /* 640-250 */
.submain_navi.sm_02 ul.smdepth_02 > li:hover { background-position:-50px 0;} /* 300-250 */
.submain_02 .sm_study_record { background:url(../../images/sub/sm2_txt_bg.gif) no-repeat; height:45px; line-height:45px; color:#fff; clear:both; overflow:hidden; margin-top:5px; }
.submain_02 .sm_study_record>h3 { width:200px; float:left; font-size:16px; font-weight:bold; padding-left:20px;}
.submain_02 .sm2_study { clear:both; width:705px; height:auto; float:left; margin-right:5px;  margin-top:5px; background:#33a3a8; }
.submain_02 .sm2_study > h3 { height:60px; line-height:60px; font-size:25px; font-weight:bold; text-align:center; background:#fff; color:#33a3a8;}
.submain_02 .r_cnt {float:left; width:470px height:auto; overflow:hidden; }
.submain_02 .r_cnt .record_graph {width:420px; height:auto; background:#fff; padding:10px 25px; margin-top:5px;}
.submain_02 .r_cnt .record_graph>h3 { height:30px;  line-height:30px; border-bottom:2px solid #ccc; font-size:16px; color:#666; font-weight:bold;}
.submain_02 .r_cnt .record_graph>p { margin-top:25px; text-align:center;}


/* 녹색건축인증 서브메인 */
.submain_03 .submain_title { width:280px; height:280px; float:left; margin-right:5px; background:url(../../images/sub/submain3_tit_bg.gif) no-repeat; }
.submain_03 .submain_title span.title_big { text-align:center; width:280px; color:#fff; font-size:37px; margin-top:60px;  }
.submain_navi.sm_03 ul.smdepth_02 { background:url(../../images/sub/submain_navi_bg_3.gif) no-repeat;  }
'.submain_navi.sm_03 ul.smdepth_02 > li > a { width:190px; padding-left:23px; } /* 너비 213*/
.submain_navi.sm_03 ul.smdepth_02 > li >  ul.smdepth_03 { width:427px;} /* 640-213 */
.submain_navi.sm_03 ul.smdepth_02 > li:hover { background-position:-87px 0;} /* 300-213 */
.sm3_quick { clear:both; padding-top:5px; }
.sm3_quick ul { height:150px; background:#fff; }
.sm3_quick ul li { display:block; width:235px; height:130px; float:left; border-left:1px dotted #ccc; margin-top:10px;  }
.sm3_quick ul li:first-child { border:none;}
.sm3_quick ul li > a, .sm3_quick ul li > p { display:block; height:120px; padding-top:30px;}
.sm3_quick .sm3_quick_01 { background:url(../../images/sub/sm3_quick_1.png) center -5px no-repeat; padding-left:88px;}
.sm3_quick .sm3_quick_02 { background:url(../../images/sub/sm3_quick_2.png) center -5px no-repeat; padding-left:90px; }
.sm3_quick .sm3_quick_03 { background:url(../../images/sub/sm3_quick_3.png) center -5px no-repeat; padding-left:90px; }
.sm3_quick .sm3_quick_04 { background:url(../../images/sub/sm3_quick_4.png) center -5px no-repeat; padding-left:100px; }
.sm3_quick .sm3_quick_05 { background:url(../../images/sub/sm3_quick_5.png) center -5px no-repeat; padding-left:115px; }
.sm3_quick .title { font-size:15px; color:#333; font-weight:bold; display:inline-block; padding-bottom:10px;}
.sm3_quick .s_text { font-size:12px; color:#666;}
.sm3_quick .sm3_quick_01 a { display:block; border:1px solid #ccc; font-size:11px; width:110px; text-align:center; padding:2px; margin-bottom:2px; }
.certi_graph { margin-top:5px; background:#f1f1f1; width:655px; height:260px; padding:25px; float:left; margin-right:5px;}
.certi_graph.long { height:390px; }
.sm03_news { float:left; width:420px; height:260px; padding:25px; overflow:hidden; background:#fff; margin-top:5px;}
.certi_graph h2 { font-size:16px; color:#111; font-weight:bold; height:25px; border-bottom:1px solid #ccc; line-height:25px;  overflow:hidden;}
.certi_graph h2 > span { float:right; font-size:12px; color:#666;}
.certi_graph > div { width:327px; float:left; position:relative; padding-top:25px;}
.certi_graph .graph_img { width:185px; float:left;}
.certi_graph .graph_factor { width:142px; float:left; margin-top:30px;}
.certi_graph .graph_factor ul li {  font-size:12px; line-height:12px; margin-bottom:7px;}
.certi_graph .graph_factor span { width:12px; height:12px; display:block; float:left; margin-right:5px; background:#578ae6;}
.certi_graph .graph_factor span.factor_01 { background:#578ae6; }
.certi_graph .graph_factor span.factor_02 { background:#f6bd0f; }
.certi_graph .graph_factor span.factor_03 { background:#7dddf5; }
.certi_graph .graph_factor span.factor_04 { background:#75bc12; }
.certi_graph .graph_factor span.factor_05 { background:#07a478; }
.certi_graph .graph_factor span.factor_06 { background:#FA5858; }
.certi_graph .graph_factor span.factor_07 { background:#FAAC58; }
.certi_graph .graph_factor span.factor_08 { background:#EFE144; }
.certi_graph .graph_factor span.factor_09 { background:#ACFA58; }
.certi_graph .graph_factor span.factor_10 { background:#81F7D8; }
.certi_graph .graph_factor span.factor_11 { background:#2ECCFA; }
.certi_graph .graph_factor span.factor_12 { background:#0174DF; }
.certi_graph .graph_factor span.factor_13 { background:#DA81F5; }
.certi_graph .graph_factor span.factor_14 { background:#F5A9D0; }
.certi_graph .graph_factor span.factor_15 { background:#088A4B; }
.certi_graph .graph_factor span.factor_16 { background:#CECEF6; }
.certi_graph .graph_factor span.factor_17 { background:#5F04B4; }
.certi_graph .certi_01 h3 { font-size:14px; color:#111; font-weigth:bold; position:absolute; top:205px; left:60px;}
.certi_graph .certi_02 h3 { font-size:14px; color:#111; font-weigth:bold; position:absolute; top:205px; left:60px;}

.sm03_news h2 {font-size:16px; color:#111; font-weight:bold; height:25px; border-bottom:1px solid #ccc; line-height:25px;  overflow:hidden; }
.sm03_news h2 > a { float:right;}
.sm03_news > img { margin-bottom:20px;}
h2.snews_title {font-size:16px; color:#111; font-weight:bold; height:25px; border-bottom:1px solid #ccc; line-height:25px;  overflow:hidden; margin-bottom:15px; }
h2.snews_title > a { float:right;}
.snews_list ul li {background:url(../../images/sub/smnews_bullet.gif) left 7px no-repeat; padding-left:7px; margin-bottom:10px;}
.snews_list ul li span {display:inline-block;  font-size:12px;}
.snews_list ul li span.newsTitle { width:350px; }
.snews_list ul li span.newsDate { color:#666; width:63px; text-align:right; float:right; }


/* 에너지절약계획서 서브메인*/
.submain_05 .submain_title { width:280px; height:280px; float:left; margin-right:5px; background:url(../../images/sub/submain5_tit_bg.gif) no-repeat;  }
.submain_05 .submain_title span.title_big { text-align:center; width:280px; color:#fff; font-size:36px; margin-top:60px; letter-spacing:-1px; }
.submain_navi.sm_05 ul.smdepth_02 { background:url(../../images/sub/submain_navi_bg_5.gif) no-repeat;  }
.submain_navi.sm_05 ul.smdepth_02 > li > a { width:211px; padding-left:23px; } /* 너비 234*/
.submain_navi.sm_05 ul.smdepth_02 > li >  ul.smdepth_03 { width:406px;} /* 640-234 */
.submain_navi.sm_05 ul.smdepth_02 > li:hover { background-position:-66px 0;} /* 300-234*/
.energy_form { background:#f1f1f1; width:705px; height:750px; clear:both; float:left; margin-top:5px;}
.energy_form h2 { background:#888; height:55px; line-height:55px; color:#fff; font-size:25px; text-align:center;}
.energy_form .energyform_write { width:380px; margin-left:25px; margin-top:25px; margin-bottom:25px; float:left; height:auto; overflow:hidden;  }
.energy_form .checknum { width:250px; float:left; margin-top:25px; margin-left:25px;}
.energy_form .titleGroup { text-align:center;}
.energy_form .titleGroup h3 { color:#111; font-size:16px; padding-bottom:5px; font-weight:bold;}
.energy_form .energyform_write .titleGroup span { color:#158407;}
.energy_form .energyform_write .formwrite_btn ul { width:390px; margin-top:30px; overflow:hidden; margin-left:-10px;}
.energy_form .energyform_write .formwrite_btn ul li { display:block; width:185px; float:left; margin-left:10px; margin-bottom:10px; background:#3faa32; border-radius:5px; }
.energy_form .energyform_write .formwrite_btn ul li:hover { background:#28961a; border-radius:5px;}
.energy_form .energyform_write .formwrite_btn ul li a { display:block; width:185px; height:100px; text-align:center; text-decoration:none;}
.energy_form .energyform_write .formwrite_btn ul .small_one { width:120px; }
.energy_form .energyform_write .formwrite_btn ul .small_one a { width:120px; }
.energy_form .energyform_write .formwrite_btn .title { display:block; color:#fff; font-size:20px; margin-top:10px; border-bottom:1px dotted #84cd7b; padding-bottom:5px;}
.energy_form .energyform_write .formwrite_btn .term { display:block; color:#052800; font-size:12px; line-height:18px; margin-top:5px;}
.energy_form .checknum .checknum_input { margin-top:45px;}
.energy_form .checknum .checknum_input input[type="text"] { padding:0 3px; width:242px; height:38px; line-height:40px; font-size:14px; }
.energy_form .checknum .checknum_input input[type="button"] { display:block; margin:15px auto 0 auto; background:#4c4b4b; width:110px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:14px; font-weight:bold; 
border-radius:5px; border:none; cursor:pointer;  }
.energy_form .checknum .text { font-size:12px; margin-top:30px; line-height:18px;}
.energy_form .attention { clear:both; margin:0 auto; width:655px; padding-top:25px; border-top:1px dotted #ccc; color:#962e01; text-align:center;}
.sm05_news { float:left; width:420px; height:213px; padding:25px; overflow:hidden; background:#fff; margin-top:5px; margin-left:5px; }
.sm05_news > img { margin-bottom:20px;}
h2.snews_title.qaList { margin-top:35px;}
.snews_list ul li.noticeHead{ font-weight:bold; color:#ff5a00; background:url(../../images/sub/icon_notice.jpg) left 3px no-repeat; padding-left:30px; display:block;}
.snews_list ul li.noticeHead span.newsTitle { width:300px; }
.snews_list ul li.noticeHead span.newsDate { color:#666; width:63px; text-align:right; vertical-align:top; float:right; }
.snews_list ul li.noticeHead a { color:#ff5a00; font-size:13px; line-height:18px;}
.submain_05 .submain_navi ul.smdepth_02 > li { padding:19px 0; }
.submain_05 .sm5-btm-banner { float:right; margin-top:15px; width:470px; border-top:1px dotted #ccc; background:#f7f7f7;   }

/* 학술지 서브메인 */
.submain_journal .submain_navi ul.smdepth_02 > li { padding:12px 0; }
.submain_journal .submain_title { display:block; width:280px; height:280px; float:left; margin-right:5px; background:url(../../images/sub/submain_journal_tit_bg.jpg) no-repeat; }
.submain_journal .submain_title span.title_big { text-align:center; width:280px; color:#fff; font-size:36px; margin-top:50px; letter-spacing:-1px; }
.submain_journal .right_banner { background:#676767; width:250px; height:280px; float:right;}
.sm_journal_quick { clear:both; padding-top:5px; }
.sm_journal_quick ul { height:150px; background:#fff; width:100%; overflow:hidden; }
.sm_journal_quick ul li { display:block; width:235px; height:130px; float:left; border-left:1px dotted #ccc; margin-top:10px; word-break: keep-all;  }
.sm_journal_quick ul li:first-child { border:none;}
.sm_journal_quick ul li > a, .sm_journal_quick ul li > p { display:block; height:120px; padding-top:30px;}
.sm_journal_quick .smj_quick_01 { background:url(../../images/sub/smj_quick_1.png) center -5px no-repeat; padding-left:88px; padding-right:10px; }
.sm_journal_quick .smj_quick_02 { background:url(../../images/sub/smj_quick_2.png) center -5px no-repeat; padding-left:120px; padding-right:10px; }
.sm_journal_quick .smj_quick_03 { background:url(../../images/sub/smj_quick_3.png) center -5px no-repeat; padding-left:125px; padding-right:10px; }
.sm_journal_quick .smj_quick_04 { background:url(../../images/sub/smj_quick_4.png) center -5px no-repeat; padding-left:100px; padding-right:10px; }
.sm_journal_quick .smj_quick_05 { background:url(../../images/sub/smj_quick_5.png) center -5px no-repeat; padding-left:110px; padding-right:10px; }
.sm_journal_quick .smj_quick_06 { background:url(../../images/sub/smj_quick_6.png) center -5px no-repeat; padding-left:110px; padding-right:10px; }
.sm_journal_quick .title { font-size:15px; color:#333; font-weight:bold; display:inline-block; padding-bottom:10px;}
.sm_journal_quick .s_text { font-size:12px; color:#666;}
.sm_journal_quick .sm3_quick_01 a { display:block; border:1px solid #ccc; font-size:11px; width:110px; text-align:center; padding:2px; margin-bottom:2px; }
.submain_journal .board_section { width:470px; float:right; }
.submain_journal .board_section .smj_news { width:420px; height:auto; padding:25px; overflow:hidden; background:#fff; margin-top:5px; }
.submain_journal:after { display:block; content:''; clear:both;}
.journal_board { margin-top:5px; background:#f1f1f1; width:655px; height:auto; padding:25px 25px 5px 25px; float:left; margin-right:5px; }
.journal_board h2 { font-size:16px; color:#111; font-weight:bold; height:25px; border-bottom:1px solid #ccc; line-height:25px;  overflow:hidden;}
.journal_board .j_board_list { width:100%; }
.journal_board .j_board_list:after { clear:both; content:''; display:block; }
.journal_board .j_board_list .j_board_unit { float:left; width:50%; height:auto; overflow:hidden; padding-bottom:20px; padding-top:20px; border-top:1px dotted #ccc;  }
.journal_board .j_board_list .j_board_unit.first { border-top:0; }
.journal_board .j_board_list .j_board_unit .thumb_img { float:left; width:98px; height:138px; border:1px solid #ccc; margin-right:10px;}
.journal_board .j_board_list .j_board_unit .description { float:left; width:200px; }
.journal_board .j_board_list .j_board_unit .description li:after { clear:both; display:block; content:''; }
.journal_board .j_board_list .j_board_unit .description span { display:block; float:left; }
.journal_board .j_board_list .j_board_unit .description span.tit { width:80px; font-size:14px; color:#333; font-weight:bold;  }
.description li { background:url(../../images/sub/list_blue.png) no-repeat left 6px; padding-left:7px; margin-top:7px; }
.description li:first-child { margin-top:0; }


/* bf 인증 서브메인 */
.submain_03.bf_certi .submain_title { width:280px; height:280px; float:left; margin-right:5px; background:url(../../images/sub/submain11_tit_bg.gif) no-repeat; }
.submain_03.bf_certi .submain_title span.title_big { font-size:37px; margin-top:30px; color:#1d7596 !important; line-height:47px; }


/* 배너 슬라이드 */
.sm_banner { overflow:hidden;}
.sm_banner #slides {position:relative;  height:280x;}
.sm_banner #slides .slidesjs-container {overflow:hidden; height:280px !important;}
.sm_banner #slides .slidesjs-navigation { height:0; font-size:0;}

.sm_banner #slides a.slidesjs-play,
.sm_banner #slides a.slidesjs-stop {
	overflow:hidden;
	display:inline-block;
	width:13px;
	height:13px;
	background: url(../../images/sub/btn_banner_play.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	z-index:100;
	top:245px; left:100px;	
}
.sm_banner.smb_02 #slides a.slidesjs-play,
.sm_banner.smb_02 #slides a.slidesjs-stop { left:62px; }
.sm_banner #slides a.slidesjs-play {background-position:0 0;}
.sm_banner #slides a:hover.slidesjs-play {background-position:0 0;}
.sm_banner #slides a.slidesjs-stop {background-position: 0 100%;}
.sm_banner #slides a:hover.slidesjs-stop {background-position: 0 100%;}
.sm_banner #slides .slidesjs-pagination { position:absolute; z-index:100; top:245px; left:118px; }
.sm_banner.smb_02 #slides .slidesjs-pagination { left:80px; }

.sm_banner #slides .slidesjs-pagination li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:5px;
}
.sm_banner #slides .slidesjs-pagination li a {
	overflow:hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:13px;
	height:0;
	padding-top:13px;
	background: url(../../images/sub/banner_pagenation.png) no-repeat;
	background-position:-13px 0 ;
}
.sm_banner #slides .slidesjs-pagination li a.active,
.sm_banner #slides .slidesjs-pagination li a:hover.active {width:13px !important;background-position:0 0px}
.sm_banner #slides .slidesjs-pagination li a:hover {background-position: 0 0px}
.sm_banner #slides .slidesjs-pagination {height:13px;}

/* 20180724 */
.submain_12 section { height:200px; margin-top:20px; }
.submain_12 section:first-child { margin-top:10px; }
.submain_12 section:after { display:block; clear:both; content:''; }

.submain_12 .submain_title { height:280px; background:url(../../images/sub/submain12_tit_bg_blue.gif) no-repeat; width:280px; float:left; margin-right:5px;}
.submain_12 .submain_title.blue { background:url(../../images/sub/submain12_tit_bg_blue.gif) no-repeat center center; }
.submain_12 .submain_title.orange { background:url(../../images/sub/submain12_tit_bg_oragne.gif) no-repeat center center;  }
.submain_12 .submain_title.green { background:url(../../images/sub/submain12_tit_bg_green.gif) no-repeat center center; }
.submain_12 .submain_title span.title_big { text-align:center; width:280px; color:#fff; font-size:37px;  margin-top:40px; }
.submain_12 section .submain_navi { width:893px; margin-right:0; height:200px; border:1px solid #ccc; box-sizing:border-box;}
.submain_12 section .submain_navi > ul { width:100%; height:198px;}
.submain_12 .submain_navi ul.smdepth_02 { background:url(../../images/sub/submain_navi_bg_12.gif) no-repeat; }
.submain_12 .submain_navi.sm_03 ul.smdepth_02 > li > a { width:210px; }


.submain_12.new .submain_navi.sm_03 ul.smdepth_02 { background:url(../../images/sub/submain_navi_bg_3.gif) no-repeat;  }
.submain_12.new .submain_navi.sm_03 ul.smdepth_02 > li > a { width:190px; padding-left:23px; } /* 너비 213*/
.submain_12.new .submain_navi.sm_03 ul.smdepth_02 > li >  ul.smdepth_03 { width:427px;} /* 640-213 */
.submain_12.new .submain_navi.sm_03 ul.smdepth_02 > li:hover { background-position:-87px 0;} /* 300-213 */
.submain_12.new .submain_title span.title_big { text-align:center; width:240px; margin:0 auto; color:#fff; font-size:33px;  margin-top:19px; padding-top:20px; border-top:1px dotted rgba(255,255,255,0.5);  }
.submain_12.new .submain_title span.title_big:first-child { border-top:0; margin-top:0;}
.manual:after { display:block; clear:both; content:''; }
.manual a { display:block; float:left; }
.manual a+a { margin-left:11px;}

.sm5-btm-banner { height:auto; overflow:hidden; }
.sm5-btm-banner a { display:block; padding:0; margin:0; width:235px; float:left;}