@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {
  font-family: 'NanumSquareR';
  font-style: normal;
  font-weight: 400;
  src:local(※), url('http://leunkimasia.seoulsciencemuse.netdna-cdn.com/NanumSquareR.woff'); format('woff');
}



html { margin:0; padding:0; }
body { font-family:'돋움',Helvetica,Apple-Gothic,Sans-serif,Dotum;font-size: 12px; color: #232323;line-height:1.4; margin:0; padding:0; margin:0; width:100%; overflow-x:hidden; background:#17173f; font-size-adjust:none; }
div, td, form { font-family:'돋움',Helvetica,Apple-Gothic,Sans-serif,Dotum; color: #232323; line-height:1.4; padding:0; margin:0; font-size-adjust:none } /* font-size:12px; 임시 삭제  */

ol, ul	{list-style:none; padding:0; margin:0; }
img	{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6	{font-size:100%;font-weight:400; padding:0; margin:0; }
noscript	{ display:none; }

A:link    { text-decoration:none; color:#232323; }
A:active  { text-decoration:none; color:#232323;}
A:visited { text-decoration:none; color:#232323;}
A:hover   { text-decoration:none; color:#111111;}
em,i {font-style:normal;}
.clear	{ clear:both !important; padding:0; height:0; font-size:0; margin:0; }

.menuview_wrap	{ position:absolute; border-right:1px solid #000; background:#17173f; width:200px; left:-201px; z-index:1000; }
.menuview_wrap h2	{ background:#24246d; border-top:1px solid #4a4aa6; border-bottom:1px solid #10102c;  border-left:1px solid #4a4aa6; color:#cdcde6; font-size:11px; letter-spacing:-1px; padding:10px 0 10px 15px; line-height:14px; font-weight:bold; }
.menuview_wrap ul	{ padding:0; margin:0; display:inline-block; white-space:nowrap; font-size:0; width:100%; }
.menuview_wrap li	{ list-style:none; float:left; display:inline-block; width:50%; padding:0; margin:0; background:url(/app/images/menu_bar4.gif) repeat-y 0 0; border-top:1px solid #40404d; border-bottom:1px solid #000; }
.menuview_wrap li a	{ display:block; padding:13px 0 14px 0; width:100%; text-align:center; font-size:14px !important; color:#fff; letter-spacing:-1px; line-height:1.2; text-shadow:-1px 1px #333333; background:url(/app/images/menu_bar3.gif) repeat-y right 0; }
.menuview_wrap span	{ display:inline-block; width:20px; height:14px; vertical-align:bottom; }
.menuview_wrap	.title	{ position:relative; padding:20px 0 10px 15px; border-top:1px solid #6262b6; border-bottom:1px solid #10102c;  border-left:1px solid #6262b6; background:#313186; }
#menuview_close	{ position:absolute; right:5px; top:5px; }

.total_wrap	{ position:absolute; max-width:414px;margin:0; padding:0; left:0; background:#fff; }

#main_header	{ background:url(/app/images/header_bg.gif) repeat-x #fff; height:60px; text-align:center; }
#main_header .logo	{ position:relative; margin:0 auto; width:170px; padding:12px 0 15px 0; text-align:left; }
#main_header .btn_search	{ position:absolute; right:7px; top:17px; padding:0 0 0 5px; border:0 !important; background:url(/app/images/header_bar.gif) no-repeat 0 center; }
#main_header .date	{ position:absolute; left:10px; top:24px; font-size:8px; line-height:10px; color:#888888; text-align:left; }

#menu	{ padding:0; margin:0; border-top:1px solid #7373c3; border-bottom:1px solid #141442; background:#393993; display:inline-block; width:100%; clear:both; position:relative; font-size:0; }
#menu ul	{ padding:0; margin:0; display:inline-block; white-space:nowrap; overflow:hidden; width:100%; }
#menu li	{ list-style:none; float:left; display:inline-block; width:20%; padding:0; margin:0; background:url(/app/images/menu_bar2.gif) repeat-y 0 0; }
#menu li a	{ display:block; padding:12px 0 0 0; width:100%; text-align:center; font-size:14px !important; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:1.2; text-shadow:-1px 1px #333333; background:url(/app/images/menu_bar.gif) repeat-y right 0; height:28px; }
#menu li.on	{ background:url(/app/images/menu_bar2.gif) repeat-y 0 0 #242461; }
#menuview	{ padding:0 5px; margin:0 5px; }
.special_menu_wrap	{ clear:both; background:#393993; border-top:1px solid #7373c3; border-bottom:1px solid #141442; padding:0; margin:0; clear:both; display:inline-block; position:relative; width:100%; font-size:0; }
.special_menu_wrap > div  { position:relative; width:98%; height:40px; overflow:auto; background:#393993; margin:0 auto; -webkit-overflow-scrolling:touch;}
.special_menu_wrap > div > div { position:absolute; height:40px; white-space:nowrap; }
.special_menu_wrap > div > div a	{ display:inline-block; padding:12px 7px 12px 7px; text-align:center; font-size:14px !important; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:1.2; text-shadow:1px 1px #333333; white-space:nowrap; }
.special_menu_wrap > div > div a.on	{ color:#a8c7ff; }
#jqb_object { position:relative; width:98%; height:40px; overflow:hidden; overflow:hidden; background:#393993; margin:0 auto;  }
#jqb_object .jqb_slide	{ position:absolute; height:40px; overflow:hidden; }
#jqb_object .jqb_slide a	{ display:inline-block; padding:12px 7px 12px 7px; text-align:center; font-size:14px !important; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:1.2; text-shadow:1px 1px #333333; white-space:nowrap; }
#jqb_object .jqb_slide a.on	{ color:#a8c7ff; }
#btn_prev	{ position:absolute; left:0; top:0; padding:10px 0 0 0; width:25px; height:25px; text-align:center; z-index:100; }
#btn_next	{ position:absolute; right:0; top:0; padding:10px 0 0 0; width:25px; height:25px; text-align:center; z-index:100; }

#search_box	{ background:#242461; padding:13px 0 13px 16px; display:none; margin:0; position:relative; clear:both; }
#search_box input	{ border-radius:5px; vertical-align:middle; padding:5px; margin:0; font-size:22px; border:1px solid #999999; width:78%; }
#search_box	.search_btn	{ border:0 !important; padding:0 !important; width:50px; }

/*  메인  */
.newsticker_wrap	{ position:relative; background:url(/app/images/newsticker_bg.gif) repeat-x; height:38px; margin:8px; overflow:hidden; }
.newsticker_wrap h2	{ position:absolute; }
.newsticker_wrap ul	{ position:absolute; left:60px; }
.newsticker_wrap li	{ font-size:14px; font-weight:bold; font-family:dotum, '돋움'; padding:12px 0 0 0; display:block; height:20px;}
.newsticker_wrap li a	{ color:#313586; }
.newsticker_wrap .newsticker_btn	{ position:absolute; right:0;}

.photo_list	{ padding:3px 8px 0 8px; }
.photo_list li	{ clear:both; display:block; position:relative; height:240px; margin:0 0 6px 0; overflow:hidden; }

@media screen and ( max-width:375px ) {
	.photo_list li { height:220px; }
}
@media screen and ( max-width:320px ) {
	.photo_list li { height:180px; }
}

.photo_list li img	{ width:100%; }
.photo_list li .bg	{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */}
.photo_list li .title	{ position:absolute; left:18px; bottom:10px; width:260px; padding:0 0 8px 0; font-weight:400; font-size:27px !important; color:#fff !important; font-family:Noto Sans KR, dotum; line-height:30px; letter-spacing:-0.04em; z-index:11; text-shadow:1px 1px 2px #000; }
.photo_list li a	{ display:block; }

.photo_list_mini	{ padding:0 8px 0 0; }
.photo_list_mini li	{ clear:both; display:block; position:relative; height:100px; margin:0 0 4px 0; overflow:hidden; }
.photo_list_mini h3	{ position:absolute; left:0; top:0; background:#434aa3; padding:5px 15px 7px 0; margin:0; font-size:12px; letter-spacing:-1px; font-weight:600; text-indent:10px; color:#fff; }
.photo_list_mini li img	{ width:100%; }
.photo_list_mini li .bg	{ position:absolute; left:0; top:0; background:url(/app/images/photo_bg2.png) 0 bottom repeat-x; width:100%; height:100%; z-index:10; }
.photo_list_mini li .title	{ position:absolute; left:15px; bottom:2px; width:85%; padding:0 0 8px 0; font-weight:400; font-size:16px !important; color:#fff !important; font-family:Noto Sans KR, dotum; line-height:20px; letter-spacing:-0.04em; z-index:11; text-shadow:1px 1px 2px #000; }
.photo_list_mini li a	{ display:block; }

.photo_issue	{ padding:0 8px 0 0; }
.photo_issue h3 { background:#434aa3; padding:5px 0; margin:0 0 5px 0; font-size:12px; letter-spacing:-1px; font-weight:600; text-indent:10px; color:#fff; }
.photo_issue li	{ clear:both; display:block; position:relative; height:125px; margin:0 0 4px 0; overflow:hidden; }
.photo_issue li img	{ width:100%; height:125px; }
.photo_issue li .bg	{ position:absolute; left:0; bottom:0 !important; background:#000; width:100%; height:60px; z-index:10; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
.photo_issue li .title	{ position:absolute; left:15px; bottom:2px; width:85%; padding:0 0 8px 0; font-weight:400; font-size:16px !important; color:#fff !important; font-family:Noto Sans KR, dotum; line-height:20px; letter-spacing:-0.04em; z-index:11; text-shadow:1px 1px 2px #000; }
.photo_issue li a	{ display:block; }

.list_blog	{ clear:both; padding:18px 8px 8px 8px; }
.list_blog li	{ width:100%; padding:0 0 15px 0; font-size:12px; clear:both; display:inline-block;color:#888888; line-height:16px; }
.list_blog li.emptyArticle { width:100%; height:105px; }
.list_blog li.emptyArticle a.img { float:left; margin:0 18px 0 0; width:165; height:105px; text-align:center; line-height:105px; border:1px solid #d0d0d0; }
.list_blog li .img	{ float:left; margin:0 18px 0 0; }
.list_blog li .img img	{ width:165px; height:105px; }
.list_blog li .list_blog_title	{ padding:0 0 8px 0; font-weight:400; font-size:17px !important;color:#000000 !important; font-family:Noto Sans KR, dotum; line-height:24px; letter-spacing:-0.04em; }
.list_blog li span	{ display:inline-block; margin:4px 0 3px 0; color:#777; font-weight:bold; letter-spacing:-0.05em; }
.list_blog li a	{ color:#888888 !important; line-height:18px; }

.main_float_wrap	{ padding:4px 0 8px 8px; }
.main_float_wrap .main_float	{ float:left; width:50%; }

#main_opinion { clear:both; margin:0 8px 0 0; padding:0 0 20px 0; }
#main_opinion h3 { background:#434aa3; padding:5px 0; margin:0; font-size:12px; letter-spacing:-1px; font-weight:600; text-indent:10px; color:#fff; }
#main_opinion .writer	{ position:relative; padding:15px 55px 10px 5px; 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:10px; }
#main_opinion .ul_list_dot	{ padding:0;}
#main_opinion .ul_list_dot li a	{ clear:both; color:#666666 !important; padding:0 0 0 11px; background:url(/app/images/icon_dot.gif) no-repeat 2px 6px; letter-spacing:-0.05em; line-height:20px; white-space:nowrap; }

.list_blog:after, .main_float_wrap:after, .photo_list:after	{ clear:both; content:""; height:0; font-size:0; }

.photo_cate	{ padding:8px 8px 14px 8px; }
.photo_cate h3	{ position:absolute; left:0; top:0; background:#434aa3; padding:5px 15px 7px 0; margin:0; font-size:12px; letter-spacing:-1px; font-weight:600; text-indent:10px; color:#fff; }
.photo_cate h3	span	{ color:#d6edff; }
.photo_cate li	{ clear:both; display:block; position:relative; height:240px; margin:0 0 6px 0; overflow:hidden; }
.photo_cate li img	{ width:100%; }
.photo_cate li .bg	{ position:absolute; right:0; bottom:10px; background:#000; width:65%; height:42%; z-index:10; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }
.photo_cate li .title	{ position:absolute; right:10px; bottom:15px; width:60%; padding:0 0 8px 0; font-weight:400; font-size:22px !important; color:#fff !important; font-family:Noto Sans KR, dotum; line-height:26px; letter-spacing:-0.04em; z-index:11; text-shadow:1px 1px 2px #000; }
.photo_cate li a	{ display:block; }

.main_writer	{ position:relative; background:url(/app/images/writer_bg.png) #454b9c; height:67px; padding:8px 30px 0 108px; }
.main_writer h3	{ position:absolute; left:15px; top:20px; }
.main_writer .writer_list_wrap	{ width:100%; height:60px; }
.main_writer .writer_list { position:relative; overflow:hidden; width:100%; height:60px; }
.main_writer .writer_list li	{ float:left; display:inline-block; padding:0 0 0 0; width:33%; text-align:center; }

.main_writer .writer_list2 { position:relative; width:100%; height:60px; }
.main_writer .writer_list2 li	{ text-align:center; }

@media screen and ( min-width:320px ) {
	.main_writer .writer_list_wrap { width:165px; margin:0 auto; }
}
@media screen and ( min-width:375px ) {
	.main_writer .writer_list_wrap { width:230px; }
}
@media screen and ( min-width:425px ) {
	.main_writer .writer_list_wrap { width:280px; }
}
@media screen and ( min-width:768px ) {
	.main_writer .writer_list_wrap { width:630px; }
}

.main_writer .img	{ width:60px; height:60px; }
.main_writer .btn_prev	{ position:absolute; left:78px; top:0; width:20px; height:50px !important; padding:25px 0 0 0; border:0 !important; }
.main_writer .btn_next	{ position:absolute; right:10px; top:0; width:20px; height:50px !important; padding:25px 0 0 0; border:0 !important; }
.main_writer .btn_prev span, .main_writer .btn_next span	{ display:none; }



.newslist	{ padding:3px 0 0 0; margin:0; width:100%; }
.newslist ul	{ width:100%; }
.newslist li	{ padding:11px 15px 11px 10px; clear:both; display:block; border-bottom:1px solid #efefef; }
.newslist li a	{ display:inline-block; letter-spacing:-1px; color:#666666; line-height:15px; font-size:13px; clear:both; }
.newslist li .img	{ float:left; margin:0 7px 0 0; }
.newslist li .list_blog_title	{ font-weight:bold; font-size:16px !important; color:#000000 !important; line-height:18px !important; padding:0 0 3px 0; }

.columnlist	{ padding:3px 0 0 0; margin:0; width:100%; }
.columnlist ul	{ width:100%; }
.columnlist li	{ float:left; width:44%; padding:11px 3% 11px 3%; display:block; border-bottom:1px solid #efefef; }
.columnlist li a	{ color:#666666; line-height:15px; font-size:13px; clear:both; vertical-align:middle; height:60px; }
.columnlist li a span { font-weight:normal; }
.columnlist li .img	{ float:left; margin:0 7px 0 0; }

.sub_view_topbtn_box	{ height:35px; padding:8px 8px 0 8px; position:relative;font-size:0}
.sub_view_topbtn_box a {position:relative;display:inline-block;margin-right:2px;vertical-align: middle;}
.sub_view_topbtn_box a.clipboard + input {position:absolute;margin-left:-35px;z-index:-2;}
.sub_view_txtbtn	{ position:absolute; right:8px; top:8px; }
.sub_view_txtbtn .txt_big	{ background:url(/app/images/btn_txt_big.png) no-repeat #fff; width:63px; height:40px; cursor:pointer; border:0; padding:0; margin:0; font-size:0; vertical-align:middle; }
.sub_view_txtbtn .txt_small	{ background:url(/app/images/btn_txt_small.png) no-repeat #fff; width:63px;; height:40px; cursor:pointer; border:0; padding:0; margin:0; font-size:0; vertical-align:middle; }
.sub_view_txtbtn span	{ display:none;}

.news_view	{ position:relative; border-top:1px solid #d5d5d5; }
.news_view dd.category	{ padding:8px 0 0 0; letter-spacing:-1px; color:#989898; font-size:12px; }
.news_view dd.category .cate	{ padding:0; font-weight:bold; }
.news_view dt	{ border-bottom:1px solid #d5d5d5; padding:9px 10px 15px 15px; }
.news_view dt h3	{ color:#000000; letter-spacing:-1px; font-size:22px; font-weight:bold; line-height:26px; border:0 !important; padding:0 !important; }
.news_view dt h4	{ font-size:16px; color:#6f72a0; padding:6px 0 0 0; letter-spacing:-1px !important;font-weight:bold; line-height:18px; }
.news_view dd.news_subtitle2	{ font-size:13px; padding:7px 0 0 0; font-weight:bold; color:#777777 clear:both; }
.news_view dd	{ font-size:16px; color:#222222; line-height:1.4; padding:10px 15px 0 15px !important; clear:both; margin:0 !important; }
.news_view dd.writer_info	{ padding:12px 0 0 0; font-size:12px; color:#767676; letter-spacing:-1px; font-size-adjust:none; }
.news_view dd.writer_info .date	{ font-family:tahoma, '돋움'; padding:0 0 0 8px;letter-spacing:0 !important; font-size:11px; }
.news_view dd.writer_info .bar	{ color:#e5e5e5; padding:0 8px 0 0; } 
.news_view dd.writer_info .namebox	{ font-size:12px; padding:0 0 10px 0; display:inline-block; }
.news_view dd.writer_info .namebox .writer_btn	{ padding:0 8px 0 0; display:inline-block; color:#747474; text-decoration:underline; font-size:13px; }

.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 10px; padding:5px; border:1px solid #e6e6e6;}
.news_view dd .photoa_left	{ float:left; margin:0 10px 20px 0; padding:5px; border:1px solid #e6e6e6;}

.boxsize_t { width:20%; }
.boxsize_s { width:30%; }
.boxsize_m { width:50%; }
.boxsize_b { width:95%; }

.inboxsubject { font-weight:bold; margin-bottom:5px; padding:5px 5px 0 5px; background:#f0f0f0; }

.news_view dd .photo_explain	{ font-size:12px; color:#666666; font-size:11px; padding:3px 0 0 7px; text-align:left; font-family:dotum; line-height:14px; }
.news_view dd .news_view_copy	{ padding:8px 0 20px 0; font-size:12px; }
.news_view dd p	{ padding:0px 0 0px 0 !important; margin:0 !important; }
.news_view dd p.news_view_copy	{ padding:8px 0 20px 0 !important; font-size:12px; }

.comment_box	{ border:1px solid #d5d9e0; background:#f9f9f9; padding:8px 0 8px 10px; color:#999999; font-size:12px; letter-spacing:-1px; }
.comment_box h4	{ border-bottom:1px solid #e1e1e1; padding:10px 0 10px 0; vertical-align:middle; margin:0 0 10px 0; font-size:18px; color:#222222; font-weight:bold; }
.comment_box h4 span	{ display:inline-block; font-size:12px; letter-spacing:-1px; color:#666666; padding:5px 0 0 8px; line-height:18px !important; font-weight:normal; }
.comment_box h4 span strong	{ color:#3399ff; font-weight:bold; font-size:14px !important; padding:0 2px 0 0; }
.comment_box input, .comment_box textarea	{ border:1px solid #666666; background:#fff; padding:4px; font-size:18px !important; margin:0 0 5px 0;vertical-align:middle; }
.comment_box .comment_btn	{ vertical-align:middle; border:0; padding:0; margin:0 0 10px 0; width:65px; height:54px; vertical-align:middle; }

.comment_list	{ position:relative; padding:5px 14px 0 14px; }
.comment_list li	{ border-bottom:1px solid #f4f4f4; padding:12px 0 12px 0; color:#777777; font-size:14px;}
.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:14px; color:#333333; padding:4px 0 0 0; line-height:1.3; }
.comment_list a	{ position:absolute; right:10px; }

.header_title	{ padding:29px 0 28px 14px; margin:0; border-top:1px solid #7373c3; border-bottom:1px solid #141442; background:url(/app/images/login_title_bg.gif) repeat-x #393993; font-size:12px; color:#fff; position:relative; }
.loginbox	{ position:relative; margin:0 auto; padding:25px 20px; background:url('/app/images/login_bg.gif') repeat-x 0 0; min-width:320px; }
.loginbox	*,
.loginbox	*:after,
.loginbox	*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}


.loginbox .titleWrap {display:block; margin-bottom:20px;}
.loginbox .titleWrap h2 { font-size:16px; color:#333; font-weight:bold;}
.loginbox .titleWrap .exp {font-size:12px; color:#888; line-height:1.4em; margin-top:5px; letter-spacing:-.06em; }
.loginbox .titleWrap .exp strong {font-weight:bold; color:#3361e2}
.loginbox .title {display:block; margin-bottom:0px; font-size:16px; color:#333; font-weight:bold;}
.loginbox .input-box {position:relative; width:100%; position:relative; }
.loginbox .lb_float	{ width:100%; padding:0; height:77px;  }
.loginbox .lb_float2	{ position:absolute; right:0px; top:0px; }
.loginbox .lb_float	input 	{ vertical-align:middle; padding:5px; margin:0 0 6px 0; font-size:20px; height:36px;border:1px solid #ccc; border-radius:3px;width:calc(100% - 120px); }
.loginbox .lb_float2	.login_btn	{ border:0 !important; padding:0 !important; height:78px; width:88px; }
.loginbox .lb_float span	{ display:inline-block; width:24px; font-size:13px; color:#888 }
.loginbox img	{ vertical-align:middle; margin:0 0 6px 0; }
.loginbox .login_input_txt	{ padding:10px 0 0 28px; font-size:14px; }
.loginbox .login_input_txt input 	{ vertical-align:middle; border:0; padding:0; margin:0; zoom:1.5; }
.login_text	{ padding:12px 15px 15px 15px; font-size:12px; letter-spacing:-1px; background:#f8f8f8; border:1px solid #efefef; }
.login_item { display:block;  border-top:1px dashed #ddd; margin-top:15px; padding:15px 0px 0; font-size:0; text-align:center;}
.login_item a {display:inline-block; position:relative; margin-left:18px;  padding-left:18px; vertical-align:top; font-size:13px; color:#555;  }
.login_item a:first-child {margin:0; padding:0}
.login_item a:first-child:before { display:none; }
.login_item a:before {content:''; position:absolute; left:0; top:1px; height:15px; width:1px; background-color:#ddd; }
.loginbox .itemT {display:block; font-size:14px; font-weight:bold; margin:10px 0 5px; }
.loginbox .row { border-top:1px solid #97b0ef;  padding:5px 5px;width:100%; margin-bottom:20px; }
.loginbox .row li {display:table; width:100%;  padding:3px 0; font-size:0; }
.loginbox .row li span {display:table-cell; vertical-align:top; line-height:1.5em;  font-size:13px; color:#666; letter-spacing:-.06em; }
.loginbox .row li span:first-child {width:80px; letter-spacing:-.1em; vertical-align:middle; }
.loginbox .row li span:first-child + span {width:calc(100% - 80px)}
.loginbox .row input[type="text"],
.loginbox .row input[type="password"]{width:100%; height:35px; border:1px solid #ddd; border-radius:3px; padding-left:8px;}
.loginbox .row select {width:100%; height:35px; border:1px solid #ddd; border-radius:3px; margin-top:0px; background-color:#fff;}
.loginbox .row label {margin-right:20px;}
.loginbox .row .txt {display:block;font-size:12px; color:#777; padding:5px 0;}
.loginbox .btnSearch {display:block;  margin-top:5px;width:100%; border:0;  height:38px; line-height:38px; border-radius:3px;  color:#fff; background-color:#4469cd; font-size:14px; font-weight:bold; text-align:center; }

.loginbox input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
.loginbox input[type=checkbox] + label {position:relative;display:inline-block;margin:0;  padding:0 1rem 0 1.35rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:14px;line-height:28px;color:#111;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
.loginbox input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:5px;width:18px;height:18px;background-color:#fff;border:1px solid #bfc9d4;border-radius:3px;transform:translateY(0%);box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
.loginbox input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:5px;left:6px;width:7px;height:11px;margin:1px 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
.loginbox input[type=checkbox]:checked + label {background:none;}
.loginbox input[type=checkbox]:checked + label:before {border:1px solid #3768e4;background-color:#3768e4;transform:translateY(0);box-shadow:0 3px 8px -3px #3768e4;}
.loginbox input[type=checkbox]:checked + label:after {display:block;}

.loginbox input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:13px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
.loginbox input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #bfc9d4;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
.loginbox input[type=radio]:checked + label {background:none;}
.loginbox input[type=radio]:checked + label:after {border:5px solid #3768e4;box-shadow:0 3px 8px -3px #3768e4;}

.agree-check {display:block; margin-top:20px; margin-bottom:20px; background:#fafafa;border:1px solid #e1e1e2;}
.agree-check dt {padding:0 0rem;border-bottom:1px solid #e1e1e2;background:#fff;}
.agree-check dd {padding:10px 10px;}
.agree-check .ag-tit { display:block; width:100%; text-align:left !important; padding:10px;  }
.agree-check .ag-tit label {font-size:14px; color:#111; font-weight:400 !important; padding-left:25px; }
.agree-check dd label {display:inline-block;width:80%;padding:.5rem 0 .5rem 1.5rem;font-size:12px;line-height:1;}
.agree-check .basic_txt{color:#f30000; font-size:12px; vertical-align: middle; margin-left:5px;}
.agree-check .basic_txt.black {color:#333;}
.agree-check .btn_link{float:right;margin-top:.5rem;margin-right:.5rem;color:#333;font-size:.8rem; border-bottom:1px solid #333;font-weight:bold; }

.policy-item {display:block; margin-top:10px; font-size:13px; line-height:1.5em; color:#555; }
.policy-item h1 {color:#000; font-size:15px; font-weight:bold; margin-top:20px; }
.policy-item h2 {color:#444; font-size:14px; font-weight:bold; margin-top:15px; margin-bottom:7px; }
.loginbox .btn-close {position:absolute; right:15px; top:20px; }
.loginbox .btn-close:before {content:"\e921"; display:inline-block; font-size:20px; color:#000;font-family:'xeicon';}
.loginbox .btn-ok {width:80px; height:35px; border:0; line-height:35px; background-color:#555; color:#fff; border-radius:0 3px 3px 0 }

.joincheck	{ display:inline-block; padding:5px 0 5px; width:150px; margin-bottom:5px;text-align:center; font-weight:bold; font-size:14px; background:url('/image/check_bg.gif'); border:1px solid #a1b7ea; vertical-align:middle; }

.joinDone {display:block; padding:25px 10px; background-color:#f2f5fc; text-align:center; letter-spacing:-.08em; }
.joinDone dt {font-size:18px; line-height:1.6em; font-weight:bold; }
.joinDone dt span {color:#3367eb}
.joinDone dd {font-size:13px; line-height:1.5em; color:#666; margin-top:10px; }

.join_btnbox {display:block; margin:10px 0; padding:15px; border:1px solid #ddd; }
.join_btnbox strong {font-weight:bold;font-size:15px; color:#000;}

.mgt5 {margin-top:5px !important; }
.mgt10 {margin-top:10px !important; }

.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w33pc {width:calc(33% - 1px) !important;}
.w34pc {width:34% !important;}
.w35pc {width:35% !important;}
.w40pc {width:40% !important;}
.w43pc {width:43% !important;}
.w45pc {width:45% !important;}
.w47pc {width:47% !important;}
.w50pc {width:50% !important;}
.w-confirm {width:calc(100% - 80px) !important; border-radius:3px 0 0 3px !important;border-right:0;  }


.btn_wrap	{ border-bottom:2px solid #393993; border-top:1px solid #b3b3b3; font-size:0; background:url(/app/images/btn_bg.gif); display:inline-block; width:100%; }
.btn_more	{ color:#666666; font-weight:bold; font-size:14px !important; text-align:center; line-height:16px; padding:13px 0 14px 0; display:inline-block; width:74%; border-right:1px solid #aeaeae; border-left:1px solid #fff; }
.btn_top	{ color:#666666; font-weight:bold; font-size:14px !important; text-align:center; line-height:16px; padding:13px 0 14px 0; display:inline-block; width:25%; }
.btn_home	{ color:#666666; font-weight:bold; font-size:14px !important; text-align:center; line-height:16px; padding:13px 0 14px 0; display:inline-block; width:24%; border-right:1px solid #aeaeae; border-left:1px solid #fff; }
.btn_prev, .btn_next	{ color:#666666; font-weight:bold; font-size:14px !important; text-align:center; line-height:16px; padding:13px 0 14px 0; display:inline-block; width:24%; border-right:1px solid #aeaeae; border-left:1px solid #fff; }
.btn_prev span	{ display:inline-block; background:url(/app/images/arrow3.png) no-repeat; width:18px; height:12px; vertical-align:middle; }
.btn_next span	{ display:inline-block; background:url(/app/images/arrow2.png) no-repeat right 0; width:18px; height:12px; vertical-align:middle; }
.btn_top span	{ display:inline-block; background:url(/app/images/arrow.png) no-repeat; width:18px; height:12px; vertical-align:middle; }

.bottom_btn	{ text-align:center; font-size:0; padding:20px 0 0 0; white-space:nowrap; }
.copyright	{ color:#999999; font-size:10px; text-align:center; padding:8px 0 30px 0; }

.banner_top {position:relative;text-align:center;z-index:2;}
.banner_cont {position:relative;padding:15px 0;text-align:center;}
.banner_middle {padding:10px 0 0;text-align:center;}

.banner_reply {position:relative;display:inline-block;width:100%;padding:0 0 140px;overflow:hidden;z-index:1;}
.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;}

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,.3);z-index:2;}

li.youtube {position:relative;display:block;height:auto;min-height:200px;}
li.youtube a {position:relative;display:block;}
li.youtube h3 {z-index:3;}
li.youtube .bg {left:0;top:0;bottom:0;right:0;width:100%;height:100%;opacity: 0.1;-moz-opacity: 0.01;}
/*li.youtube .title {bottom:0;left:0;right:0;width:90%;padding:0 5% 15px;font-size:18px !important;}*/
li.youtube img {height:auto !important;}
li.youtube a: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,.3);z-index:2;}


.video-container{position:relative;padding-bottom:56.25%;padding-top:20px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/* 기사제보 */
.sub_customer_wrap	{padding:0 15px 30px 15px; margin:0; position:relative;}
.sub_customer_wrap h3	{ font-size:0; padding:13px 0 13px 9px; border-bottom:2px solid #919191; }
.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;}

.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; }

.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;}
.sub_customer_wrap .write_table td input { padding:7px 10px;font-size: 14px;}
.sub_customer_wrap .write_table td input + input {margin:5px 0;}
.sub_customer_wrap .write_table td select {height: 34px;}

.sub_view_bottombtn_box	{ text-align:right; padding:30px 0 30px 0;}


/* 중기광고배너 */
.jungiad_list { clear:both;padding:0 0 5px; }
.jungiad_list img { max-width: 100%;width: 100%; }

.jungiad_list.jebo { clear:both;padding:8px 0 5px; }

.junggi_bottom_list { clear:both;padding:60px 0 0; text-align: center;}
.junggi_bottom_list a { padding-bottom:30px;}
.junggi_bottom_list img { width: 300px;}

.junggi_bottom_list.middle {padding:30px 0 10px;}
.junggi_bottom_list.middle a { display:block; padding-bottom:0;}

.junggi_bottom_list.view {padding:10px 0 50px;}
.junggi_bottom_list.view a { padding-bottom:0;}

.junggi-bottom_fixed {clear:both;position:relative; height:80px;z-index:99999998;}
.junggi-bottom_fixed img { width: 320px;}
.junggi-bottom_fixed .float {position:fixed; bottom:0; left:0;right:0; width:100%; text-align: center; z-index:99999998;}
.junggi-bottom_fixed .img_wrap { position:relative;display:inline-block; }
.junggi-bottom_fixed .img_wrap .btn_x { display:inline-block;position:absolute;right:-5px;bottom:0; width:18px; height:18px; border:0; border-radius:50%; background:url('/mobile/images/btn_x.png') no-repeat center center rgba(0,0,0,.65); background-size:7px auto;font-size:0;overflow:hidden;}

.jungiad_list a, .junggi_bottom_list a, .junggi_bottom_list.view a, .junggi-bottom_fixed a { display:block; }