@charset "UTF-8";
/* CSS Document */
@font-face{
     font-family:"nbg";
     src:url("/css/font/NanumBarunGothic.eot");
     src:local(※), url("/css/font/NanumBarunGothic.woff") format("woff");
     src: url('/css/font/NanumBarunGothic.woff') format('woff');
}
@font-face {
     font-family:'NanumBarunGothic';
     src: url('/css/font/NanumBarunGothic.eot');
}

/****** RESET ******/
html, body{width:100%; height:100%;}
html{font-size:100%;}
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{font-family:Open Sans, Roboto, 'NanumGothic', 'nbg', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; font-size:13px; color:#555; line-height:20px;}
body,h1,h2,h3,h4,input,button{font-family:Open Sans, Roboto, 'NanumGothic', 'nbg', 'Malgun Gothic', '맑은 고딕', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:13px; line-height:20px; letter-spacing:-0.03em; color:#555;}
img,fieldset{border:0 none;}
ul,li{list-style:none;}
caption{visibility:hidden; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
input,textarea,select,button{vertical-align:middle; outline:none; font-family:MalgunGothic, '맑은 고딕', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
button{border:none; cursor:pointer;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance:none;
	-moz-appearance:none;
}
img{vertical-align:middle; border:none; outline:none; display:block;}
a{cursor:pointer; color:#555; text-decoration:none;}
a:link{text-decoration:none;}
a:hover{color:#555;}
a:focus, a:active{outline:none;}

/*COMMON*/
.clearfix:before, .clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{zoom:1;}

/*HEADER*/
.header{width:100%; height:135px; border-top:4px solid #ff0000; border-bottom:1px solid #ff0000;}
.header .top{width:1040px; margin:auto; position:relative;}
.header .top .logo{float:left; width:220px; padding:35px 0 0 0;}
.header .top .gnb{float:right; text-align:right; color:#555;}
.header .top .gnb .btn_nav_all{float:right; position:absolute; top:0; right:0; z-index:2;}
.header .top .gnb span{float:left; margin-top:10px;}
.header .top .gnb span.time{color:#4d4d4d; letter-spacing:0; margin:12px 10px 0 0;}
.header .top .gnb span.country{color:#ff0000; background:url(/images/common/ico_grobal.png) no-repeat center left; padding:3px 0 3px 40px; margin-right:20px;}
.header .top .gnb span.search_all{margin-right:135px;}
.header .top .gnb span.search_all img{display:inline-block; margin-right:10px; vertical-align:middle;}
.header .top .gnb span.search_all input{border:none; border-bottom:1px solid #ff0000; width:210px; height:22px; color:#747474; background:#fff7f2;}
.header .top .gnb span.search_all input:focus{height:22px; outline:none;}
/*상단 회원가입, 로그인 추가 15.08.05*/
.header .top .gnb span.login {  display:inline-block; padding:0; font-size:11px; margin:12px 0 0 0;}
.header .top .gnb span.login a:hover { color:#ff6600  }
.header .top .gnb span.login:after {content:'l'; display:inline-block; padding:0 10px; font-size:11px; font-family:돋움; color:#999}
.header .top .gnb span.join {  display:inline-block; padding:0; font-size:11px; margin:12px 0 0 0;}
.header .top .gnb span.join a:hover { color:#093 }
.header .top .gnb span.join:after {content:'l'; display:inline-block; padding:0 10px; font-size:11px; font-family:돋움; color:#999}

ul.nav{float:right; margin-top:35px;}
ul.nav li{float:left; height:30px; line-height:30px;}
ul.nav li a{display:block; padding:0 23px; text-align:center; font-weight:600; font-size:12px; color:#333; text-transform:uppercase; background:url(/images/ico/nav_line.gif) no-repeat center left;}
ul.nav li:first-child a{background:none;}
ul.nav li a:hover, ul.nav li a:active, ul.nav li a.selected, ul.nav li a:focus{background:#ff0000; color:#fff;}
/* 전체메뉴 펼치기 */
.menu_all{display:none; position:absolute; top:120px; z-index:100; width:100%; min-width:1200px; background:#4d4d4d; margin:0 auto; padding:30px 0; text-align:center;}
.menu_all h3{font-size:16px; color:#ccc; font-weight:600; text-align:left; padding-left:15px; margin-bottom:10px;}
.menu_all ul{display:inline-block; margin:0 auto; padding:0 18px; text-align:center; vertical-align:top;}
.menu_all li{margin:0; text-align:left;}
.menu_all li:before{content:counter(item, disc) ""; color:#555; padding-right:5px;}
.menu_all li a {padding:2px 7px 3px 2px; line-height:30px; color:#dedede; text-decoration:none; font-size:14px;}
.menu_all li a:hover{background:#7b7b7b; color:#fff; border-radius:3px;}

/*LAYOUT*/
.content{width:1040px; margin:15px auto 30px;}
.content.index{margin-top:30px;}
.content .left_con{width:720px; float:left; margin-right:20px;}
.content .right_con{width:300px; float:right;}
/*INDEX*/
/*SLIDER*/
.bxslider img{border-bottom:4px solid #ff0000; margin-bottom:15px;}
.bxslider .img_box{border-bottom:4px solid #ff0000; margin-bottom:15px; overflow:hidden; height:400px; width:100%;}
.bxslider .bnr_content p.bnr_title{font-size:28px; height:36px; color:#333; font-weight:bold; line-height:36px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin-bottom:15px;}
.bxslider .bnr_content p.bnr_info{font-size:16px; height:22px; line-height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
/*NEWS TICKER*/
.realtime_news{width:100%; height:48px; position:relative; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.realtime_news.real_subtype{border-top:0; margin:-30px 0 15px 0;}
.realtime_news.real_subtype2{border:0; margin:-30px 0 0 0;}
.realtime_news.real_subtype2 .control_arrow{position:absolute; right:1px; top:12px;}
.realtime_news .news_title{height:48px; line-height:48px; display:inline-block; font-size:14px; color:#777; text-indent:10px;}
.realtime_news ul{position:absolute; left:100px; top:0; right:40px; height:48px;}
.realtime_news ul li{position:absolute; height:48px; width:97%; line-height:48px; display:none;}
.realtime_news ul li a{overflow:hidden; display:block; white-space:nowrap;text-overflow:ellipsis;}
.realtime_news ul li a .time{float:right; text-align:right; margin-right:15px;}
.realtime_news .control_arrow{width:50px; height:24px; position:absolute; right:10px; top:12px;}
.realtime_news .control_arrow span{width:24px; height:24px; cursor:pointer; border:1px solid #ccc;}
.realtime_news .control_arrow span.arrow_left{background:url(/images/ico/ico_realtime_arrow_left.gif) no-repeat center center; position:absolute; top:0; left:0;}
.realtime_news .control_arrow span.arrow_left:hover{background-image:url(/images/ico/ico_realtime_arrow_left_over.gif);}
.realtime_news .control_arrow span.arrow_right{background:url(/images/ico/ico_realtime_arrow_right.gif) no-repeat center center; position:absolute; top:0; right:-1px;}
.realtime_news .control_arrow span.arrow_right:hover{background-image:url(/images/ico/ico_realtime_arrow_right_over.gif);}
/*INDEX NEWS LIST*/
.index_newslist ul li{border-top:1px solid #d8d8d8; padding:20px 0;}
.index_newslist ul li:first-child{border-top:0;}
.index_newslist ul li .main_img{float:left; width:320px; height:215px; overflow:hidden; margin-right:25px;}
.index_newslist ul li .main_img img{width:320px; height:auto;}
.index_newslist ul li .news_section{color:#ff0000; font-weight:bold; font-size:20px;}
.index_newslist ul li .news_title{font-size:24px; line-height:30px; font-weight:bold; margin:13px 0 10px; height:62px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_newslist ul li .news_title a{display:block; color:#333;}
.index_newslist ul li .news_title a:hover{text-decoration:underline;}
.index_newslist ul li ul.sub_newslist:after{clear:both; content:''; display:block;}
.index_newslist ul li ul.sub_newslist li{border:0; padding:0 0 0 10px; width:350px; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.index_newslist ul li ul.sub_newslist li a{color:#4c4c4c; font-size:13px;}
.index_newslist ul li ul.sub_newslist li a:hover{text-decoration:underline;}
/*SECTION NEWS LIST*/
.section_newslist ul li{border-top:1px dashed #d8d8d8; padding:20px 0;}
.section_newslist ul li:first-child{border-top:1px solid #d8d8d8;}
.section_newslist ul li:last-child{border-bottom:1px solid #d8d8d8;}
.section_newslist ul li:after{clear:both; content:''; display:block;}
.section_newslist ul li a{display:block;}
.section_newslist ul li a .section_img{float:left; width:200px; height:130px; overflow:hidden; margin-right:25px;}
.section_newslist ul li a .section_img img{width:193px; height:auto;}
.section_newslist ul li a .section_info p.section_title{font-size:18px; color:#333; font-weight:bold; line-height:24px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section_newslist ul li a .section_info p.section_contents{margin-bottom:10px; max-height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.section_newslist ul li a .section_info p.section_date{font-size:12px;}
.paging{width:100%; text-align:center; clear:both;}
.paging_align{display:inline-block; text-align:center; height:40px; margin:15px auto 0;}
.paging a{display:block; float:left; border-radius:50%; width:30px; height:30px; line-height:30px; color:#333; margin:0 2px;}
.paging a:hover, .paging a.active{background:#ff0000; color:#fff; font-weight:bold;}
.paging a.paging_arrow_left{background:url(/images/ico/ico_realtime_arrow_left.gif) no-repeat center center;}
.paging a.paging_arrow_right{background:url(/images/ico/ico_realtime_arrow_right.gif) no-repeat center center;}
.paging a.paging_arrow_left:hover{background-image:url(/images/ico/ico_realtime_arrow_left_over.gif);}
.paging a.paging_arrow_right:hover{background-image:url(/images/ico/ico_realtime_arrow_right_over.gif);}
/*NEWS VIEW*/
.news_view p.view_section{background:#ff0000; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#fff; padding:0 15px; display:inline-block; margin-bottom:15px;}
.news_view p.news_title{font-size:30px; line-height:38px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:80px; display:-webkit-box; margin-bottom:10px;}
.news_view p.news_title_m{font-size:18px; line-height:24px; font-weight:600; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:48px; display:-webkit-box; margin-bottom:10px;}
.news_view p.news_date{font-size:13px;}
.news_view .news_content{font-size:16px; line-height:28px; letter-spacing:0; border-bottom:1px solid #e3e3e3; padding:30px 0;}
.news_view .news_content hr{border:0; height:1px; background:#d8d8d8; margin:25px 0;}
.news_view .news_content img{max-width:720px; margin:auto;}
.news_view .news_content p.img_caption{text-align:center; font-size:12px; color:#999; line-height:18px; margin:10px 0;}
.news_view .news_content p.img_caption span{color:#ff2828;}
.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; float:none;}
.news_view .news_content .share_sns a.view_original{float:right; display:block; width:160px; height:45px; line-height:45px; position:absolute; top:-3px; right:0; border:1px solid #d7d7d7; text-align:center; font-size:14px; font-weight:bold; background:url(../images/ico/ico_arrow_radius.gif) no-repeat 130px center; text-indent:-10px;}
.news_view .news_writer{height:55px; line-height:55px; font-size:12px;}
.news_view .news_writer p.reporter{float:left;}
.news_view .news_writer p.reporter a{letter-spacing:0;}
.news_view .news_writer p.reporter a:hover{text-decoration:underline;}
.news_view .news_writer .print { display:inline-block;  font-size:11px; background:url(/images/ico/printer2.png) no-repeat 0 50%; background-size:16px 16px; padding-left:20px; } /* 인쇄 추가 15.08.04 dt */
.news_view .news_writer p.copyright{float:right; text-align:right;}
/*PHOTO VIEW*/
.photo_gallary{width:100%; height:570px; background:#323232; margin-bottom:30px;}
.photo_gallary .gallary_thumb{position:relative; width:100%; height:100px; background:#655b59;}
.photo_gallary .gallary_thumb a.thumb_arrow_left{position:absolute; top:0; left:0; width:29px; height:100px; border-right:1px solid #504543; background:url(/images/ico/arrow_photothumb_left.gif) no-repeat center center #655b59;}
.photo_gallary .gallary_thumb a.thumb_arrow_right{position:absolute; top:0; right:0; width:29px; height:100px; border-left:1px solid #504543; background:url(/images/ico/arrow_photothumb_right.gif) no-repeat center center #655b59;}
.photo_gallary .gallary_thumb ul{width:978px; height:88px; border-left:1px solid #7f7472; border-right:1px solid #7f7472; position:absolute; top:0; left:30px; padding-top:12px;}
.photo_gallary .gallary_thumb ul li{width:110px; height:75px; float:left; background:#000; margin-left:10px;}
.photo_gallary .gallary_thumb ul li:first-child{margin-left:14px;}
.photo_gallary .gallary_thumb ul li a{display:block; width:110px; height:75px; cursor:pointer; z-index:2; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.photo_gallary .gallary_thumb ul li.active a{width:104px; height:69px; border:3px solid #ff5c36;}
.photo_gallary .gallary_img{position:relative; width:100%; height:470px; background:#323232;}
.photo_gallary .gallary_img a.arrow_left{display:block; width:60px; height:60px; background:url(/images/ico/arrow_photoimg_left.png) no-repeat center center #606060; position:absolute; top:50%; left:0; margin-top:-30px;}
.photo_gallary .gallary_img a.arrow_right{display:block; width:60px; height:60px; background:url(/images/ico/arrow_photoimg_right.png) no-repeat center center #606060; position:absolute; top:50%; right:0; margin-top:-30px;}
.photo_gallary .gallary_img .imgbox{max-width:900px; max-height:460px; overflow:hidden; margin:10px auto 0;}
.photo_gallary .gallary_img .imgbox img{margin:auto;}
/*COMMENT*/
.comment{width:100%; margin-top:40px; border-bottom:1px solid #e0e0e0;}
.comment p.comment_title{font-size:16px; float:left; font-weight:bold;}
.comment p.comment_title span{font-size:14px; margin-left:10px; font-weight:normal;}
.comment p.comment_title span strong{color:#ff5027;}
.comment p.comment_notice{float:right; text-align:right; font-size:11px;}
.comment p.comment_notice a{color:#ff5027; margin-left:5px;}
.comment .coment_form{margin-bottom:30px;}
.comment .comment_box{width:696px; height:105px; padding:8px 10px; border:2px solid #ccc; margin:12px 0 5px; position:relative;}
.comment .comment_box p.text_count{position:absolute; left:15px; bottom:8px; font-size:12px; color:#adadad; letter-spacing:0;}
.comment .comment_box p.text_count span{color:#666; font-weight:bold;}
.comment .comment_box textarea{overflow:hidden; border:0; width:100%; height:75px; -webkit-appearance:none; outline:none; resize:none; word-break:break-all; word-wrap: break-word;}
.comment .comment_input input{display:inline-block; border:2px solid #ccc; width:120px; height:24px; line-height:22px; text-indent:10px; margin-right:5px;}
.comment .comment_input .autox_code{height:30px; font-size:12px; display:inline-block; float:right;}
.comment .comment_input .autox_code .code_txt{display:block; float:left; height:30px; line-height:26px; margin-right:10px;}
.comment .comment_input .autox_code .codebox{float:left;}
.comment .comment_input .autox_code .codebox span.code_num{float:left; display:block; background:#505050; width:60px; height:30px; text-align:center; color:#fff; font-size:18px; font-weight:bold; line-height:30px;}
.comment .comment_input .autox_code .codebox input.code{width:60px; border-left:0;}
.comment .comment_input button.regist{width:95px; height:30px; color:#fff; font-size:16px; font-weight:bold; background:#ff0000;}
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:15px;}
ul.comment_list .user_comment{padding:15px; 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;}
/* 삭제 팝업 추가 15.08.04 dt */
.code_del { position:absolute; margin-top:-25px; margin-left:200px; padding:20px 20px 15px; background:#fff; border-radius:3px; border:1px solid #e3e3e3;  text-align:center; display:none }
.code_del h5 { color:#666; font-size:12px; text-align:center; line-height:14px}
.code_del input { display:block; margin:15px auto 15px; width:180px; background:#666666; color:#e5e5e5; font-size:13px; padding:3px; 0; font-weight:normal; line-height:13px; border:none; text-align:center; border-radius:20px; }
.code_del .btn_m       { background:#ff6600; color:#fff; font-size:12px; text-align:center; border-radius:3px; padding:0 10px 2px 10px; border:0; }
.code_del .btn_m_close { background:#666666; color:#fff; font-size:12px; text-align:center; border-radius:3px; padding:0 10px 2px 10px; border:0; }
.code_del .btn_m:hover { background:#F00; }
.code_del .btn_m_close:hover { background:#333; }

.view_btn_area{width:100%; height:24px; margin-top:10px; text-align:right;}
.view_btn_area .btn_align{display:inline-block;}
.view_btn_area a{display:block; float:left; margin-left:15px; font-size:12px; line-height:22px;}
.view_btn_area a span{width:22px; height:22px; border:1px solid #ccc; display:block; float:left; margin-right:3px;}
.view_btn_area a.prev span{background:url(../images/ico/ico_realtime_arrow_left.gif) no-repeat center center;}
.view_btn_area a:hover.prev span{background-image:url(../images/ico/ico_realtime_arrow_left_over.gif);}
.view_btn_area a.top span{background:url(../images/ico/ico_realtime_arrow_top.gif) no-repeat center center;}
.view_btn_area a:hover.top span{background-image:url(../images/ico/ico_realtime_arrow_top_over.gif);}
/* 댓글전체보기 추가 15.08.04 dt */
.view_btn_area .all_comment { float:left;  background:#fff; border-radius:5px; border:1px solid #e3e3e3; padding:3px 10px }
.view_btn_area .all_comment strong { color:#F60 }
.view_btn_area .all_comment:hover { background:#000; color:#fff;  border:1px solid #000;  }
/*PREMIUM AD*/
.premium_ad{width:654px; border:8px solid #ebebeb; padding:25px; font-weight:bold; color:#333; margin-bottom:15px;}
.premium_ad p.premium_title{font-size:16px; margin-bottom:12px;}
.premium_ad ul li{line-height:28px;}
.premium_ad ul li a:hover{text-decoration:underline;}
/*AD BANNER*/
.index_width_ad{width:718px; border:1px solid #d8d8d8; overflow:hidden; margin-bottom:30px;}
.index_width_ad img{width:718px; height:auto;}
/*INDEX VIDEO BIG*/
.index_video{width:720px;}
.index_video .video_box{width:720px; min-height:405px; margin-bottom:5px;}
.index_video .video_info p.video_title{width:600px; float:left; font-size:26px; line-height:42px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_video .video_info p.video_date{width:120px; float:right; font-size:14px; text-align:right; letter-spacing:0;}
.index_video .video_info p.video_date span.hit{font-size:24px; font-weight:bold; color:#ff0000; display:block;}
/*PHOTO LIST*/
.photo_top_bnr{margin-bottom:25px;}
.photo_top_bnr ul.main_photo_list{float:left;}
.photo_top_bnr ul.main_photo_list li{float:left; width:350px; height:230px; margin-left:20px; position:relative;}
.photo_top_bnr ul.main_photo_list li:first-child{margin-left:0;}
.photo_top_bnr ul.main_photo_list li a{display:block;}
.photo_top_bnr ul.main_photo_list .main_photo_thumb{}
.photo_top_bnr ul.main_photo_list .main_photo_thumb img{width:350px; min-height:230px;}
.photo_top_bnr ul.main_photo_list .main_photo_info{position:absolute; bottom:0; left:0; width:330px; height:50px; background:rgba(0,0,0,0.55); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000); font-size:16px; font-weight:bold; padding:5px 10px;}
.photo_top_bnr ul.main_photo_list .main_photo_info p.photo_section{color:#fffd3a; line-height:24px;}
.photo_top_bnr ul.main_photo_list .main_photo_info p.photo_txt{color:#fff;}
.photo_top_bnr .photo_right_ad{width:300px; height:230px; float:right; overflow:hidden;}
.photo_top_bnr .photo_right_ad img{width:300px; height:230px;}
.tab_section{width:100%; height:40px; line-height:38px; border-top:2px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#fafafa; margin-bottom:15px;}
.tab_section p.tab_section_title{width:120px; text-align:center; font-weight:bold; float:left; background:url(/images/ico/ico_realtime_arrow_right_over.gif) no-repeat 110px 14px;}
.tab_section ul{float:left;}
.tab_section ul li{float:left;}
.tab_section ul li:before{content:''; display:inline-block; width:1px; height:14px; background:#ddd; float:left; margin-top:13px;}
.tab_section ul li:first-child:before{content:''; display:none;}
.tab_section ul li a{display:block; padding:0 20px;}
.photo_board{border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.photo_board ul li{float:left; width:200px; margin:0 0 25px 10px;}
.photo_board ul li:first-child{margin-left:0;}
.photo_board ul li .photo_thumb{width:200px; height:130px; overflow: hidden}
.photo_board ul li .photo_thumb img{width:200px; min-height:130px;}
.photo_board ul li .photo_info{line-height:18px; margin-top:5px; height:38px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box;}
/*RIGHT*/
.img_box{width:300px; height:auto; margin-bottom:20px;}
.img_box img{width:300px; height:auto;}
.line_box{width:260px; border:8px solid #ebebeb; padding:15px 12px; margin-bottom:20px;}
.line_box p.linebox_title{font-size:14px; font-weight:bold; color:#333; margin:-5px 0 10px 0;}
.line_box p.linebox_title span.arrow{width:16px; height:16px; display:block; float:right; background:url(../images/ico/ico_arrow_radius.gif);}
.line_box .imgbox{width:260px; text-align:center;}
.line_box .imgbox p.img_caption{font-size:11px; color:#8b8b8b; text-align:center;}
.line_box .imgbox img{max-width:100%; height:auto; margin:auto;}
.line_box .column img{float:left; border:1px solid #e8e8e8; width:90px; margin-right:10px;}
.line_box p.photo_title{font-size:16px; font-weight:bold; color:#333; margin:12px 0 8px;}
ul.follow{width:248px; margin:auto;}
ul.follow li{width:40px; height:40px; display:block; float:left; margin-left:12px; cursor:pointer;  opacity:0.8} /* 15.08.04 투명도 조정 dt*/
ul.follow li:hover { opacity:1.0 }/* 15.08.04 투명도 조정 dt*/
ul.follow li:first-child{margin:0;}
ul.follow li a{display:block; cursor:pointer;}
ul.follow li.facebook{background:url(../images/ico/sns_facebook.png);}
ul.follow li.twitter{background:url(../images/ico/sns_twitter.png);}
ul.follow li.kakao{background:url(../images/ico/sns_kakaotalk.png);}
ul.follow li.telegram{background:url(../images/ico/sns_telegram.png);}
ul.follow li.linkedin{background:url(../images/ico/sns_linkedin.png);}
ul.follow li.vimeo{background:url(../images/ico/sns_vimeo.png);}
/*MAJOR NEWS*/
.major_news{width:300px; height:270px; margin:0 auto 10px;}
.major_news p.major_title{font-size:16px; font-weight:bold; margin-bottom:8px;}
.major_news ul.news_tab{width:100%; height:30px;}
ul.news_tab li{width:60px; height:30px; line-height:30px; float:left; text-align:center; font-size:12px; font-weight:bold; color:#fff; background:#bc3d3d; cursor:pointer;}
ul.news_tab li.active{background:#902222; color:#fff;}
.news_container{width:280px; float:left; padding:10px;}
.news_container .major_newslist{display:none;}
.news_container .major_newslist ul{width:100%;}
.news_container .major_newslist ul li{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:24px;}
.news_container .major_newslist ul li a:hover{text-decoration:underline;}
/*VIDEO LIST*/
.video_area{width:1040px; margin:0 auto;}
.video_area ul.line1 a{border-top:0; border-bottom:1px dashed #b1b1b1;}
.video_area ul li{float:left; width:330px; height:230px; border-right:1px dashed #b1b1b1; margin-bottom:30px;}
.video_area ul li a{display:block;}
.video_area ul li.list1{padding-right:12px;}
.video_area ul li.list2{padding:0 12px;}
.video_area ul li.list3{padding-left:12px; border-right:0;}
.video_area .video_thumb{width:330px; height:186px; background:#f6f6f6;}
.video_area .video_thumb img {width:330px; height:186px; background:#f6f6f6;}
/* 동영상 플레이 이미지 추가 dt 15.08.05 */
.video_area .bg_play { position:absolute; margin-top:0; width:330px; height:186px; opacity:0.8; background:url(/images/common/play.png) no-repeat 50% 50%; background-size: auto 50%;  }
.video_area .bg_play img { width:100%;}
.video_area .bg_play:hover { opacity:1.0; background-size: auto 80%;  }
.video_area .video_thumb_title{font-size:18px; font-weight:bold; padding:10px 0 25px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*MEMBER*/
.member_wrap{width:720px; margin:100px auto 90px; min-height:500px;}
.member_wrap .member_title{font-size:48px; color:#555; margin-bottom:15px;}
.member_wrap .member_title span{color:#999; font-size:18px; margin-left:15px;}
.member_wrap .member_box{width:432px; border:4px solid #e0e0e0; padding:40px 140px;}
.member_wrap .member_box.find_pw{padding:70px 140px 60px;}
.member_wrap .member_box p{height:38px; margin-bottom:6px; line-height:38px;}
.member_wrap .member_box p.option{height:20px; line-height:20px; margin:15px 0 0; text-indent:100px; font-size:12px; color:#999;}
.member_wrap .member_box p.option input.checkbox_idsave{width:15px; height:15px; border:none; outline:none;}
.member_wrap .member_box p.option label.id_save_txt{float:none; cursor:pointer; color:#555;}
.member_wrap .member_box p.option a.find_pw:before{content:'l'; color:#b2b2b2; font-size:11px; margin:1px 9px 0 5px; height:32px; line-height:32px; text-decoration:none;}
.member_wrap .member_box p.newsletter{height:25px; line-height:25px; margin:0; font-size:12px; color:#999; text-indent:100px;}
.member_wrap .member_box p.newsletter input{display:inline-block; margin-top:-2px;}
.member_wrap .member_box p.newsletter label.yesno{float:none; color:#999; height:20px; line-height:20px;}
.member_wrap .member_box p.newsletter input.radio{width:15px; height:15px; border:none; outline:none; background:none;}
.member_wrap .member_box label{width:100px; float:left; color:#808080;}
.member_wrap .member_box input{width:300px; height:36px; line-height:36px; text-indent:15px; border-radius:5px; background:#fafafa; color:#808080; border:1px solid #bebebe; color:#555;}
.member_wrap .button_area{text-align:center; margin-top:30px;}
.member_wrap .button_area button{width:240px; height:60px; line-height:60px; border-radius:5px; font-size:18px; font-weight:bold;}
.member_wrap .button_area button.joinlogin{background:#ff0000; color:#fff;}
.member_wrap .button_area button.send_email{background:#29b551; color:#fff;}
/*FOOTER ISSUE*/
.issue_wrap{width:100%; background:#4c4c4c;}
.issue_wrap ul.issue{width:1040px; margin:auto; padding:50px 0 20px;}
.issue_wrap ul.issue li{float:left; width:190px; margin-left:22px;}
.issue_wrap ul.issue li:first-child{margin-left:0;}
.issue_wrap ul.issue li .issue_thumb{width:190px; height:280px; position:relative; overflow:hidden; box-shadow:5px 6px 12px rgba(0,0,0,0.3); background-repeat:no-repeat; background-size:100%; cursor:pointer;}
.issue_wrap ul.issue li .issue_thumb a{display:block; width:190px; height:280px; z-index:2;}
.issue_wrap ul.issue li .issue_thumb .issue_date{width:190px; height:45px; background-color:#ff0000; color:#fff; text-align:center; font-size:30px; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65ff0000,endColorstr=#65ff0000); z-index:2;}
.issue_wrap ul.issue li .issue_thumb .issue_date p{margin:auto; text-align:center; line-height:40px;}
.issue_wrap ul.issue li .issue_thumb .issue_date span.date{display:inline-block; margin-right:20px; margin-top:5px;}
.issue_wrap ul.issue li .issue_thumb .issue_date span.issuetxt{font-size:18px; display:inline-block; vertical-align:text-top;}
.issue_wrap ul.issue li .news_txt{border-bottom:1px dashed #999; margin:10px 0;}
.issue_wrap ul.issue li .news_txt a p.issue_title{color:#fff; font-size:18px; line-height:24px; margin-bottom:15px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.issue_wrap ul.issue li .news_txt a:hover p.issue_title{color:#fff100;}
.issue_wrap ul.issue li .news_txt a p.issue_content{color:#999; height:60px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-bottom:20px;}
.issue_wrap ul.issue li ul.issue_sublist{margin-top:15px;}
.issue_wrap ul.issue li ul.issue_sublist li{width:190px; line-height:22px; margin:0;}
.issue_wrap ul.issue li ul.issue_sublist li a{color:#fff; font-size:12px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.issue_wrap ul.issue li ul.issue_sublist li a:hover{text-decoration:underline;}
/*FOOTER*/
.footer{width:100%; margin:0 auto; text-align:center; font-size:11px; line-height:16px; padding:20px 0 30px; background-color:#393939; color:#a2a2a2}
.footer p { font-weight:600; color:#ccc; margin-bottom:10px;}
.footer span { font-weight:100; color:#666; padding:0 5px; font-family:돋움 }
.footer .box { display:block; width:1040px; margin:0 auto;  text-align:left;  }
.footer .box img.llogo{ display:block; float:left; margin:22px 40px 22px 0;}
.footer .box img.rlogo{ display:block; float:right; margin:-66px 40px 0px 0;}
.footer .box a:link, 
.footer .box a:active, 
.footer .box a:visited {color:#86bfff; text-decoration:none;}
.footer .box a:hover {color:#59b1f3; text-decoration:underline;}












/*company*/

.content .company { width:800px; float:left; margin-left:60px;}
.content .sub_menu { width:180px; float:left; }

.location {  display:block; float:right; margin:10px 10px 0 0; font-size:11px; line-height:12px;  color:#a5a5a5; background:url(../images/ico/home.gif) no-repeat 0 1px; padding-left:16px; }
.location strong { font-weight:normal; color:#484848}
.location img { display:inline-block;  margin:0 6px; vertical-align:0.1em }

.company_tit { font-size:24px; color:#4c4c4c; font-weight:400; border-bottom:#d4d4d4 solid 1px;  padding:40px 0 22px }

.ceo { display:block; font-size:14px; line-height:21px; color:#666666; width:760px; padding-right:280px; }
.ceo strong { display:block; font-size:30px; color:#4c4c4c; padding:60px 0;  font-weight:400; letter-spacing:-0.05em  }

.outline { margin:30px 0}
.outline span { display:inline-block; width:45%;}
.outline span strong { display:block; color:#a25e40; font-size:18px; font-weight:400; margin-bottom:5px; }

.address { background-color:#fafafa; border:#e5e5e5 solid 1px; padding:20px 30px }
.address span { display:inline-block; width:65%; font-size:15px; }
.address span strong { display:block; font-weight:600; margin-bottom:5px; }

.address ul {  display:inline-block; width:26%; padding-left:40px; font-size:18px; font-family:Roboto; border-left:#e5e5e5 solid 1px;}
.address ul li { display:block; }
.address ul li strong { float:left; width:70px; font-weight:300;}

.ad_tit { display:block;  padding:20px 20px; font-size:15px; }
.ad_tit strong { font-weight:500; color:#ff0000}

/****** 쓰기 *********/
.write { width:100%; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-top:0px; margin-left:0}
.write .none { border:none; }
.write th { background-color:#fafafa; font:normal 11px/20px 나눔고딕, 돋움; color:#7b7b7b; border-top:#e1e1e1 solid 1px; text-align:left; padding:5px 5px 5px 15px }
.write td { font:normal 12px/18px 나눔고딕, 돋움; color:#e5e5e5; border-top:#d8d8d8 solid 1px; text-align:left; padding:7px 0 7px 15px; } 
.write td input.i_box { border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 12px/20px 나눔고딕, 돋움; line-height:20px; height:20px }

.write td textarea.t_box { width:85%; height:150px; border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 12px/20px 나눔고딕, 돋움; line-height:20px; }
.write td select.s_box { font:normal 12px/20px 나눔고딕, 돋움; line-height:20px; height:20px }
.write td.check { font:normal 11px/18px 나눔고딕, 돋움; color:#999999; letter-spacing:-0.05em}
.write td.smtit{color:#7b7b7b;  font-weight:bold; font-size:11px;  }

.btn {display:block;clear:both; width:100%; height:40px; padding-top:20px;  text-align:center}
.btn a { padding:7px 60px 9px 60px;  background-color:#5c5c5c; color:#fff; font:bold 14px/36px 나눔고딕, 맑은 고딕; text-align:center; box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2) }   

.schbox {float:left; width:100%; height:40px; text-align:center; padding:10px; 0 0 0;}
.schbox select {height:22px; width:80px;}
.schbox .put{ border:#888 solid 1px; padding-left:5px; color:#555555; font:normal 12px/20px 나눔고딕, 돋움; line-height:20px; height:20px }
.schbox .schbtn {width:54px; height:22px; background-color:#eee; border:1px solid #909090; color:#666; font-size:12px; line-height:22px;  background:url(../images/btn/btn_sch.gif) no-repeat 0 0; cursor:pointer; } 





/*sub_menu*/
.sub_menu { float:left; position:relative; width:168px; height:100%; margin:0; padding:0 0 250px 0; list-style:none;  background:url(../images/company/bg_sub_menu.gif) repeat-y 100% 0 }
.sub_menu h2 { border-bottom:#333 solid 2px; padding:32px 0; margin-bottom:1px; font-size:26px; font-weight:400; color:#4d4d4d; text-align:center}

.sub_menu li { margin:0; padding:0; list-style:none;  }

.sub_menu a { float:left; width:168px; padding:6px 0 8px 12px; border-bottom:#dedede solid 1px; color:#666666; letter-spacing:-0.1em}
.sub_menu a:hover,
.sub_menu a:active,
.sub_menu a.selected { color:#000; text-decoration:none; background:url(/images/ico/bu_pg1_r1.gif) no-repeat 90% 50% }

.sub_menu .none { border-bottom:none;padding:8px 0 10px 32px;  }
.sub_menu .none2 { border:none; padding:2px 0 3px 42px;  width:158px; }
.sub_menu .none3 { border-top:none;padding:2px 0 10px 42px;  width:158px;}
.sub_menu .end { border-bottom:none;  background:url(/images/nav/nav_sub_end.png) no-repeat 100% 100%; background-color:#283950}

.sub_menu_add { position:relative; margin:362px 0 0 0; padding:0; list-style:none; }
.sub_menu_add span { float:left; margin:0; }
.sub_menu_add a { position:relative; margin:0 0 8px 0; padding:0; list-style:none; background-color:none; border:0}
.sub_menu_add img { width:200px; }


.naver_banner_box{ position: absolute; width: 300px; height: 42px; }
.naver_banner_content{ display:inline-table; float: left; width: 135px; height:42px;}
.naver_banner_sub{ display: table-cell; vertical-align: middle; text-align: center;}

/*WING BANNER*/
.w_banner_left {
	position:absolute;
	vertical-align:top;
	margin-top:30px;
	left:50%;
	margin-left:-650px;
	}

.w_banner_right {
	position:absolute;
	vertical-align:top;
	margin-top:30px;
	left:50%;
	margin-left:530px;
	}

/*NEWS LIST*/

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

#wrap {
width:100%;
max-width:500px;
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;
}