/* @import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); */

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(/fonts/NotoSansKR-Thin.woff2) format('woff2'), 
      url(/fonts/NotoSansKR-Thin.woff) format('woff'), 
      url(/fonts/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'), 
      url(/fonts/NotoSansKR-Light.woff) format('woff'), 
      url(/fonts/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'), 
        url(/fonts/NotoSansKR-Regular.woff) format('woff'), 
        url(/fonts/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'), 
        url(/fonts/NotoSansKR-Medium.woff) format('woff'), 
        url(/fonts/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'), 
        url(/fonts/NotoSansKR-Bold.woff) format('woff'), 
        url(/fonts/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(/fonts/NotoSansKR-Black.woff2) format('woff2'), 
        url(/fonts/NotoSansKR-Black.woff) format('woff'), 
        url(/fonts/NotoSansKR-Black.otf) format('opentype'); 
 }
 
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}




body {
 background-color:#fff;
 font-size:12px;
 /* font-family:'돋움', Dotum,"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
 font-family: 'Noto Sans KR', sans-serif, 'Noto Sans', sans-serif !important;
 color:#333 ;
 line-height:130%;
 
}




/*LINK*/
A:link {color:#646464; text-decoration:none;}
A:visited {color:#646464;text-decoration:none;}
A:active {color:#646464;text-decoration:none;}
A:hover {color:#646464;text-decoration:underline;}



body , div , dl ,dt , dd , ul ,ol ,li , h1 ,h2 , h3 , h4 ,h5 ,h6 ,pre , form , input , th , td , fieldset , p
 {
	margin : 0 ;
	padding : 0 ;
}


ol , ul, li {List-style : none ;}
hr {display:none;}
#news_body_area hr {display:block;}
.c011_arv hr {display:block;}
label {cursor:pointer;}
Fieldset , img{border:0 ;}



/* 전체레이아웃 */
#wrap { width:100%;margin:0 auto;}

/* 상단영역 */
#wrap #header  { width:100%;margin:0 auto; overflow:hidden;} 
.layout_header {  width:100%; overflow:hidden;margin:0 auto; }
.layout_header .hline1_area { height:30px; font-size:11px; overflow:hidden;  }
.layout_header .hline1_area a{color:#585858; font-size:11px; text-decoration:none;}
.layout_header .hline1_area .head_line1 { width:980px ; margin:0 auto; overflow:hidden;}
.layout_header .hline1_area .head_line1 .left_area { float:left;  letter-spacing:-1px;}
.layout_header .hline1_area .head_line1 .left_area ul { margin-right:155px;}
.layout_header .hline1_area .head_line1 .left_area ul li{ float:left; margin:8px 10px 0 0; background:url(/data/skin/layout/1/m01/images/header/ico_arrow.gif) no-repeat left 4px; padding-left:7px; }
.layout_header .hline1_area .head_line1 .right_area {float:right; }
.layout_header .hline1_area .head_line1 .right_area ul li{float:left; line-height:30px; color:#dbdbdb;}
.layout_header .hline1_area .head_line1 .right_area ul li a { margin:0 4px; float:left;  color:#666666;}
.layout_header .hline1_area .head_line1 .right_area ul li a img   { margin-top:5px; padding:0; margin-right:-4px; float:left;}


.layout_header .hline2_area{margin: 0; overflow:hidden;}
.layout_header .hline2_area .head_line2 { width:980px;  margin:0 auto; position:relative; height:80px;} 
.layout_header .hline2_area .head_line2  h1.logo{  text-align:center; padding-top:0px;  padding-right: 150px;}
.layout_header .hline2_area .head_line2 .left_bnr{position:absolute; bottom:15px; left:0;}
.layout_header .hline2_area .head_line2 .right_bnr{position:absolute; top:3px; right:0; width:256px; }
.layout_header .hline2_area .head_line2 .date_search { float:right;  position:absolute; bottom:10px; right:0; }
.layout_header .hline2_area .head_line2 .date { float:right; margin-bottom:5px; font-size:11px; }
.layout_header .hline2_area .head_line2 .date img { float:left; padding-top:3px; }
.layout_header .hline2_area .head_line2 .date span { float:left; color:#585858; padding:0 7px;   }
.layout_header .hline2_area .head_line2 .date input { padding:2px 2px 0 5px;; border:0;}

.layout_header .skin_search { float:right; }
.layout_header .skin_search input.ipt { float:left; border:0px solid #fff; height:25px; line-height:25px; padding-left:30px; width:154px; background:url(/data/skin/layout/1/m01/images/header/bg_search.gif) no-repeat; color:#a4a4a4; font-size:12px;}
.layout_header .skin_search input.btn_search { float:left; padding:0;border:0px; margin-left:-1px;}
.layout_header .skin_search input.btn_delsearch { float:left;padding:0;border:0px; }


.layout_header .hline3_area{ overflow:hidden;}
.layout_header .hline3_area .head_line3 { width:980px; margin:0 auto;background:url(/data/skin/layout/1/m01/images/header/bg_gnb.gif) 0 0;height:65px; position:relative;}
.layout_header .hline3_area .head_line3 .gnb01{  float:left; margin:0 12px;  height:35px;}
.layout_header .hline3_area .head_line3 .gnb01 ul  {  }
.layout_header .hline3_area .head_line3 .gnb01 ul li{ float:left; color:#FFFFFF;   }

.layout_header .hline3_area .head_line3 .gnb01 .smenu { position:absolute;  right:20px; top:4px;}
.layout_header .hline3_area .head_line3 .gnb01 .smenu input { border:0; float:left;}
.layout_header .hline3_area .head_line3 .gnb01 .smenu li  { float:left; margin-left:-2px;}

.layout_header .hline3_area .head_line3 .gnb02{ width:980px; float:left; overflow:hidden; height:30px;}
.layout_header .hline3_area .head_line3 .gnb02 div { float:left; color:#b7b7b7; margin-top:7px;  }
.layout_header .hline3_area .head_line3 .gnb02 div a{text-decoration:none; color:#3b4652;  margin:0 5px;}

/* 상단영역_v2 */
#wrap #header_v2  { width:100%;margin:0 auto; overflow:hidden;} 
.layout_header_v2 {  width:100%; overflow:hidden;margin:0 auto; }
.layout_header_v2 .hline1_area_v2 { height:30px; font-size:11px; overflow:hidden;  }
.layout_header_v2 .hline1_area_v2 a{color:#585858; font-size:11px; text-decoration:none;}
.layout_header_v2 .hline1_area_v2 .head_line1_v2 { width:980px ; margin:0 auto; overflow:hidden;}
.layout_header_v2 .hline1_area_v2 .head_line1_v2 .left_area_v2 { float:left;  letter-spacing:-1px;}
.layout_header_v2 .hline1_area_v2 .head_line1_v2 .left_area_v2 ul { margin-right:155px;}
.layout_header_v2 .hline1_area_v2 .head_line1_v2 .left_area_v2 ul li{ float:left; margin:8px 10px 0 0; background:url(/data/skin/layout/1/m01/images/header/ico_arrow.gif) no-repeat left 4px; padding-left:7px; }

.layout_header_v2 .hline2_area_v2{margin: 0; overflow:hidden;}
.layout_header_v2 .hline2_area_v2 .head_line2_v2 { width:980px;  margin:0 auto; position:relative; height:84px; background-color:#00a0ea;} 
.layout_header_v2 .hline2_area_v2 .head_line2_v2  h1.logo_v2{ float:left; margin:8px 0 0 15px; }
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .left_bnr_v2{position:absolute; bottom:15px; left:0;}
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .right_area_v2 {float:right; margin:52px 16px 0 0;}
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .right_area_v2 ul li{float:left; line-height:30px;}
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .right_area_v2 ul li a { margin:0 4px; float:left;  color:#2a0504; font-size:12px; font-weight:bold; letter-spacing:-1px;    font-family: "맑은 고딕",  sans-serif;}
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .right_area_v2 ul li a:hover {color:#fff;}
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .right_area_v2 ul li a img   { margin-top:5px; padding:0; margin-right:-4px; float:left;}

.layout_header_v2 .hline2_area_v2 .head_line2_v2 .right_bnr_v2{position:absolute; top:3px; right:0; width:256px; }
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .date_search_v2 { float:right;  position:absolute; bottom:10px; right:0; }
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .date_v2 { float:right; margin-bottom:5px; font-size:11px; }
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .date_v2 img { float:left; padding-top:3px; }
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .date_v2 span { float:left; color:#585858; padding:0 7px;   }
.layout_header_v2 .hline2_area_v2 .head_line2_v2 .date_v2 input { padding:2px 2px 0 5px;; border:0;}

.layout_header_v2 .skin_search_v2 { float:right; }
.layout_header_v2 .skin_search_v2 input.ipt_v2 { float:left;background-color:#eaf5fd; width:118px; height:17px; line-height:25px; padding-left:30px; color:#a4a4a4; font-size:12px;}
.layout_header_v2 .skin_search_v2 h3.btn_search_v2 { float:left; padding:0;border:0px; margin-top:2px;}
.layout_header_v2 .skin_search_v2 h3.btn_search_v2 a { font-size:14px; letter-spacing:-1px; font-weight:bold; }
.layout_header_v2 .skin_search_v2 input.btn_delsearch_v2 { float:left;padding:0;border:0px; }


.layout_header_v2 .hline3_area_v2{ overflow:hidden;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 { width:980px; margin:0 auto; height:70px; position:relative;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2{  float:left;height:38px; width:100%; border-bottom:2px solid #0497e7;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul  {  }
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul li { float:left;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul li a{ float:left; color:#1f1d1c; font-size:14px; font-weight:bold;   }

.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul.gnb_new:after  {content:''; clear:both; display:block }
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul.gnb_new li {float:left; vertical-align:middle; padding:0 16px;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul.gnb_new li a {display:block; color:#333; font-size:16px; border-bottom:3px solid #fff; line-height:35px; box-sizing:border-box; font-weight:500; text-decoration:none;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul.gnb_new li:hover, .layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul.gnb_new li.on {}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul.gnb_new li:hover a, .layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 ul.gnb_new li.on a {color:#0497e7; border-bottom:3px solid #0497e7;}

.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 .smenu_v2 { position:absolute;  right:0px; top:11px;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 .smenu_v2 input { border:0; float:left; margin-right:10px;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb01_v2 .smenu_v2 li  { float:left; margin-left:-2px;}

.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb02_v2{ font-family: 'Noto Sans', sans-serif, 'Noto Sans KR', sans-serif;width:980px; float:left; overflow:hidden; height:30px;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb02_v2 div { float:left; color:#b7b7b7; line-height:30px;  }
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb02_v2 div a{text-decoration:none; color:#322e2d; font-size:13px; font-weight:bold; letter-spacing:-1px; margin:0 5px;}
.layout_header_v2 .hline3_area_v2 .head_line3_v2 .gnb02_v2 div a:hover {color:#e71822; font-weight:bold;}


/* 본문_v2 */
#wrap #container  { width:100%;}
.layout_container_v2 { width:100%;  }
.layout_container_v2 .container_v2 { width:980px;margin:0 auto; overflow:hidden; } 
.layout_container_v2 .container_v2 .section_h123_v2 {overflow:hidden;width:980px;}
.layout_container_v2 .container_v2 .navi .arr { padding:0 5px;}
.layout_container_v2 .container_v2 .headline_v2{width:697px; float:left;}
.layout_container_v2 .container_v2 .section_45_v2 { width:685px; float:left;}
.layout_container_v2 .container_v2 .section_3_v2 { width:279px; float:right;}
.layout_container_v2 .container_v2 .section_456_v2 { width:980px; overflow:hidden;}
.layout_container_v2 .container_v2 .section_4_v2 { width:334px; float:left; margin-right:17px;}
.layout_container_v2 .container_v2 .section_5_v2 { width:334px; float:left;}
.layout_container_v2 .container_v2 .section_6_v2 { width:279px; float:right;}





/* 본문 */
#wrap #container  { width:100%;}
.layout_container { width:100%;  }
.layout_container .container { width:980px;margin:0 auto; overflow:hidden; } 
.layout_container .container .section_h123 {overflow:hidden; padding:22px 0;}
.layout_container .container .section_h12 {  float:left;   }
.layout_container .container .navi .arr { padding:0 5px;}
.layout_container .container .headline{width:704px; overflow:hidden; }
.layout_container .container .section_12 {width:704px; overflow:hidden;}
.layout_container .container .section_1 { width:245px; float:left; }
.layout_container .container .section_2 {width:439px;float:left;}
.layout_container .container .section_3 { width:256px; float:left;}

.layout_container .container .section_11 {width:342px;float:left;}

.layout_container .container .navi { width:704px; margin-bottom:15px;}
.layout_container .container01 .navi { width:704px; margin-bottom:15px;}
.layout_container .container02 .navi { width:704px; margin-bottom:15px;}
.layout_container .container03 .navi { width:704px; margin-bottom:15px;}
.layout_container .container04 .navi { width:704px; margin-bottom:15px;}
.layout_container .container05 .navi { width:704px; margin-bottom:15px;}
.layout_container .container06 .navi { width:704px; margin-bottom:15px;}
.layout_container .container07 .navi { width:704px; margin-bottom:15px;}
.layout_container .container08 .navi { width:704px; margin-bottom:15px;}
.layout_container .container09 .navi { width:704px; margin-bottom:15px;}
.layout_container .container10 .navi { width:704px; margin-bottom:15px;}

.layout_container .container .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container01 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container01 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container02 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container02 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container03 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container03 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container04 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container04 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container05 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container05 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container06 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container06 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container07 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container07 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container08 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container08 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container09 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container09 .cmnt_right{ width:340px;  overflow:hidden; float:right;}
.layout_container .container10 .cmnt_left{ width:340px;  overflow:hidden; float:left;}
.layout_container .container10 .cmnt_right{ width:340px;  overflow:hidden; float:right;}


.layout_container .container01 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container01 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container01 .section_h12 { width:704px; float:left;}
.layout_container .container01 .headline{width:704px; overflow:hidden;}
.layout_container .container01 .section_12 {width:704px; overflow:hidden;}
.layout_container .container01 .section_1 { width:245px; float:left; }
.layout_container .container01 .section_2 {width:439px;float:left; }
.layout_container .container01 .section_3 { width:256px; float:left;}

.layout_container .container02 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container02 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container02 .section_h12 { width:704px; float:left;}
.layout_container .container02 .headline{width:704px; overflow:hidden;}
.layout_container .container02 .section_12 {width:704px; overflow:hidden;}
.layout_container .container02 .section_1 { width:439px; float:left;  }
.layout_container .container02 .section_2 {width:245px;float:left; }
.layout_container .container02 .section_3 { width:256px; float:left; }

.layout_container .container03 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container03 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container03 .section_h12 { width:704px; float:left;}
.layout_container .container03 .headline{width:704px; overflow:hidden;}
.layout_container .container03 .section_12 {width:704px; overflow:hidden;}
.layout_container .container03 .section_1 { width:342px; float:left;}
.layout_container .container03 .section_2 {width:342px;float:left; }
.layout_container .container03 .section_3 { width:256px; float:left;}

.layout_container .container04 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container04 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container04 .section_h12 { width:704px; float:left;}
.layout_container .container04 .headline{width:704px; overflow:hidden;}
.layout_container .container04 .section_123 {width:980px; overflow:hidden;}
.layout_container .container04 .section_1 { width:245px; float:left; }
.layout_container .container04 .section_2 {width:439px;float:left; }
.layout_container .container04 .section_3 { width:256px; float:left;}


.layout_container .container05 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container05 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container05 .section_h12 { width:704px; float:left;}
.layout_container .container05 .headline{width:704px; overflow:hidden;}
.layout_container .container05 .section_123 {width:980px; overflow:hidden;}
.layout_container .container05 .section_1 { width:439px; float:left;  }
.layout_container .container05 .section_2 {width:245px;float:left; }
.layout_container .container05 .section_3 { width:256px; float:left; }

.layout_container .container06 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container06 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container06 .section_h12 { width:704px; float:left;}
.layout_container .container06 .headline{width:704px; overflow:hidden;}
.layout_container .container06 .section_12 {width:704px; overflow:hidden;}
.layout_container .container06 .section_1 { width:245px; float:left; }
.layout_container .container06 .section_2 {width:439px;float:left; }
.layout_container .container06 .section_3 { width:256px; float:left;}

.layout_container .container07 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container07 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container07 .section_h12 { width:704px; float:left;}
.layout_container .container07 .headline{width:704px; overflow:hidden;}
.layout_container .container07 .section_123 {width:980px; overflow:hidden;}
.layout_container .container07 .section_1 { width:245px; float:left; }
.layout_container .container07 .section_2 {width:439px;float:left; }
.layout_container .container07 .section_3 { width:256px; float:left; }
.layout_container .container07 .section_1s { width:342px; float:left;  }
.layout_container .container07 .section_4l { width:434px; float:left;  }
.layout_container .container07 .section_4r{ width:250px; float:left;  }
.layout_container .container07 .section_2b {width:342px; float:left; }
.layout_container .container07 .section_3 { width:256px; float:left;}
.layout_container .container07 .head_a {width:318px; height: 310px; float:left;   overflow:hidden;}
.layout_container .container07 .head_b {width:192px;  height: 310px; float:left;   overflow:hidden;}
.layout_container .container07 .head_c {width:192px; height: 310px; float:right;   overflow:hidden;}

.layout_container .container08 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container08 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container08 .section_h12 { width:704px; float:left;}
.layout_container .container08 .headline{width:704px; overflow:hidden;}
.layout_container .container08 .section_123 {width:980px; overflow:hidden;}
.layout_container .container08 .section_1 { width:342px; float:left; }
.layout_container .container08 .section_2 {width:342px;float:left; }
.layout_container .container08 .section_3 { width:256px; float:left; }
.layout_container .container08 .section_1s { width:439px; float:left;  }
.layout_container .container08 .section_2b {width:245px; float:left;;}
.layout_container .container08 .section_3 { width:256px; float:left;}

.layout_container .container09 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container09 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container09 .section_h12 { width:704px; float:left;}
.layout_container .container09 .headline{width:704px; overflow:hidden;}
.layout_container .container09 .section_123 {width:980px; overflow:hidden;}
.layout_container .container09 .section_1 { width:342px; float:left; }
.layout_container .container09 .section_2 {width:342px;float:left; }
.layout_container .container09 .section_3 { width:256px; float:left; }
.layout_container .container09 .section_1s { width:245px; float:left; }
.layout_container .container09 .section_2b {width:439px; float:left;}
.layout_container .container09 .section_3 { width:256px; float:left; }

.layout_container .container10 { width:980px; margin:0 auto; overflow:hidden;  } 
.layout_container .container10 .section_h123 {overflow:hidden; margin:20px 0;}
.layout_container .container10 .section_h12 { width:704px; float:left;}
.layout_container .container10 .headline{width:704px; overflow:hidden;}
.layout_container .container10 .section_123 {width:980px; overflow:hidden;}
.layout_container .container10 .section_1 { width:245px; float:left; }
.layout_container .container10 .section_2 {width:439px;float:left; }
.layout_container .container10 .section_3 { width:256px; float:left; }
.layout_container .container10 .section_1s { width:439px; float:left;  }
.layout_container .container10 .section_2b {width:245px; float:left;}
.layout_container .container10 .section_3 { width:256px; float:left; }






/* 레이아웃 공통 */
.space_layout { width:20px; float:left;}
.space_skinbtm { margin-bottom:20px;}
.bgnone { background:none !important;}


/* 하단 */
#wrap #footer{ width:100%;}
.layout_footer { width:100%;}
.layout_footer .menu_area {    } 
.layout_footer .menu_area .menu {width:980px; margin:0 auto;  border-top:1px solid #d5d5d5; }
.layout_footer .menu_area .menu ul { padding:7px 0 7px 90px; background:#ededed;overflow:hidden;}
.layout_footer .menu_area .menu ul li { float:left; padding:0 10px; color:#bbbbbb; }
.layout_footer .menu_area .menu ul li a { margin-right:20px; color:#252525;  letter-spacing:-1px; text-decoration:none;}
.layout_footer .menu_area .menu ul li a strong { color:#51565c;}

.layout_footer .copyright_area {}
.layout_footer .copyright_area .copyright { width:980px; height:80px; position:relative; margin:0 auto;  }
.layout_footer .copyright_area .copyright .logo { width:210px; margin:20px 0 0 20px ; float:left; }
.layout_footer .copyright_area .copyright .add { float:left; font-size:11px; color:#999; line-height:15px; color:#6f6f6f; margin-top:30px;  }
.layout_footer .copyright_area .copyright .powered { float:left; position:absolute; right:0; bottom:10px; }

/* 하단_v2 */
#wrap #footer{ width:100%;}
.layout_footer_v2 { width:100%; margin-top: 20px;}
.layout_footer_v2 .menu_area_v2 {    } 
.layout_footer_v2 .menu_area_v2 .menu_v2 {width:980px; margin:0 auto;  background:#d3edfa; }
.layout_footer_v2 .menu_area_v2 .menu_v2 ul { padding: 10px 0;text-align: center;overflow:hidden;}
.layout_footer_v2 .menu_area_v2 .menu_v2 ul li { /* float:left; */ display: inline-block; /* padding:0 10px; */ color:#bbbbbb; }
.layout_footer_v2 .menu_area_v2 .menu_v2 ul li::after {

    content: "|";
    margin: 0 10px;

}
.layout_footer_v2 .menu_area_v2 .menu_v2 ul li a { /* margin-right:20px; */ color:#000;  /* letter-spacing:-2px; */ text-decoration:none; font-size:13px; font-weight:bold;}

.layout_footer_v2 .copyright_area_v2 { position:relative; width:980px; margin:0 auto; }
.layout_footer_v2 .copyright_area_v2 .copyright_v2 {position:relative;  }
.layout_footer_v2 .copyright_area_v2 .copyright_v2 .logo_v2 { width:173px; height: 38px; margin:0 31px 0 0 ; float:left; }
.layout_footer_v2 .copyright_area_v2 .copyright_v2 .add_v2 { font-size:13px; color:#2e2724; line-height:17px; margin-top:15px;/* font-weight:bold;  */ }
.layout_footer_v2 .copyright_area_v2 .copyright_v2 .powered_v2 { float:left; position:absolute; right:0; bottom:10px; }





input{border:1px #85aad0 solid;padding:1px;}


select {font-size:12px;}

.jointextarea{border:1px #c3dffb solid;padding:1px;width:99%;}
.textarea{border:1px #85aad0 solid;padding:1px;width:99%;}
.noinput{border:0px;}

.maininput{border:1px #c9c9c9 solid; height:12px;padding-top:4px;padding-left:5px;font-size:12px;font-weight:bold;color:#c6c6c6; background-color:#ffffff;}


/*fontcss

h2{color:#83049f;font-size:24px;font-weight:bold;line-height:120%;letter-spacing:-1px;}
h2:link {color:#83049f;font-size:24px;font-weight:bold;line-height:120%;letter-spacing:-1px;}
h2:visited {color:#83049f;font-size:24px;font-weight:bold;line-height:120%;letter-spacing:-1px;}
h2:active {color:#83049f;font-size:24px;font-weight:bold;line-height:120%;letter-spacing:-1px;}
h2:hover {color:#000;font-size:24px;font-weight:bold;line-height:120%;text-decoration:none;letter-spacing:-1px;}


h1{color:#000;font-size:18px;font-weight:bold;line-height:120%;letter-spacing:-2px;padding-bottom:5px;}
h3{color:#004486;font-size:14px;font-weight:bold;line-height:120%;letter-spacing:-2px;padding:15px 0;}
h4{color:#004486;font-size:12px;font-weight:bold;line-height:120%;letter-spacing:-2px;padding:10px 0;}
*/


.maintext {color:#9b9b9b;font-size:12px;line-height:130%;}
.maintext:link {color:#9b9b9b;font-size:12px;line-height:130%;}
.maintext:visited {color:#9b9b9b;font-size:12px;line-height:130%;}
.maintext:active {color:#9b9b9b;font-size:12px;line-height:130%;}
.maintext:hover {color:#1064c4;font-size:12px;text-decoration:none;line-height:130%;}

.news {color:#000;font-size:24px;font-weight:bold;line-height:120%;letter-spacing:-2px;}
.news a {color:#000;font-size:24px;font-weight:bold;line-height:120%;letter-spacing:-2px;}
.news a:link {color:#000;font-size:24px;font-weight:bold;line-height:120%;letter-spacing:-2px;}
.news a:hover {color:#83049f;font-size:24px;font-weight:bold;line-height:120%;text-decoration:none;letter-spacing:-2px;}


.maintext {color:#5d5d5d;font-size:12px;line-height:130%; letter-spacing:-1px;}
.maintext:link {color:#5d5d5d;font-size:12px;line-height:130%;}
.maintext:visited {color:#5d5d5d;font-size:12px;line-height:130%;}
.maintext:active {color:#5d5d5d;font-size:12px;line-height:130%;}
.maintext:hover {color:#5d5d5d;font-size:12px;text-decoration:none;line-height:130%;;text-decoration:underline;}


.font11white{color:#202020; font-size:11px;}
.font11white a{color:#202020; font-size:11px;}
.font11white a:link{color:#202020; font-size:11px;}
.font11white a:hover{color:#202020; font-size:11px;}
.font11white a:visited {color:#202020; font-size:11px;}

.font12white{color:#ffffff; font-size:12px;}
.font12white a{color:#ffffff; font-size:12px;}
.font12white a:link{color:#ffffff; font-size:12px;}
.font12white a:hover{color:#b4bac0; font-size:12px;text-decoration:none;}

.font18white{color:#ffffff; font-size:18px; font-weight:bold; line-height:120%;}
.font18white a{color:#ffffff; font-size:18px; font-weight:bold;}
.font18white a:link{color:#ffffff; font-size:18px; font-weight:bold;}
.font18white a:hover{color:#ffffff; font-size:18px; font-weight:bold;}

.font18blue{color:#02234b; font-size:18px; font-weight:bold; line-height:120%;}
.font18blue a{color:#02234b; font-size:18px; font-weight:bold;}
.font18blue a:link{color:#02234b; font-size:18px; font-weight:bold;}
.font18blue a:hover{color:#000; font-size:18px; font-weight:bold; text-decoration:none;}

.font14yellow {color:#fff6bd; font-size:14px; font-weight:bold; font-family:gulim;}
.font14yellow a{color:#fff6bd; font-size:14px; font-weight:bold; font-family:gulim;}
.font14yellow a:link{color:#fff6bd; font-size:14px; font-weight:bold; font-family:gulim;}
.font14yellow a:hover{color:#fff6bd; font-size:14px; font-weight:bold; font-family:gulim;}

.font14sky {color:#c9f3ff; font-size:14px; font-weight:bold; font-family:gulim;}
.font14sky a{color:#c9f3ff; font-size:14px; font-weight:bold; font-family:gulim;}
.font14sky a:link{color:#c9f3ff; font-size:14px; font-weight:bold; font-family:gulim;}
.font14sky a:hover{color:#c9f3ff; font-size:14px; font-weight:bold; font-family:gulim;}

.font11blue1{color:#a3aeba; font-size:11px;font-weight:100;}
.font11blue1 a{color:#a3aeba; font-size:11px;font-weight:100;}
.font11blue1 a:link{color:#a3aeba; font-size:11px;font-weight:100;}
.font11blue1 a:hover{color:#a3aeba; font-size:11px;font-weight:100;}

.font11blue2{color:#3369a2; font-size:11px;font-weight:100;}
.font11blue2 a{color:#3369a2; font-size:11px;font-weight:100;}
.font11blue2 a:link{color:#3369a2; font-size:11px;font-weight:100;}
.font11blue2 a:hover{color:#3369a2; font-size:11px;font-weight:100;}

.font11blue3{color:#8da2b7; font-size:11px;font-weight:100;}

.font11gray{color:#3f3f3f;font-size:11px;}
.font16000{color:#000;font-size:16px;font-weight:bold;}
.font16blue{color:#064280;font-size:16px;font-weight:bold;}

.font12blue{color:#0979c8;font-size:12px;font-weight:bold;line-height:160%;}
.font12blue:link {color:#0979c8;font-size:12px;font-weight:bold;line-height:160%;}
.font12blue:visited {color:#0979c8;font-size:12px;font-weight:bold;line-height:160%;}
.font12blue:active {color:#0979c8;font-size:12px;font-weight:bold;line-height:160%;}
.font12blue:hover {color:#0979c8;font-size:12px;font-weight:bold;line-height:160%;text-decoration:line;}

.font12blue02{color:#21466d;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue02:link {color:#21466d;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue02:visited {color:#21466d;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue02:active {color:#21466d;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue02:hover {color:#21466d;font-size:12px;font-weight:bold;line-height:190%;text-decoration:line;}

.font14blue02{color:#21466d;font-size:14px;font-weight:bold;line-height:170%;}
.font14blue02 a:link {color:#21466d;font-size:14px;font-weight:bold;line-height:170%;}
.font14blue02 a:visited {color:#21466d;font-size:14px;font-weight:bold;line-height:170%;}
.font14blue02 a:active {color:#21466d;font-size:14px;font-weight:bold;line-height:170%;}
.font14blue02 a:hover {color:#21466d;font-size:14px;font-weight:bold;line-height:170%;text-decoration:line;}

.font12blue03{color:#0761b7;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue03:link {color:#0761b7;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue03:visited {color:#0761b7;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue03:active {color:#0761b7;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue03:hover {color:#0761b7;font-size:12px;font-weight:bold;line-height:190%;text-decoration:line;}

.font12blue04{color:#0c73c3;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue04:link {color:#0c73c3;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue04:visited {color:#0c73c3;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue04:active {color:#0c73c3;font-size:12px;font-weight:bold;line-height:190%;}
.font12blue04:hover {color:#0c73c3;font-size:12px;font-weight:bold;line-height:190%;text-decoration:line;}

.font12blue05{color:#577287;font-size:12px;font-weight:bold;line-height:190%;}

.font12blue06{color:#07a7ce;font-size:12px;line-height:190%;}

.font12blue07{color:#6a959f;font-size:12px;line-height:190%;}

.gray143c{color:#3c3c3c;font-size:14px;font-weight:bold;line-height:160%;}
.gray143c:link {color:#3c3c3c;font-size:14px;font-weight:bold;line-height:160%;}
.gray143c:visited {color:#3c3c3c;font-size:14px;font-weight:bold;line-height:160%;}
.gray143c:active {color:#3c3c3c;font-size:14px;font-weight:bold;line-height:160%;}
.gray143c:hover {color:#3c3c3c;font-size:14px;font-weight:bold;line-height:160%;text-decoration:line;}

.white12blod{color:#fff;font-size:12px;font-weight:bold;line-height:160%;}
.white12blod:link {color:#fff;font-size:12px;font-weight:bold;line-height:160%;}
.white12blod:visited {color:#fff;font-size:12px;font-weight:bold;line-height:160%;}
.white12blod:active {color:#fff;font-size:12px;font-weight:bold;line-height:160%;}
.white12blod:hover {color:#f4f700;font-size:12px;font-weight:bold;line-height:160%;text-decoration:line;}

.photo12red{color:#d2002c;font-size:12px;font-weight:bold;}
.photo12red a{color:#d2002c;font-size:12px;font-weight:bold;}
.photo12red a:hover{color:#d2002c;font-size:12px;font-weight:bold;}

.photo11text{color:#7e7e7e;font-size:11px;}
.photo11text a{color:#7e7e7e;font-size:11px;}
.photo11text a:hover{color:#7e7e7e;font-size:11px;}

.photosmall img{border:1px #4e95dc solid;width:48px; height:38px;}

.stitblue{color:#0b417a;font-size:12px;font-weight:bold;}
.textgray{color:#9c9c9c;font-size:12px;}

.photo11text{color:#9b9b9b;font-size:11px;}
.photo11text:link {color:#9b9b9b;font-size:11px;line-height:120%;}
.photo11text:visited {color:#9b9b9b;font-size:11px;line-height:120%;}
.photo11text:active {color:#9b9b9b;font-size:11px;line-height:120%;}
.photo11text:hover {color:#9b9b9b;font-size:11px;text-decoration:none;}

.stitblue {color:#0b417a;font-size:12px;font-weight:bold;line-height:120%;}
.stitblue:link {color:#0b417a;font-size:12px;font-weight:bold;line-height:120%;}
.stitblue:visited {color:#0b417a;font-size:12px;font-weight:bold;line-height:120%;}
.stitblue:active {color:#0b417a;font-size:12px;font-weight:bold;line-height:120%;}
.stitblue:hover {color:#1064c4;font-size:12px;font-weight:bold;line-height:120%;text-decoration:none;}

.textgray {color:#9c9c9c;font-size:12px;line-height:120%;}
.textgray:link {color:#9c9c9c;font-size:12px;line-height:120%;}
.textgray:visited {color:#9c9c9c;font-size:12px;line-height:120%;}
.textgray:active {color:#9c9c9c;font-size:12px;line-height:120%;}
.textgray:hover {color:#9c9c9c;font-size:12px;line-height:120%;text-decoration:line;}

.textgray02 {color:#555;font-size:12px;}
.textgray02:link {color:#555;font-size:12px;}
.textgray02:visited {color:#555;font-size:12px;}
.textgray02:active {color:#555;font-size:12px;}
.textgray02:hover {color:#1064c4;font-size:12px;text-decoration:line;}

.textgray03 {color:#555;font-size:12px;}
.textgray03:link {color:#555;font-size:12px;}
.textgray03:visited {color:#555;font-size:12px;}
.textgray03:active {color:#555;font-size:12px;}
.textgray03:hover {color:#555;font-size:12px;text-decoration:line;}

.textgray04 {color:#555;font-size:12px;}
.textgray04 a {color:#555;font-size:12px;}
.textgray04 a:link {color:#555;font-size:12px;}
.textgray04 a:hover {color:#cc4e69;font-size:12px;text-decoration:line;}

.textgray05 {color:#555;font-size:12px;}
.textgray05 a {color:#555;font-size:12px;}
.textgray05 a:link {color:#555;font-size:12px;}
.textgray05 a:hover {color:#177b72;font-size:12px;text-decoration:line;}

.font13red {color:#141313;font-size:13px;font-weight:bold;font-family:굴림,Gulim;}
.font13red:link {color:#141313;font-size:13px;font-weight:bold;font-family:굴림,Gulim;}
.font13red:visited {color:#141313;font-size:13px;font-weight:bold;font-family:굴림,Gulim;}
.font13red:active {color:#141313;font-size:13px;font-weight:bold;font-family:굴림,Gulim;}
.font13red:hover {color:#141313;font-size:13px;text-decoration:line;font-weight:bold;font-family:굴림,Gulim;}

.text18gray {color:#2c2c2c;font-size:18px;font-weight:bold;letter-spacing:-1px; line-height:120%;}
.text18gray a:link {color:#2c2c2c;font-size:18px;font-weight:bold;letter-spacing:-1px;}
.text18gray a:visited {color:#2c2c2c;font-size:18px;font-weight:bold;letter-spacing:-1px;}
.text18gray a:active {color:#2c2c2c;font-size:18px;font-weight:bold;letter-spacing:-1px;}
.text18gray a:hover {color:#00346d;font-size:18px;text-decoration:none;font-weight:bold;letter-spacing:-1px;}

.text14blue {color:#00346d;font-size:14px;font-weight:bold;}
.text14blue:link {color:#00346d;font-size:14px;font-weight:bold;}
.text14blue:visited {color:#00346d;font-size:14px;font-weight:bold;}
.text14blue:active {color:#00346d;font-size:14px;font-weight:bold;}
.text14blue:hover {color:#0862b8;font-size:14px;text-decoration:none;font-weight:bold;}

.text14blue02 {color:#000063;font-size:14px;line-height:140%;font-weight:bold;}
.text14blue02:link {color:#000063;font-size:14px;line-height:140%;}
.text14blue02:visited {color:#000063;font-size:14px;line-height:140%;}
.text14blue02:active {color:#000063;font-size:14px;line-height:140%;}
.text14blue02:hover {color:#000063;font-size:14px;text-decoration:none;line-height:140%;}


.text14red {color:#c82a2a;font-size:14px;font-weight:bold;}
.text14red:link {color:#c82a2a;font-size:14px;font-weight:bold;}
.text14red:visited {color:#c82a2a;font-size:14px;font-weight:bold;}
.text14red:active {color:#c82a2a;font-size:14px;font-weight:bold;}
.text14red:hover {color:#c82a2a;font-size:14px;text-decoration:none;font-weight:bold;}

.blueline {border-bottom:1px #c3dffb solid; color:#3369a2; font-size:12px;}

.font13 {color:#222222;font-size:13px;font-family:굴림,Gulim;line-height:140%;}
.font13:link {color:#222222;font-size:13px;font-family:굴림,Gulim;line-height:140%;}
.font13:visited {color:#222222;font-size:13px;font-family:굴림,Gulim;line-height:140%;}
.font13:active {color:#222222;font-size:13px;font-family:굴림,Gulim;line-height:140%;}
.font13:hover {color:#222222;font-size:13px;text-decoration:none;font-family:굴림,Gulim;line-height:140%;}

.font13gray {color:#434343;font-size:13px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font13gray:link {color:#434343;font-size:13px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font13gray:visited {color:#434343;font-size:13px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font13gray:active {color:#434343;font-size:13px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font13gray:hover {color:#434343;font-size:13px;text-decoration:none;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}

.font12gray {color:#4a4a4a;font-size:12px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font12gray:link {color:#4a4a4a;font-size:12px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font12gray:visited {color:#4a4a4a;font-size:12px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font12gray:active {color:#4a4a4a;font-size:12px;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}
.font12gray:hover {color:#4a4a4a;font-size:12px;text-decoration:none;font-family:굴림,Gulim;line-height:140%;font-weight:bold;}

.photosolid img{}
.photosolid img:link {border:3px #00d8ff solid;}
.photosolid img:hover {border:3px #00d8ff solid;}


/*** 여기서 부터 css 작성시 기본 설정으로 반드시 포함시켜주세요 *******/
/*투명png*/
.png24 {
	tmp:expression(setPng24(this));
}

/*
#writeView { text-align: left;  width:900px; display:block; overflow:hidden; margin-top:25px;}
#writeView h1 {font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:18px; letter-spacing:-1px; height:35px; line-height:35px; color:#2d9019; background:#f8f8f8; text-indent:5px;}
#writeView h2 {font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:13px; letter-spacing:-1px; height:30px; line-height:30px; color:#2e77c4; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
#writeView ul {margin-top:15px;}
#writeView li {font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:13px; line-height:24px;  padding-bottom:20px;}
#writeView strong {letter-spacing:-1px; display:block; font-size:14px;}
#writeView strong font {font-size:16px; margin-bottom: 7px; display:block;}
#writeView .black {color:#000; padding:10px 0; margin-bottom:10px; border-bottom:1px dotted #ddd; font-size:14px;}
#writeView .black font {font-size:16px;}
#writeView .title {font-weight:bold; color:#2a78c2; display:block;}
#writeView .point {color:#cc6600; display:block;}
#writeView .dan1 {display: inline-block; padding:0 4px;}
#writeView .dan2 {display: inline-block; padding:0 8px;}
#writeView .dan3 {display: inline-block; padding:0 12px;}

.rule_nav {margin-bottom:20px;}
.rule_nav li {display:inline-block; font-size:14px; font-weight:300; color:#555; cursor:pointer; padding:7px 5px; margin:0 5px; text-align:center; border-bottom:2px solid #ddd;}
.rule_nav li:hover, .rule_nav li.on {border-bottom:2px solid #268bd9; color:#000;}
.rule_wrap > div {display:none;}
.rule_wrap > div.on {display:block;}
.rule_wrap h1 {font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:18px; letter-spacing:-1px; height:35px; line-height:35px; color:#2d9019; background:#f8f8f8; text-indent:5px;}
.rule_title {font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:18px; letter-spacing:-1px; height:35px; line-height:35px; margin-bottom:10px;color:#2d9019; background:#f8f8f8; text-indent:5px;}
.rule_wrap > div h2 {font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:13px; letter-spacing:-1px; height:30px; line-height:30px; color:#2e77c4; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
.rule_wrap > div p {font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:13px; line-height:20px;  padding-bottom:10px;}
.rule_wrap > div strong {letter-spacing:-1px; display:block; margin-top:10px; font-size:14px;}
.rule_wrap > div .black {color:#000; padding:10px 0; margin-bottom:10px; border-bottom:1px dotted #ddd; font-weight:bold; font-size:14px;}
.rule_wrap > div .black font {color:#2a78c2; font-family:'Malgun Gothic', '맑은 고딕', 돋움, Dotum; font-size:16px;}
.rule_wrap > div .title {font-weight:bold; color:#2a78c2; display:block;}
.rule_wrap > div .point {color:#cc6600; display:block;}
.rule_wrap > div .dan1 {display: inline-block; padding:0 4px;}
.rule_wrap > div .dan2 {display: inline-block; padding:0 8px;}
.rule_wrap > div .dan3 {display: inline-block; padding:0 12px;}
*/
.best_view_box { font-family: 'Noto Sans KR', sans-serif; position:relative;border:1px solid #d7d7d7;padding:16px 10px 0 10px; }
.best_view_box .top_box{ width:100%; border-bottom:3px solid #007dc5; height:25px;}
.best_view_box .top_box h2 {padding:6px 14px;  float:left; font-size:15px; letter-spacing:-0.5px; margin-right:12px; color:#fff;  background-color:#007dc5; }


.best_view_box #con { padding:15px 0 0 0; overflow:hidden; counter-reset: number;}
.best_view_box #con span.title { 
	position: relative;
	height: 55.1px;
    display: block;
}

.best_view_box #con span.title:before {
	counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 4px;
    font-size: 17px;
    font-style: italic;
    color: #008D02;
    font-weight: 500;
    letter-spacing: -1px;
}

.best_view_box #con span.title a { 
	line-height: 22px;
    font-size: 14.5px;
    color: #2a211f;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: block;
    padding-left: 25px;
    height: 47px;
    overflow: hidden;
}

/* .special_section_btn {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    text-align: center;
    display: block;
    background: #d3edfa;    
    padding: 10px;
	border: 1px solid #ddd;
    position: relative;
  
}

span.special_section_btn a {
    color: #1E8BD6;
    font-weight: 700;
}
.special_section_btn a:before {
    position: absolute;
    left: 112px;
    bottom: 4px;
    content: "";
    display: block;
    width: 107px;
    height: 10px;
    background: #CCE5F6;
    z-index: 1;
    opacity: 0.5;
} */