@charset "utf-8";
/* reset */
html, body{width:100%; height:100%;}
html{font-size:100%}
*{box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video, button {margin:0; padding:0}
body,h1,h2,h3,h4,input,button{font-family:sans-serif; font-size:14px; color:#333}
body{background:#fafafa; *word-break:break-all; -ms-word-break:break-all; line-height:20px; -webkit-text-size-adjust:none; -moz-text-size-adjust:none;}
img,fieldset,iframe{border:0 none}
li {list-style:none}
input,textarea,select,button{vertical-align:middle; outline:none;}
button{border:none;}
img{vertical-align:middle; border:none;outline:none}
i, em, address{font-style:normal}
label,button{cursor:pointer}
button{margin:0; padding:0}
a{color:#333;text-decoration:none; outline:none}
table{border-collapse:collapse; border-spacing:0; padding:0}
input[type="checkbox"], input[type="radio"]{margin-top:-2px;}
input[type="text"], input[type="password"]{-webkit-appearance:none;}
/*COMMON*/
.clearfix:after{content:"."; visibility:hidden; display:block; height:0;clear:both}

/*IMAGE*/
.img{display:block; background:url(/images/images.png) no-repeat; background-size:150px 150px; margin:auto;}
.img.search_x{width:11px; height:13px; background-position:-22px -66px;}
.img.icon_search{width:29px; height:27px; background-position:-48px -34px;}
.img.icon_kakao{width:30px; height:30px; background-position:-70px -89px;}
.img.icon_facebook{width:30px; height:30px; background-position:-0px -89px;}
.img.icon_twitter{width:30px; height:30px; background-position:-35px -89px;}
.img.news_print{float:left; width:18px; height:18px; background-position:-67px -66px; margin:3px 3px 0 0;}
.img.arrow_left{width:7px; height:12px; background-position:-38px -66px;}
.img.arrow_top{width:12px; height:7px; background-position:-50px -66px;}
.img.paging_arrow_left{width:6px; height:10px; background-position:-0px -66px;}
.img.paging_arrow_right{width:6px; height:10px; background-position:-11px -66px;}
.img.icon_gallary_arrow_left{width:10px; height:16px; background-position:-90px -66px; margin-top:6px;}
.img.icon_gallary_arrow_right{width:10px; height:16px; background-position:-105px -66px; margin-top:6px;}
.img.icon_raound_arrow{border-radius:50%; background-color:#ccc; width:16px; height:16px; background-position:-120px -66px; float:right;}
/*HEADER*/
.header{width:100%; height:65px; background:#fff; border-top:3px solid #ff0000; border-bottom:1px solid #e0e0e0; position:relative; padding:0 15px;}
.header .top_iconmenu a{display:block; background:url(/images/images.png) no-repeat; background-size:150px 150px; margin:auto;}
.header a.logo{background:url(/images/images.png) no-repeat; background-size:150px 150px; width:134px; height:29px; display:block; float:left; margin-top:15px; background-position:0 0;}
.header ul.top_iconmenu{float:right; height:27px; margin-top:16px;}
.header ul.top_iconmenu li{margin-left:15px; float:left;}
.header ul.top_iconmenu li:first-child{margin:0;}
.header ul.top_iconmenu li a{display:block;}
.header ul.top_iconmenu li a.menu_join{width:17px; height:27px; background-position:0 -34px;}
.header ul.top_iconmenu li a.menu_login{width:22px; height:27px; background-position:-22px -34px;}
.header ul.top_iconmenu li a.menu_search{width:29px; height:27px; background-position:-48px -34px;}
.header ul.top_iconmenu li a.menu_view_allmenu{width:27px; height:27px; background-position:-82px -34px;}
.header .search_wrap{width:100%; background:transparent; position:absolute; top:11px; left:0; padding-left:160px; padding-right:15px;}
.header .searchbox{width:100%; height:40px; border:2px solid #ff0000; border-radius:5px; background:#fff; overflow:hidden; position:relative;}
.header .searchbox span.search_icon{display:block; float:left; position:absolute; top:5px; left:5px; width:34px;}
.header .searchbox input{width:100%; height:36px; line-height:36px; border:none; outline:none; z-index:2; padding:0 20px 0 43px;}
.header .searchbox a.search_close{position:absolute; top:11px; right:5px; display:block; z-index:3;}
.header .all_menu{position:absolute; top:61px; left:0; z-index:300; width:100%; background:#333333; padding:15px 15px 30px; color:#fff; }
.header .all_menu ul li{margin-bottom:8px;}
.header .all_menu ul li h3{color:#fff; height:30px; line-height:30px; font-size:15px; font-weight:bold;}
.header .all_menu ul li ul li{display:inline-block; margin-left:3px;}
.header .all_menu ul li ul li:first-child{margin:0;}
.header .all_menu ul li ul li a{display:block; color:#b2b2b2;}
/*LAYOUT*/
.bnr_wrap, .mid_wrap{width:100%;}
.content{width:100%; padding:0 20px;}

/*MEMBER MENU*/
.member_area{width:100%; height:35px; line-height:33px; padding:0 20px; font-size:12px;}
.member_area a{display:inline-block;}
.member_area a:first-child:after{content:''; display:inline-block; width:1px; height:10px; background:#666; margin:0 10px; line-height:30px;}

/*SLIDE BNR*/
.bnr_content{padding:15px 20px 0; border-top:3px solid #ff0000; font-size:16px !important;}
.bnr_content p.bnr_title{font-size:18px; line-height:22px; font-weight:bold; margin-bottom:8px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.bnr_content p.bnr_info{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/*NEWS TICKER*/
.realtime_news{width:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:10px 0; margin-bottom:15px;}
.realtime_news p.news_title{color:#777; font-weight:bold; margin-bottom:3px; font-size:16px;}
.realtime_news ul{height:20px; overflow:hidden;}
.realtime_news li{position:relative; height:20px; overflow:hidden;}
.realtime_news li a{display:block;}
.realtime_news li p.news{width:100%; padding-right:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.realtime_news li p.time{width:60px; text-align:right; position:absolute; top:0; right:0;}

/*INDEX*/
.main_news_list{margin-bottom:25px;}
.main_news_list .main_thumb{margin-bottom:20px;}
.main_news_list .main_thumb img{width:100%;}
.main_news_list p.main_news_title{font-size:18px; line-height:22px; font-weight:bold; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:15px;}
.main_news_list ul li{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:22px; border-bottom:1px solid #e0e0e0; padding:10px 0;}
p.section_title{color:#ff0000; font-weight:bold; font-size:16px; margin:10px 0 5px;}
ul.section_news_list li{border-top:1px solid #e0e0e0; padding:10px 0;}
ul.section_news_list li .section_thumb{width:135px; height:90px; float:left; margin-right:15px; background-size:100% 100%; background-position:center center; background-image:url(/images/no_image.gif) }
ul.section_news_list li .section_news_title{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:16px; font-weight:bold;}
ul.section_news_list li .section_news_con{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px;}
ul.section_news_list li:after{content:"."; visibility:hidden; display:block; height:0;clear:both;}
/*기사더보기 dt 15.08.18 */
.list_more {width:100%; text-align:center; border-top:1px solid #e0e0e0; }
.list_more a { display:block; width:65%; height:40px; margin:15px auto; line-height:36px; border-radius:10px; border:2px solid #ccc; background:#fff; }

/*VIDEO LIST*/
.main_video{width:100%;}
.main_video .video_info{margin:5px 0 20px;}
.main_video .video_info p.video_title{width:100%; font-size:18px; line-height:32px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_video .video_info p.video_date{width:50%; float:left; text-align:left;}
.main_video .video_info p.hit{width:50%; float:right; text-align:right; font-weight:bold; color:#cc0000;}


/* 동영상 플레이 이미지 추가 dt 15.08.18 */
.video_wrap .bg_play { position:absolute; margin-top:0; width:100%; height:100%; opacity:0.8; background:url(/images/play.png) no-repeat 50% 50%; background-size: auto 60%; z-index:100;  }
.video_wrap .bg_play:hover { opacity:1.0; background-size: auto 60%;  }

ul.video_list{margin-bottom:20px;}
ul.video_list li{width:49%; margin-bottom:10px;}
ul.video_list li a{display:block;}
ul.video_list li a p.video_title{width:100%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px;  line-height:1.2em;}
.video_wrap{position:relative; height:0; overflow:hidden; padding-bottom:56.25%;}
.video_wrap iframe, .video_wrap object, .video_wrap embed{position:absolute; top:0; left:0; width:100%; height:100%;}
/*LIST*/
h1.section_tag{width:100%; height:40px; line-height:40px; text-align:center; background:#ff0000; font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px;}
h1.photo_tag{width:100%; height:40px; line-height:40px; text-align:center; background:#ff0000; font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px;}
/*NEWS VIEW*/
h1.category_tag{width:100%; height:40px; line-height:40px; text-align:center; background:#ff0000; font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px;}
.news_view p.news_title{font-size:20px; line-height:24px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; margin-bottom:10px;}
.news_view p.news_summary{font-size:18px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:10px;}
.news_view p.news_date{font-size:12px;}
.news_view .news_content{letter-spacing:0; border-bottom:1px solid #e3e3e3; padding:15px 0;}
.news_view .news_content img{max-width:100%; margin:auto; display:block;}
.news_view .news_content p.img_caption{text-align:center; font-size:11px; color:#999; line-height:15px; margin:10px 0;}
.news_view .news_content p.img_caption span{color:#ff2828;}
.news_view .news_content hr{border:0; height:1px; background:#d8d8d8; margin:20px 0;}
.news_view .news_content strong{font-size:16px;}
.news_view .news_content .share_sns{width:100%; text-align:center; position:relative;}
.news_view .news_content .share_sns ul.follow{margin:30px auto 0;}
.news_view .news_content .share_sns ul.follow li{display:inline-block; margin:0 2px;}
.news_view .news_writer{font-size:12px; text-align:center; padding:10px 0; border-bottom:1px solid #e3e3e3;}
.news_view .news_writer a.print{display:inline-block;}
.news_view .news_writer a.print:after{content:''; width:1px; height:11px; line-height:11px; margin:2px 5px -1px 5px; background:#777; display:inline-block;}
.news_view .news_writer span.reporter:after{content:''; width:1px; height:11px; line-height:11px; margin:2px 5px -1px 5px; background:#777; display:inline-block;}
.news_view .news_writer p.copyright{font-size:11px; margin-top:7px;}
/*COMMENT*/
.comment{width:100%; margin-top:15px; border-bottom:1px solid #e0e0e0;}
.comment p.comment_title{font-weight:bold;}
.comment p.comment_title span{margin-left:10px; font-weight:normal;}
.comment p.comment_title span strong{color:#ff5027;}
.comment p.comment_notice{margin-top:5px; font-size:11px; line-height:16px; color:#777;}
.comment p.comment_notice a{color:#ff5027; margin-left:5px;}
.comment .coment_form{margin-bottom:20px;}
.comment .comment_box{width:100%; height:120px; padding:8px; border:2px solid #ccc; margin:12px 0 5px; position:relative; background:#fff;}
.comment .comment_box p.text_count{position:absolute; left:12px; bottom:8px; font-size:12px; color:#adadad; letter-spacing:0;}
.comment .comment_box p.text_count span{color:#777; font-weight:bold;}
.comment .comment_box textarea{font-family:sans-serif; font-size:14px; overflow:hidden; border:0; width:100%; height:75px; -webkit-appearance:none; outline:none; resize:none; word-break:break-all; word-wrap:break-word; overflow-y:auto;}
.comment .comment_input{text-align:center; width:100%; padding:0 15px; text-align:center;}
.comment .comment_input input{display:inline-block; border:2px solid #ccc; width:47%; height:30px; text-indent:5px; margin-right:5px; margin-top:5px; border-radius:0;}
.comment .comment_input input.name{float:left;}
.comment .comment_input input.pw{float:right;}
.comment .comment_input .code_txt{height:35px; line-height:35px; font-size:11px; color:#777;}
.comment .comment_input .autox_code{clear:both;}
.comment .comment_input .autox_code .codebox{margin:auto; text-align:center;}
.comment .comment_input .autox_code .codebox .code_num{background:#505050; width:50%; height:30px; text-align:center; color:#fff; font-size:18px; font-weight:bold; line-height:30px; float:left;}
.comment .comment_input .autox_code .codebox input.code{display:inline-block; width:50%; border-left:0; margin:0; padding:0; float:left;}
.comment .comment_input button.regist{margin-top:10px; width:100%; height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; background:#ff6b1a; clear:both; text-shadow:1px 1px 1px rgba(0,0,0,0.2); border-radius:5px;}
ul.comment_list .user_name{height:28px; line-height:26px; color:#333; font-weight:bold; background:#f5f5f5; border-radius:3px; border:1px solid #e3e3e3; text-indent:10px;}
ul.comment_list .user_comment{padding:10px; font-size:13px;}
ul.comment_list .user_comment .comment_date{display:block; height:45px; line-height:45px; color:#999; font-size:12px; letter-spacing:0;}
ul.comment_list .user_comment .comment_date a.accuse{color:#999;}
ul.comment_list .user_comment .comment_date a.accuse:before{content:'l'; display:inline-block; margin:0 10px; font-size:11px;}
.view_btn_area{width:100%; height:24px; text-align:center; margin:15px 0 20px;}
.view_btn_area a{display:block;}
.view_btn_area a.view_all_comment{width:65%; height:40px; line-height:36px; border-radius:10px; border:2px solid #ccc; margin:auto; background:#fff; margin-bottom:15px;}
.view_btn_area a.view_all_comment span{color:#ff481e; border:0; font-weight:bold;}
.view_btn_area a.prev{float:left; height:25px; line-height:25px;}
.view_btn_area a.prev p{float:left; width:25px; height:25px; background-color:#fff; margin-right:5px; border:1px solid #ccc;}
.view_btn_area a.prev p span{margin-top:5px;}
.view_btn_area a.top{float:right; text-align:right; height:25px; line-height:25px;}
.view_btn_area a.top p{float:right; width:25px; height:25px; background-color:#fff; margin-left:5px; border:1px solid #ccc;}
.view_btn_area a.top p span{margin-top:8px;}
/*PHOTO LIST*/
ul.main_photo_list li{position:relative; margin-bottom:10px;}
ul.main_photo_list li a{display:block;}
ul.main_photo_list .main_photo_thumb{width:100%; padding-bottom:66.35%; background-size:100%; z-index:1;}
/* 포토리스트 상단동영상 플레이 이미지 추가 dt 15.08.18 */
.main_vod_thumb iframe, .main_vod_thumb object, .main_vod_thumb embed{width:100%; height:250px;}
ul.main_photo_list .main_vod_thumb{width:100%; background-size:100%; z-index:1;}
.main_vod_thumb .bg_play { position:absolute; margin-top:0; width:100%; height:100%; opacity:0.8; background:url(/images/play.png) no-repeat 50% 50%; background-size: auto 60%; z-index:100;  }
.main_vod_thumb .bg_play:hover { opacity:1.0; background-size: auto 60%;  }

ul.main_photo_list .main_photo_info{position:absolute; bottom:0; left:0; width:100%; height:60px; background:rgba(0,0,0,0.55); font-weight:bold; padding:5px 10px; z-index:200;}
ul.main_photo_list .main_photo_info p.photo_section{color:#fffd3a; line-height:24px;}
ul.main_photo_list .main_photo_info p.photo_txt{color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photo_board ul.thumb_photo_list li{float:left; width:48.5%; margin:0 0 15px 0;}

/* 포토리스트 동영상 플레이 이미지 추가 dt 15.08.18 */
.photo_board ul.thumb_photo_list li .video_wrap{width:100%; padding-bottom:64%; }
.photo_board ul.thumb_photo_list li .video_wrap iframe, 
.photo_board ul.thumb_photo_list li .video_wrap object, 
.photo_board ul.thumb_photo_list li .video_wrap embed{position:absolute; top:0; left:0; width:100%; height:100%;}
.photo_board ul.thumb_photo_list li .bg_play { position:absolute; margin-top:0; width:100%; height:100%; opacity:0.8; background:url(/images/play.png) no-repeat 50% 50%; background-size: auto 60%; z-index:100;  }
.photo_board ul.thumb_photo_list li .bg_play:hover { opacity:1.0; background-size: auto 60%;  }


.photo_board ul.thumb_photo_list li .photo_thumb{width:100%; padding-bottom:64%; background-size:100%; background-position:center center; background-repeat:no-repeat;}
.photo_board ul.thumb_photo_list li .photo_info{line-height:18px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box;}
a.view_original{display:block; position:relative; width:130px; height:30px; color:#777; line-height:30px; border:1px solid #d7d7d7; text-align:center; font-size:14px; font-weight:bold; background-color:#fff; text-indent:-16px; float:right; margin:25px 0px;}
a.view_original span{position:absolute; top:6px; right:6px;}
/*PAGING*/
.paging{width:100%; text-align:center; clear:both; border-top:1px solid #e0e0e0;}
.paging_align{display:inline-block; text-align:center; height:30px; margin:10px auto 0;}
.paging a{display:block; float:left; border-radius:50%; width:25px; height:25px; line-height:27px; color:#333; margin:0 2px;}
.paging a.active{background:#ff0000; color:#fff; font-weight:bold;}
.paging a.paging_arrow_left span, .paging a.paging_arrow_right span{margin-top:8px;}

.paging span{display:block; float:left; border-radius:50%; width:25px; height:25px; line-height:27px; color:#333; margin:0 2px;}
/*PHOTO VIEW*/
.photo_gallary{width:100%; background:#323232; margin-bottom:20px;}
.photo_gallary .gallary_thumb{width:100%; height:50px; background:#4b4b4b; white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position:relative; padding:6px 0;}
.photo_gallary .gallary_thumb ul{width:100%; height:37px;}
.photo_gallary .gallary_thumb ul li{display:inline-block; margin:0 3px;}
.photo_gallary .gallary_thumb ul li.active a{border:2px solid #ff5c36;}
.photo_gallary .gallary_thumb ul li:first-child{margin-left:10px;}
.photo_gallary .gallary_thumb ul li:last-child{margin-right:10px;}
.photo_gallary .gallary_thumb ul li a{background-size:100%; display:block; width:55px; height:37px; background-position:center center;}
.photo_gallary .gallary_img{position:relative; padding:10px 20px;}
.photo_gallary .gallary_img a.arrow_left{width:30px; height:30px; position:absolute; top:50%; left:0; margin-top:-15px; background:rgba(0,0,0,0.8); z-index:3;}
.photo_gallary .gallary_img a.arrow_right{width:30px; height:30px; position:absolute; top:50%; right:0; margin-top:-15px; background:rgba(0,0,0,0.8); z-index:3;}
.photo_gallary .gallary_img .imgbox{width:100%; padding-bottom:66.35%; z-index:2; background-size:100%; background-position:center center;}
/*TAB*/
.tab_section{width:100%; height:40px; line-height:38px; border-top:2px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#fafafa; margin-bottom:15px; white-space:nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position:relative;}
.tab_section ul li{display:inline-block; z-index:1;}
.tab_section ul li:before{content:''; display:inline-block; width:1px; height:14px; background:#ddd; float:left; margin-top:11px;}
.tab_section ul li:first-child:before{content:''; display:none;}
.tab_section ul li a{display:block; padding:0 13px 0 15px;}

/*LINE BOX*/
.linebox{width:100%; border:4px solid #ebebeb; padding:15px 12px; margin-top:-4px; background:#fff;}
.linebox.first{margin-top:0;}
.linebox p.linebox_title{font-size:18px; font-weight:bold; color:#333; margin:0 0 10px 0;}
.linebox p.linebox_title span.arrow{width:16px; height:16px; display:block; float:right; background:url(../images/ico_arrow_radius.gif);}
.linebox .imgbox{width:100%; text-align:center;}
.linebox .imgbox p.img_caption{font-size:11px; color:#8b8b8b; text-align:center; margin:auto;}
.linebox .imgbox img{max-width:100%; height:auto; margin:auto;}
.linebox .column img{float:left; border:1px solid #e8e8e8; width:90px; margin-right:10px;}
.linebox p.photo_title{font-size:16px; font-weight:bold; color:#333; margin:12px 0 8px; text-align:center;}

/*AD*/
.adbox {text-align:center; margin:10px auto;}
.premium_ad{width:100%; background:#fff; border-top:4px solid #ebebeb; border-bottom:4px solid #ebebeb; padding:15px 20px;}
.premium_ad p.premium_title{font-size:16px; margin-bottom:5px; font-weight:bold;}
.premium_ad ul li{line-height:22px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*MEMBER*/
.member{margin:25px 0 45px;}
.member h2{font-size:30px; line-height:34px; font-weight:normal; margin:auto; text-align:center; margin-bottom:10px;}
.member .member_form{width:100%; border-radius:10px; border:2px solid #e0e0e0; padding:15px; background:#fff; margin-bottom:15px;}
.member .member_form p{margin-bottom:5px;}
.member .member_form p:after{content:"."; visibility:hidden; display:block; height:0;clear:both}
.member .member_form p:last-child{margin:0;}
.member .member_form p.member_label{float:left; width:95px; height:38px; line-height: 38px;}
.member .member_form p.member_label label{font-weight:bold; color:#808080;}
.member .member_form p.input_wrap{margin-left:100px; border:1px solid #e0e0e0; background:#fafafa; height:38px; border-radius:5px; padding:5px 5px 0 5px;}
.member .member_form p.input_wrap input{width:100%; border:1px solid #ccc; background:#fafafa; border:none; background:transparent;}
.indent_area{width:100%; padding:0 10px; font-size:12px; line-height:16px;}
.indent_area p{margin-bottom:8px;}
.indent_area a.find_acc{display:inline-block; float:right; text-decoration:underline;}
.indent_area span.newsletter{float:right; text-align:right;}
.indent_area button{width:100%; border-radius:5px; color:#fff; font-weight:bold; outline:none; border:none; height:44px; line-height:44px; font-size:16px; text-shadow:1px 1px 1px rgba(0,0,0,0.2); margin-top:5px;}
.indent_area button.join{background:#e74b4b;}
.indent_area button.login{background:#5c8ce2;}
.indent_area button.send_email{background:#51d062;}
/*FOOTER*/
.footer{background:#333; color:#b2b2b2; font-size:11px; line-height:15px; padding:15px 20px;  letter-spacing:-0.03em }
.footer a{color:#b2b2b2;}

/*shin add*/
.video_img span { display:none}

/*NEWS LIST*/

.line_box2{width:100%; border:8px solid #ebebeb; padding:0 0 5px; margin-bottom:20px;}

#wrap {
width:100%;
height:auto;
font-family:NanumBarunGothic, Malgun Gothic,sans-serif, Arial;
line-height:160%;
font-size:14px;
color:#444444;
}

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

.outline {}

.list_title {
background-color:#eeeeee;
padding:3px 15px 9px;
font-size:1.1em;
font-weight:bold;
}

.lsit_content {
font-family:NanumBarunGothic, Malgun Gothic,sans-serif, Arial;
display:inline-block;
width:96%;
font-size:0.9em;
display:inline-block;
padding:1% 2%;

}
.list_article {
padding:3% 10px;
border-bottom:solid 1px #eeeeee;
text-indent:3px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.article_end {
padding:3% 10px;
text-indent:3px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.num {
color:#888888;
padding-right:3px;
}
.num_top {
color:#d95d26;
padding-right:3px;
font-weight:bold;
}