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


@font-face{ font-family:Helvetica}
 


/* body 공통 속성 */
body{-webkit-text-size-adjust: none;background:#f3f3f3;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0; font-family:Helvetica;}
body {font:normal}
ul,ol,dl {list-style:none}
li{list-style-type: square}
li.num{list-style-type: lower-roman;}
p { }
img {border:0;vertical-align:top;}
ul {list-style:none; padding:0; margin:0;}
a {color:#34373c; text-decoration:none}
a :hover{color:#34373c; text-decoration:none}
/* 레이아웃 큰박스 속성 */
#wrap {margin:0 auto; width:100%;background:#f3f3f3;}
#header {margin:0;width:100%;height:231px; }
#header_sub {margin:0;width:100%; height:40px;  }
#contents {float:left; width:100%;background:#f3f3f3}
#footer {float:left; width:100%; margin:0;background:#f3f3f3;}


/* header */
#top { width:100%;margin:0;height:40px; background-image: url(../images/logo_bg.gif);}
#top_logo {margin:o;float:left;padding:6px 0px 0 10px;}
#top_navi {padding:9px 5px 0 0; float:right; color:#6c6b6b; font-size:11px}

/* main image */
#main_img  { float:left; width:100%; height:232px;background-image: url(../images/sam_bg.gif); border-bottom:#5c798c solid 1px;border-top:#5c798c solid 1px;}

/*.coin-slider a{ text-decoration: none; outline: none; border: none; }*/


/* menu */
#menu  { float:left; width:100%;}
#menu ul  {list-style:none; }
#menu li.bg01  {margin:o; background-image: url(../images/line_bg01.gif); height:2px}
#menu li.bg02  {margin:o; background-image: url(../images/line_bg02.gif); height:2px}
#menu li.bg03  {margin:o; background-image: url(../images/line_bg03.gif); height:2px}
#menu li.bg04  {margin:o; background-image: url(../images/line_bg04.gif); height:2px}
#menu li.bg05  {margin:o; background:#555555; height:1px}

#menu li.menu01  { list-style:none;width:100%; margin:0;background-image: url(../images/m_bg01.gif);color:#34373c; font-weight:bold;height:104px;line-height:28px; font-size:15px; }
#menu li.menu02  {margin:o;background-image: url(../images/m_bg01.gif);color:#979b9d;  font-weight:bold;height:37px;line-height:40px; font-size:15px;}

.point01{ color:#769FAF ; font-weight:bold;}
/* sub */
#sub {margin:0;}


#sub_top  {
	margin:0;
	color:#6c6b6b;
	background:#f3f3f3;
	height:7px;
	float: none;
}
#sub_content {margin:15px; float:left}

#sub_content02 {margin:0px 15px 15px 15px; float:left;}

#sub_img { width:100%;margin:0;height:152px; background-image: url(../images/sub_bg.gif);}
#sub_img01 { width:100%;margin:0;height:152px; background:#ec682a;}

#sub_img02 { width:100%;margin:0;height:152px; background:#a5b93c;}

#sub_img03 { width:100%;margin:0;height:152px; background:#21b4d3;}


#sub_tl  {color:#6c6b6b; font-size:40px; letter-spacing:-1px}

#sub_tl01  {color:#6c6b6b; font-size:40px; letter-spacing:-1px}

#sub_tl02  {color:#6c6b6b;font-size:40px; letter-spacing:-1px}

#sub_tl03  {color:#6c6b6b; font-size:40px; letter-spacing:-1px;}

#sub_stl  {color:#6c6b6b; line-height:20px; font-size:15px; letter-spacing:0px;padding-bottom:10px;padding-top:7px; word-break:break-all; word-wrap:break-word; line-height:1.5em; }

#sub_tt  {color:#6c6b6b; line-height:18px; font-size:14px;padding:0px 0px 15px 0px; }
#sub_tt02  {color:#6c6b6b;line-height:18px; font-size:14px;padding:0px 0px 15px 15px; word-break:break-all; word-wrap:break-word;}
#sub_tt03  {color:#6c6b6b;line-height:18px; font-size:14px;padding:0px 0px 15px 0px; word-break:break-all; word-wrap:break-word;}
#space {line-height:8px;}
#count{color:#dfdfdf; font-size:14px;padding:15px 0px 0x 0px; font-weight:bold; height:25px;color:#a5b93c}
#count01{color:#dfdfdf; font-size:14px;padding:15px 0px 0x 0px; font-weight:bold; height:25px;color:#f4a659}


/* header */
#header li.logo {padding:3px 12px 0 11px; float:left;}
#header li.navi {padding:3px 12px 0 0; float:right;}


/* footer */
#f_top{ background:#c8c7c7;height:1px}
#copyright{color:#8f9294;font-size:11px;margin:15px 15px 15px 15px}
.text_b{ font-weight:bold}


#sub_navi_box{border:#737373 solid 1px;padding:3px}
li.sm{ font-size:12px;height:22px;padding-top:8px;list-style-type:none ;border-bottom:#737373 dotted 1px;}
li.sm02{ font-size:12px;height:18px;padding-top:8px;list-style-type:none;}
li.sm03{ font-size:12px;height:18px;padding-top:8px;list-style-type:none; color:#777;border-bottom:#737373 dotted 1px;}
li.sm04{ font-size:12px;height:18px;padding-top:8px;list-style-type:none; color:#777;}


li.line01{ border:#737373 dotted 1px; background:#888888;height:1px;list-style-type:none;}


.comming{ color: #6c6b6b;font-size:14px}




#newList li{
position:relative; height:104px; border-bottom:1px solid #999; background-image: url(../images/m_bg01.gif);color:#34373c;font-weight:bold; font-size:15px;

/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;
-moz-box-align:center;

/* Safari and Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-align:center;

/* W3C */
display:box;
box-orient:horizontal;
box-align:center;
}

#newList li .img{position:absolute; top:10px; left:13px; width:78px; height:80px; }
#newList li .subject{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-width:320px; width:100%; padding:0 103px; color:#000; }
#newList li .btn{position:absolute; right:10px; top:30px;padding:0 0 0 18px;}

/* portrait(세로모드) */
@media only screen
and (max-width : 460px) {
	#newList li .subject{display:inline-block; padding:0 0 0 103px;}
	#newList li .btn{display:inline-block; position:static; padding:3px 0 0 100px;}
}
/*
넓이가 320인 이하에서만 버튼이 밑으로 떨어져요.
미디어쿼리도 이렇게 크기를 지정해 줘야 해서 자동으로 모든 기기에서 가로, 세로를 감지하지 못해요.
이 이상 디테일한 설정은 자바스크립트까지 이용해야 해요.
*/