@import url('/css/font.css');
@font-face{
font-family:'Nanum Square';
src: url(/font/NanumSquareR.eot);
src: url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
     url(/font/NanumSquareR.woff) format('woff'),
     url(/font/NanumSquareR.ttf) format('truetype');
}

html	{color:#000000;background:#ffffff;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video	{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section	{display:block}
body	{font-family:'돋움',Helvetica Neue,Helvetica,Arial,Verdana,Tahoma,sans-serif;font-size:12px;line-height:18px;color:#000000;background:url(/image/header_top_bg.gif) repeat-x 0 0 #fff;}
img	{vertical-align:top;border:0;}
button,input,select,textarea	{margin:0;font-size:100%;vertical-align:middle;}
table	{border-collapse:collapse;border-spacing:0;}
fieldset	{border:0;}
legend	{color:#000;}
address,caption,cite,code,dfn,em,th,var	{font-style:normal;font-weight:400;}
ol,ul	{list-style:none;}
caption,th	{text-align:left; font-family:'돋움'}
h1,h2,h3,h4,h5,h6	{font-size:100%;font-weight:400;}
caption,hr,legend	{*display:none;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
a,a:link,a:visited,a:active,a:focus	{color:#000000;font-size:100%;text-decoration:none;}
a:hover	{text-decoration:underline; color:#005fbd;}
noscript	{ display:none; }
.clear:after	{ display:block; height:0; clear:both; visibility:hidden; }
*html.clear	{height:1%;}
.clear	{ display:block; height:0; clear:both; }

#wrap {position:relative; width:1000px; margin:0 auto; clear:both;}
.hide	{ display:none; }

.header	{ height:200px; width:1000px; position:relative; overflow:hidden;}
h1	{ position:absolute; left:50%; top:30px; width:300px; margin:0 0 0 -130px; z-index:10000; }

.topquick_wrap	{ height:30px; overflow:hidden; position:relative; }
.topquick_btn	{ position:absolute; top:0; width:500px; left:0; margin:0; z-index:1000; height:29px; overflow:hidden; border-left:1px solid #e5e5e5; }
.topquick_btn li	{ float:left; font-size:0; }
.topquick_btn li a	{ color:#5f5f5f; font-size:11px !important; background:#fbfbfb; letter-spacing:-1px; display:inline-block; padding:10px 17px 0 17px; line-height:11px; height:18px; font-family:dotum; border-right:1px solid #e5e5e5; }
.topquick_btn li a:hover	{ color:#6b90dd; }
.topquick_btn li span	{ text-indent:-99999px; display:inline-block; height:11px; background:url(/image/top_icon.gif) no-repeat 6px 2px; width:10px; }
.topquick_login	{ position:absolute; right:0; padding:4px 0 0 0; }

.header_info	{ height:94px; }
.header_info .header_info_title	{ position:absolute; right:0; top:60px; padding:5px 0 0 0; width:287px; height:45px; text-align:center; background:#f5f9fb; border:1px solid #dbe6f1; color:#07256a; font-size:16px; font-family:Noto Sans KR, dotum; line-height:22px; font-weight:400; letter-spacing:-0.05em; }
.header_info .header_info_title span	{ color:#666666; font-size:12px !important; font-family:dotum !important; letter-spacing:0 !important; }
.header_info .header_info_banner	{ position:absolute; left:0; top:60px; }
.header_info .top_banner {position:relative;overflow:hidden;width:340px;height:50px;background:url(/image/banner/topbanner_bg.png);}
.header_info .top_banner span { display:inline-block; width:340px; height:50px; position:absolute; left:0;top:0; -webkit-transition:all .7s ease;-ms-transition:all .7s ease;transition:all .7s ease;}
.header_info .top_banner .txt1 {left:-100%;top:0; background:url(/image/banner/topbanner_t1.png);}
.header_info .top_banner .txt2 {left:-100%;top:0; background:url(/image/banner/topbanner_t2.png);}
.header_info .top_banner .txt3 {left:-100%;top:0; background:url(/image/banner/topbanner_t3.png);}
.header_info .top_banner .img1 {left:0;top:-100%; background:url(/image/banner/topbanner_img1.png);}
.header_info .top_banner .img2 {left:0;top:100%; background:url(/image/banner/topbanner_img2.png);}
.header_info .top_banner.new {background:url(/image/banner/top_banner_n_bg.png);cursor:pointer;}
.header_info .top_banner.new .txt1 {background:url(/image/banner/top_banner_n1.png);}
.header_info .top_banner.new .txt2 {background:url(/image/banner/top_banner_n2.png);}
.header_info .top_banner.new .txt3 {background:url(/image/banner/topbanner_t3.png);}
.header_info .top_banner.new .img1 {left:-100%;top:0;background:url(/image/banner/top_banner_n4.png);}
.header_info .top_banner.new .img2 {background:url(/image/banner/top_banner_n3.png);}

#menu_wrap	{ background:url(/image/menu_bg.gif) repeat-x #fff; width:100%; height:52px; overflow:hidden;}
#menu li	{ float:left; display:inline-block; padding:0; margin:0; }
#menu li a	{ text-indent:-9999px; overflow:hidden; display:block; font-size:0; height:42px; background:url(/image/menu.jpg?ver=202010) no-repeat; }
#menu li a.m1	{ width:87px; background-position:0 0 !important; }
#menu li a.m2	{ width:73px; background-position:-87px 0 !important; }
#menu li a.m3	{ width:72px; background-position:-160px 0 !important; }
#menu li a.m4	{ width:85px; background-position:-232px 0 !important; }
#menu li a.m5	{ width:87px; background-position:-317px 0 !important; }
#menu li a.m6	{ width:73px; background-position:-404px 0 !important; }
#menu li a.m7	{ width:71px; background-position:-477px 0 !important; }
#menu li a.m8	{ width:61px; background-position:-548px 0 !important; }
#menu li a.m9	{ width:71px; background-position:-609px 0 !important; }
#menu li a.m10	{ width:65px; background-position:-680px 0 !important; }
#menu li a.m11	{ width:125px; background-position:-850px 0 !important; }
#menu li a.m12	{ width:90px; background-position:-994px 0 !important; }
#menu li a.m1:hover, #menu li:hover a.m1, #menu li.on a.m1	{ width:87px; background-position:0 -45px !important; }
#menu li a.m2:hover, #menu li:hover a.m2, #menu li.on a.m2	{ width:73px; background-position:-87px -45px !important; }
#menu li a.m3:hover, #menu li:hover a.m3, #menu li.on a.m3	{ width:72px; background-position:-160px -45px !important; }
#menu li a.m4:hover, #menu li:hover a.m4, #menu li.on a.m4	{ width:85px; background-position:-232px -45px !important; }
#menu li a.m5:hover, #menu li:hover a.m5, #menu li.on a.m5	{ width:87px; background-position:-317px -45px !important; }
#menu li a.m6:hover, #menu li:hover a.m6, #menu li.on a.m6	{ width:73px; background-position:-404px -45px !important; }
#menu li a.m7:hover, #menu li:hover a.m7, #menu li.on a.m7	{ width:71px; background-position:-477px -45px !important; }
#menu li a.m8:hover, #menu li:hover a.m8, #menu li.on a.m8	{ width:61px; background-position:-548px -45px !important; }
#menu li a.m9:hover, #menu li:hover a.m9, #menu li.on a.m9	{ width:71px; background-position:-609px -45px !important; }
#menu li a.m10:hover, #menu li:hover a.m10, #menu li.on a.m10	{ width:65px; background-position:-680px -45px !important; }
#menu li a.m11:hover, #menu li:hover a.m11, #menu li.on a.m11	{ width:125px; background-position:-850px -45px !important; }
#menu li a.m12:hover, #menu li:hover a.m12, #menu li.on a.m12	{ width:90px; background-position:-994px -45px !important; }
#menu li ul	{ display:none; }
#menu li:hover ul, #menu li:hover ul:hover, #menu li.on ul	{ display:block; position:absolute; left:0; top:166px; background:#f7f8f9; border-bottom:1px solid #efefef; width:1000px; height:31px;}
#menu li:hover ul, #menu li:hover ul:hover	{ z-index:10000;}
#menu li.on ul	{ z-index:1000;}
#menu li li a	{ padding:8px 10px 0 10px; font-size:12px !important; text-indent:0 !important; height:23px !important; background:none !important;font-family:dotum, '돋움'; letter-spacing:-1px; white-space:nowrap; font-weight:bold; color:#777777; }
#menu li li.on a	{ font-weight:bold; color:#000 !important; }
#menu li ul.msub1	{ padding:0 0 0 10px !important; width:990px !important;}
#menu li ul.msub2	{ padding:0 0 0 80px !important; width:920px !important;}
#menu li ul.msub3	{ padding:0 0 0 150px !important; width:850px !important;}
#menu li ul.msub4	{ padding:0 0 0 220px !important; width:780px !important;}
#menu li ul.msub5	{ padding:0 0 0 260px !important; width:740px !important;}
#menu li ul.msub6	{ padding:0 0 0 315px !important; width:785px !important;}
#menu li ul.msub7	{ padding:0 0 0 375px !important; width:625px !important;}
#menu li ul.msub8	{ padding:0 0 0 500px !important; width:500px !important;}
#menu li ul.msub9	{ padding:0 0 0 5px !important; width:995px !important;}
#menu li ul.msub10	{ padding:0 0 0 630px !important; width:365px !important;}
#menu li ul.msub9 li a	{ padding:8px 6px 0 6px; }
#menu_wrap .menu_search	{ position:absolute; right:7px; top:130px; padding:0 0 0 6px; }
#menu_wrap .menu_search > button {position:relative;display:inline-block;border:0;width:55px;height:28px;background:url(/image/top_btn_search.gif) no-repeat center 0 #fff;font-size:0;text-align:center;outline:0;cursor:pointer;z-index:1001;}
#menu_wrap .menu_search > button.on {width:40px;background:#1c2487;font-size:12px;color:#fff;font-weight:bold;}
#menu_wrap .menu_search input[type=text]	{ border:0; background:#fff; padding:2px; width:185px;height:23px;}
#menu_wrap .menu_search .box {position:absolute; right:-7px; top:-4px;width:290px;padding:5px 10px 8px 20px;background:#1c2487;font-size:0;z-index:1000;}

.content	{ width:1000px;  margin:0; padding:0; }

.footer	{ padding:0; clear:both; width:100%; position:relative; }
.footer	.footer_link	{ border-top:1px solid #313583; border-bottom:1px solid #e9e9ed; background:#fcfcfc; padding:17px 0 14px 20px; color:#cccccc; line-height:12px; }
.footer	.footer_link a	{ letter-spacing:-1px; padding:0 2px 0 2px; color:#666666; }
.footer	.text	{ background:url(/image/logo_footer.jpg) no-repeat 33px 38px; padding:27px 0 30px 280px; color:#8a8a8a; }

/*  메인  */
.main_left_total	{ float:left; width:689px; padding:15px 0 0 0;}
.main_left_wrap		{ float:left;border:1px solid #d9e8e8; background:#eef9f9; padding:0; width:187px; }
.main_middle_wrap	{ float:left;width:472px; padding:0 0 35px 28px; }
.main_right_wrap	{float:left; padding:15px 0 0 28px; width:282px;}

.main_bignews	{ float:left; padding:0; margin:0 0 22px 0; width:688px; height:222px; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
.main_bignews .img	{ float:left; margin:5px 28px 0 0; }
.main_bignews dt	{ padding:0 0 10px 0; }
.main_bignews dt a	{ font-family:Noto Sans KR, dotum; font-weight:600; font-size:38px; color:#000; line-height:1.2; letter-spacing:-2px !important; } /* Nanum Square */
.main_bignews dd div.subSubject { font-family:Noto Sans KR, dotum; font-size:16px; color:#444; padding:2px 0 0 0; margin:8px 0 10px 0; height:18px; line-height:18px; overflow:hidden; }
.main_bignews dd	{ width:665px; padding:0; margin:0; color:#999999; line-height:19px; }
.main_bignews dd a	{color:#999999;}
.main_bignews dl:after	{ clear:both; content:""; height:0; font-size:0; }

.newsticker_wrap	{ position:absolute; left:215px; top:373px; background:url(/image/newsticker_bg.gif) repeat-x; height:38px; width:474px; overflow:hidden; }
.newsticker_wrap h2	{ position:absolute; }
.newsticker_wrap ul	{ position:absolute; left:60px; }
.newsticker_wrap li	{ font-size:14px; font-weight:bold; padding:13px 0 0 0; display:block; height:20px;}
.newsticker_wrap li a	{ color:#313586; }
.newsticker_wrap .newsticker_btn	{position:absolute;	right:0;}

.main_subnews	{ float:left; padding:0; margin:0 0 30px 0; }
.main_subnews .img	{ float:left; margin:0 28px 0 0; width:210px; height:135px; }
.main_subnews dt	{ padding:0 0 14px 0; }
.main_subnews dt a	{ font-family:Noto Sans KR, dotum; font-weight:400; font-size:26px; color:#000; line-height:1.2; letter-spacing:-0.04em; }
.main_subnews dt div	{ font-family:Noto Sans KR, dotum; font-size:16px; color:#444; line-height:16px; padding:12px 0 0 0; }
.main_subnews dd	{ padding:0; margin:0; color:#999999; line-height:18px; } /* height:144px; */
.main_subnews dd a	{color:#999999;}
.main_subnews dl:after	{ clear:both; content:""; height:0; font-size:0; }

#main_fund { position:relative; padding:0;}
#main_fund .aside_tabmenu	{ left:100px; }
#main_fund h3, #main_info h3	{ background:url(/image/tab_line.gif) 0 bottom repeat-x; padding:0 0 6px 0; font-size:0; width:270px; }

#main_info { position:relative; padding:0 0 30px 0; }
#main_info .aside_tabmenu	{ left:67px; }
#main_info .aside_tabmenu li a	{padding:11px 6px 6px 5px !important; line-height:1;}

.aside_tabmenu	{ position:absolute; overflow:hidden;margin:-29px 0 0 0;zoom:1; display:inline-block; white-space:nowrap; border-left:1px solid #dcdcdc; }
.aside_tabmenu li	{float:left;height:auto !important;padding:0;background:none !important;line-height:13px;text-align:center;letter-spacing:-1px !important}
.aside_tabmenu li a{display:block;padding:12px 9px 5px 9px;border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:url(/image/tab.gif) no-repeat 0 0 #f0f0f0;color:#666 !important;font-size:11px !important;text-decoration:none;letter-spacing:-1px; white-space:nowrap;}
.aside_tabmenu li.on a	{position:relative;border-left:1px solid #9899a1;border-bottom:1px solid #b3b4bd; border-right:1px solid #dcdcdc; background:url(/image/tab.gif) no-repeat 0 -29px #b3b4bd;color:#fff !important}

.aside_tabmenu2	{ position:relative; overflow:hidden;margin:0;zoom:1; display:inline-block; white-space:nowrap; border-left:1px solid #b5c9c9; }
.aside_tabmenu2 li	{float:left;height:auto !important;padding:0;background:none !important;font-family:dotum,Helvetica,sans-serif;line-height:13px;text-align:center;letter-spacing:-1px !important}
.aside_tabmenu2 li a	{display:block;padding:10px 10px 6px 10px !important;border-right:1px solid #b5c9c9; border-bottom:1px solid #b5c9c9; background:url(/image/tab2.gif) no-repeat 0 0 #ebf5f5;color:#1d1d1d !important;font-size:11px !important;text-decoration:none;letter-spacing:-1px; white-space:nowrap; line-height:12px; cursor:pointer;}
.aside_tabmenu2 li.on a	{position:relative;border-left:1px solid #7092a2;border-bottom:1px solid #84abbe; border-right:1px solid #b5c9c9; background:url(/image/tab2.gif) no-repeat 0 -29px #84abbe;color:#fff !important}

.aside_tabmenu:after, .aside_tabmenu2:after	{ clear:both; content:""; height:0; font-size:0; }

.main_right_ul	{ clear:both; }
.main_right_ul .title	{ display:inline-block; padding:0px 0 0px 0; margin:3px 0 14px 0; font-family:Noto Sans KR, dotum; font-size:20px; color:#000; letter-spacing:-0.05em; width:100%; /*line-height:20px;height:20px; */ max-height:30px; line-height:30px;overflow:hidden; }
.main_right_ul li.photo	{ padding:15px 0 14px 0; background:none; }
.main_right_ul li	{ clear:both; padding:0 0 0 14px; background:url(/image/icon_dot.gif) no-repeat 0 6px; }
.main_right_ul li a	{ line-height:20px; color:#333; font-size:13px; line-height:20px; font-family:Noto Sans KR, dotum; }

.ul_blog, .ul_blog_dot	{ padding:17px 0 0 0;}
.ul_blog img, .ul_blog_dot img	{float:left; margin:0 12px 0 0;}
.ul_blog .ul_blog_float, .ul_blog_dot .ul_blog_float	{float:left; display:inline-block; color:#999999; line-height:16px; width:175px; height:58px;}	
.ul_blog .ul_blog_title, .ul_blog_dot .ul_blog_title	{ font-family:Noto Sans KR, dotum; font-size:14px; color:#000000; display:block; padding:3px 0 6px 0; letter-spacing:-0.04em;}
.ul_blog li	{ clear:both; color:#333333;}
.ul_blog strong	{ letter-spacing:-0.04em;;}
.ul_blog_dot li.dot	{ clear:both; color:#333333; padding:0 0 0 14px; background:url(/image/icon_dot.gif) no-repeat 0 6px; font-weight:bold; letter-spacing:-0.04em;;}
.ul_list_dot	{ padding:12px 0 0 0;}
.ul_list_dot li { height:20px; overflow:hidden; line-height:20px; }
.ul_list_dot li a	{ clear:both;  padding:0 0 0 9px; background:url(/image/icon_dot2.gif) no-repeat 0 6px; letter-spacing:-0.05em; line-height:20px; color:#333; font-family:Noto Sans KR, dotum;}

.main_writer	{ position:relative; background:url(/image/writer_bg.gif); height:67px; padding:8px 0 0 130px; }
.main_writer h3	{ display:none; }
.main_writer .clickTarget	{ position: absolute; left:0px; top:0px; width:100px; height:80px; cursor:pointer; }
.main_writer .writer_list_wrap	{ overflow:hidden; width:140px; height:60px; }
.main_writer .writer_list li	{ float:left; display:inline-block; padding:0 4px 0 0; }
.main_writer .img	{ width:60px; height:60px; }
.main_writer .btn_prev	{ position:absolute; left:105px; top:0; background:url(/image/writer_btn.png) 0 0 no-repeat; width:20px; height:74px; }
.main_writer .btn_next	{ position:absolute; right:5px; top:0; background:url(/image/writer_btn.png) -20px 0 no-repeat; width:20px; height:74px; }
.main_writer .btn_prev span, .main_writer .btn_next span	{ display:none; }

#main_opinion h3 a, #main_weare h3 a	{ position:absolute; right:1px; padding:4px 0 0 0;font-size:0; }

#main_opinion { clear:both; border-bottom:1px solid #dbdfe5; padding:20px 15px 32px 15px; }
#main_opinion .aside_tabmenu2	{ width:100%; margin:10px 0 0 0; }
#main_opinion .aside_tabmenu2 li	{ width:33.3% !important; }
#main_opinion .aside_tabmenu2 li a	{ display:block; padding:10px 0 6px 0 !important; text-align:center; color:#666 !important; }
#main_opinion .aside_tabmenu2 li.on a	{ color:#fff !important; }
#main_opinion .writer	{ position:relative; padding:10px 50px 5px 0; font-size:16px; font-family:Noto Sans KR, dotum; letter-spacing:-0.05em; line-height:20px; height:40px; }
#main_opinion .writer img	{ position:absolute; right:0; top:5px; }
#main_opinion h3	{ padding:0 0 4px 0; font-size:0; position:relative;  }

#main_weare		{ clear:both; border-bottom:1px solid #dbdfe5; padding:20px 15px 20px 15px; }
#main_weare h3	{ padding:0 0 11px 0; font-size:0; position:relative; }
#main_weare .link	{ display:block; }
#main_weare .link div	{ display:block; margin:8px 0; padding:0px 0; font-size:16px; font-family:Noto Sans KR, dotum; letter-spacing:-0.05em; color:#333 !important; /*height:18px; line-height:18px;*/ max-height:30px; line-height:30px;overflow:hidden; }
#main_weare .link .img	{ display:block; width:100%; height:107px; overflow:hidden; }

.main_company	{ padding:0px 0 25px 0 !important;background:#FFF;}
.main_company h3	{ font-size:0; background:#434aa3;}
.main_company h3 a	{ position:absolute; right:0; padding:13px 12px 0 14px; border-left:1px solid #848598; background:#6e6f85; height:21px; font-size:0; }
.main_company .link	{ display:block; }
.main_company .link div	{ display:block; margin:20px 0 14px 0; font-size:20px; font-family:Noto Sans KR, dotum; letter-spacing:-0.05em; color:#000 !important; overflow:hidden; width:100%; /*line-height:20px;height:20px; */ max-height:30px; line-height:30px;overflow:hidden;  }
.main_company .link .img	{ display:block; width:100%; height:182px; overflow:hidden; }
/*.main_company.youtube .link div {margin:5px 0 0;font-size:14px;}*/

.main_hotclick	{ padding:0px 0 5px 0 !important;background:#FFF; }
.main_hotclick h3	{ font-size:0; background:#434aa3;}
.main_hotclick	ul	{padding:15px 0px !important;}
.main_hotclick li	{line-height:1; font-size:0;}
.main_hotclick li a	{ display:block; color:#333 !important; padding:0 0 0 14px; background:url(/image/icon_dot.gif) no-repeat 0 9px; line-height:23px; font-size:13px !important; letter-spacing:-0.04em; font-weight:500; font-family:Noto Sans KR, dotum; }

.banner_wrap	{ clear:both; border:1px solid #e8ebf0; margin:0 0 25px 0; }

.banner_article	{ clear:both; position:relative; border:1px solid #e8ebf0; margin:0 0 25px 0; }
.banner_article .link	{ display:none; padding:0 15px 7px 15px; margin:0; background:#fff; border-top:2px solid #434aa3; border-bottom:1px solid #ccc; }
.banner_article .link a	{ color:#000; }
.banner_article .link div	{ display:block; padding:20px 0 14px 0; font-size:18px; font-family:Noto Sans KR, dotum; letter-spacing:-0.05em; color:#000 !important; }
.banner_article .link .img	{ display:block; width:100%; height:182px; overflow:hidden; }

.list_blog	{ padding:30px 0 10px 0; }
.list_blog li	{ padding:0 0 25px 0; font-size:12px; clear:both; display:inline-block;color:#888888; line-height:16px; }
.list_blog li .img	{ float:left; margin:0 18px 0 0; }
.list_blog li .img img	{ width:210px; height:135px; }
.list_blog li .list_blog_title	{ padding:0 0 8px 0; font-weight:400; font-size:20px !important;color:#000000 !important; font-family:Noto Sans KR, dotum; line-height:26px; letter-spacing:-0.04em; }
.list_blog li span	{ display:inline-block; margin:2px 0 7px 0; color:#777; font-weight:bold; letter-spacing:-0.05em; }
.list_blog li a	{ color:#888888 !important; line-height:18px; }
.list_blog:after	{ clear:both; content:""; height:0; font-size:0; }

.main_photonews_wrap	{ clear:both; position:relative; background:#f6f7f9; border:1px solid #e7e8eb; padding:25px 0 0 5px; height:230px; }
.main_photonews	{ float:left; width:202px; padding:0 0 0 20px;}
.main_photonews h3	{ position:relative; font-size:0; height:30px;}
.main_photonews h3 a	{ position:absolute; right:0; top:3px; padding:4px 0 0 0;font-size:0; }
.main_photonews .link	{ display:block; }
.main_photonews .link div, .main_photonews .title	{ display:block; padding:8px 0; font-size:14px; font-family:'Noto Sans KR, dotum'; letter-spacing:-0.05em; color:#333 !important; }
.main_photonews.txt_bold .link div {font-weight:bold;}
.main_photonews .link .img img	{ width:100%; height:150px; }
.main_photonews_wrap.youtube {padding:15px 0 10px 5px;margin-bottom:20px;height:auto;}
.main_photonews_wrap.youtube .main_photonews {float:none;width:422px;}
.main_photonews_wrap.youtube .main_photonews .title {padding:15px 0 8px;font-size:20px;font-weight:normal;}

a.youtube {position:relative;display:block;}
a.youtube img {height:auto !important;}
a.youtube:after {content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:url(/image/youtube_play.png) no-repeat center center rgba(0,0,0,.2);z-index:2;}

.main_btn_right	{ position:relative; text-align:right; padding:0 10px 50px 0;}
.cate_btn_right	{ float:right; position:relative; text-align:right; padding:0 10px 50px 0;}

.paging_ul	{ position:absolute; top:0; left:50%; margin:0 0 0 -40px; }
.paging_ul li	{ float:left; padding:0 7px 0 0; }
.paging_ul li a	{ display:block; background:#d0d0d0; width:15px; height:15px; border-radius:15px; }
.paging_ul li.on a	{ background:#434aa3; }
.paging_ul li a span	{ display:none; }

.main_property	{ margin:0px 0px 20px 0px;padding:0px 0px 10px 0px; height:80px; position:relative;}
.main_property h3	{ font-size:0; height:27px;}
.main_property a	{ display:block;}
.main_property ul {margin:5px 0px 0px 0px;}

.main_funds	{ margin:0px 0px 15px 0px; padding:10px 0px 10px 0px; height:80px; position:relative;}
.main_funds h3	{ font-size:0; height:27px;}
.main_funds a	{ display:block;}
.main_funds ul {margin:5px 0px 0px 0px;}

.main_fail	{ margin:0px 0px 15px 0px;padding:0px 0px 10px 0px; height:80px; position:relative;}
.main_fail h3	{ font-size:0; height:27px;}
.main_fail a	{ display:block;}
.main_fail ul {margin:5px 0px 0px 0px;}

.main_jgnews	{ padding:0px 0 15px 0; position:relative;}
.main_jgnews h3	{ font-size:0; background:#434aa3;}
.main_jgnews h3 a	{ position:absolute; right:0; padding:14px 12px 0 14px; border-left:1px solid #848598; background:#6e6f85; height:25px; font-size:0; }
.main_jgnews ul	{padding:10px 0 0 0;}
.main_jgnews li	{ padding:0 18px 0 3px; color:#999999 !important; letter-spacing:-1px; line-height:17px !important; }
.main_jgnews li a	{ display:block; color:#333 !important; padding:0 0 0 14px; background:url(/image/icon_dot.gif) no-repeat 0 9px; font-weight:bold; line-height:20px; font-size:12px !important;letter-spacing:-0.04em; }	

.main_issue	{ padding:15px 0px !important; position:relative;}
.main_issue h3	{ font-size:0; background:#434aa3;}
.main_issue h3 a	{ position:absolute; right:0; padding:13px 12px 0 14px; border-left:1px solid #848598; background:#6e6f85; height:21px; font-size:0; }
.main_issue	ul	{padding:16px 0 0 0;}
.main_issue li	{ padding:0 18px 0 3px; color:#999999 !important; letter-spacing:-1px; line-height:17px !important; }
.main_issue li .main_issue_photo	{float:right; margin:0 0 0 15px;}
.main_issue li a	{ color:#999999 !important; letter-spacing:-1px; line-height:17px !important; }	
.main_issue li a.main_issue_title	{ font-size:16px; color:#333 !important; display:inline-block; height:26px; padding:3px 0 0 0; letter-spacing:-0.1em;}


.main_middle_box_wrap	{ background:url(/image/dot_bg.gif); padding:9px;display:none; }
.main_middle_box	{ background:#fff; padding:13px 0 12px 20px;}
.main_middle_box li	{ padding:2px 0 2px 0;}
.main_middle_box li img	{ vertical-align:middle;}
.main_middle_box a.main_middle_box_news	{ display:inline-block; width:345px; font-size:14px; font-weight:bold; color:#333333; letter-spacing:-1px; line-height:16px;}

#main_ceoroundge	{ clear:both; position:relative; }
#main_ceoroundge h3	{ position:relative; padding:4px 0 6px 14px; font-size:0; border-bottom:1px solid #dbdfe5; }
#main_ceoroundge h3 a	{ position:absolute; right:12px; padding:4px 0 0 0;font-size:0; }
#main_ceoroundge .ul_ceo	{  position:relative; border-bottom:1px solid #dbdfe5;}
#main_ceoroundge .ul_ceo li	{ clear:both; display:inline-block; height:72px; }
#main_ceoroundge .ul_ceo_right	{ position:absolute; right:0; margin:0 0 0 10px; cursor:pointer;}
#main_ceoroundge .ul_ceo_left	{ margin:0; left:0; cursor:pointer;}
#main_ceoroundge .ul_ceo a	{ display:inline-block; padding:5px 0 0 10px; font-size:11px; color:#999999; letter-spacing:-1px; line-height:14px; font-family:dotum, '돋움'; width:76px; }
#main_ceoroundge .ul_ceo a strong	{display:inline-block;padding:0px 0px 3px 0px; color:#000000 !important; font-size:12px !important; line-height:22px !important;;}

#main_people, #main_refund	{ clear:both; height:170px; border-bottom:1px solid #dbdfe5; padding:25px 12px 0 14px; }
#main_people h3, #main_refund h3	{ padding:0 0 6px 0; font-size:0; position:relative;  }
#main_people h3 a, #main_refund h3 a	{ position:absolute; right:1px; padding:4px 0 0 0;font-size:0; }
#main_people .aside_tabmenu2 li a	{ padding:10px 9px 6px 9px !important; }
#main_refund .aside_tabmenu2	{ width:158px; }
#main_refund .aside_tabmenu2 li a	{ padding:10px 5px 6px 5px !important; }

.main_rightnews	{ clear:both; height:160px; padding:25px 12px 0 14px; }
.main_rightnews h3	{ padding:0; font-size:0; position:relative;  }
.main_rightnews h3 a	{ position:absolute; right:1px; padding:4px 0 0 0;font-size:0; }

.main_live	{ padding:0; height:138px; border-bottom:1px solid #dbdfe5; position:relative;}
.main_live h3	{ font-size:0; background:#538ba1; position:relative; }
.main_live h3 a	{ position:absolute; right:0; padding:14px 12px 0 14px; border-left:1px solid #3f5e7a; background:#6e6f85; height:22px; font-size:0; }
.main_live .main_live_photo	{ position:absolute; right:12px; margin:16px 0 0 0; }
.main_live	ul	{padding:15px 0 0 15px;}
.main_live li	{line-height:1; font-size:0;}
.main_live li a	{ display:block; color:#999999 !important; padding:0 0 0 10px; background:url(/image/icon_dot.gif) no-repeat 0 6px; line-height:16px; font-family:dotum, '돋움';letter-spacing:-0.1em; font-size:11px !important;}

.mainquick_link	{ clear:both; }
.mainquick_link dt	{ border-top:2px solid #00080b; border-right:1px solid #d5d9e0;border-left:1px solid #d5d9e0;border-bottom:1px solid #d5d9e0; background:#fdfdfd; padding:17px 0 14px 15px; color:#cccccc; line-height:12px; }
.mainquick_link dt a	{ color:#666666; padding:0 9px 0 9px;letter-spacing:-1px; }
.mainquick_link dt span	{ padding:0 10px 0 0; font-weight:bold; color:#666666; letter-spacing:-1px; }
.mainquick_link dd	{ width:100%; padding:20px 0; margin:0; display:inline-block; color:#333333; font-weight:bold; }
.mainquick_link dd li { line-height:26px; float:left; width:19.8%; padding:0 0 15px 0; text-indent:20px; border-left:1px solid #ebebeb; }
.mainquick_link dd li li	{ display:block; width:130px; line-height:16px; padding:0 !important; border:none; }
.mainquick_link dd .float li	{ float:left !important; display:inline-block !important; width:95px !important; }
.mainquick_link dd ul:after	{ clear:both; display:block; content:""; height:0; font-size:0; }
.mainquick_link dd li li a	{ font-weight:normal; color:#727272;}


/*  서브  */
.sub_left_wrap	{float:left; width:472px; padding:20px 28px 35px 0; position:relative;}
.sub_view_wrap	{float:left;width:680px; padding:0 8px 25px 0; position:relative; border-right:1px solid #e9ebef; margin:10px 0 0 0;}
.sub_middle_wrap	{ float:left;border:1px solid #d9e8e8; background:#eef9f9; padding:0 0 10px 0; margin:20px 0 0 0; width:187px; }
.sub_right_wrap	{float:left; padding:20px 0 0 28px; width:282px;}
.sub_menu_wrap	{float:left;border:1px solid #e5e5e5; background:#fcfcfc; padding:0 0 30px 0; margin:0 0 25px 0; width:188px;}
.sub_customer_wrap	{float:left; padding:0 0 60px 25px; margin:0; position:relative; width:785px;}

#sub_menu li	{ display:block; padding:0; margin:0; font-size:0; }
#sub_menu li a	{ text-indent:34px; font-size:12px !important; display:block; height:26px; background:url(/image/submenu_icon.gif) no-repeat 14px 13px #fff; padding:12px 0 0 0; border-bottom:1px solid #eaeaea; color:#666666; font-weight:bold; }
#sub_menu li:hover a, #sub_menu li.on a	{ color:#fff; background:url(/image/submenu_icon.gif) no-repeat 14px -25px #4f76cc; text-decoration:none; }
#sub_menu li ul	{ padding:12px 0 16px 0 !important; border-bottom:1px solid #eaeaea;}
#sub_menu li li	{ border:0 !important;}
#sub_menu li li a	{ padding:6px 0 0 0 !important; display:block; height:17px !important; background:url(/image/submenu_icon.gif) no-repeat 14px -80px #fcfcfc !important; font-weight:normal !important; color:#333333 !important; border:0 !important; }
#sub_menu li li.on a, #sub_menu li li.on a:hover, #sub_menu li:hover li:hover a, #sub_menu li li a:hover	{ font-weight:bold !important; color:#313583 !important; background:url(/image/submenu_icon.gif) no-repeat 14px -80px #fcfcfc !important; letter-spacing:-1px !important; }

.navigation	{ position:absolute; right:3px; top:13px; z-index:10000; font-size:11px !important; color:#999999; letter-spacing:-0.04em; font-family:dotum, '돋움';}
.sub_left_wrap h3	{ border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:12px 0 10px 0; position:relative; background:url(/image/h3_bg.gif) 99% 14px no-repeat; font-family:Nanum Square, dotum; font-size:16px; font-weight:600; }
.sub_left_wrap h3 span	{ color:#4750c6; }
.sub_left_wrap h3 img	{ vertical-align:middle; }
.sub_left_wrap h3.writer	{ padding:6px 0 5px 0; font-size:18px !important; background:url(/image/h3_bg.gif) 99% 20px no-repeat; line-height:1; }
.sub_left_wrap h3.writer img	{ margin:0 7px 0 0;}
.sub_customer_wrap h3	{ font-size:0; padding:13px 0 13px 9px; border-bottom:2px solid #919191; }
.sub_view_wrap h3	{ font-size:0; border-bottom:1px solid #d5d5d5; padding:15px 0 5px 0; position:relative;}
.sub_left_wrap h3.title_box, .sub_view_wrap h3.title_box	{ border:1px solid #d5d5d5; background:url(/image/pop_icon.gif) no-repeat 10px 16px #f8fafb; font-size:14px !important; font-weight:bold; padding:14px 0 10px 27px !important; color:#2a2c58; font-family:dotum, '돋움'; }
.sub_left_wrap h3 a	{ position:absolute; right:0; top:2px; padding:0; font-size:0; }
.sub_view_wrap h3 a	{ position:absolute; right:0; top:11px; padding:0; font-size:0; }
.sub_left_wrap h3 .h3_more	{ position:absolute; right:19px; padding:6px 0 0 0; font-size:0; }
.sub_customer_wrap h4 { padding:15px 0 5px 15px; color:#4b4b4b; font-weight:bold; letter-spacing:-0.04em; background:url(/image/join_h4_icon.gif) no-repeat 0 17px; border-bottom:1px solid #626262;}

.sub_btn_right	{ text-align:right; padding:10px 10px 10px 0; border-top:1px solid #d5d5d5;}

.sublist_blog	{ padding:8px 0 8px 0; }
.sublist_blog li	{ padding:12px 8px 12px 0; font-size:12px; clear:both; display:inline-block;color:#777777; font-family:gulim; line-height:18px; letter-spacing:-1px; font-family:dotum, '돋움';}
.sublist_blog li .img	{ float:left; margin:0 20px 0 0; }
.sublist_blog li .list_blog_title	{ font-weight:bold; font-size:16px !important; color:#000000 !important; letter-spacing:-1px; line-height:18px; display:inline-block; padding:0 0 5px 0;}
.sublist_blog li .list_blog_title:hover	{text-decoration:underline; color:#0000c6 !important;}
.sublist_blog li a	{ color:#777777;}
.sublist_blog li .news_category	{ color:#557dc6; font-weight:bold; padding:0 3px 0 0; }

.sublist_blog_line	{ padding:4px 0 0 0; }
.sublist_blog_line li	{ padding:14px 12px 12px 0; font-size:12px; clear:both; border-bottom:1px solid #dddddd;color:#777777; letter-spacing:-1px;  font-family:gulim; line-height:18px;}
.sublist_blog_line li .img	{ float:left; margin:0 20px 0 0; }
.sublist_blog_line li .list_blog_title	{ font-weight:bold; font-size:16px !important; color:#000000 !important; letter-spacing:-1px; line-height:18px; display:inline-block; padding:0 0 7px 0;}
.sublist_blog_line li .list_blog_title:hover	{text-decoration:underline; color:#0000c6 !important;}
.sublist_blog_line li a	{ color:#777777; font-family:dotum, '돋움';}
.sublist_blog_line li .news_category	{ color:#557dc6; font-weight:bold; padding:0 3px 0 0; }
.sublist_blog_line .blog_info	{ padding:2px 0 0 0; font-size:11px; color:#444444; font-family:dotum, '돋움'; }
.sublist_blog_line .blog_info strong	{ font-size:12px !important; font-family:gulim, '굴림';}
.sublist_blog_line .date	{ font-family:tahoma, '돋움'; padding:0 5px 0 3px;letter-spacing:0 !important; color:#767676;}
.sublist_blog_line .bar	{ color:#e5e5e5; padding:0 5px 0 0;} 

.list_blog_sub	{ padding:30px 0 10px 0; }
.list_blog_sub li	{ padding:0 0 25px 0; font-size:12px; clear:both; display:inline-block;color:#888888; line-height:16px; }
.list_blog_sub li .img	{ float:left; margin:0 18px 0 0; }
.list_blog_sub li .img img	{ width:210px; height:112px; }
.list_blog_sub li .title	{ display:block; padding:0 0 10px 0; font-weight:400; font-size:26px !important;color:#000000 !important; font-family:Noto Sans KR, dotum; line-height:35px; letter-spacing:-0.1em; }
.list_blog_sub li span, .list_blog_sub li b	{ display:block; margin:0 0 7px 0; color:#777; font-weight:bold; letter-spacing:-0.05em; }
.list_blog_sub li a	{ color:#111 !important;}
.list_blog_sub:after	{ clear:both; content:""; height:0; font-size:0; }

.list_table	{ clear:both; }
.list_table table	{ border-collapse: collapse; width:100%; }
.list_table thead th	{ background:#f9f9f9; padding:9px 0 7px 0; border-top:1px solid #fff; border-bottom:1px solid #5a628a; color:#333; text-align:center; font-weight:normal; letter-spacing:-1px; line-height:14px; }
.list_table tbody td	{ padding:6px 0 4px 0; border-bottom:1px solid #eeeeee; font-size:12px; text-align:center; color:#444444; }
.list_table tbody td.left	{ text-align:left; padding:10px 0 8px 0; }
.list_table tbody td.left a:hover	{ text-decoration:underline; }
.list_table tbody tr:hover	{ background:#f8fafb; }
.list_table tbody td.txt_no	{ color:#888888 !important; font-size:11px !important; }
.list_table tbody td .commentno	{ font-family:Tahoma, 돋움; font-size:10px; padding:0 0 0 4px; color:#467ec9; }

.list_table_small	{ clear:both; }
.list_table_small table	{ border-collapse: collapse; width:100%; }
.list_table_small thead th	{ background:#f9f9f9; padding:7px 0 7px 0; border-top:1px solid #fff; border-bottom:1px solid #5a628a; color:#98a1ad; font-size:11px; text-align:center; font-weight:bold; letter-spacing:-1px; line-height:14px; font-family:dotum, '돋움'; }
.list_table_small tbody td	{ padding:6px 0 4px 0; border-bottom:1px solid #dedede; font-size:12px; text-align:center; color:#444444; }
.list_table_small tbody td.left	{ text-align:left; padding:10px 0 8px 2px; }
.list_table_small tbody td.left a:hover	{ text-decoration:underline; }
.list_table_small tbody tr:hover	{ background:#f8fafb; }
.list_table_small tbody td.txt_no	{ color:#888888 !important; font-size:11px !important; }
.list_table_small tbody td strong	{ color:#666666; padding:0 8px 0 0; }
.list_table_small .txt_14	{ font-size:14px; font-weight:bold; line-height:28px; font-family:dotum, '돋움';}

.councel_table	{ clear:both; }
.councel_table table	{ border-collapse: collapse; width:100%; border-top:1px solid #eeeeee;}
.councel_table thead th	{ background:#f9f9f9; padding:9px 0 7px 0; border-top:1px solid #fff; border-bottom:1px solid #5a628a; color:#333; text-align:center; font-weight:normal; letter-spacing:-1px; line-height:14px; }
.councel_table tbody tr.qa td	{ border-top:1px solid #e8e8e8 !important; padding:10px 0 4px 0 !important; }	
.councel_table tbody td	{ padding:4px 0 8px 0; border-top:1px dotted #eeeeee; font-size:12px; text-align:center; color:#444444; line-height:14px; }
.councel_table tbody td.left	{ text-align:left; padding:10px 0 8px 0; }
.councel_table tbody td.left a:hover	{ text-decoration:underline; }
.councel_table tbody td.txt_no	{ color:#888888 !important; font-size:11px !important; }
.councel_table tbody td .commentno	{ font-family:Tahoma, 돋움; font-size:10px; padding:0 0 0 4px; color:#467ec9; }
.councel_table tbody td img	{ vertical-align:middle; }

.sub_view_topbtn_box	{ height:35px; padding:20px 0 0 0;}
.sub_view_txtbtn	{ position:absolute; right:15px; }
.sub_view_txtbtn .txt_big	{ background:url(/image/btn_txt_big.gif) no-repeat #fff; width:22px; height:20px; cursor:pointer; border:0; padding:0; font-size:0; }
.sub_view_txtbtn .txt_small	{ background:url(/image/btn_txt_small.gif) no-repeat #fff; width:21px; height:20px; cursor:pointer; border:0; padding:0; font-size:0; }
.sub_view_txtbtn span	{ display:none;}

.sub_view_txtbtn02	{ float:right; }
.sub_view_txtbtn02 .txt_big02	{ background:url(/image/btn_txt_big.gif) no-repeat #fff; width:22px; height:20px; cursor:pointer; border:0; padding:0; font-size:0; }
.sub_view_txtbtn02 .txt_small02	{ background:url(/image/btn_txt_small.gif) no-repeat #fff; width:21px; height:20px; cursor:pointer; border:0; padding:0; font-size:0; }
.sub_view_txtbtn02 span	{ display:none;}

.sub_view_topbtn_box .btn_print	{ position:absolute; right:60px; width:40px; height:17px; background:url(/image/icon_print.gif) no-repeat 0 4px; padding:4px 0 0 16px; font-size:11px; color:#666666; letter-spacing:-1px; font-family:dotum, '돋움'; line-height:14px; }


.news_view	{ position:relative; border-top:1px solid #eaeaea; }
.news_view dt	{ border-bottom:1px solid #f4f4f4; padding:20px 20px 18px 125px;}
.news_view dt .category	{ position:absolute; left:0; top:8px; background:#f9f9f9; border:1px solid #eaeaea; padding:20px 0 0 0; width:92px; height:54px; text-align:center; letter-spacing:-1px; color:#989898; }
.news_view dt .category .cateFirst	{ display:block; font-family:Noto Sans KR, dotum; font-weight:bold; font-size:15px; color:#333;  }
.news_view dt .category .cate	{ display:block; padding:5px 0 0 0; font-weight:400; }
.news_view dt h3	{ color:#000000; letter-spacing:-1px;font-size:20px; font-weight:bold; line-height:1.3; border:0 !important; padding:0 !important; }
.news_view dt h4	{ font-size:14px; color:#6f72a0; padding:4px 0 0 0; letter-spacing:-1px !important;font-weight:bold; line-height:1.7; }
.news_view dd.news_subtitle2	{ font-size:14px; padding:30px 20px 0 0; font-weight:bold; color:#777777; font-family:dotum, '돋움';}
.news_view dd	{ font-size:16px; font-family:gulim; color:#555555; line-height:1.7; padding:30px 0 0 0;}
.news_view dd.writer_info	{ padding:13px 0 0 0; font-size:11px; color:#767676; letter-spacing:-1px; font-family:dotum, '돋움'; }
.news_view dd.writer_info .date	{ font-family:tahoma, '돋움'; padding:0 0 0 3px;font-size:11px;letter-spacing:0 !important;}
.news_view dd.writer_info .bar	{ color:#e5e5e5; padding:0 5px 0 0;} 
.news_view dd.writer_info .namebox	{ position:absolute; right:0;}
.news_view dd.writer_info .namebox strong	{ font-size:12px;}
.news_view dd.writer_info .namebox .writer_btn	{ background:url(/image/top_icon.gif) no-repeat right 5px; padding:0 8px 0 0; display:inline-block; color:#747474; text-decoration:underline; }
.news_view dd .news_view_copy	{ padding:30px 0 40px 0;}
.news_view dd  li	{ color:#333333; line-height:14px; padding:9px 0 0 22px; background:url(/image/icon_mainlist.gif) no-repeat 0 6px; font-family:dotum, '돋움'; }
.news_view dd  li strong	{ font-weight:bold; letter-spacing:-1px; padding:0 10px 0 0;}
.news_view dd .photoa_center	{ position:relative; margin:0 auto; padding:5px; border:1px solid #e6e6e6;}
.news_view dd .photoa_right	{ float:right; margin:0 0 20px 20px; padding:5px; border:1px solid #e6e6e6;}
.news_view dd .photoa_left	{ float:left; margin:0 20px 20px 0; padding:5px; border:1px solid #e6e6e6;}
.news_view dd .photo_explain	{ font-size:12px; color:#666666; font-size:11px; padding:3px 0 0 7px; text-align:left; font-family:dotum; }

.sub_view_bottombtn_box	{ text-align:right; padding:30px 0 30px 0;}
.sub_view_bottombtn_left	{ position:absolute; left:2px; }
.comment_box	{ border:1px solid #d5d9e0; background:#f9f9f9; padding:13px 20px 13px 20px; color:#999999; font-size:11px; font-family:dotum, '돋움'; letter-spacing:-1px; }
.comment_box h4	{ border-bottom:1px solid #e1e1e1; padding:0 0 7px 0; vertical-align:middle; margin:0 0 8px 0; }
.comment_box h4 span	{ display:inline-block; font-size:11px; letter-spacing:-1px; color:#666666; padding:5px 0 0 18px; font-family:dotum, '돋움'; line-height:12px !important; }
.comment_box h4 span strong	{ color:#3399ff; font-weight:bold; font-size:12px !important; padding:0 2px 0 0; }
.comment_box input[type=text], .comment_box input[type=password], .comment_box textarea	{ border:1px solid #d5d9e0; background:#fff; padding:4px; font-size:12px !important; margin:0 0 3px 0;vertical-align:middle; }
.comment_box input[type=image]	{ vertical-align:middle; border:0; padding:0; margin:0 0 3px 0; }

.comment_list	{ position:relative; padding:5px 10px 5px 10px; }
.comment_list li	{ border-bottom:1px solid #f4f4f4; padding:10px 0 10px 0; color:#777777;}
.comment_list .comment_list_date	{ font-family:tahoma, '돋움'; padding:0 0 0 3px;font-size:11px;letter-spacing:0 !important; color:#999999; }
.comment_list div	{ display:block; font-size:12px; color:#333333; padding:4px 0 0 0; line-height:18px; }
.comment_list a	{ position:absolute; right:0; }

.write_table	{ border-bottom:1px solid #cccccc; }
.write_table table	{ border-collapse: collapse; width:100%; }
.write_table thead td	{ background:#f5f9fd; padding:18px 0 14px 0; border-bottom:2px solid #3a3d49; color:#222222; text-align:center; font-weight:bold; letter-spacing:0 !important; font-size:16px; }
.write_table th	{ background:#f6f8fb; padding:7px 0 5px 14px; border-bottom:1px solid #fff; color:#333; font-size:12px; letter-spacing:-1px; line-height:14px; }
.write_table td	{ padding:7px 10px 5px 10px; font-size:12px; }
.write_table td.bgcolor	{ background:#f6f8fb; border-bottom:1px solid #fff; padding:10px; }
.write_table label	{ padding:0; cursor:pointer; width:130px; display:inline-block;}
.write_ex	{ color:#999999; font-size:11px; letter-spacing:-1px; padding:2px 0 0 0;}

.profile	{ clear:both; margin:14px 0 20px 0; }
.profile h3	{ border-top:2px solid #313583; border-right:1px solid #d5d9e0;border-left:1px solid #d5d9e0;border-bottom:1px solid #d5d9e0; background:#f7f8f9; padding:0 !important; color:#cccccc; line-height:12px; }
.profile .ul_profile	{  position:relative;}
.profile .ul_profile li	{ clear:both; display:inline-block; height:102px; border-bottom:1px solid #d5d5d5;}
.profile .ul_profile_right	{ position:absolute; right:0; margin:0;}
.profile .ul_profile_left	{ margin:0 15px 0 0; left:0;}
.profile .ul_profile a	{ display:inline-block; padding:20px 0 0 0; font-size:12px; color:#666666 !important; letter-spacing:-1px; line-height:18px; width:122px; }
.profile .ul_profile a strong	{ display:block; font-size:14px !important; line-height:16px !important; border-bottom:1px solid #dadddd; padding:0 0 4px 0; font-family:dotum, '돋움'; margin:0 0 8px 0; }

.jobsearch_box	{ border:1px solid #c9caca; margin:14px 0 20px 0;}
.jobsearch_box ul	{ padding:13px;}
.jobsearch_box li	{ margin:0; line-height:14px; padding:2px 0 2px 0; color:#666666; }
.jobsearch_box li.jobsearch_right	{ text-align:right; }
.jobsearch_box li select	{ font-weight:normal; color:#333333; width:205px; }
.jobsearch_box li.title	{ color:#b4b9c7; font-weight:bold; padding:2px 0 4px 0; font-size:11px; }
.jobsearch_box li.jobsearch_box_line	{ background:#ebebeb; padding:0 !important; height:1px; margin:6px 0 8px 0 !important; line-height:1px !important; font-size:0;}
.jobsearch_box li label	{ padding:0 10px 0 0;}
.jobsearch_box h3	{ background:#a5adbc; color:#fff; font-weight:bold; padding:9px 0 5px 12px; text-align:left; line-height:12px; letter-spacing:-1px;}

.job_view	{ position:relative; border-top:1px solid #eaeaea; }
.job_view dt	{ border-bottom:1px solid #f4f4f4; padding:20px 20px 20px 125px;}
.job_view dt .job_category	{ position:absolute; left:0; top:8px; background:#f9f9f9; border:1px solid #eaeaea; padding:15px 0 0 0; width:92px; height:41px; text-align:center; letter-spacing:-1px; color:#333333; }
.job_view dt .job_category .cate	{ display:block; padding:5px 0 0 0; font-weight:bold; }
.job_view dt h3	{ color:#000000; letter-spacing:-1px;font-size:20px; font-weight:bold; line-height:1.7; font-family:dotum, '돋움'; border:0 !important; padding:0 !important; }
.job_view dd	{ font-size:16px; font-family:gulim; color:#555555; line-height:1.7; padding:30px 0 0 0;}
.job_view dd.writer_info	{ padding:13px 0 0 0; font-size:11px; color:#767676; letter-spacing:-1px; font-family:dotum, '돋움'; }
.job_view dd.writer_info .date	{ font-family:tahoma, '돋움'; padding:0 0 0 3px;font-size:11px;letter-spacing:0 !important;}
.job_view dd.writer_info .bar	{ color:#e5e5e5; padding:0 5px 0 0;} 
.d_day	{ font-size:14px; font-weight:bold; color:#f43f00; font-family:'돋움'; padding:0 5px 0 8px;}
.d_day strong	{ font-size:24px; font-family:Tahoma, dotum; padding:0 3px 0 3px;}
.job_table	{ border-bottom:1px solid #e1e4e9; }
.job_table table	{ border-collapse: collapse; width:100%; margin:15px 0 0 0; border-top:1px solid #edeff1; }
.job_table th	{ background:#fafafa; padding:7px 0 5px 14px; border-bottom:1px solid #edeff1; color:#98a1ad; font-size:11px; font-weight:bold; width:110px; letter-spacing:-1px; line-height:14px; }
.job_table td	{ padding:7px 10px 5px 10px; font-size:12px; border-bottom:1px solid #edeff1; }
.job_info	{ text-align:right; padding:9px 10px 0 0; font-size:11px; color:#999999; }

.councel_view	{ position:relative; border-top:2px solid #eaeaea; }
.councel_view dt	{ border-bottom:1px solid #f4f4f4; padding:15px 20px 15px 155px;}
.councel_view dt .councel_category	{ position:absolute; left:0; top:8px; background:#f9f9f9; border:1px solid #eaeaea; padding:13px 0 0 0; width:130px; height:33px; text-align:center; letter-spacing:-1px; color:#333333; }
.councel_view dt .councel_category .cate	{ padding:0 0 0 5px; font-weight:bold; }
.councel_view dt h3	{ color:#000000; letter-spacing:-1px;font-size:20px; font-weight:bold; line-height:1.7; font-family:dotum, '돋움'; border:0 !important; padding:0 !important; }
.councel_view dd	{ font-size:16px; font-family:gulim; color:#555555; line-height:1.7; padding:20px 0 0 0; }
.councel_view dd.writer_info	{ padding:13px 0 0 0; font-size:11px; color:#767676; letter-spacing:-1px; font-family:dotum, '돋움'; }
.councel_view dd.writer_info .date	{ font-family:tahoma, '돋움'; padding:0 0 0 3px;font-size:11px;letter-spacing:0 !important;}
.councel_view dd.writer_info .namebox	{ position:absolute; right:0;}
.councel_view dd.writer_info .namebox strong	{ font-size:12px;}
.concel_color	{ color:#16306b !important; }

.board_view	{ position:relative; border-top:1px solid #eaeaea; }
.board_view dt	{ border-bottom:1px solid #f4f4f4; padding:20px 20px 20px 125px;}
.board_view dt .board_category	{ position:absolute; left:0; top:8px; background:#f9f9f9; border:1px solid #eaeaea; padding:12px 0 0 0; width:92px; height:44px; text-align:center; letter-spacing:-1px; color:#989898; }
.board_view dt .board_category .cate	{ display:block; padding:3px 0 0 0; font-weight:bold; }
.board_view dt h3	{ color:#000000; letter-spacing:-1px;font-size:20px; font-weight:bold; line-height:1.7; font-family:dotum, '돋움'; border:0 !important; padding:0 !important; }
.board_view dd	{ font-size:16px; font-family:gulim; color:#555555; line-height:1.7; padding:20px 0 0 0;}
.board_view dd.writer_info	{ padding:13px 0 0 0; font-size:11px; color:#767676; letter-spacing:-1px; font-family:dotum, '돋움'; }
.board_view dd.writer_info .date	{ font-family:tahoma, '돋움'; padding:0 0 0 3px;font-size:11px;letter-spacing:0 !important;}
.board_view dd.writer_info .bar	{ color:#e5e5e5; padding:0 5px 0 0;} 
.board_view dd.writer_info .namebox	{ position:absolute; right:0;}
.board_view dd.writer_info .namebox strong	{ font-size:12px;}
.board_view dd.writer_info .namebox .writer_btn	{ background:url(/image/top_icon.gif) no-repeat right 5px; padding:0 8px 0 0; display:inline-block; color:#747474; text-decoration:underline; }

input[type=text],input[type=password], input[type=file], textarea	{ background:#fff; color:#333; border:1px solid #c7cbd3; font-size:12px; vertical-align:middle; padding:5px 0 3px 5px; margin:0; line-height:1.3; }
input[type=image], input[type=checkbox]	{ border:0; padding:0; }
input[type=checkbox], input[type=radio]	{ border:1px solid #cccccc; height:12px; width:14px; border:0; padding:0; cursor:pointer; }
textarea	{ width:99%; }
select { border:1px #acb1b8 solid; padding:2px; font-size:12px; vertical-align:middle; font-family:'돋움',dotum,Helvetica,sans-serif; letter-spacing:-2px; font-weight:bold; color:#7f7f7f; height:24px; }

#paginate{ padding:12px 20px 0 0; text-align:center; white-space:nowrap; border-top:1px solid #d5d5d5; }
#paginate img { vertical-align:middle; }
#paginate a {display:inline-block;margin:0;padding:3px 0 1px 0;color:#666;font-size:12px;width:20px; border:1px solid #fff; background:#fff;}
#paginate a.on, #paginate a.on:hover	{ border:1px solid #eaecee; font-weight:bold; color:#ff0000; background:#fff !important; }
#paginate a:hover, #paginate a:active	{ font-weight:bold; color:#347ac4; background:#f2f4f6; padding:3px 0 1px 0; }
#paginate a.pre	{margin:0 50px 2px 0 !important; padding:0 !important; background:none; }
#paginate a.next	{margin:0 0 2px 10px !important; padding:0 !important; background:none;}

.login_wrap	{ position:relative; margin:0 auto; width:400px; }
.login_input	{ float:left; padding:0 8px 6px 35px; text-align:right; color:#333333; line-height:1.4; letter-spacing:-1px; font-weight:bold; font-size:12px; }
.login_btn	{ float:left; margin:0; width:100px; padding:0; }
.login_input_txt	{ clear:both; padding:0 0 20px 104px; color:#888888; }
.login_input input[type="text"], .login_input input[type="password"]	{ background:#fff; color:#222222; padding:6px 0 6px 15px; height:16px; margin:0 0 5px 0; border:1px solid #bdbdbd; font-size:14px; font-weight:bold; vertical-align:middle; }
.login_input img	{ vertical-align:middle; margin:0 0 6px 0; }
.login_join	{ padding:0 0 10px 104px;}

.join_step	{ border-bottom:1px solid #919191; margin:0 0 40px 0;}
.join_box_wrap	{ padding:12px 0 0 50px;}
.join_box_wrap p	{padding:10px 0 0 0;}
.join_box_wrap p.center	{ padding:20px 0 30px; text-align:center; }
.join_box	{border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;height:210px;}
.join_btnbox	{ text-align:center; padding:20px 0 0 0; }
p.join_ex		{ padding:25px 0 20px 5px; color:#767676; letter-spacing:-0.04em; }
p.join_ex strong		{ color:#0347b4; }
.joincheck	{ display:inline-block; padding:7px 0 7px 0; width:150px; text-align:center; font-weight:bold; font-size:14px; background:url(/image/check_bg.gif); border:1px solid #a1b7ea; vertical-align:middle; }

.customer_box_wrap	{ padding:42px 0 0 50px;}
.customer_box_wrap p	{ padding:20px 0 0 0; color:#767676;}
.customer_box_wrap p strong		{ color:#444444; }

.reporterBox { padding:42px 15px 0 15px; height:720px; overflow-y:scroll;  }
.reporterBox p { line-height:1.6; }
.reporterBox p span { display:block; text-align:center; font-weight:bold; padding-bottom:15px; font-size:14px; }


.explain_box	{ border:1px dotted #bbbbbb; color:#787878; margin:10px 0 10px 0; }
.explain_box strong		{ color:#0347b4; }
.boximg1	{ background:url(/image/search_eximg.gif) no-repeat 18px 16px; padding:20px 20px 20px 110px; }
.boximg2	{ background:url(/image/search_eximg2.gif) no-repeat 18px 16px; padding:20px 20px 20px 140px; }
.boximg3	{ background:url(/image/search_eximg3.gif) no-repeat 18px 13px; padding:20px 20px 20px 130px; }

.customer_text	{ background:url(/image/customer_m12_img2.gif); line-height:30px !important; color:#7c7c7c; padding:0 !important; margin:0 0 25px 0 !important; letter-spacing:-0.06em; }
.customer_fleft	{ width:288px; float:left;}
.customer_fleft2	{ width:235px; float:left; padding:0 50px 0 0; color:#7c7c7c; letter-spacing:-0.06em; line-height:18px; }
.customer_fright	{ width:445px; float:left;}
.clear	{ clear:both; height:1px; line-height:1px; font-size:0; }

.history_fleft	{ width:120px; float:left; padding:35px 0 0 0;font-family:나눔 고딕, NanumGothic, ng, 돋움, dotum, sans-serif;font-size:35px;font-weight:bold; font-style:italic;}
.history_fright	{ width:614px; float:left; padding:30px 0 0 0;}
.history_fright p	{ background:url(/image/customer_m12_img2.gif); line-height:30px; color:#7c7c7c; padding:0 !important; letter-spacing:-0.06em;}
.history_fright p .history_date	{ display:inline-block; width:60px; color:#3456b0; font-weight:bold; letter-spacing:0 !important;}

.customer_rule_wrap	{ padding:25px 0 0 0; }

.map_fleft	{ width:175px; float:left; padding:5px 0 0 0;}
.map_fright	{ width:559px; float:left; padding:0 0 0 0;}
.map_fright p	{ background:url(/image/customer_m12_img2.gif); line-height:30px; color:#7c7c7c; padding:0 !important; letter-spacing:-0.06em; margin:0 0 25px 0 !important}
.map_fright p .map_title	{ display:inline-block; width:80px; color:#3456b0; font-weight:bold; letter-spacing:0 !important;}

.guide_wrap	{ float:left; width:475px; padding:30px 0 30px 0;text-align:center;}
.guide_wrap2	{ float:left; padding:30px 0 0 0; width:308px; color:#888888; }
.guide_table	{ border-left:1px solid #eeeeee; border-top:1px solid #313583; }
.guide_table table	{ border-collapse: collapse; width:100%; font-family:dotum; color:#444444; }
.guide_table thead th	{ background:#f8f8f8; padding:14px 0 12px 0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#313583; text-align:center; font-weight:bold; letter-spacing:0 !important; font-size:12px; }
.guide_table th	{ padding:7px 0 5px 0; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; color:#ff6600; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; }
.guide_table td	{ padding:9px 0 7px 10px; font-size:12px; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; }
.guide_table td.center	{ text-align:center; padding:9px 0 7px 0 !important; }
.guide_table td.txt_grey	{ color:#999999; font-size:11px;}

@media screen and ( max-width:500px ) {
	.popwrap.bguide h2 img {max-width: 100%;}
	.popwrap.bguide .popcontent {padding:5px 15px 25px 25px;}
	.popwrap.bguide .guide_wrap {width: auto;padding: 20px 0;}
	.popwrap.bguide .guide_wrap img {max-width: 100%;}
	.popwrap.bguide .guide_wrap2	{width:auto;padding:0 0 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
}

.login_total_wrap	{ position:relative; margin:0 auto; width:550px; border:7px solid #efefef; padding:20px;}
.login_total_wrap .img	{ padding:0 0 25px 0; text-align:center; }

.loginbox	{ width:624px; position:relative; margin:0 auto; }
.loginbox .lb_txt	{ text-align:right; padding:13px 25px 12px 0; color:#666666; font-weight:bold; }
.loginbox .lb_top	{ background:url(/image/loginbox_top.gif) no-repeat; height:28px; }
.loginbox .lb	{ background:url(/image/loginbox_bg.gif) repeat-y; padding:18px 50px 12px 70px; display:inline-block; color:#666666; font-weight:bold; }
.loginbox .lb_bottom	{ clear:left; background:url(/image/loginbox_bottom.gif) no-repeat; height:28px; }
.loginbox .lb_float	{ float:left; width:auto; padding:25px 0 0 15px;}
.loginbox input[type=text], .loginbox input[type=password]	{ background:#f9f9f9; color:#222222; border:1px solid #c0cadb; font-size:12px; vertical-align:middle; padding:4px 0 0 10px; height:23px; margin:0 0 6px 0; line-height:1.3; width:260px; vertical-align:middle; }
.loginbox img	{ vertical-align:middle; margin:0 0 6px 0; }
.loginbox .login_input_txt	{ clear:both; padding:4px 0 20px 78px; color:#888888; }
.loginbox .login_join	{ padding:0 0 10px 78px;}

.writerCont li {float:left;width:33.3%; height:145px; padding:30px 0 0 0; text-align:center;}
.writerCont li a {display:block;line-height:15px;}
.writerCont li a span {display:block;padding:10px 0px 0px 0px;}
.writerCont li a img {display:block;margin:0px auto;padding:0px;}

/* 팝업  */
.popwrap	{ padding:0; border:5px solid #4d50a0; }
.popcontent	{ background:#fff; padding:5px 35px 45px 35px; }
.popwrap h2	{ font-size:14px; font-weight:bold; padding:0; background:#fff !important; }
.popwrap h4	{ font-weight:bold; padding:25px 0 4px 14px; color:#393c79; background:url(/image/pop_icon.gif) no-repeat 0 28px; border-bottom:1px solid #efefef; margin:0 0 15px 0; }
.popwrap .btn_wrap	{ margin:0 !important; text-align:right; padding:15px; background:#eff3f8; border-top:1px solid #cccccc; }
.popwrap input	{ margin:0 0 3px 0; }
.pop_news_wrap		{ padding:0 25px 0 25px; }
.pop_news_wrap .news_view	{ border-top:0px solid #dedede !important; }
.pop_news_wrap	dt	{ padding:20px 0 18px 0 !important; border-bottom:1px solid #dedede; }
.pop_news_wrap dt h3	{ font-size:24px; line-height:1.3; }
.pop_h2	{ background:#f8f8fa !important; padding:5px 0 0 5px; border-top:5px solid #313583; }
.pop_h2	a	{ position:absolute; right:15px; top:15px; }


.layer_popup	{ border:1px solid #010201; background:#fff; position:absolute; width:400px; }
.layer_popup dl	{ border-top:4px solid #2a318e; }
.layer_popup dt	{ padding:14px 15px 8px 15px; border-bottom:1px solid #efefef; font-weight:bold; font-size:14px; font-family:dotum; color:#313586; }
.layer_popup dd	{ padding:18px 15px 18px 15px; color:#555555; }
.layer_popup .layer_footer	{ background:#f5f5f5; padding:7px 8px 5px 0; font-size:11px; font-family:dotum; color:#777777; line-height:12px; margin:0; text-align:right; letter-spacing:-1px; }
.layer_popup .layer_footer img	{ vertical-align:middle; }
.layer_popup .layer_footer label	{ cursor:pointer; }

.main_special	{ clear:both; height:265px; border-bottom:1px solid #dbdfe5; padding:30px 12px 0 14px; position:relative; }
.main_special h3	{ padding:0; font-size:0; }
.main_special h4	{ padding:8px 0 2px 0; font-size:0; font-size:11px; font-weight:bold; color:#030303; font-family:dotum; }
.main_special h4 span	{ color:#4db9ba; }
.main_special a	{ color:#666666; letter-spacing:-1px; font-family:dotum; line-height:14px; }
.main_special .photofloat a	{ float:left; }
.main_special .photofloat a.title	{ margin:4px 0 0 10px; display:inline-block; width:94px; line-height:17px; }
.main_special li	{ display:inline-block; padding:0; }
.main_special li.dot	{ clear:both; color:#333333; padding:1px 0 0 10px; background:url(/image/icon_dot.gif) no-repeat 0 8px; display:block; }

/* 추가 */
.bizartWrap {padding:4px 0 0 0;}
.bizartWrap .leftColumn {float:left;margin:0px 14px 0px 0px;width:186px;}
.bizartWrap .leftColumn .subject {overflow:hidden;padding:5px 0px 0px 0px;letter-spacing:0px; line-height:25px;}
.bizartWrap .leftColumn input {float:right;display:block;padding:0px 10px; line-height:25px;width:50px;border:none !important;border:transparent;color:#d6edff;background:#434aa3; cursor:pointer;}
.bizartWrap .rightColumn {float:left;width:468px;}

.bizartWrap li	{overflow:hidden;padding:0px 0px 30px 0px;font-size:12px;color:#777777; letter-spacing:-1px;  font-family:gulim; line-height:18px;}
.bizartWrap li a	{ color:#777777; font-family:dotum, '돋움';}
.bizartWrap .rightColumn .rightTitle {color:#333;font-size:12px;font-weight:bold;}
.bizartWrap .rightColumn .rightComment {padding:5px 0px 20px 0px;}

.bizartHead {margin:0px;padding:0px 0px 0px 210px;height:60px;color:#FFF;font-size:24px;font-weight:bold;line-height:60px;background:url(/image/logo_popup.gif) left top no-repeat #434aa3;font-family:ngBold, 나눔고딕, MalgunGothic, 돋움, dotum, sans-serif;}

/* 메인하단 객원전문기자 */

.main_reporterWrap {position:relative;z-index:10000;height:20px;}
.main_reporterWrap .reporterCont {position:absolute;left:0px;top:-365px;width:808px;border-top:1px solid #d4d8e1;height:340px;background:#FFF;z-index:100000;}
.main_reporterWrap .reporterCont .title {padding:15px 0px 10px 0px;}
.main_reporterWrap .reporterCont ul {overflow:hidden;padding:0px;}
.main_reporterWrap .reporterCont li {float:left;width:134px;height:108px;}
.main_reporterWrap .reporterCont li a {display:block;width:134px;height:108px;text-align:center;; line-height:15px;}
.main_reporterWrap .reporterCont li a span {display:block;text-align:center;padding:3px 0px 0px 0px;}
.main_reporterWrap .reporterCont li a img {display:block;margin:0px auto;padding:0px;}
/* .main_reporterWrap .reporterCont li a:hover {text-decoration:none;} */




/* 1면 포토뉴스 타이틀 */
.sliderkit-panels .subject	{ position:absolute; background:url(/image/photo_subject_bg.png); padding:5px 3% 0 3%; color:#fff !important; width:94%; overflow:hidden; height:18px; text-overflow: ellipsis; white-space: nowrap; }


/* footer 배너 */

.footer_banner { margin-bottom:5px; }
.footer_banner .footer_banner_left { float:left; width:500px;}
.footer_banner .footer_banner_right { float:right; text-align:right; width:500px;}

.banner_left {position:absolute;left:0;top:200px;margin-left:-200px;width:160px;height:600px;}
.banner_right {position:absolute;right:0;top:200px;margin-right:-200px;width:160px;height:600px;}

.banner_middle {padding:10px 0 0;text-align:center;}
.banner_sub_right {padding-bottom:30px;}
.banner_cont {float:right;}

.banner_reply {position:relative;display:inline-block;width:100%;padding:30px 0;overflow:hidden;}
.banner_reply .box {float:left;display:inline-block;width:300px;}
.banner_reply .box2 {float:right;display:inline-block;width:300px;}
.banner_reply .box3 {clear:both;padding-top:30px;text-align:center;}

.banner_toast_wrap {position:relative;}
.banner_toast {position:fixed;right:10px;bottom:10px;}

@media (max-width: 1000px){
	.banner_left, .banner_right {display:none;}
}

/* 오디오 뉴스 */
.btn_audio {position:relative;display:inline-block;width:130px;height:36px;border-radius:30px;padding:0 5px 0 38px;border:1px solid #eaeaea;background:#fafafa;text-align:center;font-size:0;line-height:36px;cursor:pointer;}
.btn_audio i {font-style:normal;line-height:inherit;font-size:15px;color:#3e37d5;font-weight:bold;letter-spacing:-.5px;font-family:'Noto Sans KR';}
.btn_audio span {position:absolute;left:0;top:-2px;display:inline-block;width:38px;height:38px;border-radius:50%;background: -moz-linear-gradient(126deg, #1829e7 20%, #4e2fe9 90%, #4e2fe9 55%);
    background: -webkit-linear-gradient(126deg, #1829e7 20%, #4e2fe9 90%, #4e2fe9 55%);
    background: -o-linear-gradient(126deg, #1829e7 20%, #4e2fe9 90%, #4e2fe9 55%);
    background: linear-gradient(126deg, #1829e7 20%, #4e2fe9 90%, #4e2fe9 55%);}
.btn_audio span:before {content:'';position:absolute;left:0;top:0;width:38px;height:38px;background-image:url(/image/icon_audio_ready.png);background-repeat:no-repeat;background-position:center;}
.btn_audio:hover span:before {background-image:url(/image/icon_audio_play.png);}
.btn_audio.on span:before {background-image:url(/image/icon_audio_ani.gif);}
.btn_audio i.off, .btn_audio.on i.active {display:block;}
.btn_audio.on i.off, .btn_audio i.active {display:none;}

.sub_view_topbtn_box .btn_audio {position:absolute;right:140px;top:95px;}

.audiolist {padding-bottom:50px;}
.audiolist h2 {border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;padding:12px 0 10px 0;position: relative;background: url(/image/h3_bg.gif) 99% 14px no-repeat;font-family: Nanum Square, dotum;font-size: 16px;font-weight: 600;}
.audiolist h3 {padding:60px 0 20px;border-bottom:1px solid #ddd;font-size:28px;font-weight:400;line-height:1;letter-spacing:-1.5px;font-family:'Noto Sans KR';}
.audiolist > ul {padding:20px 0;}
.audiolist li{position:relative;}
.audiolist li.on{padding:20px 30px;border-radius:10px;background:#f6f6f6;}
.audiolist li.on .btn_audio {display:none;}
.audiolist li .info{display:block;padding:5px 0 4px;margin:0;font-size:19px; line-height:26px;letter-spacing:-1px;color:#565656;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold;cursor:pointer;}
.audiolist li.on .info {padding-top:20px;color:#111;font-size:18px;}
.audiolist .info .cate{display:inline-block; font-size:14px; color:#0073a4;}
.audiolist .info .cate:hover{text-decoration:underline;}
.audiolist .info .cate:after{display:inline-block; width:1px; height:12px; background:#000; margin:4px 3px 0 10px; vertical-align:top; content:"";}
.audiolist .info .date{display:inline-block; font-size:14px; color:#a3a3a3;}
.audiolist .info .btn_audio {padding-left:25px;width:110px;height:26px;line-height:26px;font-size:14px;}
.audiolist .info .btn_audio span, .audiolist .info .btn_audio span:before {top:0;width:24px;height:24px;}
.audiolist .info .btn_audio span:before {background-size:auto 12px;}
.audiolist .btns{position:absolute; right:30px; top:30px;}
.audiolist .time{display:block; float:left; font-size:16px; line-height:1; color:#a3a3a3; margin:10px 0 0 40px;}
.audiolist .btns {display:none;}
.audiolist li.on .btns {display:block;}
.audiolist .btns a {display:block; float:left; width:40px; height:40px;font-size:0;background-image:url('/image/icon_audio.png');}
.audiolist .btns .like{margin:0 0 0 18px;background-position:-80px 0;}
.audiolist .btns .like.on {background-position:-125px 0;}
.audiolist .btns .share{margin:0 0 0 14px;background-position:-170px 0;}
.audiolist .on .btns .pause {background-position:-80px -135px;}
.audiolist .detail{position:relative;display:none;clear:both;height:90px;padding:30px 15px 0;}
.audiolist .on .detail{display:block;}
.audiolist .namebox {display:none;padding-top:5px;font-size:12px;color:#888;}
.audiolist .on .namebox{display:block;}
.audiolist .namebox .writer_btn	{ background:url(/image/top_icon.gif) no-repeat right 5px; padding:0 8px 0 0; display:inline-block; color:#747474; text-decoration:underline; }
.audiolist .namebox .date { font-family:tahoma, '돋움'; padding:0 0 0 3px;font-size:11px;letter-spacing:0 !important;}
.audiolist .namebox .date a {color:#555;}
.audiolist .namebox a {font-size:11px;}

.audiolist .btn_next {border-color:#3081eb !important;background-color:#3081eb !important;color:#fff !important;}
.audiolist .btn_next {position:absolute;bottom:1.5rem;right:1.5rem;width:210px;border-radius:3.125rem;height:4rem;box-shadow:4px 4px 20px rgba(53,139,227,.3);}
.audiolist .btn_next.arrow:after {right:20px;top:46%;width:10px;height:10px;border-width: 0 1px 0 0 !important;}
.audiolist .btn_next.arrow:before {content:'';position:absolute;right:21px;top:48%;width:1.875rem;height:1px;background:#fff;}
.audiolist .audiobox .btn_next {bottom:1rem;z-index:100;}

/* 비디오 컨트롤 */
.audiobox .video-js {width:100%;height:auto;background:#eee;}
.audiobox .vjs-loading-spinner {border:6px solid #4e2fe9;}
.audiobox .video-js .vjs-tech {width:100%;height:100%;object-fit:contain;z-index:1;}
.audiobox .vjs-has-started .vjs-control-bar {display:block;}
.audiobox .video-js .vjs-progress-control {width:100%;}
.audiobox .video-js .vjs-progress-control .vjs-progress-holder {margin:0;}
.audiobox .video-js .vjs-control-bar {display:block;position:relative;height:auto;background:transparent;opacity:1 !important;}
.audiobox .vjs-control-bar .vjs-button {width:42px;height:42px;}
.audiobox .vjs-control-bar .vjs-button > span:before {line-height:42px;color:#fff;border:2px solid #4e2fe9;background:#4e2fe9;border-radius:50%;font-size:25px;}
.audiobox .video-js .vjs-play-control {position:absolute;top:30px;left:50%;text-align:left;z-index:2;}
.audiobox .video-js .vjs-time-control .vjs-remaining-time-display {line-height:4rem;color:#333;}
.audiobox .video-js .vjs-current-time, .audiobox .video-js .vjs-duration {display:block;position:absolute;top:0;width:auto;padding:0;color:#777;font-size:12px;z-index:1;}
.audiobox .video-js .vjs-duration {right:0;}
.audiobox .video-js .vjs-current-time {left:0;}
.audiobox .video-js .vjs-current-time span {color:#2f3be2;}
.audiobox .video-js .vjs-volume-bar {margin:2em .45em;}
.audiobox .video-js .vjs-slider {background-color:#eee;}
.audiobox .video-js .vjs-play-progress {background-color:#3e47b7;}
.audiobox .video-js .vjs-load-progress div {background-color:#f5f5f5;}
.audiobox .video-js .vjs-play-progress:before, .audiobox .vjs-slider-horizontal .vjs-volume-level:before {display:none;}
.audiobox .vjs-control-bar .vjs-subs-caps-button, .audiobox .vjs-control-bar .vjs-picture-in-picture-control, .audiobox .vjs-control-bar .vjs-fullscreen-control, .audiobox .video-js .vjs-volume-panel, .audiobox .video-js .vjs-remaining-time, .audiobox .video-js .vjs-big-play-button {display:none !important;}
.audiobox .video_control {position:fixed;left:0;right:0;bottom:0;height:4rem;background:#232745;text-align:right;font-size:0;z-index:10;}
.audiobox .video_control .btn {min-width:3.5rem;height:4rem;background:transparent;color:#fff;}
.audiobox .video_control .btn:hover {background:transparent !important;}
.audiobox .video_control .btn.list {padding:0 0 0 .7rem;font-size:.9rem;color:#eee;}
.audiobox .video_control .btn.list:before {content:'\f10e';margin-right:.3rem;line-height:1;font-size:1.8rem;font-family: VideoJS;vertical-align:middle;}
.audiobox .audio_control {position:absolute;left:0;right:0;top:60px;padding-left:40px;text-align:center;}
.audiobox .audio_control .vjs-button {display:inline-block;width:42px;height:42px;line-height:42px;color:#4e2fe9;border-radius:50%;border:0 solid transparent;background-image: url(/image/icon_audio.png);background-color:transparent;font-size:25px;margin:0 4px;font-size:0;cursor:pointer;}
.audiobox .audio_control .space {display:inline-block;width:80px;}
.audiobox .audio_control .vjs-button.icon1 {background-position:0 -80px;}
.audiobox .audio_control .vjs-button.icon2 {background-position:-40px -80px;}
.audiobox .audio_control .vjs-button.icon3 {background-position:-80px -80px;}
.audiobox .audio_control .vjs-button.icon4 {background-position:-120px -80px;}

.audiobox input[type=checkbox] + label {margin:0 0 0 .5rem;padding-right:0;color:#fff;font-size:.9rem;}
.audiobox input[type=checkbox] + label:before {border-color:rgba(255,255,255,.8);background:#232745;}
.audiobox input[type=checkbox]:checked + label:before {border-color:rgba(255,255,255,.6);}
.audiobox input[type=checkbox] + label:after {width:5px;height:9px;border-color:transparent;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg) translate(-0.23rem, -0.45rem);background:transparent;}
.audiobox input[type=checkbox]:checked + label:after {border-color:#fff;}

/* sns */
.popup .pop-header {position:relative;min-height:45px;background:#3d46c2;}
.popup .pop-header span {display:inline-block;padding-left:20px;color:#fff;font-size:14px;line-height:45px;font-weight:bold;vertical-align:middle;word-break:keep-all;}
.popup .pop-content {padding:20px 20px;font-size:14px;line-height:1.5;letter-spacing:-1px;color:#555;}
.share_sns {overflow:hidden;padding:20px 10px;}
.share_sns li {float:left;width:33.33%;text-align:center;padding-bottom:35px;}
.share_sns li img {height:60px; border-radius:50px;}