
/*Reset*/
/* Written By KYI */

body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
strong{font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:11pt; font-family:±¼¸²; color:#555555;}
.blind{display:none;}
/*font-weight Light:300, Regular:400, Bold:700, ExtraBold:800*/
.news-box{display:none;}
.news-box.current{display:block}
.news-area-css li{padding:28px 0; border-top:1px #dedede solid;}
.news-area-css li:first-child{border-top-width:0;}
.news-area-css li a{display:table; width:100%; table-layout:fixed;}
.news-area-css .na-img{width:22%; display:table-cell; vertical-align:middle;}
.news-area-css .na-img-area{width:100%; position:relative; overflow:hidden; padding-top:60%; }
.news-area-css .na-img-area img{position:absolute; left:0; top:0; max-width:100%;}
.news-area-css .na-text{width:70%; display:table-cell; padding:0 30px; vertical-align:top;text-align:left;}
.news-area-css .na-text strong{display:block; padding-top:0px; height:45px;  line-height:45px; font-size:20px; font-weight:600; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-area-css .na-text p{font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* ¶óÀÎ¼ö */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.5em; height: 3em; color:#777;}
.news-area-css .na-text div{font-size:14px; font-weight:300; color:#9d9d9d; letter-spacing:0em; margin-top:10px;}
.news-area-css .na-text div span{display:inline-block; position:relative; margin-left:10px; padding-left:10px;}
.news-area-css .na-text div span:after{content:""; display:block; width:1px; height:14px; background:#dedede; position:absolute; left:0; top:50%; margin-top:-7px;}
.news-area-css li a:hover strong,
.news-area-css li a:hover p{color:#a11102;}

A:link        {color:#000000;text-decoration:none;}
A:visited     {color:#555555;text-decoration:none;}
A:active      {color:#000000;text-decoration:none;}
A:hover       {color:#000000;text-decoration:none;}

A.sub:link        {color:#308694;text-decoration:none;}
a.sub:hover       {color:#000000;text-decoration:none;}
.sub              {font-family:±¼¸²; font-size:11pt; color:#4040E0; line-height:135%; font-weight:bold;}
.daerew           {font-family:±¼¸²; font-size:9pt; color:#555555; line-height:150%; }
.daerew_b         {font-family:±¼¸²; font-size:9pt; color:#555555; line-height:150%;font-weight:bold;}
.daerew_009900    {font-family:±¼¸²; font-size:9pt; color:#009900; line-height:150%;}
.daerew_ffffff    {font-family:±¼¸²; font-size:9pt; color:#555555; line-height:150%;}
.daerew_s         {font-family:±¼¸²; font-size:9pt; color:#777777; line-height:150%;}
.daerew_s999999   {font-family:±¼¸²; font-size:9pt; color:#999999; line-height:150%;}
.daerew_s009900   {font-family:±¼¸²; font-size:9pt; color:#009900; line-height:150%;}
.daerew_sc00000   {font-family:±¼¸²; font-size:9pt; color:#C00000; line-height:150%;}
.daerew_verdana   {font-family:verdana; font-size:9pt; color:#777777; line-height:150%;}
.daerew_input     {font-family:±¼¸²; font-size:9pt; color:#555555; border:solid 1; border-color:#DBDBDB; background-color:#ffffff; height:21px}
.daerew_submit    {font-family:±¼¸²; font-size:9pt; color:#FFFFFF; border:solid 1; border-color:#555555; background-color:#555555; height:21px; cursor:pointer;}
.daerew_button    {font-family:±¼¸²; font-size:9pt; color:#FFFFFF; border:solid 1; border-color:#555555; background-color:#555555; height:21px; cursor:pointer;}
.daerew_button2   {font-family:±¼¸²; font-size:9pt; color:#555555; border:solid 1; border-color:#DBDBDB; background-color:#f7f7f7; height:21px; cursor:pointer;}
.daerew_textarea  {font-family:±¼¸²; font-size:9pt; color:#555555; background-color:white; border:1 solid #E5E5E5; silver; cursor:pointer;}
.daerew_textarea2 {font-family:±¼¸²; font-size:9pt; color:#555555; background-color:white; border:1 solid #E5E5E5; silver; cursor:pointer; width:100%; height:42; overflow:visible; text-overflow:ellipsis;}
.board_top        {font-family:±¼¸²; font-size:12pt; color:#000000; text-align:center; background:#DBDBDB; height:45; font-weight:bold;}
.write_bottom     {font-family:±¼¸²; font-size:9pt; color:#ffffff; line-height:120%; background:#000000; height:30;}
.view-top         {font-family:±¼¸²; font-size:9pt; color:#000000; background:#DBDBDB; text-align:center; width:90; height:25;}
.background       {background:#F9F9F9}
.view-bg          {background:#ffffff; padding:0 10;}
.hegiht           {height:28px;}
.line             {width:100%; height:1px; background-color:#F4F4F4}
.line_sub         {width:100%; height:4px; background-color:#555555}
.line_sub1        {width:100%; height:1px; background-color:#555555}
.bar1             {width:100%; height:1px; background-color:#dddddd}
.bar2             {background-color:#dddddd}

.comment1         {font-family:tahoma;font-size:9pt;color:orange}
.comment2         {font-family:tahoma;font-size:9pt;color:red}
.comment3         {font-family:tahoma;font-size:9pt;color:#999999}
.photo_box	      {border: 3 solid #dbdbdb;}
.photo		      {border: 1 solid #000000;}
.comment          {font-family:Tahoma, verdana, arial, helvetica, sans-serif, µ¸¿ò; font-size: 9pt; color:#C00000;}
.border           {border:solid 1;border-color:#dbdbdb;}
.t_right          {border-top-width:1; border-bottom-width:1; border-right-width:1; border-top-color:#EEEEEE; border-bottom-color:#EEEEEE; border-right-color:#EEEEEE; border-top-style:solid; border-bottom-style:solid; border-right-style:solid;}
.t_left           {border-top-width:1; border-bottom-width:1; border-left-width:1; border-top-color:#EEEEEE; border-bottom-color:#EEEEEE; border-left-color:#EEEEEE; border-top-style:solid; border-bottom-style:solid; border-left-style:solid; padding:0 0 0 10;}
.04b              {font-size:6pt; font-family:04b_21; color:#888888; line-height:100%;}
.list             {border:solid 0;color:#555555;}

/* pc */
@media screen and (min-width:1025px){

}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
table.board td.bd_tablet{display:none;}
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
table.board td.bd_tablet{display:none;}
table.board td.bd_mobile{display:none;}
}